/*
Theme Name: FUJIMORI Block
Theme URI: https://fujimori-bois.jp/
Author: FUJIMORI
Description: 1946年創業のFUJIMORIとBOIS la douceurの専用ブロックテーマ
Version: 1.0.1
Requires at least: 6.7
Text Domain: fujimori-block
*/

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

.wp-site-blocks > main {
  margin-block-start: 0;
}

/* メインビジュアル全体 */
.fujimori-hero {
  min-height: 640px;
  margin: 0 !important;
  gap: 0 !important;
}

/* 左側の文章 */
.fujimori-hero > .wp-block-column:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(48px, 8vw, 110px);
}

.fujimori-hero > .wp-block-column:first-child > p:first-child {
  margin-bottom: 16px;
  color: #718167;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
}

.fujimori-hero > .wp-block-column:first-child h1 {
  margin-top: 0;
  margin-bottom: 24px;
  color: #293346;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(38px, 5vw, 68px);
  font-weight: 400;
  line-height: 1.5;
}

.fujimori-hero > .wp-block-column:first-child > p:last-child {
  margin-top: 0;
  font-size: 17px;
}

/* 右側の画像エリア */
.fujimori-hero > .wp-block-column:last-child {
  position: relative;
  min-width: 0;
}

.fujimori-hero-slider {
  position: relative;
  display: block !important;
  width: 100%;
  min-height: 640px;
  margin: 0 !important;
  overflow: hidden;
  background: #d9d6d0;
}

/* 各スライド */
.fujimori-hero-slider > .wp-block-image {
  position: absolute !important;
  inset: 0;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0;
  transition: opacity 1.2s ease;
}

.fujimori-hero-slider:not(.is-ready) > .wp-block-image:first-child,
.fujimori-hero-slider > .wp-block-image.is-active {
  opacity: 1;
}

.fujimori-hero-slider > .wp-block-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

/* スマートフォン表示 */
@media (max-width: 781px) {
  .fujimori-hero {
    min-height: auto;
  }

  .fujimori-hero > .wp-block-column:first-child {
    padding: 60px 8%;
  }

  .fujimori-hero > .wp-block-column:first-child h1 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .fujimori-hero-slider {
    min-height: 400px;
  }
}

/* 動きを減らす設定を利用している方への対応 */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .fujimori-hero-slider > .wp-block-image {
    transition: none;
  }
}
/* 2店舗のカード */
.fujimori-salons {
  width: 100%;
  max-width: 1260px;
  margin: 80px auto !important;
  padding: 0 30px;
  box-sizing: border-box;
}

.fujimori-salons > .wp-block-columns {
  gap: 30px;
  align-items: stretch !important;
}

.fujimori-salon-card {
  padding: 30px;
  background: #ffffff;
  border-top: 4px solid;
  box-shadow: 0 14px 40px rgba(41, 43, 41, 0.08);
  box-sizing: border-box;
}

/* 理容室：濃紺 */
.fujimori-salon-card.barber {
  border-top-color: #293346;
}

/* 美容室：グリーン */
.fujimori-salon-card.beauty {
  border-top-color: #718167;
}

/* 理容室・美容室の小見出し */
.fujimori-salon-card > p:first-child {
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14em;
}

.fujimori-salon-card.barber > p:first-child {
  color: #293346;
}

.fujimori-salon-card.beauty > p:first-child {
  color: #718167;
}

/* 店舗名 */
.fujimori-salon-card h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 400;
}

/* 店舗画像の大きさを統一 */
.fujimori-salon-card .wp-block-image {
  width: 100%;
  margin: 0 0 22px;
  overflow: hidden;
  aspect-ratio: 16 / 10;
}

.fujimori-salon-card .wp-block-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 「店舗を見る」の文字 */
.fujimori-salon-card > p:last-child {
  width: fit-content;
  margin: 0;
  padding-bottom: 4px;
  border-bottom: 1px solid currentColor;
  font-weight: 600;
}

/* スマートフォン表示 */
@media (max-width: 781px) {
  .fujimori-salons {
    margin: 60px auto !important;
    padding: 0 20px;
  }

  .fujimori-salons > .wp-block-columns {
    gap: 24px;
  }

  .fujimori-salon-card {
    padding: 22px;
  }
}
/* 店名部分の高さを左右で揃える */
.fujimori-salon-card h2 {
  min-height: 2.5em;
  line-height: 1.25;
  display: flex;
  align-items: flex-end;
}

/* スマートフォンでは高さを固定しない */
@media (max-width: 781px) {
  .fujimori-salon-card h2 {
    min-height: 0;
  }
}
/* メイン見出しを2行で整える */
.fujimori-hero > .wp-block-column:first-child h1 {
  font-size: clamp(40px, 3.1vw, 58px);
  line-height: 1.45;
  letter-spacing: 0.03em;
}

