@charset "UTF-8";
/* ==========================================================
   英語ページ（en.html）専用の文字組み — 2026-09-16
   日本語トップと同じHTML構造・同じCSSの上に、英語で崩れる所だけを上書きする。
   - 和文用の字間（文字種ごとのspan・負のletter-spacing）は英文では不要 → 0.01em に戻す
   - 本文系は EB Garamond（--font-en）。筆記体（*__script・Pinyon Script）はそのまま
   - 縦書きキャッチ（lang="ja"）はブランド意匠として日本語のまま
   このファイルは en.html だけが読む（sp.css より後）。日本語ページには影響しない。
   ========================================================== */

html[lang="en"] .fv__nav-item,
html[lang="en"] .sp-menu a,
html[lang="en"] .concept__copy,
html[lang="en"] .u-btn,
html[lang="en"] .events__heading,
html[lang="en"] .events__lead,
html[lang="en"] .events__name,
html[lang="en"] .events__cardtitle,
html[lang="en"] .events__desc,
html[lang="en"] .events__periodlabel,
html[lang="en"] .events__period,
html[lang="en"] .activities__heading,
html[lang="en"] .activities__lead,
html[lang="en"] .activities__label,
html[lang="en"] .notice__title,
html[lang="en"] .notice__text,
html[lang="en"] .access__title,
html[lang="en"] .access__lead,
html[lang="en"] .access__col,
html[lang="en"] .access__note,
html[lang="en"] .cta__sub,
html[lang="en"] .cta__lead,
html[lang="en"] .footer__nav a,
html[lang="en"] .footer__info-head,
html[lang="en"] .footer__col-name,
html[lang="en"] .footer__col-addr,
html[lang="en"] .footer__col-tel,
html[lang="en"] .footer__privacy {
  font-family: var(--font-en);
  letter-spacing: 0.01em;
}
html[lang="en"] .sp-menu a[lang="ja"],
html[lang="en"] .footer__nav a[lang="ja"] { font-family: var(--font-jp); }

/* 和文の行トラッキング（--ls）を英文では使わない */
html[lang="en"] .concept__copy [class^="concept__l"] { letter-spacing: 0.01em; }

/* ---- FV ナビ: 和文6項目の実測マージン＋left 376px で中央に置いていた。
   英語5項目は幅が違うので、キャンバス中央に据え直す（scale 0.9 はそのまま） ---- */
html[lang="en"] .fv__nav {
  left: 50%;
  transform: translateX(-50%) scale(0.9);
  transform-origin: 50% 0;
}
html[lang="en"] .fv__nav-item { font-size: 17px; }
html[lang="en"] .fv__nav-item + .fv__nav-item { margin-left: 34px; }
html[lang="en"] .fv__nav-item--active::after { left: -6px; width: calc(100% + 12px); }

/* ---- 冬の過ごし方: 縦帯ラベル。和文は nth-child ごとの広い字間（0.187〜0.265em）で
   英文だと間延びして帯からはみ出す → 英文用に一律で詰める（(0,3,1)で nth-child(0,3,0) に勝つ） ---- */
html[lang="en"] .activities__card .activities__label { letter-spacing: 0.06em; }

/* ---- お越しの前に: 和文は段落1が2行・2/3が1行の前提で top を決め打ち。
   英文は PC 3段落とも1行／SP 3段落とも2行なので連続するよう置き直す ---- */
html[lang="en"] .notice__text--1 { top: 256px; left: 0; }
html[lang="en"] .notice__text--2 { top: 298px; left: 0; }
html[lang="en"] .notice__text--3 { top: 340px; left: 0; }

/* ---- アクセス（PC）: 公共交通カードの行がカード幅を超えるので英字だけ一段小さく ---- */
@media (min-width: 768px) {
  html[lang="en"] .access__item1,
  html[lang="en"] .access__item2,
  html[lang="en"] .access__item3,
  html[lang="en"] .access__item4 { font-size: 15px; }
}

/* ---- フッター（PC）: 案内所3列。和文の列位置（57 / 425 / 1001.5）では英文の社名・住所が重なる。
   社名は括弧の前で <br>（HTML側）、列は幅400px・等間隔に置き直し、増えた1行分だけ下を送る ---- */
@media (min-width: 768px) {
  html[lang="en"] .footer__col { width: 400px; }
  html[lang="en"] .footer__col--1 { left: 57px; }
  html[lang="en"] .footer__col--2 { left: 482px; }
  html[lang="en"] .footer__col--3 { left: 907px; }
  html[lang="en"] .footer__col-name { line-height: 1.3; }
  html[lang="en"] .footer__privacy { top: 850px; }
  html[lang="en"] .footer__copy { top: 872.5px; }
}

@media (max-width: 767px) {
  html[lang="en"] .notice__text--1 { top: 174px; left: 26px; }
  html[lang="en"] .notice__text--2 { top: 236px; left: 26px; }
  html[lang="en"] .notice__text--3 { top: 298px; left: 26px; }
  /* アクセスのリード2文目は2行に折り返す（下のカード top 218px までに収まる） */
  html[lang="en"] .access__lead--2 { white-space: normal; width: 341px; }
}

/* ---- フッター（SP）: 案内所ブロックは和文の高さ前提で top 決め打ち（913 / 1002 / 1112）。
   英文は社名2〜3行・住所2行になり重なる → 実測高（col1 102 / col2 123 / col3 81px）で置き直す。
   ブロック間22px・住所→プライバシー55px・プライバシー→コピー18.5px・下端余白67.5px は和文版と同じ間合い ---- */
/* 2026-09-24 フッターのナビ2列化（footer.css）で案内所以下が和文と同じく −97.5px。
   高さ 1461→1363.5px（下端余白67.5px維持）。背景は 1461px のまま＝絵柄を変えず下が切れるだけ */
@media (max-width: 767px) {
  html[lang="en"] .footer { height: 1363.5px; background-size: var(--canvas) 1461px; }
  html[lang="en"] .footer__col--2 { top: 950.5px; }
  html[lang="en"] .footer__col--3 { top: 1106.5px; }
  html[lang="en"] .footer__privacy { top: 1236.5px; }
  html[lang="en"] .footer__copy { top: 1283.5px; }
  /* 住所は2行になるので行送りを付ける（+約11px/件 → 上の top/height に反映済み） */
  html[lang="en"] .footer__col-addr { line-height: 1.4; }
  /* 和文は .footer__col--2 .u-sp-br を殺している（旧SPカンプの社名改行）。英文は住所・社名の意味改行に使うので戻す */
  html[lang="en"] .footer__col--2 .u-sp-br { display: inline; }
}

/* ---- コンセプトのボタン: 和文は SP で .concept__btn-label に letter-spacing 3.375px（漢字ピッチ合わせ）と
   text-indent 1.1px を持つ → 英文だと「A b o u t」と間延びして矢印に迫る。PC/SP とも英文では戻す ---- */
html[lang="en"] .concept__btn .concept__btn-label { letter-spacing: 0.01em; font-family: var(--font-en); }
html[lang="en"] .concept__btn { text-indent: 0; }