@charset "UTF-8";
/* =========================================================
   ILCHI / DIRECT COMMON
   File: 01-common-direct.css
   Site type: 直営
   Updated: 2026-07-17

   方針：
   - 直営サイトで共通する指定だけを置く
   - 店舗名、予約URL、店舗固有ヘッダーは置かない
   - 所沢固有調整は 06-c1-tokorozawa.css に置く
========================================================= */

/* =========================================================
   1. Post / Archive Header Color
   投稿・ブログ・アーカイブの見出し帯をC1系グリーンへ
========================================================= */

body.single-post .page-header,
body.blog .page-header,
body.archive .page-header,
body.category .page-header,
body.tag .page-header,
body.single-post .vk_pageHeader,
body.blog .vk_pageHeader,
body.archive .vk_pageHeader,
body.category .vk_pageHeader,
body.tag .vk_pageHeader {
  background: #6f8f5f !important;
  border-bottom: none !important;
}

body.single-post .page-header h1,
body.blog .page-header h1,
body.archive .page-header h1,
body.category .page-header h1,
body.tag .page-header h1,
body.single-post .page-header_pageTitle,
body.blog .page-header_pageTitle,
body.archive .page-header_pageTitle,
body.category .page-header_pageTitle,
body.tag .page-header_pageTitle,
body.single-post .vk_pageHeader h1,
body.blog .vk_pageHeader h1,
body.archive .vk_pageHeader h1,
body.category .vk_pageHeader h1,
body.tag .vk_pageHeader h1 {
  color: #ffffff !important;
}

/* =========================================================
   2. Lightning Root Scroll Fix
   旧テーマからLightningへ切り替えたサイトの
   body内スクロール固定を解除
========================================================= */

html {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}
/* =========================================================
   YAGOTO HEADER / PC ONE LINE FINAL
   Lightning実構造対応
========================================================= */

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

  html body header.siteHeader {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* サイト名とメニューを横一列にする */
  html body header.siteHeader
  > div.container.siteHeadContainer {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: calc(100% - 32px) !important;
    max-width: 1320px !important;
    min-height: 74px !important;

    margin: 0 auto !important;
    padding: 8px 0 !important;
    box-sizing: border-box !important;
  }

  /* サイト名 */
  html body header.siteHeader
  > div.container.siteHeadContainer
  > .navbar-header {
    display: block !important;
    float: none !important;
    clear: none !important;

    flex: 0 0 340px !important;
    width: 340px !important;
    min-width: 0 !important;

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

  html body header.siteHeader
  .siteHeader_logo,
  html body header.siteHeader
  .navbar-brand {
    display: block !important;
    float: none !important;

    width: auto !important;
    height: auto !important;

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

  html body header.siteHeader
  .siteHeader_logo a,
  html body header.siteHeader
  .siteHeader_logo a span {
    display: block !important;

    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;
  }

  /* メニュー全体 */
  html body header.siteHeader
  > div.container.siteHeadContainer
  > #gMenu_outer {
    position: static !important;
    display: block !important;

    float: none !important;
    clear: none !important;

    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;

    margin: 0 0 0 18px !important;
    padding: 0 !important;
  }

  html body header.siteHeader
  #gMenu_outer nav {
    display: block !important;
    width: 100% !important;

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

  html body header.siteHeader
  #gMenu_outer ul.gMenu {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;
    min-width: 0 !important;

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

  html body header.siteHeader
  #gMenu_outer ul.gMenu > li {
    display: block !important;
    float: none !important;

    flex: 0 0 auto !important;
    width: auto !important;

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

  html body header.siteHeader
  #gMenu_outer ul.gMenu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;
    padding: 7px 8px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;
  }
}
/* =========================================================
   YAGOTO HEADER / PC HORIZONTAL BALANCE
   サイト名とメニューの間隔を詰める
========================================================= */

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

  html body header.siteHeader
  > div.container.siteHeadContainer {
    justify-content: flex-start !important;
    max-width: 1120px !important;
  }

  /* サイト名の固定幅を解除 */
  html body header.siteHeader
  > div.container.siteHeadContainer
  > .navbar-header {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  /* メニューをサイト名のすぐ右へ配置 */
  html body header.siteHeader
  > div.container.siteHeadContainer
  > #gMenu_outer {
    flex: 0 1 auto !important;
    width: auto !important;
    margin-left: 34px !important;
  }

  html body header.siteHeader
  #gMenu_outer nav,
  html body header.siteHeader
  #gMenu_outer ul.gMenu {
    width: auto !important;
  }

  html body header.siteHeader
  #gMenu_outer ul.gMenu {
    justify-content: flex-start !important;
  }
}
/* =========================================================
   YAGOTO HEADER / MENU VERTICAL POSITION
   PC通常時：メニューを少し下げる
========================================================= */

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

  html body header.siteHeader
  > div.container.siteHeadContainer
  > #gMenu_outer {
    transform: translateY(10px) !important;
  }
}