/* ==========================================================================
   2026-10-03 横山さん打ち合わせ（10/2 夜）の修正。全ページ共通で fix-1001.css の後に読む。
   戻す時は該当ブロックを消すだけで元に戻るように書く。記録 = deliverables/修正_2026-10-03/README.md
   ========================================================================== */

/* 【T5】トップの縦書き3本: 文字が左右にガタガタ（縦の中心がそろわない）。
   原因＝縦組みに横組み用の "palt"（字幅の詰め＋左右の位置ずらし）まで掛けていたこと。縦組み用の "vpal" だけにする */
html[lang="ja"] .concept__vtext { font-feature-settings: "vpal"; }

/* 【T2】トップ「ゲレンデを見る」「アクセスを見る」だけマウスを乗せても動かなかった → 他の青ボタンと同じ動き */
.movie__more-btn, .access__more-btn { transition: filter 0.35s var(--ease-out-quint); }
.movie__more-icon svg, .access__more-icon svg { transition: transform 0.35s var(--ease-out-quint); }
@media (hover: hover) {
  .movie__more-btn:hover, .access__more-btn:hover { filter: brightness(1.08); }
  .movie__more-btn:hover .movie__more-icon svg, .access__more-btn:hover .access__more-icon svg { transform: translateX(4px); }
}

/* 【T7】トップ ACCESS（PC）: 白いカードが淡い背景に溶けて枠が見えなかった（SP は見えている）→ 枠線で見せる */
@media (min-width: 769px) {
  .access__card { border: 1px solid rgba(22, 92, 226, 0.28); }
}

/* 【T3】SP の天気パネル（トップ・ゲレンデ共通）: 中身を各セルの中央に。「晴れ」は「天気」と同じ大きさ・アイコンは少し大きく */
@media (max-width: 768px) {
  .status__cell--temp .status__metric, .status__cell--snow .status__metric { display: flex; align-items: center; justify-content: center; gap: 12px; }
  .status__cell--temp .status__metric > *, .status__cell--snow .status__metric > * { position: static; }
  .status__cell--temp .status__metric-value, .status__cell--snow .status__metric-value { padding-top: 4px; }
  .status__cell--temp .status__metric-unit, .status__cell--snow .status__metric-unit { margin: 14px 0 0 -4px; }
  .status__weather-main { font-size: 17px; }
  .status__weather-icon svg { width: 70px; height: 70px; }
  .status__weather-icon { margin-top: 6px; }
  .status__ops-row { left: 0; right: 0; justify-content: center; }
}

/* 【T4】SP の体験カード: 「詳しく見る」を白い枠の上下中央に（上の余白12px・下の余白14pxで中心がずれていた） */
@media (max-width: 768px) {
  .experience .experience__body { padding-bottom: 0; }
  .experience .experience__meta { margin-top: 14px; margin-bottom: 14px; }
  .experience .experience__more { align-self: center; }
}

/* ---------------------------------------------------------------- 営業時間・料金 */
/* 【P1】「料金区分」「割引」の見出しも他のカード（1日券・午後券…）と同じく上下中央に */
.price-lift__card--disc { align-items: center; }
@media (max-width: 768px) { .price-lift__card--disc { align-items: start; } }
.price-lift__disc .u-line { display: block; }

/* 【P5】PC: カード左の「1日券」「午後券」などが見出しに見えない → 青字＋右に青い縦線 */
@media (min-width: 769px) {
  .price-lift__card { position: relative; }
  .price-lift__type { color: var(--color-primary); }
  .price-lift__card::before { content: ""; position: absolute; left: 108px; top: 26px; bottom: 26px; width: 2px; border-radius: 1px; background: var(--color-primary); opacity: 0.85; }
}

/* 【P7】KIDS の見出しが小さい → 「RENTAL レンタル料金」と同じ大きさ */
.price-kids--v2 > .price-kids__head > .price-kids__label:not(.price-kids__label--land) { font-size: 53.57px; letter-spacing: -0.015em; }
.price-kids--v2 > .price-kids__head > .price-kids__label:not(.price-kids__label--land) .price-kids__kana { font-size: 17px; letter-spacing: 0.11em; vertical-align: 8px; }
@media (max-width: 768px) {
  .price-kids--v2 > .price-kids__head > .price-kids__label:not(.price-kids__label--land) { font-size: 30.13px; }
  .price-kids--v2 > .price-kids__head > .price-kids__label:not(.price-kids__label--land) .price-kids__kana { font-size: 11px; vertical-align: 4px; }
}

