@charset "UTF-8";
/* ==========================================================
   飛騨ほおのき平スキー場 TOP — footer セクション
   デザイン基準: 2x JPG実測（footer y=7784–8685 / 1440px）
   コンテンツ左端 x=120 / 右端 x=1307（padding 120 / 133）
   本文=15px / line-height 27px / 4行27pxグリッド
   ========================================================== */

.footer {
  position: relative;
  width: 100%;
  height: 901px;
  overflow: hidden;
  color: var(--color-white);
  /* 【2026-09-02 A-1c/shared】spec の図形表どおり「写真ラスタ ＋ 青(22,115,226) op44 の
     900px帯」の2層に分解した（旧実装は青を焼き込んだ一枚画像 footer_bg.jpg）。
     footer_photo.jpg は footer_bg.jpg から青44%を逆合成して取り出した写真層＝ダミーのまま。
     写真差し替え（A-2）は background-image を差し替えるだけで済む。 */
  background: #0a3f77 url("../../img/footer_photo_yk.jpg") center bottom / cover no-repeat; /* 【2026-09-24】横山さん選定写真「フッター」（空撮）2880×1802 */
}
/* 青(22,115,226) 不透明度44% の帯（spec: y7784.5 / 1440×900 / #1673e2 op44） */
.footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(22, 115, 226, .44);
  pointer-events: none;
}

.footer__inner {
  position: relative;
  z-index: 1;
  max-width: 1440px;
  margin: 0 auto;
  padding: 104px 133px 0 120px;
}

/* ---- 上段：ロゴ ／ FOLLOW US ---- */
/* 【2026-09-03 A-1c/shared R2】高さ 57→63px。カンプ画素実測（純白 ink）で
   ロゴ comp y7886-7946 / 実装 y7880-7940、FOLLOW US comp y7926-7944 / 実装 y7919-7938 と
   上段だけ 6〜7px 上にあった。下端揃えなので高さを 6px 足して下げる。
   下の .footer__divider / .footer__body の margin で合計 320px（=inner高）は不変。 */
.footer__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 63px;
}

.footer__logo { display: block; }
.footer__logo img { width: 195px; height: auto; display: block; }

/* ---- 白罫線（ロゴ／FOLLOW US 下の区切り線） ----
   【2026-09-03 A-1c/shared R2】従来はブラウザ既定の <hr>（border 1px inset・上下計2px・
   margin 0.5em）任せで、PC では y7951 / x120-1306 に出ていた。
   spec 図形: PC x=120.0 y=7977.0 w=1200.0（=右端1320）・線 0.6px #ffffff、
             SP x=20.0 y=8561.7 w=354.0（=右端374）・線 0.6px #ffffff。
   カンプ画素実測（PC）: y=7975 の1行だけが明るく、x=121..1319・その行の平均色は
   (160,193,230)＝白60%相当＝0.6px ストローク。よって 0.6px の実線で引く。
   右端 1320 は .footer__inner の右padding(133＝FOLLOW US/SNSの右端1307に合わせた値)より
   13px 外なので、罫線だけ margin-right:-13px で伸ばす（padding を触ると SNS がずれる）。 */
.footer__divider {
  margin: 27.4px -13px 0 0;
  border: none;
  border-top: 0.6px solid #fff;
}

.footer__follow {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-bottom: -3px;
}
/* 【2026-09-02 A-1c/shared】spec実値 PC: Bebas 29px / ls -0.015em（旧 21.6px / .09em） */
.footer__follow-label {
  font-size: 29px;
  line-height: 1;
  color: var(--color-white);
  letter-spacing: -.015em;
}
.footer__sns { display: inline-flex; }
.footer__sns svg { display: block; width: 33px; height: 33px; }


/* ---- 中段：住所ブロック ／ リンク3列 ---- */
.footer__body {
  display: grid;
  grid-template-columns: 680px 135px 171px auto;
  /* 【2026-09-03 A-1c/shared R2】住所ブロックの画素位置はカンプと完全一致（comp/impl とも
     1行目 ink x126-419 y8001-8013）なので動かさない。上の .footer__top +6px と
     罫線 margin 27.4px のぶんを差し引いて 41 → 16.6px にする。 */
  margin-top: 16.6px;
}
.footer__address { font-style: normal; }
/* 【2026-09-02 A-1c/shared】spec実値 PC: 15px / ls 0.03em / 行送り27px（旧 13.5px / .02em）。
   1行目「〒506-2252 …」だけカンプは KozGoPr6N-Regular（Adobe小塚ゴシック＝Web配信不可）。
   2〜4行目は Shippori 指定なのでブロック全体を Shippori で通す（突合表の FONT フラグは既知）。 */
.footer__address p {
  font-size: 15px;
  line-height: 27px;
  letter-spacing: .03em;
  white-space: nowrap;
}
/* 【2026-09-09 EN】英語ページでは住所行「447 Kute, Nyukawa-cho, Takayama, Gifu 506-2252, Japan」が
   SP幅（354px）に収まらず末尾が切れるため、英語のときだけ折り返しを許可（JPは nowrap のまま） */
