@charset "utf-8";
/* ==========================================================
 店舗詳細ページ（page-store.php）専用CSS
 ・読み込み：functions.php の store_page_style()
   → is_page_template('page-store.php') のページのみ
 ・スコープ：すべて #content.store-detail .store 配下に限定
 ・流用元：css/top.css の .top_Box2（施設紹介）/ .top_Box5（アクセス）
   値は top.css と同じ。セレクタだけを本文HTMLのクラス
   （.store-facility / .store-access）に合わせて書き換えている
 ・既存CSSの値は変更しない。新規スコープ内の追加指定のみ
========================================================== */

/* ----------------------------------------------------------
 施設紹介（本文 section.store-facility ／ 元：.top_Box2）
---------------------------------------------------------- */
#content.store-detail .store .store-facility {
  background-color: #231815;
  padding: 100px 0;
  color: #FFF;
}
#content.store-detail .store .store-facility .inner .title {
  position: relative;
  margin: 0 0 100px;
}
#content.store-detail .store .store-facility .inner .title:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #FFF;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0%, -50%);
  z-index: 1;
}
#content.store-detail .store .store-facility .inner .title h2 {
  position: relative;
  display: inline-block;
  font-size: 30px;
  background-color: #231815;
  z-index: 2;
  padding: 0 60px 0 0;
}
#content.store-detail .store .store-facility .inner .inBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #DCDCDC;
  max-width: 1028px;
  margin: 0 auto;
  padding: 0 0 50px;
}
#content.store-detail .store .store-facility .inner .inBox .imgBox {
  width: 48%;
  text-align: center;
}
/* 画像：layout.css の img{max-width:100%;height:auto} 前提。
   flex子要素内で幅0に潰れないよう明示（top.css には無い追加の保険） */
#content.store-detail .store .store-facility .inner .inBox .imgBox picture,
#content.store-detail .store .store-facility .inner .inBox .imgBox img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
#content.store-detail .store .store-facility .inner .inBox .txBox {
  width: 50%;
}
#content.store-detail .store .store-facility .inner .inBox .txBox h3 {
  font-size: 24px;
  padding: 0 0 20px;
}
#content.store-detail .store .store-facility .inner .inBox .txBox h3.or {
  color: #F08300;
}
#content.store-detail .store .store-facility .inner .inBox .txBox p {
  line-height: 200%;
}
#content.store-detail .store .store-facility .inner .inBox.sec {
  border-bottom: none;
  padding: 50px 0 0 0;
}
#content.store-detail .store .store-facility .inner .inBox.sec .sp_title {
  display: none;
}
#content.store-detail .store .store-facility .inner .inBox.sec .imgBox {
  order: 2;
}
#content.store-detail .store .store-facility .inner .inBox.sec .txBox {
  order: 1;
}

@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility {
    padding: 20px 0 50px;
  }
  #content.store-detail .store .store-facility .inner .title {
    margin: 0 0 30px;
  }
  #content.store-detail .store .store-facility .inner .title h2 {
    font-size: 18px;
    padding: 0 30px 20px 0;
  }
  #content.store-detail .store .store-facility .inner .inBox {
    padding: 0 0 30px;
  }
  #content.store-detail .store .store-facility .inner .inBox .imgBox {
    width: 100%;
    padding: 0 0 30px;
  }
  #content.store-detail .store .store-facility .inner .inBox .txBox {
    width: 100%;
  }
  #content.store-detail .store .store-facility .inner .inBox .txBox h3 {
    font-size: 17px;
  }
  #content.store-detail .store .store-facility .inner .inBox .txBox p {
    font-size: 14px;
  }
  #content.store-detail .store .store-facility .inner .inBox.sec {
    padding: 30px 0 0 0;
  }
  #content.store-detail .store .store-facility .inner .inBox.sec .sp_title {
    display: block;
    font-weight: 700;
    font-size: 17px;
    padding: 0 0 20px;
  }
  #content.store-detail .store .store-facility .inner .inBox.sec .imgBox {
    order: 1;
    padding: 0 30px 20px;
  }
  #content.store-detail .store .store-facility .inner .inBox.sec .txBox {
    order: 2;
  }
  #content.store-detail .store .store-facility .inner .inBox.sec .txBox h3 {
    display: none;
  }
}

