/* =========================================================
   ILCHI BRAIN YOGA NAGOYA
   B2 TOP / NAGOYA ONLY
========================================================= */
/* =========================================================
   NAGOYA B2 / TOP LAYOUT BASE
   Lightning本文枠を解除・タイトル/パンくず非表示
========================================================= */

body.ilchi-nagoya-b2-work .siteContent {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-nagoya-b2-work .siteContent > .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

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

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

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

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

/* b-2作業ページではテーマ側タイトルを出さない */
body.ilchi-nagoya-b2-work .page-header,
body.ilchi-nagoya-b2-work .pageHeader,
body.ilchi-nagoya-b2-work .vk_pageHeader,
body.ilchi-nagoya-b2-work .vk-page-header,
body.ilchi-nagoya-b2-work .entry-header,
body.ilchi-nagoya-b2-work .entry-title {
  display: none !important;
}

/* パンくず非表示 */
body.ilchi-nagoya-b2-work .breadcrumb,
body.ilchi-nagoya-b2-work .vk-breadcrumb,
body.ilchi-nagoya-b2-work .breadcrumb-list,
body.ilchi-nagoya-b2-work #breadcrumb {
  display: none !important;
}

/* B2本体 */
body.ilchi-nagoya-b2-work .iby-page.iby-design-b2 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================================
   NAGOYA B2 / FULL WIDTH CLIP FIX
   B2親要素によるHEROの切り取りを解除
========================================================= */

body.ilchi-nagoya-b2-work
.iby-page.iby-design-b2 {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}
/* =========================================================
   NAGOYA B2 / REASON GRID
   Classic Editor 空p・br対策
========================================================= */

body.ilchi-nagoya-b2-work
.iby-active-reason__grid > p,
body.ilchi-nagoya-b2-work
.iby-active-reason__grid > br {
  display: none !important;
}
/* =========================================================
   NAGOYA B2 / VOICE GRID
   Classic Editor 空p・br対策
========================================================= */

body.ilchi-nagoya-b2-work
.iby-active-voice__grid > p,
body.ilchi-nagoya-b2-work
.iby-active-voice__grid > br {
  display: none !important;
}
/* =========================================================
   NAGOYA B2 / NEWS GRID
   Classic Editor 空p・br対策
========================================================= */

