/* 全ページ共通ヘッダー（トップページ home.css のナビ見た目に統一）。map.html・index.html 以外で読み込む。 */
nav.site-nav{
  --hp-surface:#ffffff; --hp-surface2:#eef3fb; --hp-border:#e2e9f4; --hp-ink:#173a6d; --hp-ink2:#5c6c88;
  --hp-blue:#1f5fbf; --hp-blue-d:#123a7a;
}
:root:not(.light) nav.site-nav{
  --hp-surface:#0b1120; --hp-surface2:#0c1327; --hp-border:#1b2b4d; --hp-ink:#dbe6f7; --hp-ink2:#8ea1c2;
  --hp-blue:#4f8be6; --hp-blue-d:#9dc2f2;
}
nav.site-nav{background:var(--hp-surface);border-bottom:1px solid var(--hp-border)}
.nav-inner{max-width:1180px;height:66px}
.logo{gap:9px}
.logo::before{content:"";width:30px;height:30px;flex:0 0 auto;border-radius:50%;
  background:radial-gradient(circle at 32% 32%,#5b9df0,#1f5fbf 70%);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.85),0 2px 6px rgba(31,95,191,.35)}
.logo-coco{color:var(--hp-blue)}
.logo-taifu{color:var(--hp-blue-d)}
:root:not(.light) .logo-taifu{color:#cfe0f7}
.logo-sub{display:block;font-size:9.5px;font-weight:400;letter-spacing:.3px;color:var(--hp-ink2);margin-top:2px}
.nav-links a{font-size:12.5px;color:var(--hp-ink2);padding:6px 11px;gap:5px}
.nav-links a.active{background:transparent;color:var(--hp-blue);font-weight:700}
.nav-links a:hover{background:var(--hp-surface2);color:var(--hp-blue)}
.nav-search{display:flex;align-items:center;gap:6px;background:var(--hp-surface2);
  border:1px solid var(--hp-border);border-radius:20px;padding:6px 12px;margin-left:10px;color:var(--hp-ink2);font-size:11.5px}
.nav-search input{border:0;background:transparent;outline:0;color:var(--hp-ink);font-size:12px;width:120px}
.nav-search input::placeholder{color:var(--hp-ink2)}
.nav-search-mobile{display:none}
@media(max-width:900px){.nav-search{display:none}}
@media(max-width:720px){
  .nav-links{top:66px;background:var(--hp-surface);border-color:var(--hp-border)}
  .nav-links a.active{background:var(--hp-surface2)}
  .logo-sub{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .nav-links .nav-search-mobile{display:flex;width:auto;margin:8px 14px 4px}
  .nav-links .nav-search-mobile input{flex:1;width:auto}
}