/* 【P9】レンタル（PC）: フルセットだけ全幅で右側が空いていた → フルセット｜貸出条件（2列分）の3カラム */
@media (min-width: 769px) {
  .price-rental__tail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 24px; align-items: stretch; margin-top: 24px; }
  .price-rental__tail .price-set--wide { grid-column: auto; margin: 0; }
  .price-rental__tail .price-set--wide .price-set__row { grid-template-columns: max-content max-content max-content; gap: 4px 16px; }
  .price-rental__tail .price-rental__spec { margin: 0; border: 1px solid rgba(22, 92, 226, 0.22); border-bottom: 0; border-radius: 14px; overflow: hidden; }
}

/* 【P16】SP のレンタル: 大人と子供の間に薄い線／「1日」と「半日」の「：」の位置をそろえる */
.price-set .h-dur { display: inline-block; min-width: 2em; text-align: right; }
@media (max-width: 768px) {
  .price-set--img .price-set__row + .price-set__row { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(22, 92, 226, 0.16); }
}

/* 【P10】スクールのボタン: 「BRIOサイトへ」で矢印が文字にくっついていた → 幅を広げ、文字は中央・矢印は右端で全ボタン共通 */
.price-btn-sm { width: 236px; padding: 0 48px; }
.price-btn-sm .c-btn__text { white-space: nowrap; }

