@charset "UTF-8";
/* ==========================================================
   en-facility.css — 英語版 施設案内（en-facility.html）だけの追記
   元CSS（facility.css / components.css）は触らず、英文の長いラベルが
   固定幅ボタン・青バーで折り返した時の見栄えだけ整える。
   作成: 2026-09-09（EN 展開）
   ========================================================== */

/* 青バーの白ボタン「Learn more」: components.css の固定幅 165.3px（内側 99.3px）では
   17px / 0.11em の英文が入らず2行に折れる（実測 内容幅 180.8px）。内容なりの幅にする。
   fit-content にするのは、.fc-feature（青カード）のボタンが width:auto だとブロック幅
   402.9px まで伸びるため（facility.css の TICKET と同じ扱い） */
.fc-lodgegrid .cx-btn--white,
.fc-feature .cx-btn--white,
.fc-ticket .cx-btn--auto { width: fit-content; min-width: 165.3px; max-width: none; white-space: nowrap; }

/* ボタン文言が万一折り返した時に line-height:1 で行が密着しない保険 */
.cx-btn__text { line-height: 1.35; text-align: center; }

/* 標準3軒（400px 列）の「Rest House<br>Higaku Ginreisou」: 2行目 "Higaku Ginreisou" が
   19px / 0.07em で 182px、施設名の箱は 165px（400 − 26 − 16 − 12 − 181）で 3 行に割れる。
   同じ行の3軒だけボタンの内側余白と字送りを少し詰めて、2 行に収める（実測 箱 175px / 文字 170px） */
.fc-lodgegrid--sm .cx-btn--white { padding: 0 40px 0 16px; }
.fc-lodgegrid--sm .cx-lodge__name { letter-spacing: 0.03em; }

@media (max-width: 768px) {
  /* SP の白ボタン（14.88px）も内容なりの幅にする（実測 150.5px）。青バー幅 394−36px の内側に収まる */
  .fc-lodgegrid .cx-btn--white,
  .fc-feature .cx-btn--white,
  .fc-ticket .cx-btn--auto { min-width: 144.6px; }
  /* SP の "Higaku Ginreisou" は 159px、施設名の箱 158px で 1px 足りず 3 行になる。
     ボタンの左右余白を 4px 詰めて 2 行に収める（字送りは PC の指定を SP でも継ぐ） */
  .fc-lodgegrid--sm .cx-btn--white { padding: 0 36px 0 10px; }
}

/* セクション見出し: .cx-head__en は js-split で1文字ずつ span 化されるため、隣の英文ラベル
   （Lodges & Restaurants / General Information Center (Ski Center)）が長いと SP で
   「LODGE & RESTAURAN / T」「INFORMATI / ON」のように英字見出しが途中で折れる（2026-09-09 SP 実測）。
   英字見出しは縮めず1行固定にし、ラベル側を折り返す。折り返し時に line-height:1 で行が
   重ならないよう行間も持たせる（en-facility-brio.css / en-facility-kotobuki.css と同じ処理） */
.cx-head__en { flex-shrink: 0; white-space: nowrap; }
.cx-head__label { line-height: 1.4; }