@charset "UTF-8";
/* ==========================================================
   en-photo-form.css — 英語版写真応募フォーム（en-photo-form.html）だけの追記
   元CSS（photo-form.css / components.css）は触らない。
   作成: 2026-09-09（EN 展開）
   ========================================================== */

/* 同意行: 日本語は「[規約リンク] [☑] に同意する」の語順だが、英語は
   「[☑] I agree to the [Terms]」の語順が自然。
   DOM（リンク→label）は変えず、flex の order でリンクを末尾へ回す。
   photo-form.css の .pf-terms { margin-right: 8px } は語順反転で不要になるため左マージンに置き換える */
.pf-consent .pf-terms { order: 1; margin-right: 0; margin-left: 6px; }

/* 英文ラベル（Required / Optional ＋ ラベル名）は和文向けの字間 0.11em だとやや間延びするため少し詰める。
   折り返し時も line-height:1 で密着しないよう行送りを持たせる */
.cx-form__label { letter-spacing: 0.06em; line-height: 1.3; }

/* 必須／任意バッジ: "Required" / "Optional" は和文2文字より長い。
   min-width 70px に収まらないと楕円が潰れるため左右に余白を持たせる */
.cx-req, .cx-opt { padding: 0 12px; letter-spacing: 0.06em; white-space: nowrap; }

/* アップロード枠の「Choose file」ボタン: 固定幅 205.5px（SP 178.8px）は英文でも収まるが、字間を和文向け 0.11em から少し詰める */
.pf-upload__btn { letter-spacing: 0.06em; }

/* ボタン文言が折り返した場合の保険（line-height:1 の密着防止） */
.cx-btnpair .cx-btn__text,
.cx-form__submit .cx-btn__text { line-height: 1.35; text-align: center; }

/* SP: components.css は .cx-consent を align-items:flex-start にしており、「I agree to the」が
   チェックボックス上端に付いて隣のリンク（44px 中央揃え）とずれる。英語は語順反転で
   文字とリンクが隣接するためズレが目立つ → 中央揃えに戻す */
@media (max-width: 768px) {
  .pf-consent .cx-consent { align-items: center; }
}