/* ----------------------------------------------------------
 アクセス（本文 section.store-access#access ／ 元：.top_Box5）
---------------------------------------------------------- */
#content.store-detail .store .store-access .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #FFF;
  overflow: hidden;
}
#content.store-detail .store .store-access .flex .txBox {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}
#content.store-detail .store .store-access .flex .txBox .in .tx1 {
  font-size: 18px;
  padding: 0 0 50px;
}
#content.store-detail .store .store-access .flex .txBox .in .box {
  padding: 0 0 0 100px;
}
#content.store-detail .store .store-access .flex .txBox .in .box .tx2 {
  padding: 0 0 20px;
}
#content.store-detail .store .store-access .flex .txBox .in .box .tx2 span {
  font-weight: 600;
  font-size: 18px;
}
#content.store-detail .store .store-access .flex .txBox .in .box .tx3 {
  padding: 0 0 20px;
}
#content.store-detail .store .store-access .flex .txBox .in .box .tx3 span {
  font-weight: 600;
  font-size: 18px;
  color: #C0A351;
}
/* 右側の写真：<img> ではなく背景画像（空の div）。このCSSが無いと幅0で表示されない */
#content.store-detail .store .store-access .flex .imgBox {
  width: 50%;
  background: url("../images/content/topImg13.jpg") no-repeat center;
  background-size: cover;
}
#content.store-detail .store .store-access .map {
  width: 100%;
  height: 400px;
}
/* 地図：layout.css の #content iframe{height:300px / SP 250px} を
   このページ内だけ打ち消し、トップと同じく .map の高さ（400px）に合わせる */
#content.store-detail .store .store-access .map iframe {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1250px) {
  #content.store-detail .store .store-access .flex .txBox .in .tx1 {
    padding: 0 0 50px 20px;
  }
}
@media screen and (max-width: 1000px) {
  #content.store-detail .store .store-access .flex .txBox .in {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-access .flex .txBox {
    width: 100%;
    padding: 30px 0 10px;
  }
  #content.store-detail .store .store-access .flex .txBox .in img {
    width: 160px;
    height: auto;
    max-width: none;
  }
  #content.store-detail .store .store-access .flex .txBox .in .tx1 {
    font-size: 16px;
    padding: 5px 0 30px 0;
  }
  #content.store-detail .store .store-access .flex .txBox .in .box {
    padding: 0;
  }
  #content.store-detail .store .store-access .flex .txBox .in .box .tx2 {
    font-size: 14px;
  }
  #content.store-detail .store .store-access .flex .txBox .in .box .tx2 span {
    font-size: 16px;
  }
  #content.store-detail .store .store-access .flex .txBox .in .box .tx3 {
    font-size: 14px;
  }
  #content.store-detail .store .store-access .flex .txBox .in .box .tx3 span {
    font-size: 16px;
  }
  #content.store-detail .store .store-access .flex .imgBox {
    display: none;
  }
}

/* ----------------------------------------------------------
 料金（本文 section.store-price ／ 元：/price/ の .priceBox・.sec）
 ・css/page.css の .price #content ... と style.css（子テーマ直下）の
   .price 指定を、同じ値・同じ記述順でスコープだけ書き換えたもの
 ・これが無いと layout.css の table th/td（SPで display:block 等）が効いて
   表が縦積みに崩れる
 ・「体験利用予約」ブロック（.priceBox2）は本文に含めないため未移植
---------------------------------------------------------- */
#content.store-detail .store .store-price {
  padding: 100px 0 0;
}
#content.store-detail .store .store-price .store-price__title {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-price {
    padding: 50px 0 0;
  }
  #content.store-detail .store .store-price .store-price__title {
    margin-bottom: 30px;
  }
}

#content.store-detail .store .store-price .priceBox {
  position: relative;
  max-width: 1028px;
  margin: 0 auto;
  z-index: 2;
}
@media screen and (max-width: 1068px) {
  #content.store-detail .store .store-price .priceBox {
    padding: 0 20px;
  }
}
#content.store-detail .store .store-price .priceBox h2 {
  width: 220px;
  height: 220px;
  background-color: #012340;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  position: relative;
  margin: 0 auto 50px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-price .priceBox h2 {
    width: 140px;
    height: 140px;
    font-size: 16px;
    margin: 0 auto 30px;
  }
}
#content.store-detail .store .store-price .priceBox table {
  table-layout: fixed;
  position: relative;
  z-index: 2;
}
#content.store-detail .store .store-price .priceBox table tr th,
#content.store-detail .store .store-price .priceBox table tr td {
  width: auto;
  display: table-cell;
  text-align: center;
  border: 1px solid #DCDCDC;
  background-color: #FFF;
  font-size: 18px;
  padding: 10px;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-price .priceBox table tr th,
  #content.store-detail .store .store-price .priceBox table tr td {
    font-size: 14px;
  }
}
#content.store-detail .store .store-price .priceBox table tr th br,
#content.store-detail .store .store-price .priceBox table tr td br {
  display: none;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-price .priceBox table tr th br,
  #content.store-detail .store .store-price .priceBox table tr td br {
    display: block;
  }
}
#content.store-detail .store .store-price .priceBox table tr th {
  background-color: #C0A351;
  color: #FFF;
  font-size: 24px;
  font-weight: 600;
  padding: 5px;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-price .priceBox table tr th {
    font-size: 18px;
  }
}

