/* 東京ゆかた株式会社 — 折り返しの修正のみ
   768〜1023px 幅（タブレット縦・小型ノート）で、ロゴ・ナビ・見出し・本文が
   文字の途中で折り返していた問題への対応。移行時の見た目はこれ以外変えていない。 */

/* ロゴの社名・ナビ項目とも、途中では折り返さない
   （ナビの枠は折り返さない設定だったが、項目の中の文字は折り返す設定のままだった） */
header a,
header a span,
header nav span {
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* 折り返さない代わりに、この幅では項目間を詰めて1行に収める */
  .container nav { gap: 1rem; }
  .container nav > div { padding-left: .75rem; gap: .375rem; }

  /* ロゴが幅を取りすぎてナビと接触するため、社名だけ少し小さく */
  header a[href="/"] span span:first-child { font-size: .95rem; }
  header a[href="/"] { margin-right: 1.25rem; }

  /* ヒーローの英字ラベルが2行になり、固定ヘッダーに隠れて切れていた */
  .hero-label { font-size: .6rem; letter-spacing: .18em; white-space: nowrap; }

  /* テキスト面が狭く、見出しが「祭りの衣／は、／日本橋か／ら。」と分断され、
     本文も「製／造卸。」と割れていた。上余白を足して幅を広げる */
  .hero-panel { padding-top: 5rem; width: 52%; }
  .hero-panel h1 { font-size: 2.5rem; }
}