/* ============================================================================
   モデルハウス（/model-house/）ページ固有CSS
   正本: design/pages/model-house.html の <style id="page-scoped">（106行）。

   [20260918e すり合わせ] design（20260914e/20260915a,c/20260916t）へ全面追随。
   ・追加 = .mh-quote（コンセプト冒頭の引用調段落）／.mh-spec（スペック表）
            ＝ACFにフィールドを新設して表に戻したため（案A・2026-09-18ディレクター決定）
   ・下に theme 固有の追補を置く（design には無いが必要なもの）。
   ============================================================================ */

/* [20260821am] 見出しまわりを interview.html 基準に統一。級数・ウェイト・字間・行間は
   20260821j・ae の共有CSS改修で既に同値。キャッチ下マージンのみ共有の48pxが効くため28pxへ。
   ------------------------------------------------------------------
   20260916u: ディレクター指示により**この上書きを撤去**＝共通CSSの既定 48px に戻す。
   経緯＝20260916t で APPROACH ラベルを外して `design.html` と揃えた際、**キャッチ→リードだけが
   28px と 48px で食い違って残っていた**ため実測で洗い出した（本ページ28px／design・house・performance は48px）。
   サイト内は **48px 系15ページ ＋ 28px 系6ページ**（interview／model-house／event／consultation／
   document／line）に割れている。28px は **[20260821ag] で「見出し下の罫線（40×1px）」を削除した際に
   残った値**＝罫線があった頃の余白で、罫線が無い今は維持する理由が薄い。
   ディレクター選択＝**「1」＝model-house だけ 48px へ**（design.html との対を優先）。
   ⚠️したがって本ページは **interview／event／consultation／document／line の28px系とはズレる**。
      6ページ一括で48pxへ寄せる案（選択肢2）は**見送り＝未実施**。
   ⚠️`.section__title` は巻き込まない（interview.html は同じ宣言でグループ化しているが、
      本ページは `.hero-intro__catch` 単独の宣言だったため影響なし。本ページに `.section__title` の
      ページ内指定は存在しないことも確認済み）。 */
/* ============================================================================
   [20260810n] B確定トンマナ（design-rules §10）一貫性統一バッチ 適用済み
   ・級数   = --c1-fs-h2 / --c1-fs-h3 / --c1-fs-lead / --c1-fs-label-en（§10-2 L1〜L5）
   ・読み幅 = --c1-measure(720) / --c1-measure-narrow(640)（§10-5）
   ・画像幅 = 1480(--w-content) / 980 / 720 の3種のみ（§10-5）
   ・カードgap = --grid-gap(20px)／カード段組コンテナ = 980px（§10-5）
   ・セクション縦余白 = --sp-6/7/8/--sp-sec-sm の4段のみ（§10-5）
   ※本ブロック内に残る「C-1: SP22 / PC28」等のコメントは旧C-1級数時代の記述。
     現行の正は §10（B確定）＝上記トークン。
   ============================================================================ */

.wf-note,.wf-banner,.wf-label{display:none!important;}
[id]{scroll-margin-top:70px;}
.has-wm > .section__inner,.has-wm > .mh-block{position:relative;z-index:1;}
/* ヒーロー（全幅写真＋タイトル） */
/* [20260821am] overlay型へ変更したため .mh-hero 系は未使用 */



/* [20260821ae] 共有CSSで全ページ500になったため、このページ限定の500指定は不要になり削除 */

/* 光風理ブロック */
.mh-block{max-width:var(--w-content);margin:0 auto;padding:0 var(--pad-side,16px);}
.mh-eyebrow{font-family:var(--ff-en);font-size:var(--fs-caption);letter-spacing:.22em;color:var(--c1-accent);margin-bottom:6px;text-transform:uppercase;}
.mh-name{font-weight:500;font-size:var(--c1-fs-h2);letter-spacing:var(--c1-ls-h2);line-height:var(--lh-h2);margin-bottom:12px;}
.mh-sub{font-size:var(--fs-body);color:var(--c-text-sub);margin-bottom:var(--sp-4);}
/* [20261015v] 棟名まわり（公開状況・Yamaguchi・棟名＋読み・サブタイトル）を中央揃えに（ディレクター指示）。 */
.mh-block--head{text-align:center;}
/* ============================================================
   写真ギャラリー（フルブリード横スライド＋左右オーバーレイボタン）
   2026-08-10 QA対応（ディレクター指摘1）。旧 .mh-slider（枠内・スクロールバー可視）を置換。
   - スクロールバーは非表示（scrollbar-width:none ＋ ::-webkit-scrollbar）
   - 画面幅いっぱい＝親 .section の左右パディング（--pad-side）を負マージンで打ち消す。
     100vw は使わない（スクロールバー幅ぶんのページ横スクロールを発生させないため）
   - 横スクロールはトラック内のみ（overscroll-behavior-x:contain）
   - タッチ／トラックパッドはブラウザ標準の慣性スクロールをそのまま使う（維持）。
     マウスのみJSでドラッグ＋慣性を補う
   - ＜＞ は button 要素＝キーボード操作可。線画・currentColor・角丸0（円形不可）・半透明の当たり面
   ============================================================ */
