@charset "UTF-8";
/* ==========================================================
   en-access.css — 英語版アクセス（en-access.html）だけの追記
   元CSS（access.css / components.css）は触らず、英文の長いラベルが
   ボタン幅（300px / SP 265.2px）で折り返した時の見栄えだけ整える。
   作成: 2026-09-09（EN 展開）
   ========================================================== */

/* ボタン文言が2行になった時（Chain requirement information 等）に
   line-height:1 のまま行が密着しないよう、行送りと中央揃えだけ与える */
.cx-panel__actions .cx-btn__text,
.cx-btnpair .cx-btn__text {
  line-height: 1.35;
  text-align: center;
}

/* 所要時間（Shippori 17px / 0.11em ＋ Bebas 数字）の英文は字送りを少し詰めて3カラムに収める */
.ac-route__time,
.ac-panel__val { letter-spacing: 0.06em; }

/* PC の3カラムでは所要時間が2行に折れる。en dash 直後で折れて「3 hr」だけ孤立するのを避けるため
   2行の長さを均す（text-wrap: balance 非対応ブラウザは通常の折り返しにフォールバック） */
.ac-route__time { text-wrap: balance; }

/* 【2026-09-27】車での所要時間: PC は4列（1列 約279px）で、英文の所要時間（nowrap）に押されて出発地ピルが縮み、
   「Matsumoto」「Takayama Sta.」が枠の端に接する／2行に割れる。EN は PC も2列にし、ピルは縮めず1行のまま内容幅に */
.ac-times__from { flex-shrink: 0; white-space: nowrap; letter-spacing: 0.06em; }
@media (min-width: 769px) {
  .ac-times__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}