#content.store-detail .store .store-price .sec {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0 100px;
  margin: 100px 0;
}
#content.store-detail .store .store-price .sec:after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: 95%;
  background-color: #F5F4F3;
}
#content.store-detail .store .store-price .sec .priceBox table {
  table-layout: auto;
}
#content.store-detail .store .store-price .sec .priceBox table tr th,
#content.store-detail .store .store-price .sec .priceBox table tr td {
  border: 2px solid #F5F4F3;
  padding: 10px 20px;
}
#content.store-detail .store .store-price .sec .priceBox table tr th {
  font-size: 18px;
  font-weight: normal;
  vertical-align: middle;
}
#content.store-detail .store .store-price .sec .priceBox table tr th:first-child {
  background-color: #F5F4F3;
  border: none;
}
#content.store-detail .store .store-price .sec .priceBox table tr th:nth-child(2),
#content.store-detail .store .store-price .sec .priceBox table tr th:nth-child(3) {
  width: 38%;
}
#content.store-detail .store .store-price .sec .priceBox table tr th.tx {
  background-color: #012340;
  border: 2px solid #F5F4F3;
  width: 24%;
  text-align: left;
}
#content.store-detail .store .store-price .sec .priceBox table tr td {
  font-size: 16px;
  text-align: left;
}
/* 子テーマ直下 style.css の .price 用上書き（!important）をそのまま移植 */
#content.store-detail .store .store-price .sec .priceBox table tr th:nth-child(2),
#content.store-detail .store .store-price .sec .priceBox table tr th:nth-child(3),
#content.store-detail .store .store-price .sec .priceBox table tr th:nth-child(4) {
  width: 25% !important;
}

/* ----------------------------------------------------------
 施設紹介・フル版（本文 section.store-facility-detail ／ 元：/facility/）
 ・css/page.css の .facility #content ... を、同じ値・同じ記述順で
   スコープだけ書き換えたもの（.facility footer は対象外）
 ・見出し .page_content .titleBox は page.css の共通指定
   （#content .page_content .titleBox）がそのまま効くため移植不要
 ・旧簡易版（.store-facility ＝ top_Box2 由来）の指定は本文から
   クラスを外したため現在は未使用（追記のみの方針により残置）
---------------------------------------------------------- */
#content.store-detail .store .store-facility-detail .inner .facilityBox1 {
  position: relative;
  max-width: 1028px;
  margin: 0 auto;
}
@media screen and (max-width: 1068px) {
  #content.store-detail .store .store-facility-detail .inner .facilityBox1 {
    padding: 0 20px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .inner .facilityBox1 {
    padding: 0;
  }
}
#content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 80px;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox {
    padding: 0 0 40px;
  }
}
#content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox .imgBox {
  width: 39%;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox .imgBox {
    width: 100%;
    text-align: center;
  }
}
#content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox .txBox {
  width: 57%;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox .txBox {
    width: 100%;
    padding: 20px 0 0 0;
  }
}
#content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox .txBox h3 {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox .txBox h3 {
    font-size: 18px;
  }
}
#content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox:nth-child(2) .imgBox {
  order: 2;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox:nth-child(2) .imgBox {
    order: 1;
  }
}
#content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox:nth-child(2) .txBox {
  order: 1;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox:nth-child(2) .txBox {
    order: 2;
  }
}

