:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-secondary: #0ea5e9;--color-accent: #f43f5e;--color-accent-light: #fb7185;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-text: #0f172a;--color-text-light: #64748b;--color-text-muted: #94a3b8;--color-bg: #f1f5f9;--color-bg-white: #ffffff;--color-bg-dark: #0f172a;--color-border: #e2e8f0;--rank-1: #fbbf24;--rank-2: #9ca3af;--rank-3: #cd7f32;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .05);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--max-width: 1280px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;line-height:1.3;font-weight:700}p{margin:0 0 1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-dark)}ul,ol{margin:0 0 1rem;padding-left:1.5rem}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.header{background:var(--color-bg-white);border-bottom:1px solid var(--color-border);padding:.875rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background:#ffffffe6}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.625rem;font-size:1.375rem;font-weight:800;color:var(--color-text);letter-spacing:-.025em}.logo:hover{text-decoration:none}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--gradient-primary);color:#fff;border-radius:10px;font-size:1.125rem;font-weight:700}.nav{display:flex;align-items:center;gap:2rem}.nav>a{color:var(--color-text-light);font-size:.875rem;font-weight:500;transition:color .2s}.nav>a:hover{color:var(--color-primary)}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:.25rem;color:var(--color-text-light);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s}.nav-dropdown-trigger:after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;transition:transform .2s}.nav-dropdown:hover .nav-dropdown-trigger{color:var(--color-primary)}.nav-dropdown:hover .nav-dropdown-trigger:after{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;min-width:160px;background:var(--color-bg-white);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);padding:.5rem 0;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:200}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}.nav-dropdown-menu a{display:block;padding:.5rem 1rem;color:var(--color-text);font-size:.875rem;transition:background .2s}.nav-dropdown-menu a:hover{background:var(--color-bg);color:var(--color-primary)}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;z-index:101}.nav-toggle-bar{display:block;width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:transform .3s,opacity .3s}.nav-toggle.active .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.active .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main{padding:0 0 3rem;min-height:calc(100vh - 200px)}.footer{background:var(--color-bg-dark);color:var(--color-bg);padding:3rem 0}.footer-text{margin-bottom:.5rem;font-weight:500}.footer-source{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.5rem 1rem;border-radius:8px;margin:1rem 0;font-size:.875rem}.footer-source img{height:20px}.footer-note{font-size:.75rem;color:var(--color-text-muted);margin-bottom:1.5rem}.footer-nav{display:flex;justify-content:center;gap:2rem}.footer-nav a{color:var(--color-text-muted);font-size:.875rem;transition:color .2s}.footer-nav a:hover{color:#fff}.hero{background:var(--gradient-hero);color:#fff;padding:3rem 0 4rem;margin-bottom:2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero .container{position:relative;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:.75rem;font-weight:800;letter-spacing:-.025em}.hero-subtitle{color:#fffc;font-size:1.125rem;margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto}.hero.hero-compact{padding:2rem 0 2.5rem;margin-bottom:1.5rem}.hero-source{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;backdrop-filter:blur(10px);padding:.625rem 1.25rem;border-radius:100px;font-size:.875rem;color:#ffffffe6;border:1px solid rgba(255,255,255,.15)}.hero-source strong{color:#fff}.update-time{font-size:.875rem;color:#fff9;margin-top:1rem}.site-tagline{text-align:center;color:var(--color-text-light);font-size:.9rem;margin:.75rem 0 1.25rem;padding:0;line-height:1.5}.quick-nav{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:1rem 1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.quick-nav-row{display:flex;flex-direction:column;gap:1rem}.quick-nav-group{display:flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.quick-nav-label{font-size:.8125rem;font-weight:600;color:var(--color-text-light);white-space:nowrap}.quick-nav-links{display:flex;flex-wrap:wrap;gap:.375rem}.quick-nav-link{display:inline-block;padding:.375rem .75rem;font-size:.8125rem;border-radius:100px;text-decoration:none;transition:all .2s;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.quick-nav-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quick-nav-link.region:hover{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.quick-nav-link.category:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ranking-section{margin-bottom:3rem}.section-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.section-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.section-header h2{font-size:1.5rem;margin:0;display:flex;align-items:center;gap:.5rem}.section-header h2:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:2px}.source-info{display:flex;align-items:center;gap:.75rem}.source-select{padding:.5rem 2rem .5rem .875rem;font-size:.875rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-white);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:16px;transition:all .2s}.source-select:hover{border-color:var(--color-primary-light)}.source-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.source-select option:disabled{color:var(--color-text-muted)}.update-time-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg);border-radius:100px}.update-time-badge:before{content:"";width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.category-tabs{display:flex;gap:.5rem}.category-tab{padding:.5rem 1rem;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:100px;font-size:.875rem;color:var(--color-text-light);cursor:pointer;transition:all .2s}.category-tab:hover,.category-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ranking-list{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.ranking-item{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);transition:background .2s;text-decoration:none;color:inherit}.ranking-item:last-child{border-bottom:none}.ranking-item:hover{background:var(--color-bg)}.rank-number{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;border-radius:10px;margin-right:1rem;flex-shrink:0}.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.rank-2{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.rank-default{background:var(--color-bg);color:var(--color-text-light)}.rank-content{flex:1;min-width:0}.rank-keyword{font-size:1rem;font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.rank-keyword .has-article{font-size:.625rem;background:var(--gradient-primary);color:#fff;padding:.125rem .5rem;border-radius:100px}.rank-keyword .external-link-badge{font-size:.625rem;background:linear-gradient(135deg,#64748b,#475569);color:#fff;padding:.125rem .5rem;border-radius:100px}.rank-meta{font-size:.75rem;color:var(--color-text-light);display:flex;align-items:center;gap:1rem}.rank-category{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--color-bg);border-radius:4px;font-size:.75rem;color:var(--color-text-light)}.rank-volume{color:var(--color-success);font-weight:600}.rank-arrow{color:var(--color-text-muted);margin-left:.5rem}.trend-list h2{font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.trend-list h2:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:2px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.article-card{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:transform .3s,box-shadow .3s;position:relative}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.article-card.rank-1-card{border-top:4px solid var(--rank-1)}.article-card.rank-2-card{border-top:4px solid var(--rank-2)}.article-card.rank-3-card{border-top:4px solid var(--rank-3)}.article-image{width:100%;height:auto;aspect-ratio:400 / 180;object-fit:cover;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);min-height:180px;transition:opacity .3s ease}.article-card-link{display:block;text-decoration:none;color:inherit}.article-card-content{padding:1.25rem}.article-image-placeholder{width:100%;height:180px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:.5rem}.article-image-placeholder .placeholder-icon{font-size:2.5rem}.article-image-placeholder .placeholder-text{font-size:.875rem;opacity:.9}.article-link{display:block;padding:1.25rem;color:inherit}.article-link:hover{text-decoration:none}.article-card .article-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.article-rank{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;padding:.25rem .625rem;border-radius:6px}.article-rank.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.article-rank.rank-2{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.article-rank.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.article-card .article-header time{font-size:.75rem;color:var(--color-text-muted)}.article-card .article-title{font-size:1.125rem;margin-bottom:.625rem;line-height:1.4}.article-card .article-summary{font-size:.875rem;color:var(--color-text-light);margin-bottom:.75rem;line-height:1.6}.article-card .article-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.volume-change{color:var(--color-success);font-weight:600}.buzz-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:100px;font-size:.625rem;font-weight:700;text-transform:uppercase}.buzz-high{background:var(--color-accent);color:#fff}.buzz-medium{background:var(--color-warning);color:#fff}.buzz-low{background:var(--color-text-muted);color:#fff}.category-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:100px;font-size:.7rem;font-weight:600;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.category-entertainment{background:#fef3c7;color:#92400e;border-color:#fbbf24}.category-sports{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.category-tech{background:#f3e8ff;color:#6b21a8;border-color:#a855f7}.category-money{background:#dcfce7;color:#166534;border-color:#22c55e}.category-news{background:#fee2e2;color:#991b1b;border-color:#ef4444}.category-lifestyle{background:#fae8ff;color:#86198f;border-color:#d946ef}.category-gourmet{background:#ffedd5;color:#c2410c;border-color:#fb923c}.category-travel{background:#e0f2fe;color:#0369a1;border-color:#38bdf8}.category-other{background:#f3f4f6;color:#4b5563;border-color:#9ca3af}.category-business{background:#dcfce7;color:#166534;border-color:#22c55e}.category-society{background:#fee2e2;color:#991b1b;border-color:#ef4444}.category-life{background:#fae8ff;color:#86198f;border-color:#d946ef}.category-it{background:#f3e8ff;color:#6b21a8;border-color:#a855f7}.region-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:100px;font-size:.7rem;font-weight:600;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;border:1px solid #38bdf8;text-decoration:none;transition:all .2s ease}.region-badge:hover{background:linear-gradient(135deg,#bae6fd,#7dd3fc);transform:translateY(-1px)}.no-articles{text-align:center;padding:4rem 2rem;color:var(--color-text-light);background:var(--color-bg-white);border-radius:var(--radius-lg)}.map-section{margin-top:3rem;background:var(--color-bg-white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.map-section h2{font-size:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.map-container{height:400px;border-radius:var(--radius);overflow:hidden;background:var(--color-bg)}.map-note{font-size:.8rem;color:var(--color-text-muted);margin-top:.75rem;text-align:center}.leaflet-popup-content{margin:.75rem 1rem;font-family:var(--font-sans)}.leaflet-popup-content strong{color:var(--color-primary)}.rank-marker{background:transparent;border:none}.rank-marker-inner{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;box-shadow:0 2px 6px #0000004d;border:2px solid white}.map-popup{min-width:160px}.map-popup .popup-rank{display:inline-block;background:var(--gradient-primary);color:#fff;font-size:.7rem;font-weight:700;padding:.125rem .375rem;border-radius:4px;margin-right:.25rem}.map-popup .popup-keyword{font-size:1rem;color:var(--color-text)}.map-popup .popup-location{font-size:.8rem;color:var(--color-text-light);margin-top:.25rem}.map-popup .popup-time{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.map-popup .popup-link{display:inline-block;margin-top:.5rem;font-size:.8rem;color:var(--color-primary);font-weight:600;text-decoration:none}.map-popup .popup-link:hover{text-decoration:underline}.article-map-section{margin-top:2rem;background:var(--color-bg);border-radius:var(--radius);padding:1.5rem}.article-map-section h2{font-size:1.125rem;margin-bottom:1rem;color:var(--color-text)}.article-map-container{height:250px;border-radius:var(--radius);overflow:hidden}.map-location-name{text-align:center;font-size:.9rem;color:var(--color-text-light);margin-top:.75rem}.article-marker{background:transparent;border:none}.article-marker-inner{width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);box-shadow:0 2px 6px #0000004d;border:3px solid white}.about-section{margin-top:3rem;padding:2.5rem;background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.about-section h2{font-size:1.25rem;margin-bottom:1.25rem}.feature-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-list li{padding:1.5rem;background:var(--color-bg);border-radius:var(--radius);text-align:center}.feature-list strong{display:block;color:var(--color-primary);margin-bottom:.5rem;font-size:1rem}.feature-list li span{font-size:.875rem;color:var(--color-text-light)}.article-detail{max-width:900px;margin:0 auto}.breadcrumb{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.5rem;padding-top:1.5rem}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.article-detail .article-header{margin-bottom:1rem}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem;max-width:1200px;margin:0 auto}.article-main{min-width:0}.article-title-row{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.article-title-content{flex:1}.article-thumb{position:relative;width:160px;flex-shrink:0}.article-thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.article-thumb .image-credit{position:absolute;bottom:4px;right:4px;padding:2px 6px;background:#0009;color:#fffc;font-size:.6rem;border-radius:3px}.article-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-ad{background:var(--color-bg);border-radius:var(--radius);overflow:hidden}.sidebar-ad.sticky{position:sticky;top:1rem}.ad-placeholder{display:flex;align-items:center;justify-content:center;height:250px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:var(--color-text-muted);font-size:.8rem;border:1px dashed var(--color-border);border-radius:var(--radius)}.sidebar-ranking{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow)}.sidebar-title{font-size:.9rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary)}.sidebar-ranking-list{list-style:none;padding:0;margin:0}.sidebar-ranking-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.sidebar-ranking-item:last-child{border-bottom:none}.sidebar-rank{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0;background:var(--color-bg);color:var(--color-text-light)}.sidebar-rank.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.sidebar-rank.rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.sidebar-rank.rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.sidebar-ranking-link{flex:1;font-size:.85rem;color:var(--color-text);text-decoration:none;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.sidebar-ranking-link:hover{color:var(--color-primary)}.sidebar-views{font-size:.7rem;color:var(--color-text-light);white-space:nowrap;flex-shrink:0}.sidebar-more{display:block;text-align:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);font-size:.8rem;color:var(--color-primary);text-decoration:none}.sidebar-more:hover{text-decoration:underline}.article-header-content{background:var(--color-bg-white);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.summary-inline{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:var(--radius);border-left:4px solid var(--color-secondary);font-size:.95rem;line-height:1.7}.article-hero-image-container{position:relative;margin-bottom:1.5rem}.article-hero-image{width:100%;max-height:300px;object-fit:cover;border-radius:var(--radius-lg)}.image-credit{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem .625rem;background:#0009;color:#fffc;font-size:.6875rem;border-radius:4px;backdrop-filter:blur(4px)}.article-detail .article-title{font-size:1.75rem;margin-bottom:.75rem;line-height:1.4}.title-prefix{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:#fff;background:var(--gradient-primary);padding:.375rem .875rem;border-radius:100px;font-weight:600;margin-bottom:.75rem}.article-detail .article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--color-text-muted);font-size:.875rem}.time-context-notice{display:none}.time-context-icon{font-size:.875rem;line-height:1;opacity:.6}.time-context-text{line-height:1.4}.time-context-text strong{color:var(--color-text-light);font-weight:500}.article-detail section{background:var(--color-bg-white);padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:1rem;box-shadow:var(--shadow-sm)}.article-detail section h2{font-size:1.125rem;color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary);display:flex;align-items:center;gap:.5rem}.summary-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:1.25rem;border-radius:var(--radius);border-left:4px solid var(--color-secondary);font-size:1rem;line-height:1.8}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.data-card{text-align:center;padding:1.25rem;background:var(--color-bg);border-radius:var(--radius)}.data-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em}.data-value{font-size:1.5rem;font-weight:700}.data-value.highlight{color:var(--color-success)}.related-keywords h3{font-size:.875rem;color:var(--color-text-light);margin-bottom:.75rem}.keyword-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.related-keywords-section{background:var(--color-bg-white);padding:1rem 1.5rem;border-radius:var(--radius-lg);margin-bottom:1rem;box-shadow:var(--shadow-sm)}.related-keywords-section h2{font-size:1rem;margin-bottom:.75rem;color:var(--color-text-light)}.keyword-chips{display:flex;flex-wrap:wrap;gap:.5rem}.keyword-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;font-size:.875rem;color:var(--color-text);text-decoration:none;transition:all .2s}.keyword-chip:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.keyword-chip.has-article{background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-color:var(--color-primary-light)}.keyword-chip.has-article:hover{background:var(--color-primary)}.chip-badge{font-size:.65rem;padding:.125rem .375rem;background:var(--color-primary);color:#fff;border-radius:10px;font-weight:600}.keyword-chip:hover .chip-badge{background:#fff;color:var(--color-primary)}.footer-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem 0;border-top:1px solid var(--color-border);margin-top:1rem}.footer-tags-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.footer-tag{padding:.25rem .625rem;background:var(--color-bg);border-radius:15px;font-size:.8rem;color:var(--color-text-light);text-decoration:none;transition:all .2s}.footer-tag:hover{background:var(--color-primary);color:#fff}.footer-tag.has-article{border:1px solid var(--color-primary-light)}.keyword-list li{background:var(--color-bg);padding:.375rem .875rem;border-radius:100px;font-size:.875rem;color:var(--color-text);transition:all .2s}.keyword-list li:hover{background:var(--color-primary);color:#fff}.five-w-section{max-width:100%;overflow-x:auto}.five-w-table{width:100%;border-collapse:separate;border-spacing:0}.five-w-table th,.five-w-table td{padding:.875rem 1rem;text-align:left;white-space:nowrap}.five-w-table td{white-space:normal;word-break:keep-all;overflow-wrap:break-word}.five-w-table tr:not(:last-child) th,.five-w-table tr:not(:last-child) td{border-bottom:1px solid var(--color-border)}.five-w-table th{width:140px;min-width:140px;background:var(--color-bg);font-weight:600;color:var(--color-primary);border-radius:8px 0 0 8px;white-space:nowrap}.five-w-table td{background:var(--color-bg);border-radius:0 8px 8px 0}.highlight-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.highlight-section h2{color:var(--color-primary);font-size:1.25rem;margin-bottom:1.25rem}.five-w-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.five-w-card{background:#fff;border-radius:var(--radius);padding:1rem;box-shadow:0 1px 3px #00000014}.five-w-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.five-w-value{display:block;font-size:.95rem;line-height:1.5;color:var(--color-text)}.detail-section{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.detail-section h2{font-size:1.25rem;color:var(--color-text);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-primary)}.detail-content{font-size:1rem;line-height:1.8;color:var(--color-text)}.detail-content p{margin-bottom:1rem}.detail-content p:last-child{margin-bottom:0}@media (max-width: 768px){.five-w-cards{grid-template-columns:1fr}.highlight-section{padding:1rem}.detail-section{padding:1rem 1.25rem}}.timeline{list-style:none;padding:0;margin:0;position:relative}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:1px}.timeline-item{position:relative;padding-left:2rem;padding-bottom:1.25rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:0;top:.5rem;width:16px;height:16px;background:#fff;border:3px solid var(--color-primary);border-radius:50%}.timeline-date{display:inline-block;font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg);padding:.125rem .5rem;border-radius:4px;margin-bottom:.375rem}.timeline-event{font-size:.9375rem;line-height:1.6}.detail-content{line-height:2;font-size:1rem}.detail-content p{margin-bottom:1.25rem}.sns-reactions-section{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow)}.sns-reactions-section h2{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.sns-reactions-section h2:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:2px}.sns-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:1rem;border-radius:var(--radius);border-left:4px solid var(--color-secondary);margin-bottom:1.5rem;line-height:1.7}.sns-voices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.sns-voice-group{background:var(--color-bg);border-radius:var(--radius);padding:1rem}.sns-voice-group h3{font-size:.9rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid}.sns-voice-group.positive h3{color:#16a34a;border-color:#22c55e}.sns-voice-group.negative h3{color:#dc2626;border-color:#ef4444}.sns-voice-list{list-style:none;padding:0;margin:0}.sns-voice-list li{padding:.5rem 0 .5rem 1.25rem;position:relative;font-size:.9rem;line-height:1.5;border-bottom:1px dashed var(--color-border)}.sns-voice-list li:last-child{border-bottom:none}.sns-voice-group.positive .sns-voice-list li:before{content:"+";position:absolute;left:0;color:#22c55e;font-weight:700}.sns-voice-group.negative .sns-voice-list li:before{content:"-";position:absolute;left:0;color:#ef4444;font-weight:700}.sns-notable{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius);padding:1rem;border-left:4px solid #f59e0b}.sns-notable h3{font-size:.9rem;font-weight:600;color:#92400e;margin-bottom:.75rem}.sns-notable-list{list-style:none;padding:0;margin:0}.sns-notable-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.9rem;line-height:1.5}.sns-notable-list li:before{content:"★";position:absolute;left:0;color:#f59e0b}.sns-samples{margin:1.5rem 0}.sns-samples h3{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.sns-sample-list{list-style:none;padding:0;margin:0}.sns-sample-item{padding:1rem;border-left:3px solid #1da1f2;margin-bottom:.75rem;background:var(--color-bg);border-radius:0 var(--radius) var(--radius) 0}.sns-sample-text{margin:0 0 .5rem;line-height:1.6;font-size:.95rem;color:var(--color-text)}.sns-source-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;color:#1da1f2;text-decoration:none;font-weight:500}.sns-source-link:hover{text-decoration:underline}.sns-source-link .x-icon{font-size:1rem}.sns-search-link{margin-top:1.5rem;text-align:center}.x-search-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#000;color:#fff;border-radius:9999px;font-weight:700;text-decoration:none;transition:background .2s ease;font-size:.9rem}.x-search-btn:hover{background:#333;color:#fff}.x-search-btn .x-icon{font-size:1.1rem}.source-list{list-style:none;padding:0;margin:0}.source-item{padding:1rem;background:var(--color-bg);border-radius:var(--radius);margin-bottom:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.source-item:last-child{margin-bottom:0}.source-item a{flex:1;min-width:0;font-weight:500}.source-tags{display:flex;gap:.375rem}.tag{font-size:.625rem;padding:.25rem .5rem;background:var(--color-bg-white);border-radius:4px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.tags-section{background:transparent;padding:1rem 0;box-shadow:none}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-tag{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:var(--color-primary);border-radius:100px;font-size:.875rem;font-weight:500;transition:all .2s}.article-tag:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}a.article-tag{text-decoration:none;cursor:pointer}a.article-tag.has-article{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:var(--color-success);border:1px solid #a7f3d0}a.article-tag.has-article:after{content:" →";font-size:.75em;opacity:.7}a.article-tag.has-article:hover{background:var(--color-success);color:#fff;border-color:var(--color-success)}a.article-tag.external-link{border:1px dashed var(--color-text-muted);opacity:.9}a.article-tag.external-link:after{content:" ↗";font-size:.7em;opacity:.6}a.article-tag.external-link:hover{background:var(--color-secondary);color:#fff;border-style:solid;border-color:var(--color-secondary);opacity:1}a.article-tag.search-link{border:1px solid var(--color-primary-light)}a.article-tag.search-link:after{content:" 🔍";font-size:.7em;opacity:.7}a.article-tag.search-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.related-content-section{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem}.related-content-section h2{font-size:1.125rem;margin-bottom:1rem;color:var(--color-text)}.related-keywords-group{margin-bottom:1.5rem}.related-keywords-group h3{font-size:.875rem;font-weight:600;color:var(--color-text-light);margin-bottom:.75rem;padding-left:.5rem;border-left:3px solid var(--color-primary)}.related-section{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff}.related-group{margin-bottom:1.5rem}.related-group:last-child{margin-bottom:0}.related-group h3,.related-group-title{font-size:.875rem;font-weight:600;color:var(--color-text-light);margin-bottom:.75rem;padding-left:.5rem;border-left:3px solid var(--color-primary)}.related-list{display:flex;flex-direction:column;gap:.5rem}.related-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.875rem 1rem;background:var(--color-bg-white);border-radius:var(--radius);text-decoration:none;transition:all .2s;border:1px solid transparent}.related-item:hover{border-color:var(--color-primary-light);transform:translate(4px);box-shadow:var(--shadow-sm)}.related-keyword{font-weight:600;color:var(--color-text)}.related-item:hover .related-keyword{color:var(--color-primary)}.related-meta{font-size:.75rem;color:var(--color-text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-location{font-size:.75rem;padding:.25rem .5rem;background:var(--color-secondary);color:#fff;border-radius:100px}.related-tags{display:flex;gap:.375rem}.shared-tag{font-size:.6875rem;padding:.25rem .625rem;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;border-radius:100px;font-weight:500}.article-footer{text-align:center;padding:2.5rem;color:var(--color-text-muted);font-size:.875rem}.article-footer .note{margin-bottom:.5rem}.reference-time{margin-bottom:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--gradient-primary);color:#fff;border-radius:100px;font-weight:600;transition:transform .2s,box-shadow .2s}.back-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none;color:#fff}.ad-container{margin:1rem 0;background:var(--color-bg);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.75rem}.ad-container:empty{display:none}.static-page{max-width:800px;margin:2rem auto;background:var(--color-bg-white);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.static-page h1{font-size:1.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-primary)}.static-page h2{font-size:1.25rem;margin-top:2.5rem;margin-bottom:1rem;color:var(--color-primary)}.static-page h3{font-size:1rem;margin-top:1.5rem;margin-bottom:.5rem}.static-page .update-date{font-size:.875rem;color:var(--color-text-muted);margin-bottom:2rem}.static-page .back-link{display:inline-block;margin-top:2rem}.history-section{margin-top:3rem}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-section h2{font-size:1.5rem;margin-bottom:0;display:flex;align-items:center;gap:.5rem}.history-section h2:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:2px}.archive-link{padding:.5rem 1rem;background:var(--gradient-primary);color:#fff;border-radius:var(--radius);font-size:.875rem;font-weight:600;transition:transform .2s,box-shadow .2s}.archive-link:hover{color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.history-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.history-card{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s,box-shadow .2s}.history-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.history-card-header{background:var(--gradient-primary);padding:.75rem 1rem;text-align:center}.history-card-time{color:#fff;font-weight:700;font-size:1rem}.history-card-list{list-style:none;padding:0;margin:0}.history-card-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.history-card-item:last-child{border-bottom:none}.history-rank{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.history-card-item:nth-child(1) .history-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.history-card-item:nth-child(2) .history-rank{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.history-card-item:nth-child(3) .history-rank{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.history-link{flex:1;color:var(--color-text);text-decoration:none;font-size:.875rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.history-link:hover{color:var(--color-primary)}.history-link.has-article{color:var(--color-primary);font-weight:600}.history-link.has-article:after{content:" →";font-size:.75em}.history-note{font-size:.8rem;color:var(--color-text-muted);margin-top:1rem;text-align:center}.history-note a{color:var(--color-primary)}.category-page,.region-page,.prefecture-page{padding-top:1rem}.page-header{text-align:center;margin-bottom:2rem}.page-title{font-size:2rem;margin-bottom:.5rem;color:var(--color-text)}.page-subtitle{font-size:1rem;color:var(--color-text-light);margin-bottom:.25rem}.article-count{font-size:.875rem;color:var(--color-text-muted)}.category-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:1rem;background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.category-link{padding:.5rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:100px;font-size:.875rem;color:var(--color-text-light);transition:all .2s;text-decoration:none}.category-link:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);color:#fff}.category-link.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.region-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:1rem;background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.region-link{padding:.5rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:100px;font-size:.875rem;color:var(--color-text-light);transition:all .2s;text-decoration:none}.region-link:hover,.region-link.active{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.prefecture-list-section{margin-bottom:2rem;background:var(--color-bg-white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.prefecture-list-section h2{font-size:1.125rem;margin-bottom:1rem;color:var(--color-text)}.prefecture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.prefecture-link{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-bg);border-radius:var(--radius);text-decoration:none;transition:all .2s;border:1px solid transparent}.prefecture-link:hover{background:var(--color-secondary);color:#fff;transform:translateY(-2px)}.prefecture-link.disabled{opacity:.5;pointer-events:none}.pref-name{font-weight:500;color:var(--color-text)}.prefecture-link:hover .pref-name{color:#fff}.pref-count{font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg-white);padding:.125rem .5rem;border-radius:100px}.article-ranking-list{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.article-list-section{margin-bottom:2rem}.article-list-section h2{font-size:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.article-list-section h2:before{content:"";width:4px;height:20px;background:var(--gradient-primary);border-radius:2px}.article-ranking-list .ranking-item{display:flex;align-items:flex-start;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);transition:background .2s}.article-ranking-list .ranking-item:last-child{border-bottom:none}.article-ranking-list .ranking-item:hover{background:var(--color-bg)}.ranking-number{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;border-radius:10px;margin-right:1rem;flex-shrink:0;background:var(--color-bg);color:var(--color-text-light)}.ranking-item:nth-child(1) .ranking-number{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.ranking-item:nth-child(2) .ranking-number{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.ranking-item:nth-child(3) .ranking-number{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.ranking-content{flex:1;min-width:0}.ranking-link{display:block;text-decoration:none;color:inherit}.ranking-title{font-size:1.125rem;font-weight:600;margin-bottom:.375rem;color:var(--color-text);transition:color .2s}.ranking-link:hover .ranking-title{color:var(--color-primary)}.ranking-summary{font-size:.875rem;color:var(--color-text-light);margin-bottom:.5rem;line-height:1.5}.ranking-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--color-text-muted)}.ranking-views{font-weight:600;color:var(--color-success)}.ranking-location,.ranking-category{background:var(--color-bg);padding:.125rem .5rem;border-radius:4px}.page-footer{text-align:center;padding:2rem;color:var(--color-text-muted);font-size:.875rem}.page-footer .update-time{margin-bottom:1rem}.main-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem;align-items:start}.featured-section{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.featured-section h2{font-size:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;color:var(--color-text)}.featured-section h2:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:2px}.featured-header{margin-bottom:1.5rem}.featured-header h2{margin-bottom:.25rem}.featured-subtitle{display:none;font-size:.875rem;color:var(--color-text-muted);margin:0}.featured-section .article-grid{grid-template-columns:1fr;gap:1.5rem}.featured-section .article-card{display:grid;grid-template-columns:280px 1fr;overflow:hidden}.featured-section .article-card .article-card-link{display:contents}.featured-section .article-image,.featured-section .article-image-placeholder{width:280px;height:180px;object-fit:cover}.featured-section .article-card-content{display:flex;flex-direction:column;justify-content:center;padding:1.25rem 1.5rem}.featured-section .article-title{font-size:1.25rem}.featured-section .article-summary{font-size:.95rem;line-height:1.6}.sidebar-section{display:flex;flex-direction:column;gap:1.5rem}.sidebar-section .ranking-section{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow)}.sidebar-section .ranking-section h2{font-size:1.125rem;margin-bottom:1rem}.sidebar-section .ranking-list{gap:.5rem}.sidebar-section .ranking-item{padding:.625rem .75rem}.sidebar-section .rank-keyword{font-size:.875rem}@media (max-width: 1024px){.main-content-grid,.featured-section .article-card{grid-template-columns:1fr}.featured-section .article-image,.featured-section .article-image-placeholder{width:100%;height:200px}.article-grid,.feature-list,.data-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hide-mobile{display:none!important}.header .container{flex-direction:row;justify-content:space-between;align-items:center}.logo{font-size:1rem;gap:.5rem}.logo-icon{width:1.75rem;height:1.75rem;font-size:.9rem}.logo-text{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-toggle{display:flex}.nav{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:var(--color-bg-white);flex-direction:column;align-items:stretch;gap:0;padding:60px 0 20px;box-shadow:-4px 0 20px #00000026;transition:right .3s ease;overflow-y:auto;z-index:100}.nav.open{right:0}.nav>a,.nav-dropdown-trigger{padding:1rem 1.5rem;font-size:1rem;border-bottom:1px solid var(--color-border)}.nav-dropdown{flex-direction:column}.nav-dropdown-trigger:after{margin-left:auto}.nav-dropdown-menu{position:static;opacity:1;visibility:visible;box-shadow:none;border:none;border-radius:0;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease;background:var(--color-bg);transform:none;left:0}.nav-dropdown.open .nav-dropdown-menu{max-height:800px;overflow-y:auto}.nav-dropdown-menu a{padding:.75rem 1.5rem .75rem 2.5rem;border-bottom:1px solid var(--color-border)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}body.nav-open:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:99}.hero{display:none}.site-tagline{font-size:.8rem;margin:.5rem 0 1rem}.main-content-grid{margin-top:.5rem}.featured-subtitle{display:block;margin-left:calc(4px + .5rem)}.featured-header{margin-bottom:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-title-row{flex-direction:column;align-items:flex-start;width:100%}.source-info{width:100%;justify-content:space-between}.source-select{flex:1;max-width:200px}.category-tabs{overflow-x:auto;width:100%;padding-bottom:.5rem}.article-grid,.feature-list,.data-grid{grid-template-columns:1fr}.article-detail .article-title{font-size:1.5rem}.article-layout{grid-template-columns:1fr;gap:1.5rem}.article-sidebar{order:2}.sidebar-ad.sticky{position:static}.article-title-row{flex-direction:column-reverse}.article-thumb{width:100%;max-width:200px}.article-header-grid{grid-template-columns:1fr;gap:1rem}.article-hero-image{max-height:250px}.article-header-content{padding:1rem}.summary-inline{font-size:.9rem;padding:.75rem}.keyword-chips{gap:.5rem}.keyword-chip{font-size:.8rem;padding:.375rem .75rem}.five-w-table{display:block}.five-w-table tbody{display:flex;flex-direction:column;gap:.75rem}.five-w-table tr{display:flex;flex-direction:column;background:var(--color-bg);border-radius:10px;padding:.875rem 1rem;border:1px solid var(--color-border)}.five-w-table tr:not(:last-child) th,.five-w-table tr:not(:last-child) td{border-bottom:none}.five-w-table th{width:auto;min-width:auto;padding:0 0 .375rem;font-size:.75rem;color:var(--color-primary);background:transparent;border-radius:0;text-transform:uppercase;letter-spacing:.05em}.five-w-table td{padding:0;font-size:.95rem;line-height:1.5;background:transparent;border-radius:0;color:var(--color-text)}.static-page{padding:1.5rem;margin:1rem}.map-container{height:300px}.article-map-container{height:200px}.page-title{font-size:1.5rem}.category-nav,.region-nav{overflow-x:auto;justify-content:flex-start;padding:.75rem}.category-link,.region-link{white-space:nowrap;font-size:.8rem;padding:.375rem .75rem}.prefecture-grid{grid-template-columns:repeat(2,1fr)}.ranking-item{flex-direction:column;align-items:flex-start;gap:.75rem}.ranking-number{width:2rem;height:2rem;font-size:.875rem}.ranking-title{font-size:1rem}.ranking-meta{flex-wrap:wrap}.quick-nav-row{flex-direction:column;gap:1rem}.quick-nav-group{flex-direction:column;align-items:flex-start;gap:.5rem}.quick-nav-links{gap:.25rem}.quick-nav-link{padding:.25rem .5rem;font-size:.75rem}}.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.error-container{text-align:center;max-width:480px}.error-code{font-size:8rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}.error-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.error-message{font-size:1.125rem;color:var(--color-text-light);margin-bottom:2rem}.error-suggestions{background:var(--color-bg);border-radius:var(--radius);padding:1.5rem;text-align:left;margin-bottom:2rem}.error-suggestions p{font-weight:600;color:var(--color-text);margin-bottom:.75rem}.error-suggestions ul{list-style:none;padding:0;margin:0}.error-suggestions li{color:var(--color-text-light);padding:.5rem 0 .5rem 1.5rem;position:relative}.error-suggestions li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.error-actions{display:flex;justify-content:center;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border-radius:var(--radius);text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 640px){.error-code{font-size:5rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}}.search-page{padding:2rem 0}.search-header{margin-bottom:2rem}.search-title{font-size:1.5rem;margin-bottom:.5rem}.search-query{color:var(--color-primary)}.search-description{color:var(--color-text-light);font-size:.9rem}.search-results{margin-bottom:2rem}.results-count{color:var(--color-text-light);margin-bottom:1rem;font-size:.9rem}.article-list{display:flex;flex-direction:column;gap:1rem}.article-list-item{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-white);border-radius:var(--radius);padding:1.25rem;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:all .2s}.article-list-item:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.article-list-content{flex:1}.article-list-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.article-list-summary{font-size:.875rem;color:var(--color-text-light);margin:0 0 .5rem;line-height:1.5}.article-list-meta{font-size:.75rem;color:var(--color-text-muted);display:flex;gap:1rem;flex-wrap:wrap}.matched-tags{color:var(--color-primary)}.article-list-arrow{font-size:1.25rem;color:var(--color-primary);margin-left:1rem}.search-fallback{text-align:center;padding:3rem 1rem;background:var(--color-bg);border-radius:var(--radius-lg)}.search-fallback p{margin-bottom:1rem;color:var(--color-text-light)}.back-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.back-navigation .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;text-decoration:none;transition:all .2s}.back-navigation .btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow)}.back-navigation .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.back-to-top{text-align:center;margin-top:2rem}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-white);border-color:var(--color-primary);color:var(--color-primary)}.loading-indicator,.no-results,.error{text-align:center;padding:2rem;color:var(--color-text-light)}.ranking-page{padding:2rem 0}.ranking-header{margin-bottom:2rem}.ranking-description{color:var(--color-text-light);font-size:.9rem;margin-bottom:1rem}.period-nav{display:flex;gap:.5rem;margin-top:1rem}.period-link{padding:.5rem 1rem;border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);text-decoration:none;font-size:.875rem;transition:all .2s}.period-link:hover{background:var(--color-bg-white)}.period-link.active{background:var(--color-primary);color:#fff}.ranking-content{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.ranking-list{list-style:none;padding:0;margin:0}.ranking-list-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-border)}.ranking-list-item:last-child{border-bottom:none}.ranking-position{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-bg);font-weight:700;font-size:1rem;flex-shrink:0}.ranking-position.top-1{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.ranking-position.top-2{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.ranking-position.top-3{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.ranking-item-content{flex:1}.ranking-keyword-link{text-decoration:none;color:inherit}.ranking-keyword-link:hover .ranking-keyword{color:var(--color-primary)}.ranking-keyword{font-size:1.1rem;font-weight:600;display:block;margin-bottom:.25rem;transition:color .2s}.ranking-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--color-text-light)}.ranking-count{color:var(--color-text-muted)}.ranking-footer{margin-top:1.5rem;text-align:center}.ranking-note{font-size:.8rem;color:var(--color-text-light);margin-bottom:.5rem}.ranking-updated{font-size:.75rem;color:var(--color-text-muted)}.ranking-stats{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;padding:1rem;background:var(--color-bg);border-radius:var(--radius)}.ranking-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.ranking-stats .stat-value{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.ranking-stats .stat-label{font-size:.75rem;color:var(--color-text-light)}.ranking-views{font-weight:600;color:var(--color-success);font-size:.85rem}.buzz-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.buzz-badge.buzz-high{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.buzz-badge.buzz-medium{background:var(--color-warning);color:#fff}.no-data{text-align:center;padding:3rem 1rem;color:var(--color-text-light)}.archive-page,.archive-index-page{padding-top:1rem}.date-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--color-bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.date-nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--color-primary);font-weight:500;border-radius:var(--radius);transition:all .2s}.date-nav-link:hover{background:var(--color-primary);color:#fff}.date-nav-link.calendar{background:var(--gradient-primary);color:#fff;font-weight:600}.date-nav-link.disabled{visibility:hidden}.archive-timeline{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.archive-hour{display:grid;grid-template-columns:80px 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.archive-hour:last-child{border-bottom:none}.archive-time{display:flex;align-items:flex-start;padding-top:.5rem}.time-label{font-size:1.125rem;font-weight:700;color:var(--color-primary)}.archive-trends{display:flex;flex-direction:column;gap:.5rem}.archive-trend-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.trend-rank{min-width:2rem;font-size:.875rem;font-weight:700;color:var(--color-text-muted)}.archive-trend-item.rank-1 .trend-rank{color:var(--rank-1)}.archive-trend-item.rank-2 .trend-rank{color:var(--rank-2)}.archive-trend-item.rank-3 .trend-rank{color:var(--rank-3)}.trend-keyword{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-bg);border-radius:20px;font-size:.9rem;color:var(--color-text);transition:all .2s}.trend-keyword:hover{background:var(--color-primary);color:#fff}.trend-keyword.has-article{border:1px solid var(--color-primary-light)}.article-indicator,.external-indicator{font-size:.7rem;padding:.125rem .375rem;border-radius:10px;font-weight:600}.article-indicator{background:var(--color-primary);color:#fff}.external-indicator{background:var(--color-text-muted);color:#fff}.trend-keyword:hover .article-indicator,.trend-keyword:hover .external-indicator{background:#fff;color:var(--color-primary)}.trend-category{font-size:.75rem;color:var(--color-text-muted);padding:.125rem .5rem;background:var(--color-bg);border-radius:10px}.daily-stats{margin-top:2rem;padding:1.5rem;background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.daily-stats h2{font-size:1.25rem;margin-bottom:1rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item{text-align:center;padding:1rem;background:var(--color-bg);border-radius:var(--radius)}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.8rem;color:var(--color-text-muted)}.archive-footer{margin-top:2rem;text-align:center}.back-to-top{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border-radius:var(--radius);font-weight:600;transition:transform .2s,box-shadow .2s}.back-to-top:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff}.archive-month{margin-bottom:2rem}.month-title{font-size:1.5rem;margin-bottom:1rem;padding-left:.5rem;border-left:4px solid var(--color-primary)}.calendar-grid{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--gradient-hero);color:#fff;padding:.75rem 0}.day-name{text-align:center;font-weight:600;font-size:.875rem}.day-name.sun{color:#f87171}.day-name.sat{color:#60a5fa}.calendar-days{padding:.5rem}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius);text-decoration:none;transition:all .2s}.calendar-day.empty{background:transparent}.calendar-day.no-data{color:var(--color-text-muted);background:var(--color-bg)}.calendar-day.has-data{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;cursor:pointer}.calendar-day.has-data:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--color-accent)}.day-number{font-weight:600;font-size:1rem}.day-count{font-size:.65rem;opacity:.9}.recent-archives{margin-top:2rem}.recent-archives h2{font-size:1.25rem;margin-bottom:1rem}.recent-list{display:flex;flex-direction:column;gap:.5rem}.recent-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--color-bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--color-text);transition:all .2s}.recent-item:hover{transform:translate(4px);box-shadow:var(--shadow);color:var(--color-text)}.recent-date{min-width:120px}.date-text{display:block;font-weight:600;color:var(--color-text)}.date-weekday{font-size:.8rem;color:var(--color-text-muted)}.recent-preview{flex:1;display:flex;flex-wrap:wrap;gap:.375rem}.preview-keyword{padding:.25rem .625rem;background:var(--color-bg);border-radius:15px;font-size:.8rem;color:var(--color-text-light)}.recent-arrow{font-size:1.25rem;color:var(--color-primary)}.no-data-message{text-align:center;padding:3rem;background:var(--color-bg-white);border-radius:var(--radius-lg)}.no-data-message p{color:var(--color-text-light);margin-bottom:1rem}@media (max-width: 768px){.archive-hour{grid-template-columns:1fr;gap:.5rem}.archive-time{padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.stats-grid{grid-template-columns:1fr}.date-navigation{flex-wrap:wrap;justify-content:center}.date-nav-link.prev,.date-nav-link.next{order:2}.date-nav-link.calendar{order:1;width:100%;justify-content:center;margin-bottom:.5rem}.calendar-day{padding:.25rem}.day-number{font-size:.875rem}.day-count{display:none}}