body{font-family:"Noto Sans JP",sans-serif;margin:0;padding:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{font-family:"Noto Sans JP",sans-serif}
header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,0.07);height:56px;display:flex;align-items:center;padding:0 16px;gap:12px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}
.logo-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.logo-text{font-size:18px;font-weight:900;color:#111827;letter-spacing:-0.02em;line-height:1}
.logo-text span{color:#2563eb}
.logo-sub{font-size:8px;color:#9ca3af;letter-spacing:0.1em;margin-top:2px}
nav{display:flex;gap:1px;flex:1;overflow-x:auto;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
nav a{padding:5px 9px;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280;text-decoration:none;white-space:nowrap}
nav a.active{color:#2563eb;background:#eff6ff}
nav a:hover{background:#f4f6f9;color:#111827}
.header-right{display:flex;align-items:center;gap:5px;font-size:10px;color:#6b7280;flex-shrink:0;font-family:'Courier New',monospace}
.live-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;animation:blink 2.4s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.25}}
@media(min-width:768px){header{padding:0 24px;gap:20px}nav a{font-size:13px;padding:6px 12px}}
@media(max-width:767px){.logo-sub{display:none}}

@media(max-width:767px){.header-right{display:none}}footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px;font-size:11px;color:#6b7280;text-align:center}
footer a{color:#6b7280;text-decoration:none}
footer a:hover{color:#111827}

/* ===== トップに戻るボタン ===== */
#back-to-top{position:fixed;bottom:28px;right:20px;width:52px;height:52px;border-radius:10px;background:#2563eb;color:#fff;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 16px rgba(37,99,235,0.4);opacity:0;pointer-events:none;transition:opacity 0.3s,transform 0.2s,background 0.2s;z-index:999;font-family:inherit}
#back-to-top.visible{opacity:1;pointer-events:auto}
#back-to-top:hover{background:#1d4ed8;transform:translateY(-3px)}
#back-to-top .btt-arrow{font-size:16px;line-height:1}
#back-to-top .btt-label{font-size:9px;letter-spacing:0.05em}