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

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

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

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;
}
/* =========================================================
   新宿四谷 / PC通常ヘッダー
   サイト名 + メニュー 1行化
========================================================= */

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

  html body:not(.header_scrolled)
  header.siteHeader
  > .container.siteHeadContainer {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;

    max-width: 1180px !important;
    min-height: 76px !important;

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


  /* サイト名 */
  html body:not(.header_scrolled)
  header.siteHeader
  .navbar-header {
    flex: 0 0 auto !important;
    float: none !important;

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

 html body:not(.header_scrolled)
header.siteHeader
.siteHeader_logo {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}

html body:not(.header_scrolled)
header.siteHeader
.siteHeader_logo > a {
  display: flex !important;
  align-items: center !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

html body:not(.header_scrolled)
header.siteHeader
.siteHeader_logo span {
  display: block !important;
  white-space: nowrap !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
}

  /* メニュー */
  html body:not(.header_scrolled)
  header.siteHeader
  #gMenu_outer {
    flex: 1 1 auto !important;
    align-self: stretch !important;

    float: none !important;

    display: flex !important;
    align-items: center !important;

    width: auto !important;

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

  html body:not(.header_scrolled)
  header.siteHeader
  #gMenu_outer > nav {
    width: 100% !important;

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

  html body:not(.header_scrolled)
  header.siteHeader
  #gMenu_outer ul.gMenu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;

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

  html body:not(.header_scrolled)
  header.siteHeader
  #gMenu_outer ul.gMenu > li {
    flex: 0 0 auto !important;

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

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

    min-height: 76px !important;

    padding-left: 9px !important;
    padding-right: 9px !important;

    white-space: nowrap !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}