body.ilchi-nagoya-b2-work
.iby-active-news__grid > p,
body.ilchi-nagoya-b2-work
.iby-active-news__grid > br {
  display: none !important;
}
/* =========================================================
   NAGOYA / PC NORMAL HEADER SITE TITLE FINAL
========================================================= */

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

  body.ilchi-nagoya-b2-work:not(.header_scrolled)
  #site-header:not(.header_scrolled)
  #site-header-container
  h1.site-header-logo > a {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    text-decoration: none !important;
    line-height: 1.2 !important;
  }

  /* WordPress側の元タイトル文字を画面上だけ消す */
  body.ilchi-nagoya-b2-work:not(.header_scrolled)
  #site-header:not(.header_scrolled)
  #site-header-container
  h1.site-header-logo > a > span {
    display: block !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  /* 1行目 */
  body.ilchi-nagoya-b2-work:not(.header_scrolled)
  #site-header:not(.header_scrolled)
  #site-header-container
  h1.site-header-logo > a > span::before {
    content: "名古屋市のヨガ・瞑想・呼吸" !important;
    display: block !important;

    margin: 0 0 4px !important;

    color: #666666 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  /* 2行目 */
  body.ilchi-nagoya-b2-work:not(.header_scrolled)
  #site-header:not(.header_scrolled)
  #site-header-container
  h1.site-header-logo > a > span::after {
    content: "イルチブレインヨガ名古屋スタジオ" !important;
    display: block !important;

    margin: 0 !important;

    color: #222222 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }

}
/* =========================================================
   NAGOYA / PC NORMAL HEADER POSITION
   タイトル～メニュー全体を中央配置・間隔を約半分
========================================================= */

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

  body.ilchi-nagoya-b2-work:not(.header_scrolled)
  #site-header:not(.header_scrolled)
  #site-header-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* タイトルとHOMEの間隔 */
    column-gap: clamp(90px, 8.5vw, 160px) !important;

    width: fit-content !important;
    max-width: calc(100% - 40px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* タイトル側 */
  body.ilchi-nagoya-b2-work:not(.header_scrolled)
  #site-header:not(.header_scrolled)
  #site-header-container
  .site-header-logo {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  /* メニュー側 */
  body.ilchi-nagoya-b2-work:not(.header_scrolled)
  #site-header:not(.header_scrolled)
  #global-nav {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  body.ilchi-nagoya-b2-work:not(.header_scrolled)
  #site-header:not(.header_scrolled)
  #global-nav .global-nav-list {
    white-space: nowrap !important;
  }
}
/* =========================================================
   NAGOYA / PC STICKY HEADER FINAL
   追従時メニューを画面中央へ
========================================================= */

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

  /* 追従時のヘッダーコンテナ */
  body.ilchi-nagoya-b2-work.header_scrolled
  #site-header
  #site-header-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* 追従時はタイトルを非表示 */
  body.ilchi-nagoya-b2-work.header_scrolled
  #site-header
  .site-header-logo {
    display: none !important;
  }

  /* ナビ全体を中央へ */
  body.ilchi-nagoya-b2-work.header_scrolled
  #site-header
  #global-nav {
    display: flex !important;
    flex: 0 0 auto !important;
    justify-content: center !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* HOME ～ 体験のご予約を中央揃え */
  body.ilchi-nagoya-b2-work.header_scrolled
  #site-header
  #global-nav .global-nav-list {
    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;

    white-space: nowrap !important;
  }
}
/* =========================================================
   NAGOYA / MOBILE NORMAL HEADER
   2行タイトル + ハンバーガーとの重なり解消
========================================================= */

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

  body.ilchi-nagoya-b2-work
  #site-header
  #site-header-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 64px !important;
    padding: 7px 42px 7px 56px !important;
    box-sizing: border-box !important;
  }

  body.ilchi-nagoya-b2-work
  #site-header
  h1.site-header-logo {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body.ilchi-nagoya-b2-work
  #site-header
  h1.site-header-logo > a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
  }

  /* WordPress側の元タイトルを画面上だけ非表示 */
  body.ilchi-nagoya-b2-work
  #site-header
  h1.site-header-logo > a > span {
    display: block !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  /* 1行目 */
  body.ilchi-nagoya-b2-work
  #site-header
  h1.site-header-logo > a > span::before {
    content: "名古屋市のヨガ・瞑想・呼吸" !important;
    display: block !important;

    margin: 0 0 2px !important;

    color: #666666 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  /* 2行目 */
  body.ilchi-nagoya-b2-work
  #site-header
  h1.site-header-logo > a > span::after {
    content: "イルチブレインヨガ名古屋スタジオ" !important;
    display: block !important;

    margin: 0 !important;

    color: #222222 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }
}
/* =========================================================
   NAGOYA B2 / FOOTER TOP GAP FIX
   TOPとフッターの間の白い余白を削除
========================================================= */

body.ilchi-nagoya-b2-work .site-body,
body.ilchi-nagoya-b2-work .site-body-container,
body.ilchi-nagoya-b2-work .siteContent,
body.ilchi-nagoya-b2-work .siteContent > .container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.ilchi-nagoya-b2-work .iby-page.iby-design-b2 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.ilchi-nagoya-b2-work > .iby-studio-footer.is-nagoya {
  margin-top: 0 !important;
}
/* =========================================================
   NAGOYA B2 / MOBILE FOOTER TOP GAP FIX
   スマホのフッター直前の白余白を削除
========================================================= */

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

  html body.ilchi-nagoya-b2-work .site-body,
  html body.ilchi-nagoya-b2-work .site-body-container,
  html body.ilchi-nagoya-b2-work .siteContent,
  html body.ilchi-nagoya-b2-work .siteContent > .container,
  html body.ilchi-nagoya-b2-work .main-section,
  html body.ilchi-nagoya-b2-work .entry-body,
  html body.ilchi-nagoya-b2-work .entry-content,
  html body.ilchi-nagoya-b2-work .iby-page.iby-design-b2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Classic Editorが末尾に作る空要素対策 */
  html body.ilchi-nagoya-b2-work
  .entry-content > p:last-child:empty,
  html body.ilchi-nagoya-b2-work
  .entry-body > p:last-child:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* カスタムフッター自体の上余白も0 */
  html body.ilchi-nagoya-b2-work
  > .iby-studio-footer.is-nagoya {
    margin-top: 0 !important;
  }
}