/* 制作実績の公開後だけ全ページで読み込む。8項目でもロゴとナビを折り返さない。 */
.site-header { gap: 24px; }
.site-header > div { flex-shrink: 0; }
.site-header > div > a > :first-child { white-space: nowrap; }
.site-header > nav { flex-wrap: nowrap; column-gap: 18px; }
.site-header > nav a { white-space: nowrap; }
.site-header a[aria-current="page"] { border-bottom: 1px solid var(--yl-accent, #e63946); }
@media (max-width: 1180px) {
  .site-header > nav { display: none; }
  .site-header > #menuToggleBtn { display: flex; }
  .mobile-menu__close { display: flex; }
  .admin-bar #mobileMenu { top: var(--wp-admin--admin-bar--height, 32px); }
}
@media (max-width: 600px) {
  .site-header { gap: 12px; padding: 24px 16px; }
  .site-header > div { min-width: 0; flex: 1; align-items: flex-start; }
  .site-header > div > .tsukkomi { display: none; }
  .site-header > div > a { align-items: flex-start; }
  .site-header > div > a > :first-child { font-size: clamp(15px, 4.2vw, 20px); letter-spacing: .19em; line-height: 1.45; }
  .site-header > div > a > span:last-child { font-size: clamp(9px, 2.5vw, 11px); letter-spacing: .18em; }
  .site-header > #menuToggleBtn { flex-shrink: 0; }
}