html[lang="en"] .footer__address p { white-space: normal; }
/* 【2026-09-01 A-1/C-4】カンプは「TEL:0577…」「FAX:0577…」の全角コロンが詰まっている
   （実装は前後にアキが出る）。palt テーブル入りサブセットを TEL/FAX 行だけに割り当てて
   約物のアキを詰める。他の行（本日の営業時間：… / 営業時間：…）はカンプでもアキがあるので触らない。
   ※マークアップ非依存にするため p の並び順で指定している（全12ページ共通のフッター構造）。 */
.footer__address p:nth-of-type(2) {
  font-family: var(--font-jp-palt);
  font-feature-settings: "palt";
}
/* 【2026-09-02 A-1c/shared】spec実値 PC: 15px / ls 0.09em / 行送り27px */
.footer__col li {
  font-size: 15px;
  line-height: 27px;
  letter-spacing: .09em;
  white-space: nowrap;
}
.footer__col a { color: var(--color-white); }

/* ---- コピーライト（写真中央・全幅センター） ---- */
.footer__copyright {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 1;
  text-align: center;
  /* 【2026-09-02 A-1c/shared】spec実値 PC/SP 共通 14px / ls 0.01em */
  font-size: 14px;
  letter-spacing: .01em;
  color: var(--color-white);
}

/* ==========================================================
   SP（〜768px）: spec_sp_access_footer.json 実測準拠
   PC同様「ロゴ＋FOLLOW US横1行下端揃え／ナビ3列」。背景はSP専用合成一枚画像
   ========================================================== */
@media (max-width: 768px) {
  .footer {
    height: auto;
    /* SPも同じ2層構成（spec: y8477 / 394×686 / #1673e2 op44）。
       footer_photo_sp.jpg = footer_bg_sp.jpg から青44%を逆合成した写真層（ダミー）。 */
    background: #0a3f77 url("../../img/footer_photo_sp_yk.jpg") center bottom / 100% auto no-repeat; /* 【2026-09-24】同上のSP版 1572×2744 */
  }
  .footer__inner {
    padding: 29px 20px 365px; /* 下365=写真帯（コンテンツなし）分 */
  }
  .footer__top {
    height: auto; /* row・space-between・flex-endはPC継承 */
  }
  .footer__logo img { width: 134px; height: auto; }
  .footer__follow { gap: 10.5px; margin-bottom: 0; }
  .footer__follow-label { font-size: 19.89px; letter-spacing: -.015em; } /* spec実値 SP */
  .footer__sns svg { width: 23.5px; height: 23.5px; }
  .footer__sns--fb { margin-left: 4px; } /* アイコン間14.5px（=10.5+4） */
  /* SPは spec 位置（rel 84.7 / x20-374）に既に一致。右へ伸ばさないので margin-right を戻す */
  .footer__divider { margin: 12.5px 0 0; }
  .footer__body {
    grid-template-columns: 81.5px 152.5px 1fr; /* ナビ3列 ink x=20.5/102/254.5 */
    margin-top: 8.5px;
    row-gap: 37px;
  }
  .footer__address {
    grid-column: 1 / -1;
    margin-bottom: 0;
  }
  /* 【2026-09-02 A-1c】spec実値 SP: 住所 13px / ls 0.03em / 行送り23px、
     ナビ 13px / ls 0.09em / 行送り24.52px */
  .footer__address p {
    font-size: 13px;
    line-height: 23px;
  }
  .footer__col li { font-size: 13px; line-height: 24.52px; }
  .footer__copyright { bottom: 18.5px; }
}

/* 【2026-09-16 SP修正・EN】SPのナビ3列は JP の ink 位置固定（81.5/152.5/1fr）のため、
   英語の「Competitions」が2列目の「Contact」に重なっていた。英語ページは内容幅で3列を組み、字送りを詰める */
@media (max-width: 768px) {
  html[lang="en"] .footer__body { grid-template-columns: auto auto minmax(0, 1fr); column-gap: 16px; }
  html[lang="en"] .footer__col li { letter-spacing: 0.02em; } /* 13px は JP と同じ。字送りだけ詰めて3列に収める */
}

/* 【2026-09-17 修正】フッターの「料金」→「営業時間・料金」（ヘッダー・ページ名と統一）。
   SPの3列はカンプのink位置固定（81.5/152.5px）だと1列目に収まらないため、列幅を内容に合わせ字送りを詰める（英語ページは既存の指定が優先） */
@media (max-width: 768px) {
  .footer__body { grid-template-columns: auto auto minmax(0, 1fr); column-gap: 10px; }
  .footer__col li { letter-spacing: 0.05em; }
}
/* 【2026-09-17 修正】PCのナビ3列を等幅に（市岡さん指示「フッターメニューの幅を統一」） */
@media (min-width: 769px) {
  .footer__body { grid-template-columns: 680px repeat(3, minmax(0, 1fr)); column-gap: 24px; }
}

/* 【2026-09-29】フッターに「ゲレンデマップ」「スキー場の取り組み」を追加（先方ご要望の3列の分け方）。
   2列目が「スキー場の取り組み」（9字）で広がり、390px 未満では3列目「個人情報の取り扱い」が右へはみ出すため、
   その幅だけ文字を 12px・字送り0・列間8px に詰める（390px 以上は従来どおり） */
@media (max-width: 389px) {
  .footer__body,
  html[lang="en"] .footer__body { column-gap: 8px; }
  .footer__col li,
  html[lang="en"] .footer__col li { font-size: 12px; letter-spacing: 0; }
}