/* パソコンでは指定した2行を維持 */
@media (min-width: 782px) {
  .fujimori-hero > .wp-block-column:first-child h1 {
    white-space: nowrap;
  }
}

/* 店舗部分を横に広げ、余白を調整 */
.fujimori-salons {
  width: min(1200px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin: 40px 0 60px 50% !important;
  padding: 0 !important;
  transform: translateX(-50%);
}

.fujimori-salons > .wp-block-columns {
  width: 100%;
  gap: 30px;
}

/* スマートフォン用 */
@media (max-width: 781px) {
  .fujimori-salons {
    width: calc(100vw - 32px) !important;
    margin: 36px 0 50px 50% !important;
  }
}
/* WordPress標準のカラム幅制限を解除 */
.fujimori-salons .wp-block-columns {
  width: 100% !important;
  max-width: none !important;
}

/* 店舗カードと画像を横幅いっぱいにする */
.fujimori-salon-card {
  width: 100% !important;
}

.fujimori-salon-card .wp-block-image,
.fujimori-salon-card .wp-block-image img {
  width: 100% !important;
  max-width: none !important;
}
/* 店舗画像をトリミングせず全体表示する */
.fujimori-salon-card .wp-block-image {
  aspect-ratio: auto !important;
  overflow: visible !important;
}

.fujimori-salon-card .wp-block-image img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* 店舗ページ上部 */
.fujimori-shop-hero {
  width: min(1200px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin: 50px 0 0 50% !important;
  padding: 0 !important;
  transform: translateX(-50%);
}

.fujimori-shop-hero .wp-block-columns {
  max-width: none !important;
  gap: 0 !important;
  align-items: center !important;
}

/* 左側の店舗紹介 */
.fujimori-shop-hero .wp-block-column:first-child {
  padding: clamp(40px, 6vw, 80px);
  background: #293346;
  color: #ffffff;
  box-sizing: border-box;
}

.fujimori-shop-hero .wp-block-column:first-child > p:first-child {
  margin-top: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.16em;
}

.fujimori-shop-hero h1 {
  margin: 18px 0 24px;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 400;
  line-height: 1.25;
}

/* 右側の店舗画像 */
.fujimori-shop-hero .wp-block-image {
  width: 100%;
  margin: 0;
  background: #f4f3ef;
}

.fujimori-shop-hero .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* 店舗ページの4つのボタン */
.fujimori-shop-tabs {
  width: min(1200px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin: 0 0 70px 50% !important;
  gap: 0 !important;
  transform: translateX(-50%);
}

.fujimori-shop-tabs .wp-block-button {
  width: 25%;
  margin: 0;
}

.fujimori-shop-tabs .wp-block-button__link {
  display: block;
  width: 100%;
  padding: 18px 10px;
  border: 1px solid #293346;
  border-radius: 0;
  background: #ffffff;
  color: #293346;
  font-size: 15px;
  box-sizing: border-box;
}

.fujimori-shop-tabs .wp-block-button__link:hover {
  background: #293346;
  color: #ffffff;
}

/* スマートフォン */
@media (max-width: 781px) {
  .fujimori-shop-hero {
    width: calc(100vw - 32px) !important;
    margin-top: 30px !important;
  }

  .fujimori-shop-hero .wp-block-column:first-child {
    padding: 36px 24px;
  }

  .fujimori-shop-tabs {
    width: calc(100vw - 32px) !important;
    margin-bottom: 50px !important;
  }

  .fujimori-shop-tabs .wp-block-button {
    width: 50%;
  }

  .fujimori-shop-tabs .wp-block-button__link {
    min-height: 60px;
    padding: 15px 8px;
  }
}

/* 店舗ページの3つのボタンを均等に配置 */
.fujimori-shop-tabs .wp-block-button {
  width: 33.333% !important;
}

@media (max-width: 781px) {
  .fujimori-shop-tabs .wp-block-button {
    width: 100% !important;
  }
}

/* 下層ページ上部の見出し */
.fujimori-subpage-header {
  width: min(1000px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin: 48px 0 0 50% !important;
  padding: clamp(44px, 7vw, 80px) !important;
  transform: translateX(-50%);
  background: #293346;
  color: #ffffff;
  box-sizing: border-box;
}

/* 英文の小見出し */
.fujimori-subpage-header > p:first-child {
  margin-top: 0;
  color: #d2bc8c;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.16em;
}

/* メニュー・料金の大見出し */
.fujimori-subpage-header h1 {
  margin: 18px 0 24px;
  color: #ffffff;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;
  font-size: clamp(34px, 5vw, 52px);
  font-weight: 400;
  letter-spacing: 0.08em;
}

/* 見出し内の区切り線 */
.fujimori-subpage-header .wp-block-separator {
  width: 80px;
  margin: 24px 0;
  border-color: #d2bc8c;
  opacity: 1;
}

/* 見出し内の説明文 */
.fujimori-subpage-header > p:last-child {
  margin-bottom: 0;
  color: #f6f3ed;
  font-size: 16px;
  line-height: 2;
}

/* 料金表全体の背面 */
.fujimori-price-list {
  width: min(1000px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin: 0 0 80px 50% !important;
  padding: clamp(40px, 7vw, 76px) !important;
  transform: translateX(-50%);
  background: #f4f1ea;
  box-sizing: border-box;
}

/* カテゴリー見出し */
.fujimori-price-list h2 {
  margin-top: 72px;
  margin-bottom: 28px;
  padding-bottom: 14px;
  border-bottom: 1px solid #bba575;
  color: #293346;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;
  font-size: clamp(26px, 4vw, 36px);
  font-weight: 400;
  letter-spacing: 0.08em;
}

.fujimori-price-list h2:first-child {
  margin-top: 0;
}

/* 個別メニューの見出し */
.fujimori-price-list h3 {
  margin-top: 38px;
  margin-bottom: 8px;
  color: #293346;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

/* 説明文 */
.fujimori-price-list p {
  color: #4b4d4c;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
  line-height: 1.9;
}

/* コース内容の注記 */
.fujimori-price-list .fujimori-menu-note {
  margin-top: -16px;
  margin-bottom: 28px;
  color: #718167;
  font-size: 14px;
  font-weight: 600;
}

/* 料金表 */
.fujimori-price-list .wp-block-table {
  margin: 20px 0 42px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(41, 51, 70, 0.08);
}

.fujimori-price-list table {
  width: 100%;
  border: 1px solid #ddd7ca;
  border-collapse: collapse;
  background: #ffffff;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
}

/* 表の各セル */
.fujimori-price-list td {
  padding: 17px 20px;
  border: 0 !important;
  border-bottom: 1px solid #e6e1d7 !important;
  color: #34383e;
  line-height: 1.6;
}

/* 表の見出し行 */
.fujimori-price-list tr:first-child td {
  background: #293346;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.08em;
}

/* 最後の行 */
.fujimori-price-list tr:last-child td {
  border-bottom: 0 !important;
}

/* 料金欄 */
.fujimori-price-list td:last-child {
  width: 135px;
  color: #293346;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

/* 見出し行の料金文字は白 */
.fujimori-price-list tr:first-child td:last-child {
  color: #ffffff;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 14px;
}

/* 改定日 */
.fujimori-price-list .fujimori-price-revision {
  margin: 52px 0 0;
  padding: 18px 20px;
  border-left: 3px solid #bba575;
  background: #ffffff;
  color: #666666;
  font-size: 13px;
}

/* スマートフォン */
@media (max-width: 781px) {
  .fujimori-subpage-header,
  .fujimori-price-list {
    width: calc(100vw - 32px) !important;
  }

  .fujimori-subpage-header {
    margin-top: 30px !important;
    padding: 38px 24px !important;
  }

  .fujimori-price-list {
    padding: 36px 18px !important;
  }

  .fujimori-price-list h2 {
    margin-top: 56px;
  }

  .fujimori-price-list td {
    padding: 14px 10px;
    font-size: 14px;
  }

  .fujimori-price-list td:last-child {
    width: 92px;
    font-size: 15px;
  }
}

/* 店舗情報・アクセス全体 */
.fujimori-access {
  width: min(1000px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin: 0 0 80px 50% !important;
  padding: clamp(40px, 7vw, 76px) !important;
  transform: translateX(-50%);
  background: #f4f1ea;
  box-sizing: border-box;
}

/* 店舗情報・地図の見出し */
.fujimori-access h2 {
  margin-top: 64px;
  margin-bottom: 28px;
  padding-bottom: 14px;
  border-bottom: 1px solid #bba575;
  color: #293346;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;
  font-size: clamp(26px, 4vw, 36px);
  font-weight: 400;
  letter-spacing: 0.08em;
}

.fujimori-access h2:first-child {
  margin-top: 0;
}

/* 店舗情報の表 */
.fujimori-access .wp-block-table {
  margin: 0 0 36px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(41, 51, 70, 0.08);
}

.fujimori-access table {
  width: 100%;
  border: 1px solid #ddd7ca;
  border-collapse: collapse;
  background: #ffffff;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
}

.fujimori-access td {
  padding: 19px 22px;
  border: 0 !important;
  border-bottom: 1px solid #e6e1d7 !important;
  color: #3d4147;
  line-height: 1.8;
}

/* 左側の項目名 */
.fujimori-access td:first-child {
  width: 155px;
  background: #ebe6dc;
  color: #293346;
  letter-spacing: 0.05em;
}

.fujimori-access tr:last-child td {
  border-bottom: 0 !important;
}

/* 電話番号 */
.fujimori-access td a {
  color: #293346;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.fujimori-access td a:hover {
  text-decoration: underline;
}

/* 電話・Googleマップボタン */
.fujimori-access-buttons {
  display: flex;
  gap: 16px !important;
  margin: 36px 0 70px;
}

.fujimori-access-buttons .wp-block-button {
  flex: 1;
  margin: 0;
}

.fujimori-access-buttons .wp-block-button__link {
  display: flex;
  width: 100%;
  min-height: 72px;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  border-radius: 0;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  box-sizing: border-box;
}

/* 電話予約ボタン */
.fujimori-phone-button .wp-block-button__link {
  border: 1px solid #293346;
  background: #293346;
  color: #ffffff;
}

/* Googleマップボタン */
.fujimori-map-button .wp-block-button__link {
  border: 1px solid #293346;
  background: #ffffff;
  color: #293346;
}

.fujimori-access-buttons .wp-block-button__link:hover {
  border-color: #bba575;
  background: #bba575;
  color: #ffffff;
}

/* Googleマップ */
.fujimori-google-map {
  padding: 10px;
  background: #ffffff;
  box-shadow: 0 14px 36px rgba(41, 51, 70, 0.1);
}

.fujimori-google-map iframe {
  display: block;
  width: 100%;
}

/* 地図下の説明 */
.fujimori-access-note {
  margin: 24px 0 0;
  padding-left: 18px;
  border-left: 3px solid #bba575;
  color: #4b4d4c;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
  line-height: 1.9;
}

/* スマートフォン */
@media (max-width: 781px) {
  .fujimori-access {
    width: calc(100vw - 32px) !important;
    padding: 36px 18px !important;
  }

  .fujimori-access h2 {
    margin-top: 52px;
  }

  .fujimori-access td {
    padding: 15px 10px;
    font-size: 14px;
  }

  .fujimori-access td:first-child {
    width: 90px;
  }

  .fujimori-access-buttons {
    flex-direction: column;
    margin-bottom: 54px;
  }

  .fujimori-access-buttons .wp-block-button {
    width: 100%;
  }

  .fujimori-google-map iframe {
    height: 380px;
  }
}

/* 電話予約とGoogleマップのボタンの高さを揃える */
.fujimori-access-buttons {
  align-items: stretch !important;
}

.fujimori-access-buttons .wp-block-button {
  display: flex !important;
  align-items: stretch !important;
}

.fujimori-access-buttons .wp-block-button__link {
  height: 100% !important;
  min-height: 78px !important;
  align-items: center;
  justify-content: center;
}

/* おすすめ・季節メニューページ全体 */
.fujimori-recommend-page {
  width: min(1100px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin: 0 0 80px 50% !important;
  padding: clamp(40px, 6vw, 72px) !important;
  transform: translateX(-50%);
  background: #f4f1ea;
  box-sizing: border-box;
}

.fujimori-recommend-page .wp-block-columns {
  max-width: none !important;
}

/* 「今季のおすすめ」見出し */
.fujimori-recommend-page > h2 {
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 14px;
  border-bottom: 1px solid #bba575;
  color: #293346;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;
  font-size: clamp(27px, 4vw, 38px);
  font-weight: 400;
  letter-spacing: 0.08em;
}

/* 季節メニューの大きな紹介部分 */
.fujimori-season-feature {
  gap: 0 !important;
  margin-bottom: 76px !important;
  align-items: stretch !important;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(41, 51, 70, 0.1);
}

/* 季節メニュー画像 */
.fujimori-season-feature .wp-block-column:first-child {
  background: #e8e3d9;
}

.fujimori-season-feature .wp-block-image {
  width: 100%;
  margin: 0;
}

.fujimori-season-feature .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* 季節メニューの文章部分 */
.fujimori-season-feature .wp-block-column:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 5vw, 64px);
  box-sizing: border-box;
}

/* 2026 AUTUMN */
.fujimori-season-feature .wp-block-column:last-child > p:first-child {
  margin-top: 0;
  margin-bottom: 14px;
  color: #9a8050;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2em;
}

/* 季節メニュー名 */
.fujimori-season-feature h2 {
  margin: 0 0 24px;
  color: #293346;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;
  font-size: clamp(27px, 3.5vw, 40px);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.04em;
}

/* 季節メニューの説明文 */
.fujimori-season-feature p {
  color: #50535a;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
  line-height: 2;
}

/* 電話予約ボタン */
.fujimori-season-feature .wp-block-button {
  margin-top: 16px;
}

.fujimori-season-feature .wp-block-button__link {
  padding: 16px 30px;
  border: 1px solid #293346;
  border-radius: 0;
  background: #293346;
  color: #ffffff;
  font-size: 15px;
}

.fujimori-season-feature .wp-block-button__link:hover {
  border-color: #bba575;
  background: #bba575;
  color: #ffffff;
}

/* FUJIMORIのおすすめ見出し */
.fujimori-recommend-page > h2:not(:first-child) {
  margin-top: 0;
  margin-bottom: 30px;
}

/* 定番おすすめカード */
.fujimori-recommend-cards {
  gap: 24px !important;
  align-items: stretch !important;
}

.fujimori-recommend-cards > .wp-block-column {
  padding: clamp(30px, 4vw, 44px);
  border-top: 3px solid #bba575;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(41, 51, 70, 0.08);
  box-sizing: border-box;
}

/* カードの見出し */
.fujimori-recommend-cards h3 {
  margin-top: 0;
  margin-bottom: 18px;
  color: #293346;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;
  font-size: clamp(21px, 3vw, 27px);
  font-weight: 400;
  line-height: 1.6;
}

/* カードの説明文 */
.fujimori-recommend-cards p {
  margin-bottom: 0;
  color: #50535a;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
  line-height: 2;
}

/* スマートフォン */
@media (max-width: 781px) {
  .fujimori-recommend-page {
    width: calc(100vw - 32px) !important;
    padding: 36px 18px !important;
  }

  .fujimori-season-feature {
    margin-bottom: 56px !important;
  }

  .fujimori-season-feature .wp-block-column:last-child {
    padding: 32px 24px;
  }

  .fujimori-recommend-cards {
    gap: 20px !important;
  }

  .fujimori-recommend-cards > .wp-block-column {
    padding: 28px 22px;
  }
}

/* 季節画像と右側の説明欄の高さを揃える */
.fujimori-season-feature > .wp-block-column:first-child {
  display: flex;
}

.fujimori-season-feature .wp-block-column:first-child .wp-block-image {
  display: flex;
  width: 100%;
  height: 100%;
}

.fujimori-season-feature .wp-block-column:first-child .wp-block-image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center;
}

/* スマートフォンでは元の画像比率に戻す */
@media (max-width: 781px) {
  .fujimori-season-feature .wp-block-column:first-child .wp-block-image img {
    height: auto !important;
    object-fit: contain !important;
  }
}

/* BOIS店舗ページのカラー */
.fujimori-shop-hero.beauty-page .wp-block-column:first-child {
  background: #718167;
}

.fujimori-shop-hero.beauty-page .wp-block-column:first-child > p:first-child {
  color: #eee2c5;
}

.beauty-tabs .wp-block-button__link {
  border-color: #718167;
  color: #5f6f57;
}

.beauty-tabs .wp-block-button__link:hover {
  border-color: #718167;
  background: #718167;
  color: #ffffff;
}

/* 店舗トップ画像を大きく表示する */
@media (min-width: 782px) {
  .fujimori-shop-hero {
    width: min(1440px, calc(100vw - 40px)) !important;
  }

  .fujimori-shop-hero .wp-block-column:first-child {
    flex-basis: 36% !important;
  }

  .fujimori-shop-hero .wp-block-column:last-child {
    flex-basis: 64% !important;
  }

  .fujimori-shop-hero .wp-block-image {
    width: 100% !important;
    max-width: none !important;
  }

  .fujimori-shop-hero .wp-block-image img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* 店舗トップの右側画像をカラムいっぱいに表示 */
.fujimori-shop-hero .wp-block-columns > .wp-block-column:last-child {
  display: flex;
  align-items: center;
}

.fujimori-shop-hero .wp-block-columns > .wp-block-column:last-child .wp-block-image {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.fujimori-shop-hero .wp-block-columns > .wp-block-column:last-child .wp-block-image img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
}

/* BOIS下層ページの見出しカラー */
.beauty-subpage-header {
  background: #718167;
}

.beauty-subpage-header > p:first-child {
  color: #f0e3c3;
}

.beauty-subpage-header .wp-block-separator {
  border-color: #e1cda0;
}

/* BOIS料金ページの背景 */
.beauty-price-list {
  background: #f5f2eb;
}

/* BOIS料金ページのカテゴリー見出し */
.beauty-price-list h2 {
  border-bottom-color: #b6a477;
  color: #5f6f57;
}

/* BOIS料金ページの個別メニュー見出し */
.beauty-price-list h3 {
  color: #5f6f57;
}

/* シャンプーなどの補足 */
.beauty-price-list .fujimori-menu-note {
  color: #718167;
}

/* BOIS料金表の見出し行 */
.beauty-price-list tr:first-child td {
  background: #718167;
  color: #ffffff;
}

/* BOIS料金表の料金欄 */
.beauty-price-list td:last-child {
  color: #5f6f57;
}

/* 見出し行の料金文字は白 */
.beauty-price-list tr:first-child td:last-child {
  color: #ffffff;
}

/* 改定日の装飾 */
.beauty-price-list .fujimori-price-revision {
  border-left-color: #b6a477;
}

/* BOIS店舗情報ページの見出し */
.beauty-access h2 {
  color: #5f6f57;
  border-bottom-color: #b6a477;
}

/* BOIS店舗情報表の項目名 */
.beauty-access td:first-child {
  background: #e5e9e1;
  color: #5f6f57;
}

/* 電話番号 */
.beauty-access td a {
  color: #5f6f57;
}

/* BOISの電話予約ボタン */
.beauty-access .fujimori-phone-button .wp-block-button__link {
  border-color: #718167;
  background: #718167;
  color: #ffffff;
}

/* BOISのGoogleマップボタン */
.beauty-access .fujimori-map-button .wp-block-button__link {
  border-color: #718167;
  background: #ffffff;
  color: #5f6f57;
}

/* ボタンにマウスを合わせたとき */
.beauty-access .fujimori-access-buttons .wp-block-button__link:hover {
  border-color: #b6a477;
  background: #b6a477;
  color: #ffffff;
}

/* 地図下の案内 */
.beauty-access .fujimori-access-note {
  border-left-color: #b6a477;
}

/* Googleマップ外側の影 */
.beauty-access .fujimori-google-map {
  box-shadow: 0 14px 36px rgba(95, 111, 87, 0.12);
}

/* BOISおすすめページの背景 */
.beauty-recommend-page {
  background: #f3f1eb;
}

/* BOISおすすめページの見出し */
.beauty-recommend-page > h2 {
  color: #5f6f57;
  border-bottom-color: #b6a477;
}

/* 季節メニュー全体 */
.beauty-season-feature {
  border-top: 3px solid #718167;
  box-shadow: 0 16px 40px rgba(95, 111, 87, 0.13);
}

/* 季節表示 */
.beauty-season-feature .wp-block-column:last-child > p:first-child {
  color: #9a8050;
}

/* 季節メニュー名 */
.beauty-season-feature h2 {
  color: #5f6f57;
}

/* BOISの電話予約ボタン */
.beauty-season-feature .wp-block-button__link {
  border-color: #718167;
  background: #718167;
  color: #ffffff;
}

.beauty-season-feature .wp-block-button__link:hover {
  border-color: #b6a477;
  background: #b6a477;
  color: #ffffff;
}

/* BOISおすすめカード */
.beauty-recommend-cards {
  align-items: stretch !important;
}

/* 左側：プレミアムヘッドスパ */
.beauty-recommend-cards > .wp-block-column:first-child {
  padding: clamp(32px, 5vw, 52px);
  border-top-color: #b6a477;
  background: #ffffff !important;
  color: #50535a !important;
}

.beauty-recommend-cards > .wp-block-column:first-child h3 {
  color: #5f6f57 !important;
}

.beauty-recommend-cards > .wp-block-column:first-child p {
  color: #50535a !important;
}

.beauty-recommend-cards > .wp-block-column:first-child p {
  color: #50535a;
}

/* 右側：ウィービングカラー */
.beauty-recommend-cards > .wp-block-column:last-child {
  padding: 0 !important;
  overflow: hidden;
  border-top-color: #718167;
  background: #ffffff;
}

/* ヘアカラー画像 */
.beauty-recommend-cards > .wp-block-column:last-child .wp-block-image {
  width: 100%;
  margin: 0;
}

.beauty-recommend-cards > .wp-block-column:last-child .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* ヘアカラーの見出し */
.beauty-recommend-cards > .wp-block-column:last-child h3 {
  margin: 30px 34px 16px;
  color: #5f6f57;
}

/* ヘアカラーの説明文 */
.beauty-recommend-cards > .wp-block-column:last-child p {
  margin: 0;
  padding: 0 34px 38px;
}

/* スマートフォン */
@media (max-width: 781px) {
  .beauty-recommend-cards > .wp-block-column:first-child {
    padding: 34px 24px;
  }

  .beauty-recommend-cards > .wp-block-column:last-child h3 {
    margin: 26px 24px 14px;
  }

  .beauty-recommend-cards > .wp-block-column:last-child p {
    padding: 0 24px 32px;
  }
}

/* ホーム・お客様へのメッセージ */
.fujimori-home-message {
	width: min(1320px, calc(100vw - 48px)) !important;
	max-width: none !important;
	margin: 80px 0 90px 50% !important;
	padding: 0 !important;
	transform: translateX(-50%);
	box-sizing: border-box;
}

/* 画像と文章を一体化 */
.fujimori-home-message > .wp-block-columns {
	max-width: none !important;
	margin: 0 !important;
	gap: 0 !important;
	align-items: stretch !important;
	background-color: #293346;
	box-shadow: 0 18px 48px rgba(41, 51, 70, 0.14);
}

/* 左側の画像 */
.fujimori-home-message > .wp-block-columns > .wp-block-column:first-child {
	display: flex;
	background-color: #e8e3d9;
}

.fujimori-home-message .wp-block-column:first-child .wp-block-image {
	display: flex;
	width: 100%;
	height: 100%;
	margin: 0;
}

.fujimori-home-message .wp-block-column:first-child img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center;
}

/* 右側の文章 */
.fujimori-message-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(40px, 6vw, 82px);
	color: #ffffff;
	box-sizing: border-box;
}

.fujimori-message-copy > p:first-child {
	margin-top: 0;
	margin-bottom: 16px;
	color: #d2bc8c;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.2em;
}

.fujimori-message-copy h2 {
	margin: 0 0 28px;
	color: #ffffff;
	font-family: "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;
	font-size: clamp(30px, 4vw, 46px);
	font-weight: 400;
	line-height: 1.55;
}

.fujimori-message-copy p {
	color: #f3f1eb;
	font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 15px;
	line-height: 2;
}

/* スマートフォン表示 */
@media (max-width: 781px) {
	.fujimori-home-message {
		width: calc(100vw - 32px) !important;
		margin: 60px 0 70px 50% !important;
	}

	.fujimori-home-message .wp-block-column:first-child img {
		height: auto !important;
		object-fit: contain !important;
	}

	.fujimori-message-copy {
		padding: 38px 24px;
	}
}

/* BOISおすすめページをFUJIMORIと同じ配置に統一 */

/* 上部の緑色見出し */
.fujimori-subpage-header.beauty-subpage-header {
	width: min(1000px, calc(100vw - 48px)) !important;
	max-width: none !important;
	margin-left: 50% !important;
	margin-right: 0 !important;
	transform: translateX(-50%) !important;
	box-sizing: border-box !important;
}

/* 「今季のおすすめ」以下の背景部分 */
.fujimori-recommend-page.beauty-recommend-page {
	width: min(1100px, calc(100vw - 48px)) !important;
	max-width: none !important;
	margin: 0 0 80px 50% !important;
	padding: clamp(40px, 6vw, 72px) !important;
	transform: translateX(-50%) !important;
	box-sizing: border-box !important;
}

/* 「今季のおすすめ」見出し */
.fujimori-recommend-page.beauty-recommend-page
> .wp-block-heading:first-child {
	margin-top: 0 !important;
	margin-bottom: 30px !important;
}

/* 見出しと最初の画像・文章カラムとの間隔 */
.fujimori-recommend-page.beauty-recommend-page
> .wp-block-columns:first-of-type {
	margin-top: 0 !important;
}

/* スマートフォン */
@media (max-width: 781px) {
	.fujimori-subpage-header.beauty-subpage-header,
	.fujimori-recommend-page.beauty-recommend-page {
		width: calc(100vw - 32px) !important;
	}
}

/* ホーム・店舗ロゴ */
.fujimori-store-logo {
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 24px !important;
}

.fujimori-store-logo img {
	display: block;
	width: auto !important;
	height: auto !important;
	max-height: 100px;
	object-fit: contain;
}

/* FUJIMORIロゴ */
.fujimori-logo-barber img {
	max-width: min(360px, 90%) !important;
}

/* BOISロゴ */
.fujimori-logo-beauty img {
	max-width: min(300px, 85%) !important;
}

/* スマートフォン */
@media (max-width: 781px) {
	.fujimori-store-logo {
		min-height: 80px;
		margin-bottom: 18px !important;
	}

	.fujimori-store-logo img {
		max-height: 80px;
	}
}

/* ホームの2店舗ロゴを同じ大きさに統一 */
.fujimori-store-logo.fujimori-logo-barber img,
.fujimori-store-logo.fujimori-logo-beauty img {
	width: 230px !important;
	max-width: 80% !important;
	height: auto !important;
	object-fit: contain !important;
}

/* ロゴを同じ高さの範囲で中央配置 */
.fujimori-store-logo {
	min-height: 90px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 20px !important;
}

.fujimori-store-logo a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

/* スマートフォンでは少し小さくする */
@media (max-width: 781px) {
	.fujimori-store-logo.fujimori-logo-barber img,
	.fujimori-store-logo.fujimori-logo-beauty img {
		width: 220px !important;
	}
}
/* メニュー表の小さな施術イメージ */
.fujimori-menu-icon {
	width: 170px !important;
	max-width: 40% !important;
	margin: 8px 0 20px !important;
}

.fujimori-menu-icon img {
	display: block;
	width: 170px !important;
	max-width: 100% !important;
	height: auto !important;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: 4px;
	box-shadow: 0 8px 20px rgba(41, 51, 70, 0.14);
}

/* BOIS用の柔らかなグリーンの縁 */
.beauty-menu-icon img {
	border-bottom: 3px solid #718167;
}

/* FUJIMORI用の濃紺の縁 */
.barber-menu-icon img {
	border-bottom: 3px solid #293346;
}

@media (max-width: 781px) {
	.fujimori-menu-icon {
		width: 140px !important;
		max-width: 55% !important;
	}

	.fujimori-menu-icon img {
		width: 140px !important;
	}
}

/* FUJIMORIカット画像を小さく横並びにする */
.fujimori-cut-image-row {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center !important;
	gap: 16px !important;
	margin: 8px 0 18px !important;
}

.fujimori-cut-image-row > .wp-block-column {
	flex: 0 0 120px !important;
	width: 120px !important;
}

.fujimori-cut-small-image {
	width: 120px !important;
	margin: 0 !important;
}

.fujimori-cut-small-image img {
	display: block;
	width: 120px !important;
	height: 80px !important;
	object-fit: cover !important;
	border-radius: 4px;
	border-bottom: 3px solid #293346;
	box-shadow: 0 5px 12px rgba(41, 51, 70, 0.12);
}

/* スマートフォンでも横並びを維持 */
@media (max-width: 781px) {
	.fujimori-cut-image-row {
		flex-wrap: nowrap !important;
		gap: 12px !important;
	}

	.fujimori-cut-image-row > .wp-block-column,
	.fujimori-cut-small-image {
		flex-basis: 105px !important;
		width: 105px !important;
	}

	.fujimori-cut-small-image img {
		width: 105px !important;
		height: 70px !important;
	}
}

/* FUJIMORIカット関連画像を3枚横並びにする */
.fujimori-cut-image-row {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center !important;
	gap: 16px !important;
	margin: 8px 0 18px !important;
	transform: translateX(45px) !important;
	flex-wrap: nowrap !important;
}

.fujimori-cut-image-row > .wp-block-column {
	flex: 0 0 120px !important;
	width: 120px !important;
	min-width: 120px !important;
}

/* BOISメニューページの小さい施術画像 */
.bois-menu-small-image {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 120px !important;
	margin: 8px 0 18px !important;
  transform: translateX(40px) !important;
}
/* 画像後の文章と料金表の回り込みを解除 */
.bois-menu-small-image + * {
	clear: both !important;
}

.bois-menu-small-image img {
	display: block !important;
	width: 120px !important;
	height: 80px !important;
	object-fit: cover !important;
	border-radius: 4px;
	border-bottom: 3px solid #718167;
	box-shadow: 0 5px 12px rgba(74, 91, 69, 0.12);
}

/* スマートフォン */
@media (max-width: 781px) {
	.bois-menu-small-image {
		width: 105px !important;
	}

	.bois-menu-small-image img {
		width: 105px !important;
		height: 70px !important;
	}
}

/* サロン紹介：2店舗の選択カード */
.salon-choice-grid {
	gap: 32px !important;
	margin-top: 38px !important;
	margin-bottom: 50px !important;
	align-items: stretch !important;
}

.salon-choice-card {
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden;
	padding: 0 0 30px !important;
	background: #ffffff;
	border: 1px solid rgba(41, 51, 70, 0.12);
	border-radius: 4px;
	box-shadow: 0 12px 30px rgba(41, 51, 70, 0.08);
}

.salon-choice-card .wp-block-image {
	width: 100% !important;
	margin: 0 0 24px !important;
}

.salon-choice-card .wp-block-image img {
	display: block;
	width: 100% !important;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.salon-choice-card h2,
.salon-choice-card p {
	padding-left: 24px;
	padding-right: 24px;
}

.salon-choice-card h2 {
	margin-top: 10px !important;
	margin-bottom: 14px !important;
}

.salon-choice-card .wp-block-buttons {
	margin-top: auto !important;
	padding: 10px 24px 0;
}

.salon-choice-card .wp-block-button__link {
	min-width: 190px;
	padding: 12px 22px;
	border-radius: 2px;
	font-size: 14px;
	letter-spacing: 0.04em;
}

.fujimori-choice-card .wp-block-button__link {
	background: #293346;
	color: #ffffff;
}

.bois-choice-card .wp-block-button__link {
	background: #718167;
	color: #ffffff;
}

@media (max-width: 781px) {
	.salon-choice-grid {
		gap: 24px !important;
		margin-top: 28px !important;
	}

	.salon-choice-card {
		padding-bottom: 26px !important;
	}
}

/* BOISおすすめカードを左右同じ配置に揃える */
.beauty-recommend-cards > .wp-block-column {
  padding: clamp(30px, 4vw, 44px) !important;
  border-top-color: #bba575 !important;
}

/* 見出しの開始位置と使用する高さを統一 */
.beauty-recommend-cards > .wp-block-column h3 {
  min-height: 3.2em;
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-align: left;
}

/* 段落の開始位置を統一 */
.beauty-recommend-cards > .wp-block-column p {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
}

/* BOIS右側カードの位置を左側と同じにする */
.beauty-recommend-cards > .wp-block-column:last-child {
  padding: clamp(30px, 4vw, 44px) !important;
}