@charset "UTF-8";
/* =========================================================
   ILCHI Brain Yoga Renewal / Direct Store
   File: 01-common-direct.css
   Site: イルチブレインヨガ成増スタジオ
   Theme: Lightning Child
   Updated: 2026-07-31

   方針
   - 町田A1固有の投稿・イベント・ピンク配色は削除
   - 金山B2作業ページだけにLightningの本文枠解除を適用
   - ヘッダー、追従メニュー、フッター、投稿一覧には触れない
========================================================= */

/* =========================================================
   1. B2 work page / Lightning content shell reset
   body class is added by ilchi-lp-css.php
========================================================= */
body.ilchi-narimasu-b2-work .siteContent {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.ilchi-narimasu-b2-work .siteContent > .container,
body.ilchi-narimasu-b2-work .siteContent > .container-fluid {
  width: 100% !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.ilchi-narimasu-b2-work .siteContent .row {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.ilchi-narimasu-b2-work .siteContent .mainSection,
body.ilchi-narimasu-b2-work .siteContent main.mainSection,
body.ilchi-narimasu-b2-work .siteContent #main {
  display: block !important;
  float: none !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-narimasu-b2-work .siteContent .subSection,
body.ilchi-narimasu-b2-work .siteContent .sideSection,
body.ilchi-narimasu-b2-work .siteContent .sideSction,
body.ilchi-narimasu-b2-work .siteContent aside.widget-area,
body.ilchi-narimasu-b2-work .siteContent #secondary {
  display: none !important;
}

body.ilchi-narimasu-b2-work .siteContent article,
body.ilchi-narimasu-b2-work .siteContent .entry-body,
body.ilchi-narimasu-b2-work .siteContent .entry-content,
body.ilchi-narimasu-b2-work .siteContent .post-contents {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 作業ページではB2ヒーローを先頭に表示するため、テーマ側のページタイトル等を隠す */
body.ilchi-narimasu-b2-work .page-header,
body.ilchi-narimasu-b2-work .vk_pageHeader,
body.ilchi-narimasu-b2-work .entry-header,
body.ilchi-narimasu-b2-work .breadcrumb,
body.ilchi-narimasu-b2-work nav.breadcrumb {
  display: none !important;
}

/* =========================================================
   2. Scope guard
========================================================= */
body.ilchi-narimasu-b2-work .iby-page.iby-design-b2 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}


/* =========================================================
   KANAYAMA B2 / HEADER NORMAL PC FINAL
   2026-08-01
   Confirmed DOM:
   .siteHeader
   .siteHeadContainer
   .navbar-header
   .navbar-brand.siteHeader_logo > a > span
   #gMenu_outer

   Scope:
   - B2確認ページのみ
   - PC通常時のみ
   - 追従状態は別工程
========================================================= */

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

  /* ヘッダー外枠 */
  body.ilchi-narimasu-b2-work .siteHeader {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid rgba(60, 45, 35, 0.10) !important;
    box-shadow: none !important;
  }

  /* サイト名とメニューを一列化 */
  body.ilchi-narimasu-b2-work .siteHeader .siteHeadContainer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    width: min(1240px, calc(100% - 48px)) !important;
    max-width: 1240px !important;
    min-height: 76px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-b2-work .siteHeader .navbar-header {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 元の長いサイトタイトルはDOMに残し、画面上だけ短い名称にする */
  body.ilchi-narimasu-b2-work .siteHeader .navbar-brand.siteHeader_logo {
    display: block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  body.ilchi-narimasu-b2-work .siteHeader .navbar-brand.siteHeader_logo > a {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #2f2925 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body.ilchi-narimasu-b2-work .siteHeader .navbar-brand.siteHeader_logo > a > span {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.ilchi-narimasu-b2-work .siteHeader .navbar-brand.siteHeader_logo > a > span::after {
    content: "イルチブレインヨガ成増スタジオ" !important;
    display: inline-block !important;
    color: #2f2925 !important;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN",
      "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
  }

  /* メニュー領域 */
  body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 1 1 auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer .gMenu,
  body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer > ul {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer .gMenu > li,
  body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer > ul > li {
    display: block !important;
    float: none !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer .gMenu > li > a,
  body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer > ul > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    color: #2f2925 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer .gMenu > li > a:hover,
  body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer > ul > li > a:hover {
    color: #ef8429 !important;
  }

  /* 通常時に残る不要な下余白を除去 */
  body.ilchi-narimasu-b2-work .siteHeader + .page-header,
  body.ilchi-narimasu-b2-work .siteHeader + .section {
    margin-top: 0 !important;
  }
}


/* =========================================================
   KANAYAMA B2 / HEADER STICKY PC FINAL
   2026-08-01
   追従時もサイト名＋メニューを一列で維持
========================================================= */

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

  /* Lightningで確認される追従状態の候補に限定 */
  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed {
    min-height: 58px !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid rgba(60, 45, 35, 0.12) !important;
    box-shadow: 0 4px 14px rgba(45, 35, 28, 0.08) !important;
  }

  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader .siteHeadContainer,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader .siteHeadContainer,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader .siteHeadContainer,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled .siteHeadContainer,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed .siteHeadContainer,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed .siteHeadContainer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
    width: min(1240px, calc(100% - 40px)) !important;
    max-width: 1240px !important;
    min-height: 58px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* テーマ側で消されるサイト名を追従時に復帰 */
  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader .navbar-header,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader .navbar-header,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader .navbar-header,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled .navbar-header,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed .navbar-header,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed .navbar-header {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader .navbar-brand.siteHeader_logo,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader .navbar-brand.siteHeader_logo,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader .navbar-brand.siteHeader_logo,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled .navbar-brand.siteHeader_logo,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed .navbar-brand.siteHeader_logo,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed .navbar-brand.siteHeader_logo {
    display: block !important;
    width: auto !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader .navbar-brand.siteHeader_logo > a,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader .navbar-brand.siteHeader_logo > a,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader .navbar-brand.siteHeader_logo > a,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled .navbar-brand.siteHeader_logo > a,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed .navbar-brand.siteHeader_logo > a,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed .navbar-brand.siteHeader_logo > a {
    display: inline-flex !important;
    align-items: center !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: nowrap !important;
  }

  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader .navbar-brand.siteHeader_logo > a > span,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader .navbar-brand.siteHeader_logo > a > span,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader .navbar-brand.siteHeader_logo > a > span,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled .navbar-brand.siteHeader_logo > a > span,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed .navbar-brand.siteHeader_logo > a > span,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed .navbar-brand.siteHeader_logo > a > span {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader .navbar-brand.siteHeader_logo > a > span::after,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader .navbar-brand.siteHeader_logo > a > span::after,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader .navbar-brand.siteHeader_logo > a > span::after,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled .navbar-brand.siteHeader_logo > a > span::after,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed .navbar-brand.siteHeader_logo > a > span::after,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed .navbar-brand.siteHeader_logo > a > span::after {
    content: "イルチブレインヨガ成増スタジオ" !important;
    display: inline-block !important;
    color: #2f2925 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
  }

  /* 追従時メニュー */
  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader #gMenu_outer,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader #gMenu_outer,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled #gMenu_outer,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed #gMenu_outer,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed #gMenu_outer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 1 1 auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader #gMenu_outer .gMenu,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader #gMenu_outer .gMenu,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer .gMenu,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled #gMenu_outer .gMenu,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed #gMenu_outer .gMenu,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed #gMenu_outer .gMenu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader #gMenu_outer .gMenu > li > a,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader #gMenu_outer .gMenu > li > a,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer .gMenu > li > a,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled #gMenu_outer .gMenu > li > a,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed #gMenu_outer .gMenu > li > a,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed #gMenu_outer .gMenu > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }
}


/* =========================================================
   KANAYAMA B2 / STICKY MENU CENTER FINAL
   2026-08-01
   追従時はサイト名を非表示にし、メニューを画面中央へ配置
========================================================= */

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

  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader .siteHeadContainer,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader .siteHeadContainer,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader .siteHeadContainer,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled .siteHeadContainer,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed .siteHeadContainer,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed .siteHeadContainer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 58px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
  }

  /* 追従時はサイト名を表示せず、メニューの中央位置を優先 */
  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader .navbar-header,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader .navbar-header,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader .navbar-header,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled .navbar-header,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed .navbar-header,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed .navbar-header {
    display: none !important;
  }

  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader #gMenu_outer,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader #gMenu_outer,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled #gMenu_outer,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed #gMenu_outer,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed #gMenu_outer {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    height: 58px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-b2-work.header_scrolled .siteHeader #gMenu_outer .gMenu,
  body.ilchi-narimasu-b2-work.header-scrolled .siteHeader #gMenu_outer .gMenu,
  html.header_scrolled body.ilchi-narimasu-b2-work .siteHeader #gMenu_outer .gMenu,
  body.ilchi-narimasu-b2-work .siteHeader.header_scrolled #gMenu_outer .gMenu,
  body.ilchi-narimasu-b2-work .siteHeader.is-fixed #gMenu_outer .gMenu,
  body.ilchi-narimasu-b2-work .siteHeader.siteHeader--fixed #gMenu_outer .gMenu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
}

/* =========================================================
   NARIMASU / TOP MOBILE HEADER SHORT TITLE FINAL
   金山B2と同じモバイルヘッダー構成
========================================================= */

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

  body.ilchi-narimasu-b2-work .siteHeader {
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
  }

  body.ilchi-narimasu-b2-work .siteHeader .siteHeadContainer {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-b2-work .siteHeader .navbar-header {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-b2-work
    .siteHeader
    .navbar-brand.siteHeader_logo {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ilchi-narimasu-b2-work
    .siteHeader
    .navbar-brand.siteHeader_logo > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 54px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: transparent !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body.ilchi-narimasu-b2-work
    .siteHeader
    .navbar-brand.siteHeader_logo > a > span {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.ilchi-narimasu-b2-work
    .siteHeader
    .navbar-brand.siteHeader_logo > a > span br {
    display: none !important;
  }

  body.ilchi-narimasu-b2-work
    .siteHeader
    .navbar-brand.siteHeader_logo > a > span::after {
    content: "イルチブレインヨガ成増スタジオ" !important;
    display: inline-block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #2f2925 !important;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN",
      "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

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

  body.ilchi-narimasu-b2-work
    .siteHeader
    .navbar-brand.siteHeader_logo > a {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  body.ilchi-narimasu-b2-work
    .siteHeader
    .navbar-brand.siteHeader_logo > a > span::after {
    font-size: 13px !important;
  }
}