.mh-gal{position:relative;margin:var(--sp-4) calc(-1 * var(--pad-side,16px)) 0;}
.mh-gal__track{
  display:flex;gap:12px;list-style:none;margin:0;padding:0;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;-ms-overflow-style:none;cursor:grab;
}
/* scroll-snap は使わない（可変幅＋遅延読込で再スナップが暴発したため。
   ＜＞ボタンは各写真の左端へ正確に寄せるので送り位置は揃う）。
   スムーススクロールもCSSではなく scrollTo({behavior}) 側で制御する（ドラッグ慣性との競合回避）。 */
.mh-gal__track::-webkit-scrollbar{display:none;width:0;height:0;}
.mh-gal__track:focus-visible{outline:1px solid var(--c-text);outline-offset:-1px;}
.mh-gal__track.is-drag{cursor:grabbing;}
.mh-gal__item{flex:0 0 auto;height:clamp(220px,46vw,520px);background:#ececec;}
.mh-gal__item img{display:block;width:auto;height:100%;max-width:none;
  user-select:none;-webkit-user-select:none;-webkit-user-drag:none;}
/* 左右ボタン（オーバーレイ・角丸0・線画） */
.mh-gal__nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  display:flex;align-items:center;justify-content:center;
  width:48px;height:72px;padding:0;border:0;border-radius:0;
  background:rgba(255,255,255,.70);color:var(--c-text);cursor:pointer;
  transition:background .3s ease,opacity .3s ease;
}
.mh-gal__nav--prev{left:0;}
.mh-gal__nav--next{right:0;}
.mh-gal__nav:hover{background:rgba(255,255,255,.92);}
.mh-gal__nav:focus-visible{outline:1px solid var(--c-text);outline-offset:2px;}
.mh-gal__nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2;
  stroke-linecap:square;stroke-linejoin:miter;}
.mh-gal__nav[aria-disabled="true"]{opacity:.25;cursor:default;}
@media(max-width:767px){
  .mh-gal__nav{width:40px;height:60px;}
  .mh-gal__nav svg{width:17px;height:17px;}
}
@media(min-width:768px){.mh-gal__track{gap:16px;}}
@media(prefers-reduced-motion:reduce){
  .mh-gal__nav{transition:none;}   /* 送りのスムーススクロール無効化はJS側（scrollTo behavior:auto） */
}
/* コンセプト本文 */
.mh-concept{max-width:var(--c1-measure);margin:var(--sp-5) auto 0;}
.mh-concept p{margin-bottom:var(--c1-para-gap);}
.mh-concept p:last-child{margin-bottom:0;}
.mh-quote{border-left:2px solid var(--c-line-dark);padding-left:16px;line-height:2.1;}
/* スペック表 */
.mh-spec{width:100%;border-collapse:collapse;margin:var(--sp-5) auto 0;max-width:var(--c1-measure);font-size:var(--fs-body);}
.mh-spec th,.mh-spec td{border-bottom:1px solid var(--c-line);padding:14px 8px;text-align:left;vertical-align:top;line-height:1.9;}
.mh-spec th{width:32%;font-weight:var(--fw-normal);color:var(--c-text-sub);}
@media(max-width:600px){
  .mh-spec,.mh-spec tbody,.mh-spec tr,.mh-spec th,.mh-spec td{display:block;width:auto;}
  .mh-spec tr{border-bottom:1px solid var(--c-line);padding:6px 0;}
  .mh-spec th,.mh-spec td{border-bottom:none;padding:2px 4px;}
}
.mh-cta{text-align:center;margin-top:var(--sp-5);}

/* ------------------------------------------------------------------
   theme 固有の追補（design/pages には無い）
   ------------------------------------------------------------------ */
/* 公開状況バッジ。design版（静的1棟ページ）には無いが、CPTで複数棟を扱うため
   一覧性を優先して**残す**＝2026-09-18 ディレクター判断。値は house_status。 */
.mh-status{font-family:var(--ff-en);font-size:var(--fs-micro);letter-spacing:.18em;
  display:inline-block;background:var(--c-btn);color:var(--c-btn-text);padding:2px 12px;margin-bottom:10px;}
.mh-status--closed{background:var(--c-bg);color:var(--c-text-sub);border:1px solid var(--c-line-dark);}

/* house_tour_note（任意）用。design版は現在この行を持たないが、値が入った棟では出る。 */
.mh-note{max-width:var(--c1-measure);margin:var(--sp-4) auto 0;font-size:var(--fs-caption);color:var(--c-text-sub);line-height:1.9;text-align:center;}



/* サブナビ＝SPで中央寄せ（項目2つ・溢れ0）。20260918e の書き換え時に取りこぼしたため復帰。 */
@media(max-width:767px){
  .sub-nav__list{padding-right:var(--pad-side,16px);}
  .sub-nav__item:first-child{margin-left:auto;}
  .sub-nav__list::after{margin-right:auto;}
}

/* 段落ち対策ユーティリティ（docs/22 §9 R08）。theme は共通CSSに .nowrap が無いため末尾に置く。 */
.nowrap{white-space:nowrap;}