#content.store-detail .store .store-facility-detail .facilityBox2 {
  overflow: hidden;
  position: relative;
  padding: 0 0 50px;
}
#content.store-detail .store .store-facility-detail .facilityBox2:after {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: 105%;
  background-color: #000000;
}
#content.store-detail .store .store-facility-detail .facilityBox2 h2 {
  width: 220px;
  height: 220px;
  background-color: #C0A351;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  position: relative;
  margin: 0 auto 50px;
  text-align: center;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .facilityBox2 h2 {
    width: 140px;
    height: 140px;
    font-size: 16px;
    margin: 0 auto 30px;
  }
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner {
  position: relative;
  max-width: 1180px;
  margin: 100px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #FFF;
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  #content.store-detail .store .store-facility-detail .facilityBox2 .inner {
    padding: 0 20px;
    margin: 50px auto;
  }
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .facilityBox2 .inner {
    padding: 0;
    overflow: hidden;
    margin: 20px auto;
  }
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox {
  width: 63%;
  order: 2;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox {
    width: 100%;
    padding: 20px;
    order: 1;
  }
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox .titleBox {
  margin: 0 0 20px;
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox .titleBox:after,
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox .titleBox:before {
  border-color: #FFF;
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox .titleBox h3 {
  font-size: 30px;
  background-color: #000;
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox .titleBox h3 {
    font-size: 18px;
    padding: 0 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox .titleBox h3 br {
    display: none;
  }
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox p {
  font-size: 15px;
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox p.tx1 {
  font-size: 18px;
  font-weight: 600;
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox p.tx2 {
  text-align: right;
  padding: 0 20px 0 0;
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox p.tx2 a {
  position: relative;
  display: inline-block;
  margin: 20px 0 0 0;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox p.tx2 a {
    font-size: 11px;
  }
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox p.tx2 a:after {
  content: "";
  position: absolute;
  top: 5px;
  right: -25px;
  width: 15px;
  height: 15px;
  background: url("../images/common/icon.svg") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox p.tx2 a:after {
    width: 10px;
    height: 10px;
    right: -15px;
  }
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox .in {
  border-bottom: 1px solid #DCDCDC;
  padding: 20px 0;
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox ul {
  padding: 20px 0 0 0;
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox ul li {
  position: relative;
  padding: 5px 0 5px 1.3em;
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .txBox ul li:before {
  content: "\25CF";
  position: absolute;
  top: 5px;
  left: 0;
}
#content.store-detail .store .store-facility-detail .facilityBox2 .inner .imgBox {
  width: 33%;
  order: 1;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .facilityBox2 .inner .imgBox {
    display: flex;
    justify-content: center;
    width: 100%;
    order: 2;
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  #content.store-detail .store .store-facility-detail .facilityBox2 .inner .imgBox img {
    max-width: none;
    width: 50%;
    height: auto;
  }
}

/* ----------------------------------------------------------
 和光店：表2（会員システム）の列幅を全7列（見出し1＋会員6）均等にする
 ・.store--wako が付いた本文（和光店）だけが対象。高島平店には効かない
 ・上書きする既存指定（値は変更しない）：
   .sec .priceBox table { table-layout:auto }
   .sec .priceBox table tr th:nth-child(2),(3) { width:38% }
   .sec .priceBox table tr th.tx { width:24% }
   .sec .priceBox table tr th:nth-child(2)〜(4) { width:25% !important }
 ・詳細度：下記の th/td は (1,7,3)＋!important で、既存の (1,6,3)＋!important を上回る
 ・table-layout:fixed では文字が折り返さないと隣の列にはみ出すため、
   .scroll の white-space:nowrap をセル内だけ normal に戻す
 ・スマホでは7列を画面幅に詰めると読めないため、表に最小幅を持たせて
   従来どおり .scroll の横スクロールで表示する（1列 120px × 7）
---------------------------------------------------------- */
#content.store-detail .store.store--wako .store-price .sec .priceBox table {
  table-layout: fixed;
  width: 100%;
}
#content.store-detail .store.store--wako .store-price .sec .priceBox table tr th:nth-child(n),
#content.store-detail .store.store--wako .store-price .sec .priceBox table tr td:nth-child(n) {
  width: calc(100% / 7) !important;
  white-space: normal;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store.store--wako .store-price .sec .priceBox table {
    min-width: 840px;
  }
}

/* 高島平店：表2（会員システム）の列幅を全6列（見出し1＋会員5）均等にする（和光店の指定と同じ考え方） */
#content.store-detail .store.store--takashimadaira .store-price .sec .priceBox table {
  table-layout: fixed;
  width: 100%;
}
#content.store-detail .store.store--takashimadaira .store-price .sec .priceBox table tr th:nth-child(n),
#content.store-detail .store.store--takashimadaira .store-price .sec .priceBox table tr td:nth-child(n) {
  width: calc(100% / 6) !important;
  white-space: normal;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store.store--takashimadaira .store-price .sec .priceBox table {
    min-width: 720px; /* 120px × 6。スマホは和光店と同じく横スクロールで表示 */
  }
}

/* ----------------------------------------------------------
 店舗のお知らせ（page-store.php が出力する section.store-news）
 ・その店舗＋共通カテゴリーの投稿を最新5件表示
 ・並びは /news/ の一覧（page.css の #content .list-news）を参考に、
   .store-news 配下で自己完結させている（.list-news の値は変更しない）
 ・本文 .store の外（#content.store-detail の直下）に出力される
---------------------------------------------------------- */
#content.store-detail .store-news {
  padding: 100px 0;
}
#content.store-detail .store-news .store-news__title {
  font-size: 24px;
  font-weight: 600;
  padding: 0 0 20px;
  border-bottom: 1px solid #C0A351;
}
#content.store-detail .store-news .store-news__list li {
  padding: 30px 0;
  border-bottom: 1px solid #DCDCDC;
}
#content.store-detail .store-news .store-news__list li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
#content.store-detail .store-news .store-news__list li a .time {
  width: 15%;
  color: #C0A351;
}
#content.store-detail .store-news .store-news__list li a .tx {
  width: 85%;
  line-height: 30px;
}
#content.store-detail .store-news .store-news__empty {
  padding: 30px 0;
  border-bottom: 1px solid #DCDCDC;
}
#content.store-detail .store-news .store-news__link {
  display: flex;
  justify-content: flex-end;
  padding: 30px 0 0;
}
#content.store-detail .store-news .store-news__link a {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}
#content.store-detail .store-news .store-news__link a:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url("../images/common/arrow.svg") no-repeat center;
  background-size: 100%;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store-news {
    padding: 50px 0;
  }
  #content.store-detail .store-news .store-news__title {
    font-size: 18px;
  }
  #content.store-detail .store-news .store-news__list li {
    padding: 20px 0;
  }
  #content.store-detail .store-news .store-news__list li a .time {
    width: 100%;
    font-size: 12px;
  }
  #content.store-detail .store-news .store-news__list li a .tx {
    width: 100%;
    padding: 10px 0 0 0;
  }
  #content.store-detail .store-news .store-news__link a {
    font-size: 16px;
  }
  #content.store-detail .store-news .store-news__link a:before {
    width: 50px;
    height: 50px;
  }
}