/* 【P11】アクティビティ料金の「詳細」: マウスを乗せても動かない・矢印が他と違う → 他と同じ「丸の中の矢印」＋同じ動き */
.price-activity__btn { position: relative; padding: 0 40px 0 14px; transition: background-color 0.35s var(--ease-out-quint); }
.price-activity__btn::before { content: ""; position: absolute; right: 9px; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; background: var(--color-primary); }
.price-activity__btn svg { position: absolute; right: 13px; top: 50%; width: 14px; height: 14px; margin-top: -7px; color: #fff; transition: transform 0.35s var(--ease-out-quint); }
@media (hover: hover) {
  .price-activity__btn:hover { background: #f0f6ff; }
  .price-activity__btn:hover svg { transform: translateX(3px); }
}

/* ---------------------------------------------------------------- 楽しみ方 */
/* 【E1】「ゲレンデを思いきり滑る」をトップの HOW TO ENJOY の見出しと同じくらい大きく */
.ej-feature .cx-photocard__body { width: 46%; }
.ej-feature .cx-photocard__title { font-size: 52px; line-height: 1.24; letter-spacing: 0.08em; }
@media (max-width: 768px) {
  .ej-feature .cx-photocard__body { width: auto; }
  .ej-feature .cx-photocard__title { font-size: 31px; line-height: 1.3; }
}

/* 【E4】FOR FAMILY の写真: 人物が青いグラデーションに隠れていた → 写真を右に寄せる */
.ej-family .cx-photocard__photo img { object-position: 95% 50%; }

/* 【A3】SP 楽しみ方のスクール: ボタンが1つだけの時（BRIOサイトへ）左に寄っていた → 中央 */
@media (max-width: 768px) {
  .ej-sch__actions > .cx-btn:only-child { grid-column: 1 / -1; justify-self: center; width: min(100%, 236px); }
}

/* ---------------------------------------------------------------- ゲレンデ */
/* 【G2】天気の右にリフト情報（藤橋さんのデザインどおり）を戻す */
@media (min-width: 769px) {
  .g-wx.g-wx--lift { display: grid; grid-template-columns: 741px minmax(0, 1fr); gap: 24px; align-items: stretch; }
  .g-wx.g-wx--lift .status__panel { margin: 0; }
  .g-wx--lift .g-lift { margin: 0; padding: 20px 22px 18px; border-radius: 24px; }
  .g-wx--lift .g-lift .g-panel__head { padding-left: 0; }
  .g-wx--lift .g-panel .c-icn--lg.g-lift__icn { width: 46px; height: 46px; }
  .g-wx--lift .g-lift__list { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; gap: 5px; margin-top: 12px; }
  .g-wx--lift .g-lift__list li { min-height: 40px; padding: 4px 14px; }
  .g-wx--lift .g-lift__list .c-num { font-size: 26px; }
  .g-wx--lift .g-lift__desc { margin-top: 8px; font-size: 13.5px; line-height: 1.6; }
}
@media (max-width: 768px) {
  .g-wx--lift .g-lift { margin-top: 16px; }
}

/* ---------------------------------------------------------------- アクセス */
/* 【A1】アクセス概要の地図: 枠で切れていた → 大きさはそのまま、枠で切らずに見せる（横はみ出しは節で止める） */
#overview { position: relative; overflow-x: clip; }
#overview .cx-head { position: relative; z-index: 2; }
.ac-illust .ac-illust__wrap { overflow: visible; }

/* 【A2】駐車場・公共交通機関・冬季注意: 左右のカードの下だけ大きく空いていた → 1枚の枠にまとめて区切り線 */
@media (min-width: 769px) {
  .ac-panels { gap: 0; border: 1px solid var(--cx-blue, #165ce2); border-radius: 6px; background: #fff; }
  .ac-panels .ac-panel { border: 0; border-radius: 0; background: transparent; padding: 40px 36px; }
  .ac-panels .ac-panel + .ac-panel { border-left: 1px solid rgba(22, 92, 226, 0.25); }
  .ac-panels .cx-panel__actions .cx-btn { width: 100%; max-width: 300px; min-height: 60px; }
}

/* ---------------------------------------------------------------- 共通 */
/* 【C1】SP のフッターメニュー: 列と列がくっついて見えた → 余った幅を列の間に配る（390px 未満は従来の詰めのまま） */
@media (min-width: 390px) and (max-width: 768px) {
  html[lang="ja"] .footer__body { grid-template-columns: auto auto auto; justify-content: space-between; column-gap: 14px; }
  html[lang="ja"] .footer__address { grid-column: 1 / -1; }
  html[lang="ja"] .footer__col li { letter-spacing: 0.02em; }
}

/* 【C4】スマホ（マウスなし）はボタンを押した瞬間に少し暗くして、押したことが分かるように */
@media (hover: none) {
  .c-btn:active, .cx-btn:active, .status__btn:active, .news__more-btn:active, .experience__allbtn:active,
  .experience__more:active, .movie__more-btn:active, .access__more-btn:active, .hero__cta:active,
  .price-activity__btn:active, .price-lodge__btn:active { filter: brightness(0.9); }
}

/* 【P9】SP: フルセットと貸出条件は従来どおり縦に（カード間のアキだけ足す） */
@media (max-width: 768px) { .price-rental__tail { margin-top: 15px; } }

/* 【C2】PC のフッターのメニュー: マウスを乗せた時にヘッダーのメニューと同じ下線（10/3 市岡さん「ホバーした時の下線」） */
@media (hover: hover) and (min-width: 769px) {
  .footer__col a { position: relative; }
  .footer__col a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left center; transition: transform 0.3s var(--ease-out-quart); }
  .footer__col a:hover::after { transform: scaleX(1); }
}
@media (prefers-reduced-motion: reduce) { .footer__col a::after { transition: none; } }

/* 【G5】ゲレンデのコースガイド: ゲレンデマップの番号（丸付き）と、マップの色（初級＝緑・中級＝赤・上級＝黒）（10/3 横山さん「ゲレンデコースガイド.pdf」） */
.g-course__list--lv1 li { color: #1b7a35; }
.g-course__list--lv2 li { color: #c62828; }
.g-course__list--lv3 li { color: #1a1a1a; }
.g-course__no { display: inline-flex; align-items: center; justify-content: center; min-width: 1.45em; height: 1.45em; margin-left: 0.4em; padding: 0 0.2em; border: 1.5px solid currentColor; border-radius: 999px; font-size: 0.78em; line-height: 1; letter-spacing: 0; vertical-align: 0.1em; font-feature-settings: "tnum"; text-indent: 0; }

/* 【P12】シーズン券欄のリンク: 「＞」をやめて他のボタンと同じ「丸の中の矢印」（10/2 夜「矢印をそろえる」） */
.price-lift__seasonlinks a { gap: 10px; padding-right: 8px; }
.price-lift__seasonlinks-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--color-primary); color: #fff; flex: none; }
.price-lift__seasonlinks-icon svg { width: 13px; height: 13px; transition: transform 0.35s var(--ease-out-quint); }
@media (hover: hover) { .price-lift__seasonlinks a:hover .price-lift__seasonlinks-icon svg { transform: translateX(3px); } }

/* 【P14】SP の回数券: ピルを下の「料金区分」と同じ大きさ（76px）に・（中学生まで）はピルの右・行を詰めて余白を減らす */
@media (max-width: 768px) {
  .price-lift__table--common thead th { padding-top: 2px; padding-bottom: 6px; }
  .price-lift__table--common tbody th { width: auto; padding: 6px 4px; white-space: nowrap; }
  .price-lift__table--common .h-pill { width: 76px; min-width: 76px; padding: 0; }
  .price-lift__table--common .price-lift__sub { display: inline; width: auto; margin: 0 0 0 6px; font-size: 12px; }
}

/* 【2026-10-05 修正A】藤橋さん 10/2 修正A.pdf: 見出し（TODAY'S WEATHER・NEWS & TOPICS）とお知らせのタイトルを書体本来の太さに。
   h2/h3 の既定の太字で、太さが1種類しかない Bebas Kai／Shippori Antique B1 が擬似的に太くなっていた。戻す時はこのブロックを消すだけ */
.status__heading, .news__title { font-weight: 400; }
.news__card-title { font-weight: 400; }