/* 全ページのヘッダーを同じ高さにして、画面移動時の位置の跳ねを防ぐ。 */
html{scroll-padding-top:88px}
.site-header{position:sticky;top:0;z-index:1100;width:100%;padding:0;background:#fff;border-bottom:1px solid #e5e7e4;color:#071b39;backdrop-filter:none}
.site-header .header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px;width:calc(100% - 48px);max-width:1440px;min-height:72px;margin:0 auto;padding:0}
.site-header .brand{display:inline-flex;align-items:center;gap:9px;flex:none;white-space:nowrap;font:800 19px/1.2 system-ui,-apple-system,sans-serif;letter-spacing:.025em;text-decoration:none;color:inherit}
.site-header .brand img{display:block;width:42px;height:42px;object-fit:contain}
.site-header .primary-navigation{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin:0 0 0 auto;font:700 14px/1.5 system-ui,-apple-system,sans-serif}
.site-header .primary-navigation a{display:block;white-space:nowrap;padding:11px 14px;border-radius:8px;text-decoration:none;color:inherit}
.site-header .primary-navigation a::after{content:none}
.site-header .primary-navigation a:hover{background:#f2f4f1}
.site-header .primary-navigation a[aria-current=page]{color:#e8001b;background:#fff2f3}
.site-header .site-menu-toggle{display:grid;place-content:center;gap:5px;width:44px;height:44px;flex:none;margin:0;padding:10px;border:1px solid #e1e5df;border-radius:9px;background:#fff;color:#071b39;cursor:pointer}
.site-menu-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}
.site-menu-toggle[aria-expanded=true]{background:#f2f4f1}
.site-header :focus-visible{outline:3px solid #f1081c;outline-offset:3px}
/* メニューは地図より手前に表示。開閉で本文の高さを変えない。 */
.site-menu-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(310px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain;padding:9px;background:#fff;border:1px solid #e1e5df;border-radius:12px;box-shadow:0 12px 35px #071b391a}
.site-menu-panel a{display:block;padding:13px 14px;border-radius:7px;font:600 14px/1.6 system-ui,-apple-system,sans-serif;text-decoration:none;color:#071b39}
.site-menu-panel a:hover{background:#f2f4f1}
.site-menu-panel[hidden]{display:none!important}
.site-header .site-menu-panel a::after{content:none}
.account-actions{display:flex;justify-content:flex-end;gap:12px;min-height:44px}
.account-actions button{font-size:12px;padding:10px 14px}
@media(max-width:600px){
 html{scroll-padding-top:76px}
 .site-header .header-inner{width:calc(100% - 24px);min-height:64px;gap:6px}
 .site-header .brand{gap:5px;font-size:14px}
 .site-header .brand img{width:32px;height:32px}
 .site-header .primary-navigation{gap:2px;font-size:12px}
 .site-header .primary-navigation a{padding:12px 7px}
 .site-header .site-menu-toggle{width:40px;height:40px}
 .site-menu-panel{max-height:calc(100dvh - 84px)}
}
@media(max-width:350px){.site-header .brand span{display:none}.site-header .brand img{width:34px;height:34px}}