@charset "UTF-8";
/* ==========================================================
   飛騨ほおのき平スキー場 TOP — base.css（トークン・リセット・共通背景）
   デザイン基準: FLAGカンプ 1440px（2x JPG実測）
   ========================================================== */

/* ---- Webフォント（Bebas Kai 自己ホスト / OFLライセンス） ---- */
@font-face {
  font-family: "Bebas Kai";
  src: url("../fonts/BebasKai.woff2") format("woff2"),
       url("../fonts/BebasKai.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* palt（文字詰め）入りサブセット（オリジナルTTF由来 / OFL）。
   Google配信版にはpaltテーブルが無いため、デザインで詰めが使われている
   要素（news・howtoの見出し等）にだけ --font-jp-palt を割り当てる */
@font-face {
  font-family: "Shippori Antique B1 palt";
  src: url("../fonts/ShipporiAntiqueB1-palt.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 約物半角版（paltを句読点グリフのみに限定加工）。
   news本文などカンプが「かな全角・句読点だけ半角」で組んでいる要素に使う */
@font-face {
  font-family: "Shippori Antique B1 yakuhan";
  src: url("../fonts/ShipporiAntiqueB1-yakuhan.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* カラー（カンプ実測値） */
  /* 【2026-09-01 A-1/C-1】藤橋さん 8/31 カンプのアクセント #165CE2 に統一。
     白文字コントラスト 5.73:1（4.5:1クリア）＝ 2026-08-02 の暫定対処
     （#0081DF → #0D62A3）は役目を終えたため撤去し、面はすべて --color-primary に一本化。 */
  --color-primary: #165ce2;      /* ブランドブルー（ボタン・カード・見出し） */
  --color-primary-deep: #165ce2; /* 旧: 白文字用の濃色。C-1で primary と同値に統合 */
  /* 【2026-09-02 A-1c/shared】8/31カンプ（イラレ実データ）の本文墨は #2d2d2d。
     旧値 #1f2521 は各chで最大14の差＝突合ツールの許容(12)を超えていたため spec 実値へ。 */
  --color-text: #2d2d2d;         /* 本文（墨）: spec実値 */
  /* ラベル灰（運行状況・気温・スペック名など）。カンプ指定色。
     白地で 3.0:1 ＝ WCAG未満だが 8/31カンプの指定色なのでそのまま使う（既知・BRIEF §5）。 */
  --color-label: #939494;
  --color-white: #fff;
  --color-bg-news: #fafafa;      /* NEWS・ACCESS背景 */

  /* フォント */
  /* A-1c (2026-09-02): 8/31イラレ実データは全テキストが「プロポーショナルメトリクス（=palt）」有効。
     Google Fonts配信版の Shippori Antique B1 には palt が無いため、palt入り自己ホストサブセット
     （fonts/ShipporiAntiqueB1-palt.woff2・全12ページの字種＋かな/約物/英数を収録・1747グリフ）を基本書体に昇格。
     --font-jp-yakuhan（約物だけ半角）はカンプに存在しない組み方なので palt に統一（互換のため変数は残す） */
  --font-jp: "Shippori Antique B1 palt", "Shippori Antique B1", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-jp-palt: "Shippori Antique B1 palt", "Shippori Antique B1", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-jp-yakuhan: "Shippori Antique B1 palt", "Shippori Antique B1", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-en: "Bebas Kai", "Bebas Neue", sans-serif;

  /* レイアウト */
  --width-canvas: 1440px;
  --width-content: 1272px; /* 左右84px */
}

/* ---- リセット ---- */
*, *::before, *::after { box-sizing: border-box; }
html, body, h1, h2, h3, h4, p, ul, ol, li, figure, dl, dt, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; border: none; background: none; cursor: pointer; padding: 0; }

html, body { overflow-x: hidden; } /* 全幅ズーム時の丸め1px対策 */

body {
  font-family: var(--font-jp);
  color: var(--color-text);
  font-feature-settings: "palt";
  background: #fff;
  -webkit-font-smoothing: antialiased;
  /* 【2026-09-03 A-1c R4】イラレの禁則処理（強い禁則）に合わせる。
     Chrome 既定の line-break:auto は小書き仮名「ィ」・長音「ー」の行頭を許すため、
     カンプと折返し位置が1字ずれる箇所があった（gelande 雪質・気候／COURSE GUIDE）。 */
  line-break: strict;
}

.u-en { font-family: var(--font-en); font-feature-settings: normal; }

/* ---- ヘッダー共通タイポ（2026-09-02 A-1c/shared） ----
   ヘッダーは TOP=sections/hero_top.css ／ 下層=sections/header.css に同じ定義が
   複製されている（index.html は header.css を読み込まない）。spec のナビ・EN の
   組みは全12ページ共通なので、トークン層で一元化し、両複製より高い詳細度で当てる。
   spec実値: ナビ ＝ Shippori 18px / ls 0.01em ／ EN ＝ Shippori 13px / ls 0.01em
   （ENは旧実装が Bebas Kai 13.5px / 0.04em だった＝書体からの誤り）。
   ナビ全体幅は カンプ ink（純白しきい値240）実測 x385-1056（w=672・中心720.5）。
   全角スペース区切りぶんを flex gap で作る。
   【2026-09-03 A-1c/shared R2】中黒の詰め（.nakaguro）を撤去したぶん「営業時間・料金」が
   +6.7px 広がるので、gap を 15px → 18.4px にして塊の ink 幅を 645→672 に戻す。 */
.header .header__nav { gap: 18.4px; }
.header .header__nav a { font-size: 18px; letter-spacing: 0.01em; }
.header a.header__en {
  font-family: var(--font-jp);
  font-feature-settings: "palt";
  font-size: 13px;
  letter-spacing: 0.01em;
}

/* ---- セクション共通背景（境界をまたぐグラデはここで一元管理） ---- */
/* 【2026-09-01 A-1/C-2】8/31カンプの背景ウォッシュを実測して引き直した。
   実測方法: 写真に隠れない左ガター(x12-36)と右ガター(x1400-1424)を40px刻みで拾い、
   「淡い青〜白」の条件を満たす画素だけの左右平均を縦プロファイルにしている
   （カンプのウォッシュは左が濃く右が薄い横成分も持つが、Figmaのメッシュ状で
   単純な線形にならないため縦1軸の平均で近似。残差は左右それぞれ最大±25程度）。
   旧実装は EXPERIENCE の青帯が y868 から始まる短いもので、
   HOW TO 下半分〜ACCESS はほぼ白／#FAFAFA だった。 */

/* 【2026-09-02 A-1c/top】EXPERIENCE の淡青ウォッシュは、8/31カンプの実体
   （空写真EPS op50）を画像タイルで敷き直したため、グラデ近似は撤去。
   タイルは sections/hero_top.css の main::before が一括で持つ。 */
.bg-band-exp { background: transparent; }
/* HOW TO ENJOY: 同上（画像タイルへ置換） */
.bg-band-howto { background: transparent; }

/* 【2026-09-02 A-1c/top R2】SPの linear-gradient ウォッシュ近似（旧 .bg-band-exp /
   .bg-band-howto）は BRIEF §1 のとおり撤去した。ウォッシュの実体は空写真EPS op50 で、
   sections/hero_top.css の main::before が SP 5枚のタイル
   （785.4×1396.2 を x=-195.7・y=478.2/1276.1/3144.4/5495.7/7552.1）で敷いている。
   ※撤去前もページ側（experience.css の .experience.bg-band-exp / howto.css の
     .bg-band-howto、いずれもSPメディアで transparent）に負けていて描画されていなかったため、
     左右ガターの実測値（comp 対 shot・y3600-8400 を200px刻み）は変化しない＝
     除去は見た目に影響しない。実測差 dmax は 0〜6（y6600の10と y8200の28は
     地図の白プレート由来で別項目）。 */

/* 【2026-09-16 SP修正】iOS Safari の自動文字拡大を止める（版面が横に伸びたブロック内の本文だけ
   1.4倍前後に拡大されていた。根本原因の横伸びは各ページで直したうえでの保険） */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }