/* =========================================================
   ILCHI Brain Yoga Renewal CSS
   整理版
   元CSSを Common / A-1 / A-2 / B-1 / B-2予定枠 に分割
   作成日: 2026-06-10
   注意: 既存表示を崩さないため、セレクタ名と !important は原則維持
========================================================= */

/* =========================
   Common 共通CSS
========================= */


/* --- ILCHI Brain Yoga Renewal / Common --- */

.iby-page {
  overflow: hidden;
  color: #222;
}

.iby-section {
  padding: 72px 24px;
}

.iby-section > .wp-block-group__inner-container {
  max-width: 1120px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .iby-section {
      padding: 48px 20px;
    }
}
/* =========================
   Common 今月のキャンペーンバナー
========================= */

.ilchi-monthly-campaign {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.ilchi-monthly-campaign__link {
  display: block !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 34px rgba(80, 50, 20, 0.10) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.ilchi-monthly-campaign__link:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 42px rgba(80, 50, 20, 0.14) !important;
}

.ilchi-monthly-campaign__img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 767px) {
  .ilchi-monthly-campaign {
    padding: 0 18px !important;
  }

  .ilchi-monthly-campaign__link {
    border-radius: 16px !important;
  }
}
/* =========================================================
   KOKURA ONLY / HEADER MENU FINAL
   小倉スタジオ専用：ヘッダーメニュー最終調整
   ※小倉サイトだけにアップロード
========================================================= */

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

  /* サイトタイトルを少し小さくして、メニュー幅を確保 */
  html body .site-title,
  html body .site-title a,
  html body .l-header__site-title,
  html body .l-header__site-title a,
  html body .l-header__logo,
  html body .l-header__logo a,
  html body .header-logo,
  html body .header-logo a {
    font-size: 23px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
    white-space: nowrap !important;
  }

  /* ヘッダー内の左右余白を少し詰める */
  html body .l-header,
  html body .site-header,
  html body .header {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* メニュー項目 */
  html body .l-header nav ul li,
  html body .site-header nav ul li,
  html body .header nav ul li,
  html body .global-nav ul li,
  html body .gnav ul li,
  html body .menu-header-container ul li {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

/* メニュー全体 */
html body .l-header nav ul,
html body .site-header nav ul,
html body .header nav ul,
html body .global-nav ul,
html body .gnav ul,
html body .menu-header-container ul {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}

/* 通常メニュー文字 */
html body .l-header nav ul li a,
html body .site-header nav ul li a,
html body .header nav ul li a,
html body .global-nav ul li a,
html body .gnav ul li a,
html body .menu-header-container ul li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

  /* 体験予約ボタン */
  html body .l-header a[href*="reserve.ilchibrainyoga.com/kokura"],
  html body .site-header a[href*="reserve.ilchibrainyoga.com/kokura"],
  html body .header a[href*="reserve.ilchibrainyoga.com/kokura"],
  html body .global-nav a[href*="reserve.ilchibrainyoga.com/kokura"],
  html body .gnav a[href*="reserve.ilchibrainyoga.com/kokura"] {
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: #587549 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
}
/* =========================================================
   KOKURA ONLY / HEADER TITLE 2 LINES SAFE
   サイトタイトルだけを2行表示・HOMEメニューには当てない
========================================================= */

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

  html body header a[href="https://ilchibrainyoga-kokura.com/"]:not(nav a):not(.global-nav a):not(.gnav a):not(.menu-header-container a):not(.menu-item a),
  html body .l-header a[href="https://ilchibrainyoga-kokura.com/"]:not(nav a):not(.global-nav a):not(.gnav a):not(.menu-header-container a):not(.menu-item a),
  html body .site-header a[href="https://ilchibrainyoga-kokura.com/"]:not(nav a):not(.global-nav a):not(.gnav a):not(.menu-header-container a):not(.menu-item a),
  html body .header a[href="https://ilchibrainyoga-kokura.com/"]:not(nav a):not(.global-nav a):not(.gnav a):not(.menu-header-container a):not(.menu-item a) {
    display: inline-block !important;
    width: 330px !important;
    max-width: 330px !important;
    font-size: 0 !important;
    line-height: 1 !important;
    white-space: normal !important;
  }

  html body header a[href="https://ilchibrainyoga-kokura.com/"]:not(nav a):not(.global-nav a):not(.gnav a):not(.menu-header-container a):not(.menu-item a)::before,
  html body .l-header a[href="https://ilchibrainyoga-kokura.com/"]:not(nav a):not(.global-nav a):not(.gnav a):not(.menu-header-container a):not(.menu-item a)::before,
  html body .site-header a[href="https://ilchibrainyoga-kokura.com/"]:not(nav a):not(.global-nav a):not(.gnav a):not(.menu-header-container a):not(.menu-item a)::before,
  html body .header a[href="https://ilchibrainyoga-kokura.com/"]:not(nav a):not(.global-nav a):not(.gnav a):not(.menu-header-container a):not(.menu-item a)::before {
    content: "【呼吸瞑想】\Aイルチブレインヨガ小倉スタジオ" !important;
    display: block !important;
    white-space: pre-line !important;
    color: #1f2933 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.03em !important;
  }
}