@charset "utf-8";
/* 施設記事アーカイブページ／投稿ページ */

/*********************************************
施設一覧（アーカイブ）ページ
*********************************************/
#facility-list main {
  margin-top: -4vw;
  padding-top: 4vw;
  background: var(--color-pale-green);
  margin-bottom: 16vw;
}
.container.facility .title.faci-list-title {
  font-size: 7.5vw;
  padding: 18vw 0 14vw;
}
.faci-list-wrap {
  background: #fff;
  padding: 7.5vw 5vw 12vw;
  filter: drop-shadow(0em 0.5em 1em rgba(0, 0, 0, 0.1));
  border-radius: 1em;
  margin-bottom: 5.4vw;
}
/*********************************************
施設詳細（投稿）ページ
*********************************************/
#facility-article main {
  padding: 8vw 6vw 30vw;
}
#facility-article main .btn-wrap {
  margin: 0;
}
#facility-article main .btn-common .arrow::before {
  left: 0.35em;
}
#facility-article main .btn-a-wrap_full .txt {
  left: 0.9em;
}
/*********************************************
施設ページ 共通テンプレ（template-facility.php）
*********************************************/
.facility-common {
  font-size: 3.5vw;
  line-height: 5.3vw;
}
.facility-common .area-breadcrumb {
  font-size: 2.8vw;
  margin-bottom: 1.8vw;
  display: flex;
}  
.facility-common .area-breadcrumb .arrow {
  margin: 0 0.3em;
  margin-top: -0.1em;
}
.facility-common .deco-index {
  font-size: 3vw;
  line-height: 4.5vw;
  margin-bottom: 3vw;
  display: flex;
}
.facility-common .deco-index .icon {
  border-radius: 0.2em;
  padding: 0 0.65em 0.05em;
}
.facility-common .deco-index .city {
  color: #fff;
  background: var(--color-green);
  margin-right: 0.3em;
}
.facility-common .deco-index .station {
  background: #9FD3CA;
}
.facility-common .faci_name {
  font-size: 6.2vw;
  color: var(--color-green);
  margin-bottom: 5vw;
}
.imgandinfo {
  margin-bottom: 8vw;
}
.img_faci-main {
  margin-bottom: 2vw;
}
.faci-index {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: var(--color-green);
  background: var(--color-pale-green);
  border-top: 1.5px solid var(--color-green);
  padding-left: 4vw;
  height: 9vw;
  font-size: 4.3vw;
  margin: 7vw -3vw 6vw;
}
.faci-index .txt {
  
}
.faci-index .icon.faci{
  width: 6.5vw;
  line-height: 0;
  margin-right: 2.5vw;
}
.faci_cost {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;  
  margin-bottom: 0.7em;
}
.faci_cost .icon {
  width: 1.32em;
  margin-top: 0.55em;
  margin-right: 0.3em;
}
.faci_cost .cost-wrap .cost {
  margin-bottom: 0.2em;
}
.faci_cost .cost-wrap .price {
  font-weight: 700;
  color: #FA5D54;
}
.faci_cost .cost-wrap .price .number {
  font-size: 1.9em;
}
.faci_add {
  display: flex;
}
.faci_add .icon {
  width: 5vw;
  margin-top: 0.5vw;
  margin-right: 0.6vw;
}
.faci_map {
  margin-left: 5.5vw;
  margin-bottom: 3vw;
}
.faci_map iframe {
  height: 40vw!important;
  border-radius: 0.5em;
}
.faci_map .btn {
  font-size: 2.5vw;
  line-height: 1.6;
  color: var(--color-green);
  border: solid 1px #E3E3E3;
  width: 19vw;
  border-radius: 50rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-right: 2vw;
}
.faci_map .btn .arrow {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.faci_map .btn .arrow::before {
  content: '';
  width: 0.4em;
  height: 0.4em;
  border-top: solid 1px var(--color-green);
  border-right: solid 1px var(--color-green);
  position: absolute;
  left: 0.2rem;
  transform: rotate(135deg);
}
.faci_map.is-open .btn .arrow::before {
  border-top: solid 1px var(--color-green);
  border-right: solid 1px var(--color-green);
  transform: rotate(-45deg); /* 右上向き（∧） */
}
.faci_station {
  display: flex;
  margin-bottom: 5vw; 
}
.faci_station .icon {
  width: 4.5vw;
  min-width: 4.5vw;
  margin-top: 0.6vw;
  margin-right: 1vw;
  margin-left: 0.3vw;
}
.faci_features {
  background: #FEF5EA;
  font-weight: 600;
  padding: 3.5vw 0 4.5vw;
  margin-bottom: 11vw;
}
.faci_features .index {
  font-size: 3.9vw;
  text-align: center;
  border: 1px solid #F8972A;
  color: #F8972A;
  width: 47vw;
  border-radius: 50rem;
  padding: 1vw 1vw;
  margin: 0 auto;
  margin-bottom: 3vw;
}
.faci_features .features-content {
  font-size: 3.6vw;
  width: fit-content;
  margin: 0 auto;
  padding-right: 10vw;
}
.faci_features .features-content li {
  position: relative;
  padding-left: 3.2vw;
}
.faci_features .features-content li::before {
  position: absolute;
  content: "";
  width: 1.5vw;
  height: 1.5vw;
  background: #F8972A;
  border-radius: 50%;
  top: 2.1vw;
  left: 0;
}
.faci_faq {
  margin-bottom: 20vw;
}
.faci_faq .index {
  color: var(--color-green);
  font-size: 3.6vw;
  display: inline-flex;
}
.faci_faq .index::before {
  content: '';
  padding-left: 3.3vw;
  margin: 0.5px 0;
  border-left: solid 0.25em var(--color-green);
}
.faci_faq .faq-item {
  border-bottom: 1px solid #E3E3E3;
  padding: 3vw 0;
}
.faci_faq .item {
  display: flex;
}
.faci_faq .item.q {
  font-weight: 600;
  margin-bottom: 0.8vw;
}
.faci_faq .item .icon {
  color: var(--color-green);
}

/*********************************************
レスポンシブ
*********************************************/
@media(min-width:600px) {
}
@media(min-width:760px) { /* ipad mini */
}
@media(min-width:1200px) {
  /*********************************************
  施設一覧（アーカイブ）（PC）
  *********************************************/
  #facility-list main {
    margin-top: 0;
    padding-top: 1rem;
    margin-bottom: 10rem;
  }
  .container.facility .title.faci-list-title {
    font-size: 3.7rem;
    padding: 7rem 0 8rem;
    margin-bottom: 0 !important;
  }
  .faci-list-wrap {
    padding: 4rem 3rem 7rem;
    margin-bottom: 2.5rem;
  }
  .facility-common {
    font-size: 1.25rem;
    line-height: 1.9rem;
  }
  .faci-index .icon.faci {
    width: 1em;
    margin-right: 0.6em;
  }
  .faci-index {
    padding-left: 0.8em;
    height: 2em;
    font-size: 1.85rem;
    margin: 0;
    margin-bottom: 1.5rem;
  }
  /*********************************************
  施設詳細（投稿）ページ
  *********************************************/
  #facility-article main {
    padding: 3rem 1rem;
    margin-bottom: 8rem;
  }
  #facility-article main .btn-wrap {
    transform: scale(0.85);
  }
  #facility-article main .btn-common .arrow::before {
    left: 0.5em;
  }
  #facility-article main .btn-a-wrap_full .txt {
    left: 1.1em!important;
  }
  #facility-article main .btn-a-wrap_full .btn-common .arrow::before {
      left: 0.45em;
  }
  /*** 施設ページ 共通パーツ ***/
  .facility-common .area-breadcrumb {
    font-size: 1.15rem;
    margin-bottom: 1.2rem;
  }  
  .facility-common .deco-index {
    font-size: 1.3rem;
    line-height: 2.2rem;
    margin-bottom: 2rem;
  }
  .facility-common .deco-index .icon {
    border-radius: 0.2em;
    padding: 0 0.65em;
  }
  .facility-common .deco-index .city {
    color: #fff;
    background: var(--color-green);
    margin-right: 0.3em;
  }
  .facility-common .faci_name {
    font-size: 3.5rem;
    margin-bottom: 3rem;
  }
  .facility-common .imgandinfo {
    display: flex;
    margin-bottom: 0;
  }
  .img_faci-main {   
    margin-bottom: 0;
    margin-right: 3rem;
    width: 51%;
    min-width: 51%;
  }
  .faci_add {
    margin-bottom: 0.4rem;
  }
  .faci_add .icon {
    width: 2rem;
    margin-top: 0.1rem;
    margin-right: 0.5rem;
  }
  .faci_map {
    margin-left: 2.4rem;
    margin-bottom: 1.2rem;
  }
  .faci_map .btn {
    font-size: 1rem;
    width: 8rem;
    padding-right: 0.5rem;
  }
  .faci_map iframe {
    height: 14em !important;
  }
  .faci_station {
    margin-bottom: 4rem; 
  }
  .faci_station .icon {
    width: 1.75rem;
    min-width: 1.75rem;
    margin-top: 0.4rem;
    margin-right: 0.65rem;
    margin-left: 0.2rem;
  }
  .faci_features {
    padding: 3rem 0 3.5rem;
    margin-bottom: 4rem;
  }
  .faci_features .index {
    font-size: 2rem;
    width: 24rem;
    padding: 0.7rem;
    margin-bottom: 2.2rem;
  }
  .faci_features .features-content {
    font-size: 1.6rem;
    line-height: 2.1rem;
    padding: 0 5rem;
    width: 100%;
    box-sizing: border-box;
  }
  .faci_features .features-content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }
  .faci_features .features-content li {
    padding-left: 1.3rem;
    width: calc((100% - 5.6rem) / 2);
    margin-bottom: 0.6rem;
  }
  .faci_features .features-content li:nth-child(odd) {
    margin-right: 3rem;
  }
  .faci_features .features-content li::before {
    width: 0.55rem;
    height: 0.55rem;
    top: 0.9rem;
  }
  .faci_faq {
    margin-bottom: 4rem;
    padding: 0 2rem;
  }
  .faci_faq .index {
    font-size: 2rem;
  }
  .faci_faq .index::before {
    padding-left: 1.5rem;
    margin: -4.5px 0;
    border-left: solid 6px var(--color-green);
  }
  .faci_faq .faq-item {
    padding: 1.7rem 0;
  }
  .faci_faq .item.q {
    margin-bottom: 1rem;
  }
  #facility-list .btn-wrap {
    transform: scale(0.85);
  }
  #facility-list .btn-common {
      font-size: 3.2rem;
  }
}