@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:wght@400;700&display=swap);:root{--font-family-base:"Roboto" , sans-serif;--font-family-heading:"Kosugi Maru" , sans-serif;--font-size-base:16px;--color-bg:#f5f5f5;--color-text:#333;--color-heading-bg:#333;--color-heading-text:#f5f5f5;--color-primary:#007bff;--color-border:#ddd;--color-surface:#fff;--color-rank-first:#ffd700;--color-rank-second:#eee;--color-rank-third:#cd7f32;--color-badge-daily:#2196f3;--color-badge-weekly:#4caf50;--color-badge-monthly:#ff9800;--color-badge-recommend:#f44336;--color-nogizaka46:#dbc5f4;--color-sakurazaka46:#e9c6d6;--color-hinatazaka46:#d9ecf6;--article-accent-width:12px;--page-header-height:4rem;--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px}body{font-family: var(--font-family-base);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;margin:0;font-size:var(--font-size-base)}.page-header{position:sticky;top:0;z-index:1100;background:linear-gradient(135deg,#343045,#1f1b2e);color:var(--color-heading-text);padding-block:var(--space-sm)}.page-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm)}.page-header__title{font-family: var(--font-family-heading);font-weight:700;font-size:1.5rem;margin:0}@media (min-width:768px){.page-header{padding-block:var(--space-md)}.page-header__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md)}}@media (max-width:600px){.page-header__title{font-size:1.125rem}}.page-header__link{color:inherit;text-decoration:none}.page-header__link:hover{text-decoration:underline}.main-content{min-height:60vh}.category-official{background-color:#fff9db}.hidden{display:none!important}.articles{padding-block:var(--space-lg)}.articles__item{list-style:none}.article{position:relative;display:block;color:inherit;overflow:hidden;transition:transform .2s ease , box-shadow .2s ease}.article::before{content:"";position:absolute;inset-block:0;left:0;width:var(--article-accent-width);background-color:transparent;pointer-events:none}.article.card{border:1px solid rgba(15,23,42,.08);border-radius:1rem;background-color:var(--color-surface)}.article.card .card-body{padding:1.25rem 1.5rem}.article__header{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--space-sm)}.article:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.12)}.article--nogizaka46::before{background-color:var(--color-nogizaka46)}.article--sakurazaka46::before{background-color:var(--color-sakurazaka46)}.article--hinatazaka46::before{background-color:var(--color-hinatazaka46)}.article__title{font-size:1rem;line-height:1.5;font-weight:600;color:var(--color-text)}@media (min-width:768px){.article__title{font-size:1.05rem}}.article__info{gap:var(--space-sm)}.article__source{color:#495057;font-weight:500}.article__date{color:#868e96}.article__rank{background-color:#6c757d;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}.article__rank--first{background-color:var(--color-rank-first);color:#4d3b00}.article__rank--second{background-color:var(--color-rank-second);color:#343a40}.article__rank--third{background-color:var(--color-rank-third);color:#fff}.article--viewed{opacity:.7}.article--viewed .article__title{color:#6c757d}.articles--hide-viewed .articles__item--viewed{display:none}.article--highlight .article__title{color:#c41e3a}.article__debug{margin-top:var(--space-xs)}.article__badge{font-size:.75rem;border:none}.article__badge--daily{background-color:var(--color-badge-daily)}.article__badge--weekly{background-color:var(--color-badge-weekly)}.article__badge--monthly{background-color:var(--color-badge-monthly)}.article__badge--recommend{background-color:var(--color-badge-recommend)}.youtube-icon{display:inline-block;width:14px;height:14px;margin-right:4px;background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgcnk9IjQiIGZpbGw9IiNGRjAwMDAiLz48cG9seWdvbiBwb2ludHM9IjEwLDggMTYsMTIgMTAsMTYiIGZpbGw9IiNGRkZGRkYiLz48L3N2Zz4=') no-repeat center/contain}.navigation-panel{margin-block:1.5rem}.navigation-panel__dialog{width:100%}.navigation-panel__header{display:none}.navigation-panel__header[hidden]{display:none!important}.navigation-panel__title{font-size:1.25rem;font-weight:700;color:#1f2937}.navigation-panel__close{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background-color:#edf2f7;color:#1f2937;font-size:1.125rem}.navigation-panel__close:focus{outline:none;box-shadow:0 0 0 2px rgba(90,55,140,.2)}.navigation-panel__close:focus-visible{outline:2px solid #5a378c;outline-offset:2px}.navigation-form{position:sticky;top:var(--page-header-height);z-index:1050;background-color:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.08);padding-block:.75rem}@supports not (backdrop-filter: blur(12px)) {
  .navigation-form {
    background-color: #f8f9fa;
  }
}.navigation-form__label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6c757d;margin-bottom:.5rem}.navigation-form__segmented{display:flex;flex-wrap:wrap;gap:.5rem}.navigation-form__segmented--nowrap{flex-wrap:nowrap;gap:.75rem}.navigation-form__segmented--nowrap .navigation-form__chip{flex:1 1 auto;white-space:nowrap}.navigation-form__chip{border-radius:999px;padding-inline:1rem;font-weight:600;transition:transform .2s ease , box-shadow .2s ease}.navigation-form__chip:hover{transform:translateY(-1px)}.navigation-form__segmented .btn-check:checked+.navigation-form__chip{background:linear-gradient(135deg,#343045,#1f1b2e);border-color:transparent;color:#fff;box-shadow:0 10px 18px rgba(15,23,42,.18)}.navigation-form__group-column,.navigation-form__ordering-column{display:flex;flex-direction:column}@media (min-width:992px){.navigation-form__ordering-column{min-width:20rem}}@media (min-width:1200px){.navigation-form__ordering-column{min-width:22rem}}@media (max-width:600px){.navigation-form{padding-inline:1rem}.navigation-form__segmented--nowrap{flex-wrap:wrap;gap:.5rem}}.mobile-filter-backdrop{display:none}@media (max-width:767.98px){body.mobile-filter-open{overflow:hidden}.navigation-panel{position:fixed;inset-inline:0;bottom: calc(env(safe-area-inset-bottom) + 5.75rem);z-index:1100;display:none;padding-inline:1rem;margin-block:0;opacity:0;transform:translateY(1.5rem);transition:opacity .3s ease , transform .3s ease}.navigation-panel--visible{display:block;opacity:1;transform:translateY(0)}.navigation-panel__dialog{background-color:#fff;border-radius:1.25rem;box-shadow:0 20px 40px rgba(15,23,42,.25);padding:1.5rem 1.25rem;max-width:640px;margin:0 auto;max-height:calc(100vh - 7rem);overflow-y:auto}.navigation-panel--visible .navigation-panel__header:not([hidden]) {display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.navigation-panel__title{font-size:1rem}.navigation-panel__close{width:2rem;height:2rem;font-size:1rem}.navigation-panel .container-xxl{padding:0}.navigation-form{position:static;background-color:transparent;backdrop-filter:none;border:0;padding:0;box-shadow:none}.mobile-filter-backdrop{position:fixed;inset:0;z-index:1050;background:rgba(15,23,42,.4);opacity:0;transition:opacity .3s ease}.mobile-filter-backdrop--visible{display:block;opacity:1}}