/* ============================================================================
   ヘッダーのメニュー：「東急ウェリナ大岡山」「東急ウェリナ旗の台」を PC でも出す（2026-10-02 ご指示）
   - もとはスマホのメニューだけに出る項目（u-sp_display）だったものを、HTML で PC にも出すようにした
   - 項目が5つになり、サイトの設定（15px・字間 .12em・項目の間 1.6em）のままでは、狭い PC で
     項目の中が2行に折れる（「東急ウェリ／ナとは」）。どの幅でも1項目を1行に保ち、狭い幅では文字と間隔を詰める
   - スマホ（768px 以下）のメニューは縦並びなので変えない
   - ブランドのページ（トップ・東急ウェリナとは・インタビュー・サイトのご利用について）で読み込む
   ========================================================================== */
/* ロゴとメニューの間は最低 20px あける */
@media screen and (min-width: 769px) {
  .p-header__logo { flex-shrink: 0; margin-right: 20px; }
  .p-header__gnav-menu-link { white-space: nowrap; }
}

@media screen and (min-width: 1200px) and (max-width: 1279px) {
  .p-header__gnav-menu-item { margin-left: 1em; }
  .p-header__gnav-menu-link { font-size: 1.4rem; letter-spacing: .04em; }
}

/* 狭い PC（1001〜1199px）：文字を少し小さく、字間をなくし、ホームのアイコンは出さない（ロゴがトップへのリンクを兼ねる） */
@media screen and (min-width: 1001px) and (max-width: 1199px) {
  .p-header__gnav-menu-item--home { display: none; }
  .p-header__gnav-menu-item { margin-left: .9em; }
  .p-header__gnav-menu-link { font-size: 1.35rem; letter-spacing: 0; }
}

/* タブレット（769〜1000px）：さらにロゴを小さく、左右の余白を詰める */
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .l-header__inner { padding-left: 16px; padding-right: 16px; }
  .p-header__logo { max-width: 150px; }
  .p-header__gnav-menu-item--home { display: none; }
  .p-header__gnav-menu-item { margin-left: .6em; }
  .p-header__gnav-menu-link { font-size: clamp(1.05rem, 1.4vw, 1.3rem); letter-spacing: 0; }
}