/* site-nav.css — styles of the shared navigation (site-nav.js), used by the shell, the table viewer and the catalog. */
.site-nav{min-width:0;max-width:100%}
.site-nav-items{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.site-nav-items::-webkit-scrollbar{display:none}
.site-nav a{flex:none;padding:8px 14px;border-radius:8px;background:#242830;color:#8dc5ff;font-size:14px;line-height:1.3;text-decoration:none;white-space:nowrap}
.site-nav a:hover{background:#2c3442;text-decoration:none}
.site-nav a[aria-current]{background:#345071;color:#fff;font-weight:600}
.site-nav a:focus-visible{outline:2px solid #8dc5ff;outline-offset:2px}
.site-nav-sep{flex:none;width:1px;height:22px;margin:0 4px;background:#3a4250}
.site-nav{margin:0;padding:0}
.site-nav a{margin:0}
@media(max-width:760px){
 .site-nav-items{margin:0 -16px;padding:2px 16px}
 .site-nav a{padding:8px 12px;font-size:13px}
}
/* 非公式ファンサイトの表記と連絡先（歌唱一覧・カタログ共通） */
.site-footer{margin:40px 0 16px;padding:14px 16px 0;border-top:1px solid #323844;color:#8d97a5;font-size:12px;line-height:1.8;text-align:center}
.site-footer p{margin:0}
.site-footer a{color:#8dc5ff}
/* ロゴ「にゃこ文録」（トップメニューの左）。PCはメニューの高さ68px、スマホは高さそのままで英字なし。 */
.site-nav{display:flex;align-items:center;gap:18px}
.site-nav-items{flex:1;min-width:0}
.site-nav a.site-logo,.site-nav a.site-logo:hover{padding:0;border-radius:0;background:none;color:#e6e9ef;font-size:inherit;font-weight:inherit;line-height:1}
.site-logo{flex:none;display:flex;flex-direction:column;gap:3px;color:#e6e9ef;text-decoration:none;font-family:"Zen Old Mincho","Hiragino Mincho ProN","Yu Mincho",serif}
.site-logo:hover{color:#fff;text-decoration:none}
.site-logo:focus-visible{outline:2px solid #8dc5ff;outline-offset:4px;border-radius:4px}
.site-logo-name{display:flex;align-items:baseline;font-weight:900;font-size:24px;letter-spacing:.04em;line-height:1;white-space:nowrap}
.site-logo-fumi{color:#7fae84;font-size:29px}
.site-logo-sub{font-family:system-ui,sans-serif;font-size:8px;letter-spacing:.4em;color:#8d97a5;white-space:nowrap}
@media(max-width:760px){
 .site-nav{gap:10px}
 .site-logo-name{font-size:19px}
 .site-logo-fumi{font-size:23px}
 .site-logo-sub{display:none}
 .site-nav a.site-logo{padding:0}
 /* ロゴがあるので、ボタンの列は左に食い込ませない（右端だけ画面の端まで） */
 .site-nav .site-nav-items{margin-left:0;padding-left:0}
}