/* ----------------------------------------------------------
 アンカー着地位置の補正（#facility / #price / #access）
 ・固定ヘッダー（header.fix：PC 約140px／SP 60px）の下に見出しが隠れないよう、
   セクション単位で scroll-margin-top を付与
 ・効くのはブラウザ標準のジャンプ（同一ページ内リンク等）のみ。
   script.js の読み込み時補正（offset - 200 の animate）は scrollTop を直接指定するため影響しない
---------------------------------------------------------- */
#content.store-detail .store-sec {
  scroll-margin-top: 160px;
}
@media screen and (max-width: 768px) {
  #content.store-detail .store-sec {
    scroll-margin-top: 70px;
  }
}

/* ============================================================
 和光スタジオ（studio-wako）設備写真：準備中プレースホルダ化
 2026-10-27 追記（新規ルールのみ。既存ルールは一切変更していない）
 ------------------------------------------------------------
 ・和光店の施設紹介 1枚目(facility1.jpg)・2枚目(facility2.jpg)は
   高島平店の写真を暫定流用中のため、和光店側だけ「準備中」表示にする。
 ・スコープは body.studio-wako を起点にし、さらに src 属性で
   facility1.jpg / facility2.jpg に限定した二重指定。
   → 高島平店（body.studio-takashimadaira）の同2枚（本物）には作用しない。
   → 導入機器の facility4/5.png（.facilityBox2）にも src が違うため作用しない。
 ・画像ファイル(facility1/2.jpg)自体は変更・移動・削除していない。
   img の表示だけを content で ../images/content/preparing.svg に差し替える。
 ・元画像は 784×784（1:1）。width:100% + aspect-ratio:1/1 で元の表示 boxと
   同じ正方形を保ち、レイアウトずれ（CLS）を出さない。
 ============================================================ */
body.studio-wako #content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox .imgBox img[src$="facility1.jpg"],
body.studio-wako #content.store-detail .store .store-facility-detail .inner .facilityBox1 .inBox .imgBox img[src$="facility2.jpg"] {
  content: url("../images/content/preparing.svg");
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}