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

/* アクティビティ4枚の「Application form」: enjoy.css の固定幅 200px（SP 176px）では
   17px / 0.11em の英文が入らず2行に折れる。絶対配置のまま幅を内容なりにする */
.ej-actgrid .cx-actcard__more { width: auto; min-width: 200px; max-width: none; white-space: nowrap; }

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

/* SCHOOL カード見出し（25.87px / 0.11em）: 「JSBA-Certified Snowboard School」は
   カード幅（579px − 左右 24px）ギリギリ。2行になった時に末尾1語だけ孤立しないよう均す */
.ej-sch__title { text-wrap: balance; }

@media (max-width: 768px) {
  /* SP の白ボタン（14.88px）も内容なりの幅にする。カード幅 394−36px の内側に収まる */
  .ej-actgrid .cx-actcard__more { min-width: 176px; }
}

/* SP のイントロ見出し（19px・中央揃え）: 英文2文が「your way.」「challenge.」だけ孤立して折れる。
   <br> 単位の各文の2行を均す（text-wrap: balance 非対応ブラウザは通常の折り返し） */
@media (max-width: 768px) {
  .ej-intro .cx-catch { text-wrap: balance; }
}

/* 【2026-09-27】SP の料金・所要時間の表（見出し列 88px・内側 72px）: 「Requirements」は1語で約81px あり
   見出し列からはみ出す。EN は見出し列を 104px に広げる */
@media (max-width: 768px) {
  html[lang="en"] .ej-act__specrow { grid-template-columns: 104px minmax(0, 1fr); }
}
