/* ヘッダーにコラム導線（9項目目）を追加したことによる幅不足の補正。 styles.css は「PC版完成・凍結」のため編集せず、この上書きだけを別ファイルで当てる。 読み込みは styles.css の後（index.html の 末尾）。 狭いデスクトップ幅では、ナビが46px広がったぶん医院名の領域が足りなくなり 「大崎オーバルコート歯科・矯正歯…」と省略されてしまう。そこだけ間隔を詰めて防ぐ。 1100px以上は一切影響しない（間隔は元の12pxのまま）。 実測（Chrome DevTools Protocol で getBoundingClientRect を取得、2026-08-01）： 1600 / 1440 / 1280 / 1180 / 1100 / 1099 / 1060 / 1059 / 1040 / 1024px の全幅で ヘッダー高さ59.39px・ナビ1行・医院名の省略なし・ヒーロー開始位置59.39px が 現行8項目版と完全一致することを確認済み。 */ @media (min-width: 1060px) and (max-width: 1099px) { .nav__list { column-gap: 7px; } } @media (min-width: 1024px) and (max-width: 1059px) { .nav__list { column-gap: 4px; } }