@charset "UTF-8";
/*
 * 特設ページ（LP）の英語だけの直し（2026-10-21 多言語化 段階4・ml-lp-en）。
 * Layout/lp.ctp が英語の LP で style.css の後に読む（tailwind のビルドは通さない＝手で書く。多言語の決まり 4.・12.）。
 * 日本語の LP の見た目は変えない（このファイルは英語のページだけが読む）。
 */

/* 1. 書体：英語の本文・見出しは英語版のサイトと同じ EB Garamond（英語版の決まり 9.）。ページの中の日本語（lang="ja"＝添え書きなど）は Shippori Mincho B1 */
html[lang="en"] {
  --font-jp: "EB Garamond", "Shippori Mincho B1", "Yu Mincho", serif;
  --font-body: "EB Garamond", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
}
html[lang="en"] body { font-feature-settings: normal; letter-spacing: .01em; line-height: 1.8; }
html[lang="en"] [lang="ja"] { font-family: "Shippori Mincho B1", "Yu Mincho", "YuMincho", serif; font-feature-settings: "palt"; }

/* 2. 折らない固まり（.nw）：日本語では言葉の途中で折らないための印。英語は語の間の空きで折れる＝長い句がはみ出す（320〜390px で最大 190px）＝英語では普通に折る */
html[lang="en"] .nw { white-space: normal; }

/* 3. 時期の名前（当社／施設の表）：日本語は縦書き。英語は横書きで、列の幅の中で折る */
@media (min-width: 768px) {
  html[lang="en"] .roles__wl { writing-mode: horizontal-tb; font-size: 14.5px; letter-spacing: .02em; line-height: 1.35; text-align: center; padding: 0 6px; }
}
html[lang="en"] .roles__photos--seq .roles__pcap { white-space: normal; }

/* 4. 写真集の部数の金の札（Series total 200,000 copies）：英語は数字が長い（6桁）＝狭い画面では字を小さく・2行に */
@media (max-width: 600px) {
  html[lang="en"] .lp-hit__in { flex-wrap: wrap; justify-content: center; row-gap: 2px; }
  html[lang="en"] .lp-hit__n { font-size: 40px; }
  html[lang="en"] .lp-hit__n small { font-size: 18px; }
  html[lang="en"] .lp-hit__l { font-size: 14px; letter-spacing: .06em; }
}

/* 5. ロゴの上の小さな文（For the boys and girls of yesteryear）・ヘッダーの札：英語は長い＝狭い画面で字と字間を詰める */
html[lang="en"] .logo__sub { letter-spacing: .04em; }
html[lang="en"] .logo__main { letter-spacing: .02em; }
@media (max-width: 767px) {
  html[lang="en"] .logo__sub { font-size: 11px; }
  html[lang="en"] .logo__main { font-size: 20px; }
  html[lang="en"] .head__tag { letter-spacing: .02em; }
}

/* 6. 卸の「販売の実績」の大きな字（Hundreds of copies in a day）：英語は長い＝折り返す */
html[lang="en"] .ws-sales__big { flex-wrap: wrap; column-gap: 8px; row-gap: 0; }