@charset "UTF-8";
/* ==========================================================
   en-price.css — 英語版 営業時間・料金（en-price.html）だけの追記
   元CSS（price.css / subpage.css）は触らず、英文が日本語より長くなる
   営業時間ラベル・リフト料金の行・区分ピル・KIDS の1行だけを崩れない範囲に整える。
   作成: 2026-09-09（EN 展開）
   ========================================================== */

/* --- BUSINESS HOURS: 「Special Days (Sat, Sun, holidays, and Dec 29 – Jan 2)」は
   17px / 0.11em nowrap で約600px。ラベル段（PC 約250px）に入らないので折り返しを許し、
   カードの固定高（96px）は最小高に緩める。時刻（Bebas 54.47）はそのまま */
.price-hours__card { height: auto; min-height: 96px; padding-top: 10px; padding-bottom: 10px; }
.price-hours__label { white-space: normal; letter-spacing: 0.05em; line-height: 1.5; }

/* --- LIFT TICKET: 「Weekdays: ¥3,700  Special Days: ¥4,900」は1行で約570px（行幅 431px）。
   値を2段に積む。
   【2026-09-27 組み直し】9/17 の料金ページ改修で price.css の行が「ピル＋注記（2段）｜料金（2段ぶち抜き）」の
   グリッドに変わり、ここの旧指定と食い違って Weekdays と Special Days が同じマスに重なっていた
   （注記「(through junior high school)」もピルに重なる）。EN は
   左列＝区分ピル（下に注記）／右列＝料金を上下2段 に組み直す。1値だけの行は料金を2段の天地中央に置く。
   注記は左列の幅（＝ピル幅）で折り返し、行ごとに料金の左端が揃うようにする */
.price-lift__row {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  grid-auto-flow: row;
  column-gap: 13.9px;
  row-gap: 4px;
  align-items: center;
  justify-items: start;
  height: auto;
  min-height: 27.7px;
}
.price-lift__row > .h-pill { grid-column: 1; grid-row: 1; }
.price-lift__row:not(:has(> .price-lift__sub)) > .h-pill { grid-row: 1 / span 2; }
.price-lift__row > .price-lift__sub {
  grid-column: 1;
  grid-row: 2;
  justify-self: stretch;
  width: 0;
  min-width: 100%; /* 列幅の計算に入れない＝ピル幅で折り返す */
  margin: 0;
  white-space: normal;
  text-align: center;
  line-height: 1.35;
}
.price-lift__row > .h-val { grid-column: 2; grid-row: 1; margin-left: 0; }
.price-lift__row > .h-val + .h-val { grid-row: 2; }
.price-lift__row > .h-val:last-child:not(.h-val + .h-val) { grid-row: 1 / span 2; }

/* 回数券の表: 注記がピル幅（96px）を超えて1行ではみ出すので折り返す */
.price-lift__table--common .price-lift__sub { white-space: normal; line-height: 1.35; }

/* 割引カード: 「Disability discount」「Group discount」は nowrap だと左列（118px）からはみ出し、
   左の「Discounts」見出しにかかる。PC はピルを2行まで折り返す（SP はピルが内容幅なので1行のまま） */
.price-lift__card--disc:not(.price-lift__card--defs) .price-lift__discrow .h-pill {
  white-space: normal;
  height: auto;
  min-height: 27.7px;
  padding: 5px 8px;
  line-height: 1.25;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 768px) {
  .price-lift__card--disc:not(.price-lift__card--defs) .price-lift__discrow .h-pill { white-space: nowrap; height: 20.4px; min-height: 0; padding: 0 12px; line-height: 1; }
}

/* 種別ラベル（PC の左列 122.9px）: 文字がカードの左端に付かないよう内側にアキを取る */
@media (min-width: 769px) {
  .price-lift__type { padding: 0 8px; }
}

/* 「Guests with disabilities (adult)」は nowrap で約320px。ピルを2行まで許す（14px は維持） */
.h-pill--pink {
  white-space: normal;
  height: auto;
  min-height: 27.7px;
  max-width: 200px;
  padding: 4px 14px;
  line-height: 1.2;
  text-align: center;
}

/* Season Ticket: 「Elementary school students」「Junior high school students」のピルが
   2列（各 約200px）に入らないので1列に落とす */
.price-lift__rows--2col { grid-template-columns: minmax(0, 1fr); }

/* --- KIDS: 「With a Season, One-Day, or Half-Day Ticket」＋「Free admission」は
   1行に収まらないので2行に折り返す（SP の nowrap 指定も外す） */
.price-kids__text { flex-wrap: wrap; row-gap: 4px; }
.price-kids__cond,
.price-kids__free { white-space: normal; }

/* --- RENTAL LODGE の「Learn more」: 元ボタンは幅 165.3px 固定（テキスト枠 約94px）で
   17px / 0.11em の英文（約112px）が2行に割れる。1行固定にして幅は内容に合わせて伸ばす */
.price-lodge__btn { width: auto; min-width: 165.3px; }
.price-lodge__btn-text { white-space: nowrap; letter-spacing: 0.08em; }

/* Season Ticket の種別ラベル: 元CSSは spec ゆれで 0.01em → 1行 122px がカード左端に付く。
   他カードと同じ 0.11em にして「Season / Ticket」の2行中央揃えに
   【2026-09-27】9/17 の2カラム化でシーズン券カードは nth-child(4) ではなくなったので、クラスで指す */
.price-lift__card--season .price-lift__type { letter-spacing: 0.11em; }

/* --- ボタン: 万一2行になった時に line-height:1 で密着しない保険 */
.c-cta-pair .c-btn__text,
.price-btn-sm .c-btn__text { line-height: 1.35; text-align: center; }

@media (max-width: 768px) {
  /* 営業時間（SP: ラベル 12px・時刻 32.87px・カード高 58px 固定）→ 最小高に緩める */
  .price-hours__card { height: auto; min-height: 57.5px; padding-top: 8px; padding-bottom: 8px; }
  .price-hours__label { letter-spacing: 0.04em; line-height: 1.45; }

  /* リフト行（SP: ピル 91.2×20.4・pitch 31.9） */
  .price-lift__row { column-gap: 10px; row-gap: 4px; min-height: 20.4px; }
  .h-pill--pink { min-height: 20.4px; max-width: 150px; padding: 3px 8px; }
  .price-lift__rows--2col { grid-template-columns: minmax(0, 1fr); column-gap: 0; }

  /* Hands-Free Pack: SP は padding-bottom:0 ＋ min-height 211px で下アキを作っているが、
     英文は本文が長く min-height を超えるので価格行が下辺に付く。下アキを明示する */
  .price-pack { padding-bottom: 18px; }
  .price-lodge__btn { min-width: 144.6px; }
  .price-kids__col:first-child { align-items: flex-start; }
  /* MODEL PLAN: 英字見出しの横に長い英文ラベル（Model Plans (approximate cost per day)）が並ぶと
     Bebas の見出し側が縮んで「MODEL PLA / N」と単語の途中で割れる。見出しは固定・ラベル側を折り返す */
  #model-plan .sec-head__en { flex: none; white-space: nowrap; }
  #model-plan .sec-head__label { min-width: 0; line-height: 1.4; }
}

/* 【2026-09-29】料金を探す（英語）: 「Season Tickets」「Lift Tickets」が長いので SP は2列 */
@media (max-width: 768px) {
  html[lang="en"] .h-find__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}