@charset "UTF-8";
/* ==========================================================
   奥飛騨冬物語 TOP — banner1 セクション（PC版のみ）
   20260805カンプ改版: 1x y2635–3243（h608）。
   全幅の雪山写真帯。上端は白からフェードイン、下端は白へ溶けて
   そのまま events ヘッダーへ繋がる（フェードは写真に焼き込み済み）。
   画像 = 2xマスター y5270–6402 の直切り（2730×1132 → 1365×566）。
   566px より下（1x 3201–3243）はカンプでも純白のため余白で持つ。
   ※旧banner2（霧氷と太陽の帯）はカンプから廃止 → activities の
     全幅intro写真に統合。当ファイルの banner--sun 規則は削除済み。
   ========================================================== */

.banner {
  position: relative;   /* stickyなFVの上に描画するため（非positionedはFVの下に潜る） */
  width: 100%;          /* body=1365px（--canvas）に対する全幅 */
  height: 608px;        /* カンプ実測 2635→3243 */
  background: var(--color-white); /* 写真下の余白42pxは純白 */
  overflow: hidden;     /* 後工程の演出で画像がはみ出しても帯内でクリップ */
}

.banner__img {
  width: 100%;
  height: 566px;        /* 写真の実高さ（1x 2635–3201）。以下は白 */
}

.banner__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;    /* 2730×1132(2x) を 1365×566 に等比フィット（クロップ無し） */
  object-position: center top;
}

/* 個体差の上書き用フック（将来パララックス速度差などをここで）
   ※フェードが写真に焼き込まれているため、拡大パララックス（旧data-scale）を
     かけると白フェード端が切れて硬いエッジが出る。かけるなら translate のみ。 */
.banner--mountain {}

/* ==========================================================
   SP（設計幅393px・20260805 SPカンプ実測）
   セクション境界 1x y2206–2430（h224）。
     - 2206–2404（h198）= 山写真帯（全幅・上下フェードは写真に焼き込み済み）
     - 2404–2430（h26）= 純白（events ヘッダー筆記体の直前まで）
   上の concept は「冬物語とは」ボタン下端 y2173 で内容が終わり、
   2174–2205 の白は concept 側の余白として持たせる想定（flags 参照）。
   画像 = SP 2xマスター y4412–4808 の直切り（786×396 → 393×198）。
   PC版の banner_mountain.jpg とは構図（寄り）が違うため SP 専用切り出し。
   ========================================================== */
@media (max-width: 767px) {

  .banner {
    height: 224px;      /* カンプ実測 2206→2430 */
  }

  .banner__img {
    height: 198px;      /* 写真の実高さ 1x 2206–2404。以下は白 */
  }
  /* .banner__img img の width/height 100% ・object-fit:cover は PC規則をそのまま使う
     （SP画像は 393×198 ちょうどのため cover でもクロップは発生しない） */
}