@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;
}
/* =========================================================
   SHIZUOKA / EVENTS SEARCH BUTTON
   イベントカレンダー検索ボタンをC2カラーへ統一
========================================================= */

.tribe-events-c-search__button.tribe-common-c-btn {
  background: #6f8f5f !important;
  border-color: #6f8f5f !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
}

.tribe-events-c-search__button.tribe-common-c-btn:hover,
.tribe-events-c-search__button.tribe-common-c-btn:focus {
  background: #557544 !important;
  border-color: #557544 !important;
  color: #ffffff !important;
}
/* =========================================================
   SHIZUOKA / INFORMATION ARCHIVE ONE COLUMN
   サイドバー撤去後の記事一覧を本文幅へ拡張
========================================================= */

body:has(.vk_posts-mainSection .vk_post-postType-info)
.site-body-container
.main-section.main-section--col--two {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

body:has(.vk_posts-mainSection .vk_post-postType-info)
.vk_posts-mainSection {
  width: 100% !important;
  max-width: 100% !important;
}
/* =========================================================
   SHIZUOKA / INFORMATION ARCHIVE CARD
   続きを読むボタンと画像なし記事をC2用に調整
========================================================= */

/* 画像がない記事は空の画像枠を表示しない */
body:has(.vk_posts-mainSection .vk_post-postType-info)
.vk_post-postType-info.has-no-post-thumbnail
.vk_post_imgOuter {
  display: none !important;
}

/* 画像がない記事は本文を全幅にする */
body:has(.vk_posts-mainSection .vk_post-postType-info)
.vk_post-postType-info.has-no-post-thumbnail
.vk_post_body {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 続きを読むボタン */
body:has(.vk_posts-mainSection .vk_post-postType-info)
.vk_post_btnOuter {
  margin-top: 20px !important;
}

body:has(.vk_posts-mainSection .vk_post-postType-info)
.vk_post_btnOuter
.vk_post_btn.btn.btn-primary {
  min-width: 132px !important;
  padding: 10px 22px !important;
  background: #6f8f5f !important;
  border-color: #6f8f5f !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
}

body:has(.vk_posts-mainSection .vk_post-postType-info)
.vk_post_btnOuter
.vk_post_btn.btn.btn-primary:hover,
body:has(.vk_posts-mainSection .vk_post-postType-info)
.vk_post_btnOuter
.vk_post_btn.btn.btn-primary:focus {
  background: #557544 !important;
  border-color: #557544 !important;
  color: #ffffff !important;
}
/* =========================================================
   SHIZUOKA / INFORMATION SINGLE PAGE
   インフォメーション個別記事を1カラム化
========================================================= */

/* 個別記事のタイトル帯をC2カラーへ統一 */
body.post-type-info .page-header {
  background: #6f8f5f !important;
}

/* 本文を全幅へ広げる */
body.post-type-info
.site-body-container
.main-section.main-section--col--two {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 旧サイドバー領域を非表示 */
body.post-type-info
.site-body-container
.sub-section.sub-section--col--two {
  display: none !important;
}
/* =========================================================
   SHIZUOKA / BLOG ARCHIVE ONE COLUMN
   ブログ一覧を本文幅へ拡張
========================================================= */

/* ブログ一覧の本文を全幅化 */
body.archive.category-blog
.site-body-container
.main-section.main-section--col--two {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 記事一覧を本文幅いっぱいにする */
body.archive.category-blog
.vk_posts-mainSection {
  width: 100% !important;
  max-width: 100% !important;
}

/* 空の投稿サイドバー領域を非表示 */
body.archive.category-blog
.site-body-container
.sub-section.sub-section--col--two {
  display: none !important;
}
/* =========================================================
   SHIZUOKA / BLOG ARCHIVE BUTTON
   ブログ一覧の続きを読むボタンをC2カラーへ統一
========================================================= */

body.archive.category-blog
.vk_post_btnOuter {
  margin-top: 20px !important;
}

body.archive.category-blog
.vk_post_btnOuter
.vk_post_btn.btn.btn-primary {
  min-width: 132px !important;
  padding: 10px 22px !important;
  background: #6f8f5f !important;
  border-color: #6f8f5f !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
}

body.archive.category-blog
.vk_post_btnOuter
.vk_post_btn.btn.btn-primary:hover,
body.archive.category-blog
.vk_post_btnOuter
.vk_post_btn.btn.btn-primary:focus {
  background: #557544 !important;
  border-color: #557544 !important;
  color: #ffffff !important;
}
/* =========================================================
   SHIZUOKA / BLOG SINGLE PAGE
   ブログ個別記事を1カラム化
========================================================= */

/* ブログ個別記事の本文を全幅へ広げる */
body:has(article.entry.category-blog)
.site-body-container
.main-section.main-section--col--two {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 旧サイドバー領域を非表示 */
body:has(article.entry.category-blog)
.site-body-container
.sub-section.sub-section--col--two {
  display: none !important;
}
/* =========================================================
   SHIZUOKA / BLOG SINGLE YOUTUBE RESPONSIVE
   ブログ個別記事の動画をスマホ幅へ収める
========================================================= */

body:has(article.entry.category-blog)
article.entry.category-blog
.wp-block-embed,
body:has(article.entry.category-blog)
article.entry.category-blog
.wp-block-embed__wrapper,
body:has(article.entry.category-blog)
article.entry.category-blog
iframe {
  width: 100% !important;
  max-width: 100% !important;
}

body:has(article.entry.category-blog)
article.entry.category-blog
iframe {
  display: block !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
/* =========================================================
   SHIZUOKA / HEADER MENU SPACE
   通常ヘッダーのメニュー間隔を約1文字分縮める
   ※追従時は変更しない
========================================================= */

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

  body:not(.header_scrolled)
  #site-header
  .global-nav-list
  > li
  > a {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

}