/* ══ 金継ぎ追補スタイル（naoshi planner 自動生成・2026-08-27）══
   元の規則と同じセレクタ・同じmediaで後から上書きする。:root の変数は触らない。
   直した行: 47・手で見る行: 37 */
/* [contrast] 白い文字はそのまま、地を同色相で深くして比2.95→基準4.5以上（白文字×色付きの面は地を動かす） ⚠via-var --c-accent（共有41箇所。変数は触らず規則側で上書き） */
.c-btn--primary { background-color: #996909; }
/* [contrast] 白い文字はそのまま、地を同色相で深くして比2.95→基準4.5以上（白文字×色付きの面は地を動かす） ⚠via-var --c-accent（共有41箇所。変数は触らず規則側で上書き） */
.stepmail-promo__content .c-badge { background-color: #996909; }
/* [contrast] 白い文字はそのまま、地を同色相で深くして比2.95→基準4.5以上（白文字×色付きの面は地を動かす） ⚠via-var --c-accent（共有41箇所。変数は触らず規則側で上書き） */
.trust-band__badge { background-color: #996909; }
/* [contrast] コントラスト比2.95→基準3以上（既存色 #A88734・背景#FFFFFF） ⚠via-var --c-accent（共有41箇所。変数は触らず規則側で上書き） */
.stat__num { color: #A88734; }
/* [contrast] コントラスト比2.95→基準4.5以上（既存色 #444444・背景#FFFFFF） ⚠via-var --c-accent（共有41箇所。変数は触らず規則側で上書き） */
.stat__unit { color: #444444; }
/* [contrast] コントラスト比1.17→基準3以上（既存色 #777777・背景#FFFFFF） ⚠via-var --c-secondary（共有8箇所。変数は触らず規則側で上書き） */
.feature-num { color: #777777; }
/* [contrast] コントラスト比2.95→基準3以上（既存色 #A88734・背景#FFFFFF） ⚠via-var --c-accent（共有41箇所。変数は触らず規則側で上書き） */
.reason-card__arrow { color: #A88734; }
/* [contrast] コントラスト比4.48→基準4.5以上（既存色 #47698C・背景#FFFFFF） ⚠via-var --c-text-light（共有3箇所。変数は触らず規則側で上書き） */
.essay-card__date { color: #47698C; }
/* [contrast] コントラスト比2.95→基準4.5以上（既存色 #444444・背景#FFFFFF） ⚠via-var --c-accent（共有41箇所。変数は触らず規則側で上書き） */
.essay-card__more { color: #444444; }
/* [contrast] コントラスト比4.48→基準4.5以上（既存色 #47698C・背景#FFFFFF） ⚠via-var --c-text-light（共有3箇所。変数は触らず規則側で上書き） */
.contact-menu__note { color: #47698C; }
/* [contrast] 白い文字はそのまま、地を同色相で深くして比2.95→基準4.5以上（白文字×色付きの面は地を動かす） ⚠via-var --c-accent（共有41箇所。変数は触らず規則側で上書き） */
.floating-btn { background-color: #996909; }
/* [font] 役割「本文」の 18.4px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.hero__lead { font-size: 16px; }
/* [font] 役割「本文」の 17.6px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） ⚠inherited（祖先 .section-desc の規則を上書き＝配下全部に効く） */
.section-desc { font-size: 16px; }
/* [font] 役割「本文」の 16.8px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.prep-card__title { font-size: 16px; }
/* [font] 役割「本文」の 15.7px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.trust-band__lead { font-size: 16px; }
/* [font] 役割「本文」の 15.7px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.link-card__points li { font-size: 16px; }
/* [font] 役割「本文」の 15.2px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.feature-desc { font-size: 16px; }
/* [font] 役割「本文」の 15.2px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.cta-strip__lead { font-size: 16px; }
/* [font] 役割「本文」の 15.2px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.prep-card__list li { font-size: 16px; }
/* [font] 役割「本文」の 15.2px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.contact-menu__satei { font-size: 16px; }
/* [font] 役割「本文」の 15.2px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.footer-rich__lead { font-size: 16px; }
/* [font] 役割「本文」の 14.4px を近いサイズ 14.7px へ寄せる（25%以内・一番使われている値へ） */
.header__link { font-size: 14.7px; }
/* [font] 役割「本文」の 14.4px を近いサイズ 14.7px へ寄せる（25%以内・一番使われている値へ） */
.header__cta { font-size: 14.7px; }
/* [font] 役割「本文」の 13.6px を近いサイズ 14.7px へ寄せる（25%以内・一番使われている値へ） */
.stepmail-promo__note { font-size: 14.7px; }
/* [font] 役割「本文」の 13.6px を近いサイズ 14.7px へ寄せる（25%以内・一番使われている値へ） */
.footer-rich__heading { font-size: 14.7px; }
/* [font] 役割「本文」の 12.5px を近いサイズ 14.7px へ寄せる（25%以内・一番使われている値へ） */
.contact-menu__note { font-size: 14.7px; }
/* [font] 役割「その他」の 21.6px を近いサイズ 20px へ寄せる（25%以内・一番使われている値へ） */
.reason-card__arrow { font-size: 20px; }
/* [font] 役割「その他」の 17.6px を近いサイズ 20px へ寄せる（25%以内・一番使われている値へ） */
.stat__unit { font-size: 20px; }
/* [font] 役割「その他」の 16.3px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.reason-card__solution { font-size: 16px; }
/* [font] 役割「その他」の 15.2px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.reason-card__problem { font-size: 16px; }
/* [font] 役割「その他」の 14.7px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） ⚠inherited（祖先 .footer-rich__row の規則を上書き＝配下全部に効く） */
.footer-rich__row { font-size: 16px; }
/* [font] 役割「その他」の 14.4px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.stat__label { font-size: 16px; }
/* [font] 役割「その他」の 14px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.c-badge { font-size: 16px; }
/* [font] 役割「その他」の 13.6px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.stepmail-promo__content .c-badge { font-size: 16px; }
/* [font] 役割「その他」の 13.6px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.footer-copy { font-size: 16px; }
/* [font] 役割「ボタン」の 18.4px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.stepmail-promo__cta .c-btn { font-size: 16px; }
/* [font] 役割「ボタン」の 18px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.c-btn--lg { font-size: 16px; }
/* [font] 役割「ボタン」の 15.7px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.link-card__more { font-size: 16px; }
/* [font] 役割「ボタン」の 14.4px を近いサイズ 14.7px へ寄せる（25%以内・一番使われている値へ） */
.essay-card__more { font-size: 14.7px; }
/* [font] 役割「h3」の 20px を近いサイズ 22.4px へ寄せる（25%以内・一番使われている値へ） */
h3 { font-size: 22.4px; }
/* [font] 役割「補足」の 13.6px を近いサイズ 12.7px へ寄せる（25%以内・一番使われている値へ） */
.essay-card__date { font-size: 12.7px; }
/* [color] 似て非なる色 #FFFCF4 → #FFFFFF */
.prep-card { background-color: #FFFFFF; }
/* [color] 似て非なる色 #222222 → #111111 ⚠via-var --c-text-main（共有1箇所。変数は触らず規則側で上書き） */
.header__link { color: #111111; }
/* [z] z-index 1000 → 100（層は1/10/100） */
.header { z-index: 100; }
/* [z] z-index 9999 → 100（層は1/10/100） */
.floating-btn { z-index: 100; }
@media (max-width: 767px) {
  /* [contrast] コントラスト比2.95→基準4.5以上（既存色 #444444・背景#FFFFFF） ⚠via-var --c-accent（共有41箇所。変数は触らず規則側で上書き） / mobile-only */
  .fixed-btn--visit { color: #444444; }
  /* [contrast] 白い文字はそのまま、地を同色相で深くして比2.26→基準4.5以上（白文字×色付きの面は地を動かす） ⚠mobile-only */
  .fixed-btn--line { background-color: #048237; }
}

/* ══ 手仕事の追補（金継ぎ・2026-08-27）══
   方針: 金茶は色相を保って深い金 #996909 に（白との比4.80）。紺の上の金茶は触らない。
   文字は役割ごとに 本文16/小14.7/大21.6・ボタン16・飾りは据え置き。角丸は元栓 --radius-sm を8pxへ。 */

/* --- 色: 深い金への統一（自動処方の #A88734/#444444 も #996909 へ揃える＝金の役割を保つ） --- */
.stat__num { color: #996909; }          /* 40px 大文字 床3.0 → 4.80 */
.stat__unit { color: #996909; }
.reason-card__arrow { color: #996909; }
.essay-card__more { color: #996909; }   /* 「続きを読む」の金は残す */
.header__cta { background: #996909; }
.stepmail-promo__cta .c-btn { background-color: #996909; }
/* インラインstyleの var(--c-accent) は要素側で変数を差し替える（style属性は書き換えない） */
span.c-badge, a.area-btn, p.contact-menu__satei, .hero__content { --c-accent: #996909; }
/* 薄灰文字の元栓: #777777 → #666666（白地・FBFCFD地とも床4.5超） */
:root { --c-text-light: #666666; }
.essay-card__date, .contact-menu__note { color: #666666; }  /* 自動処方の#47698Cをやめ、薄文字を一本化 */
/* 似て非なる色の統合（画面に出ていない地・文字色のみ。節の拍 #E6EEF5 と罫線 #E0E0E0 は残す） */
.hero__visual { background-color: #FFFFFF; }
.stepmail-promo__lead, .stepmail-promo__lead strong { color: #FFFFFF; }
/* 写真の上の白文字: 下敷きのグラデを濃くして最悪画素でも床を守る */
.trust-band__overlay { background: linear-gradient(to top, rgba(15, 37, 64, 0.96) 0%, rgba(15, 37, 64, 0.86) 50%, rgba(15, 37, 64, 0.58) 100%); }

/* --- 文字: 役割内の統合 --- */
/* h2 を基本の1本（clamp）に */
.trust-band__title, .stepmail-promo__title { font-size: clamp(1.75rem, 4vw, 2.25rem); }
/* 本文の大: 21.6px に統一 */
.cta-strip__title { font-size: 1.35rem; }
.link-card__title { font-size: 1.35rem; }
p.text-serif[style] { font-size: 1.35rem !important; }
/* 本文の小: 14.7px に統一（インラインstyleは!importantで） */
p.text-light[style] { font-size: 14.7px !important; }
.section-desc span { font-size: 14.7px !important; }
/* 本文・ボタンの標準: 16px */
.hero__content div > p { font-size: 1rem !important; }
a[style*="3.3vw"], span[style*="3.3vw"] { font-size: 1rem !important; }  /* ヒーローの講座リンクと注記 */
span.c-badge[style*="font-size"] { font-size: 1rem !important; }
p.feature-desc a[style] { font-size: 1em !important; }
a.c-btn[style*="font-size"] { font-size: 1rem !important; }
a.area-btn[style] { font-size: 1rem !important; }
.essay-card__more { font-size: 1rem; }
.footer-rich__nav a { font-size: 1rem; }
.contact-menu__label { font-size: 1rem; }
.floating-btn__main { font-size: 1rem; }
.footer-rich__row span span { font-size: 1em !important; }
/* 飾り数字の脇: 単位と工程番号は16pxへ（数字40/80は主役なので据え置き） */
.stat__unit { font-size: 16px; }
.step-num { font-size: 16px; }
.reason-card__arrow { font-size: 16px; }
@media (max-width: 767px) {
  .fixed-btn { font-size: 14.7px; }     /* 下部バーのボタン名 12px → 読める大きさに */
  .floating-btn__main { font-size: 1rem; }
}

/* --- 角丸: 元栓で 4px → 8px（8/12/丸の3種へ） --- */
:root { --radius-sm: 8px; }
a.area-btn[style] { border-radius: 8px !important; }

/* --- z-index: 層を 1/10/100 の3段に --- */
#js-toggle { z-index: 100; }
.fixed-cta { z-index: 100; }

/* ══ 手仕事 2巡目（再計測の残りに当てる）══ */
/* 深い金を半歩濃く: #996909 → #8A5F08（ヒーローの淡い地でも最悪画素で床4.5を守る） */
.c-btn--primary, .stepmail-promo__content .c-badge, .trust-band__badge,
.header__cta, .stepmail-promo__cta .c-btn, .floating-btn { background-color: #8A5F08; }
.header__cta { background: #8A5F08; }
.stat__num, .stat__unit, .reason-card__arrow, .essay-card__more { color: #8A5F08; }
span.c-badge, a.area-btn, p.contact-menu__satei, .hero__content { --c-accent: #8A5F08; }
/* 罫線の薄灰を一本化: #F0F0F0 → #E0E0E0（元栓） */
:root { --c-border-light: #E0E0E0; }
/* 飾り数字の色も薄文字と同じ #666666 に */
.feature-num { color: #666666; }
/* 文字段の残り */
.link-card__title span[style] { font-size: 16px !important; }
.footer-rich__license { font-size: 1rem; }
/* タブレット768pxちょうどでも下部バーに効かせる（LINE緑の床割れとボタンの文字） */
@media (max-width: 768px) {
  .fixed-btn--visit { color: #444444; }
  .fixed-btn--line { background-color: #048237; }
  .fixed-btn { font-size: 1rem; }
}

/* ══ 手仕事 3巡目 ══ */
/* ヒーローの講座リンク: 文字を16pxに上げた分、狭い幅では折り返しを許す（nowrapのままだと右端で切れる） */
a[style*="3.3vw"] { white-space: normal !important; }

/* ══ 金継ぎ 第2ラウンド（2026-08-27・来店予約/査定/入口ページ）══
   方針は本編と同じ: 役割の色（赤い注意・日曜の赤・無効の灰）は潰さず、濃さだけ床の上へ。 */

/* --- 来店予約（visit）・査定（satei）・お問い合わせのフォーム類 --- */
.required { background-color: #DF2E1B; border-radius: 8px; }  /* 必須バッジ: 赤のまま白文字が床4.5超 */
.optional { color: #444444; }                                  /* 任意バッジ: 薄灰の地でも読める濃さに */
.form-control { background-color: #FFFFFF; border-color: #C4C4C4; }
.cal__cell:disabled { color: #6E6E6E; }       /* 予約不可日: 無効の灰の役割を保って濃く（床4.5超） */
.cal__dow--sun { color: #B03024; }            /* 日曜の赤: 灰に潰さず濃い赤に（比6.3） */
.cal__cell-mark { font-size: 12px; }          /* ○×印 9.6px → 読める12px */
.cal__nav { font-size: 16px; }
.cal__month { font-size: 16px; }
.cal__legend { font-size: 14.7px; }
.visit-note__text { font-size: 16px; }
.visit-note { background-color: #FFFFFF; }
.visit-summary--empty { background-color: #FFFFFF; }
.step-no { font-size: 12.8px; }
/* 赤い注意書き（インライン指定）: 警告の役割を保って濃い赤に（比6.2） */
p[style*="da3c3c"], p[style*="DA3C3C"] { color: #B03024 !important; }

/* --- 入口ページ（index・独自スタイル） --- */
.splash-btn-mini--line { background-color: #048237; border-color: #048237; }  /* LINEの緑: 白文字が床4.5超の緑に */
/* 金のボタン: グラデの明るい端で白文字が沈むため、深い金のグラデに（白文字が全域で床4.5超） */
.splash-btn--primary { background: linear-gradient(135deg, #996909 0%, #8A5F08 55%, #5F4005 100%); background-size: 200% auto; }
/* 写真の上の小さな字: 影を強めて読みやすく（機械では測れない領域の実害対策） */
.splash-subtitle, .splash-link-more, .splash-btn-caption { text-shadow: 0 1px 6px rgba(0, 0, 0, 0.85); }
/* 極小文字: 12px以上へ（狭い幅） */
@media (max-width: 768px) {
  .splash-btn__sub { font-size: 12px; }
  .splash-cta-note { font-size: 12px; }
}

/* --- 浮きボタン: ヒーローを過ぎてから表示（無料メール講座の案内リンクを隠さないため・見立て問い9） --- */
/* JSが有効なときだけ .js-managed が付く＝JSが無い環境では従来どおり常時表示 */
.floating-btn.js-managed { opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.3s, transform 0.3s, visibility 0.3s; }
.floating-btn.js-managed.is-shown { opacity: 1; visibility: visible; transform: none; }

/* --- 実物写真の器（代表の顔・事務所のご案内・見立て問い2+10） --- */
.essay-feed__author { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; margin: 0 auto 2.5rem; }
.essay-feed__portrait { width: 140px; height: auto; display: block; border-radius: 8px; box-shadow: 0 4px 12px rgba(15, 37, 64, 0.15); }
.essay-feed__author-name { font-size: 14.7px; color: #444444; margin: 0; }
.office-photos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; text-align: left; }
@media (max-width: 600px) { .office-photos { grid-template-columns: 1fr; } }
.office-photo { margin: 0; }
.office-photo img { width: 100%; height: auto; display: block; border-radius: 8px; border: 1px solid #E0E0E0; }
.office-photo figcaption { font-size: 14.7px; color: #444444; margin-top: 0.5rem; text-align: center; }
.office-photo img { aspect-ratio: 4 / 3; object-fit: cover; }