@charset "UTF-8";
/* ==========================================================
   en-apply-snowhike.css — 英語版 en-apply-snowhike.html だけの上書き
   apply.css / components.css は触らない。英文ラベルが和文より長くなる箇所の
   折り返しだけを整える（座標・色・部品の見た目は変えない）。
   作成: 2026-09-09
   ========================================================== */

/* フォームのラベル（17px / 0.11em）は英文だと 2 カラム（419px）で
   「Number of participants (children)」が入り切らず、PC でも折り返しが起きる。
   ・字間を英文相当（0.04em）に詰める
   ・2 行になったとき line-height:1 だと行が重なるので行送りを持たせ、
     バッジは SP 規定と同じく頭揃え（align-items:flex-start）にする */
.cx-form__label { letter-spacing: 0.04em; }
/* SP(394px)で「Ages of participants (one per person, comma-separated)」が2行になると
   バッジ「Required」が縮んで「Require」に切れる（min-width:56px ＋ flex-shrink 既定1）。
   バッジは縮ませない（全幅共通） */
.cx-req, .cx-opt { flex-shrink: 0; }
@media (min-width: 769px) {
  .cx-form__label { align-items: flex-start; line-height: 1.4; }
  .cx-req, .cx-opt { margin-top: 1px; }
}

/* 【2026-09-27】バッジ「Required / Optional」は「必須 / 任意」より長く、最小幅（PC 70px・SP 60px）いっぱいで
   文字が枠の端に接する。en-apply-snowrafting.css と同じく左右に余白を持たせ、縮小も禁止する */
.cx-req, .cx-opt { flex-shrink: 0; padding: 0 8px; }