@charset "UTF-8";
/* =========================================================
   YOKOHAMA ONLY / C1
   File: 06-c1-yokohama.css
   Site: イルチブレインヨガ横浜スタジオ

   方針：
   - 横浜固有の差分だけを追加する
   - 他スタジオ固有の住所・URL・画像・page-id・classは入れない
   - ヘッダーはLightningの実DOM確認後に追加する
   - フッター接続部も実DOM確認後に追加する
   - TOP画像URLは横浜サイトへアップロード後に確定する
========================================================= */

/*
 * 現在は安全な初期状態です。
 * 2階層目 → フッター → C1 TOP → ヘッダーの順で、
 * 実表示を確認しながら横浜専用差分だけを追記します。
 */
/* =========================================================
   YOKOHAMA / C1 SECOND LAYER COLOR
   studioページをC1グリーンへ統一
========================================================= */

/* ページ内リンク */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-page-anchor-nav a {
  border-color: rgba(111, 143, 95, 0.42) !important;
  color: #557544 !important;
  background: #ffffff !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-page-anchor-nav a:hover {
  border-color: #6f8f5f !important;
  background: #edf3e8 !important;
  color: #2f4635 !important;
}

/* セクション見出し */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-section-title {
  background: #f4f7f1 !important;
  border-left-color: #6f8f5f !important;
  color: #557544 !important;
  box-shadow: 0 4px 14px rgba(73, 92, 67, 0.06) !important;
}

/* カード */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-studio-card {
  border-color: rgba(111, 143, 95, 0.22) !important;
  box-shadow: 0 12px 32px rgba(73, 92, 67, 0.08) !important;
}

/* スタッフカード内 */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-staff-card__body h3 {
  border-bottom-color: rgba(111, 143, 95, 0.22) !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-staff-card__body h4 {
  color: #557544 !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-staff-card__body li::before {
  background: #6f8f5f !important;
}
/* =========================================================
   YOKOHAMA / C1 SECOND LAYER COLOR FINAL
   studio下部をC1グリーンへ統一
========================================================= */

/* 共通ラベル */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-card-label,
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-intro-card__label {
  color: #557544 !important;
}

/* スタジオ情報 */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-studio-info {
  background: #f6f9f3 !important;
  border-color: rgba(111, 143, 95, 0.24) !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-studio-info dt {
  color: #557544 !important;
}

/* カード内見出しの青線をC1へ */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-access-card h3,
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-gallery-card h3,
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-schedule-card h3,
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-price-card h3 {
  border-bottom-color: rgba(111, 143, 95, 0.30) !important;
}

/* 営業時間 */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-hours-list dt {
  color: #557544 !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-hours-list div {
  border-bottom-color: rgba(111, 143, 95, 0.22) !important;
}

/* スケジュール表 */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-schedule-table {
  border-color: rgba(111, 143, 95, 0.28) !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-schedule-table th,
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-schedule-table td {
  border-right-color: rgba(111, 143, 95, 0.24) !important;
  border-bottom-color: rgba(111, 143, 95, 0.24) !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-schedule-table thead th {
  background: #edf3e8 !important;
  color: #2f4635 !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-schedule-table thead th:first-child,
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-schedule-table tbody th {
  background: #f6f9f3 !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-schedule-table td {
  color: #6f8f5f !important;
}

/* 料金：入会金 */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-entry-fee {
  background: #f8faf6 !important;
  border-color: rgba(111, 143, 95, 0.26) !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-entry-fee__label {
  background: #6f8f5f !important;
  color: #ffffff !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-entry-fee__body span {
  color: #557544 !important;
}

/* 料金表 */
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-price-table {
  border-color: rgba(111, 143, 95, 0.28) !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-price-table th,
html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-price-table td {
  border-right-color: rgba(111, 143, 95, 0.24) !important;
  border-bottom-color: rgba(111, 143, 95, 0.24) !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-price-table thead th {
  background: #6f8f5f !important;
  color: #ffffff !important;
}

html body.ilchi-studio-yokohama.ilchi-second-layer-studio
.ilchi-price-note {
  background: #edf3e8 !important;
  color: #557544 !important;
}
/* =========================================================
   YOKOHAMA / ACCESS MAP HEIGHT
   PC：地図をアクセスカード下端まで伸ばす
========================================================= */

@media screen and (min-width: 768px) {

  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  .ilchi-access-card__body {
    align-items: stretch !important;
  }

  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  .ilchi-map-wrap {
    display: flex !important;
    height: 100% !important;
    min-height: 380px !important;
  }

  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  .ilchi-map-wrap iframe {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 380px !important;
  }
}
/* =========================================================
   YOKOHAMA / STUDIO SP SPACE ADJUST
   1. パンくず下の余白
   2. アクセス地図下の余白
========================================================= */

@media screen and (max-width: 767px) {

  /* ① パンくず下 ～ ページ内メニューを詰める */
  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  .siteContent {
    padding-top: 10px !important;
  }

  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  nav.ilchi-page-anchor-nav {
    margin-top: 4px !important;
  }

  /* ② Googleマップ下の白い余白を削減 */
  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  .ilchi-access-card {
    padding-bottom: 6px !important;
  }

  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  .ilchi-map-wrap {
    margin-bottom: 0 !important;
  }

  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  .ilchi-map-wrap iframe {
    display: block !important;
    margin-bottom: 0 !important;
  }
}
/* =========================================================
   YOKOHAMA / STUDIO SP ANCHOR MENU
   スマホ：2列 × 3段
========================================================= */

@media screen and (max-width: 767px) {

  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  nav.ilchi-page-anchor-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 10px !important;

    width: 100% !important;
    max-width: 340px !important;
    margin: 16px auto 24px !important;
    padding: 0 !important;
  }

  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  nav.ilchi-page-anchor-nav > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 7px 8px !important;

    box-sizing: border-box !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    white-space: normal !important;
  }
}
/* =========================================================
   YOKOHAMA / ACCESS MAP SP
   WordPressが地図直後に生成する空pを削除
========================================================= */

@media screen and (max-width: 767px) {

  html body.ilchi-studio-yokohama.ilchi-second-layer-studio
  .ilchi-access-card__body > p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
  }
}