@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap";
:root{--c-primary:#8b2635;--c-primary-d:#6b1a28;--c-primary-l:#b03a4e;--c-gold:#c8961e;--c-gold-l:#e0aa2a;--c-bg:#fffdf5;--c-bg-warm:#fff5e4;--c-surface:#fff;--c-border:#e8dcc8;--c-border-s:#f0e8d8;--c-text:#1e1410;--c-text-m:#4a3728;--c-text-s:#7a6458;--f-serif:"Noto Serif JP", "游明朝", "YuMincho", serif;--f-sans:"Noto Sans JP", "游ゴシック", "YuGothic", sans-serif;--radius:10px;--radius-s:6px;--shadow-s:0 1px 4px #00000012;--shadow-m:0 4px 16px #0000001a;--sidebar-w:270px;--max-w:1160px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:17px}body{font-family:var(--f-sans);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;line-height:1.8}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.toc-link{color:var(--c-text-m);font-size:.85rem;line-height:1.6;transition:color .15s}.toc-link:hover{color:var(--c-primary)}.site-header{background:var(--c-surface);border-bottom:3px solid var(--c-primary);z-index:100;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.site-header__inner{max-width:var(--max-w);align-items:center;gap:1.5rem;margin:0 auto;padding:.75rem 1.5rem;display:flex}.site-logo{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.site-logo__icon{font-size:2rem;line-height:1}.site-logo__name{font-family:var(--f-serif);color:var(--c-primary);letter-spacing:.04em;font-size:1.45rem;font-weight:700;line-height:1.1;display:block}.site-logo__tagline{color:var(--c-text-s);letter-spacing:.06em;font-size:.7rem;display:block}.header-nav{gap:.25rem;margin-left:auto;list-style:none;display:flex}.header-nav a{border-radius:var(--radius-s);color:var(--c-text-m);white-space:nowrap;padding:.4rem .85rem;font-size:.88rem;font-weight:700;transition:all .2s}.header-nav a:hover{background:var(--c-bg-warm);color:var(--c-primary)}.site-intro-bar{background:var(--c-primary);padding:.55rem 0}.site-intro-bar__inner{max-width:var(--max-w);flex-wrap:wrap;align-items:center;gap:1rem;margin:0 auto;padding:0 1.5rem;display:flex}.site-intro-bar__inner strong{color:#fffffff2;font-size:.82rem;font-weight:700}.site-intro-bar__inner span{color:#ffffffb3;font-size:.75rem}.decade-nav{background:var(--c-bg-warm);border-bottom:1px solid var(--c-border);padding:1.1rem 0}.decade-nav__inner{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.decade-nav__label{color:var(--c-primary);letter-spacing:.1em;align-items:center;gap:.4rem;margin-bottom:.65rem;font-size:.78rem;font-weight:700;display:flex}.decade-nav__label:before{content:"";background:var(--c-primary);border-radius:2px;width:4px;height:14px;display:block}.decade-grid{flex-wrap:wrap;gap:.5rem;display:flex}.decade-btn{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-s);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:72px;min-height:60px;padding:.55rem 1rem;transition:all .2s;display:flex}.decade-btn:hover{background:var(--c-primary);border-color:var(--c-primary);box-shadow:var(--shadow-m);transform:translateY(-2px)}.decade-btn__year{font-family:var(--f-serif);color:var(--c-primary);font-size:1rem;font-weight:700;line-height:1.2;transition:color .2s}.decade-btn:hover .decade-btn__year{color:#fff}.decade-btn__label{color:var(--c-text-s);white-space:nowrap;margin-top:.15rem;font-size:.62rem;transition:color .2s}.decade-btn:hover .decade-btn__label{color:#ffffffd9}.decade-btn__era{color:var(--c-gold);margin-top:.1rem;font-size:.58rem;font-weight:700;transition:color .2s}.decade-btn:hover .decade-btn__era{color:#ffdc64e6}.layout{max-width:var(--max-w);grid-template-columns:1fr var(--sidebar-w);align-items:start;gap:2rem;margin:0 auto;padding:1.75rem 1.5rem;display:grid}.section-heading{font-family:var(--f-serif);color:var(--c-primary);border-bottom:2px solid var(--c-primary);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.6rem;font-size:1.1rem;font-weight:700;display:flex}.article-list{flex-direction:column;gap:1rem;margin-bottom:1.75rem;display:flex}.article-card{background:var(--c-surface);border-radius:var(--radius);border:1px solid var(--c-border);box-shadow:var(--shadow-s);gap:1.1rem;padding:1rem;transition:all .22s;display:flex;position:relative;overflow:hidden}.article-card:after{content:"";background:var(--c-primary);opacity:0;width:4px;transition:opacity .22s;position:absolute;top:0;bottom:0;left:0}.article-card:hover{box-shadow:var(--shadow-m);border-color:#8b263540;transform:translate(4px)}.article-card:hover:after{opacity:1}.article-card__thumb{border-radius:var(--radius-s);background:var(--c-bg-warm);flex-shrink:0;justify-content:center;align-items:center;width:140px;height:95px;font-size:2.5rem;display:flex;overflow:hidden}.article-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-card:hover .article-card__thumb img{transform:scale(1.06)}.article-card__body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.article-card__cat{color:var(--c-primary);letter-spacing:.04em;background:#8b26351a;border-radius:3px;align-items:center;width:fit-content;padding:.12rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.article-card__title{font-family:var(--f-serif);color:var(--c-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:700;line-height:1.6;transition:color .2s;display:-webkit-box;overflow:hidden}.article-card:hover .article-card__title{color:var(--c-primary)}.article-card__excerpt{color:var(--c-text-m);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.65;display:-webkit-box;overflow:hidden}.article-card__meta{color:var(--c-text-s);align-items:center;gap:.75rem;margin-top:auto;font-size:.75rem;display:flex}.article-card__readmore{color:var(--c-primary);align-items:center;gap:.2rem;margin-left:auto;font-size:.78rem;font-weight:700;display:flex}.article-card__readmore:after{content:"›";font-size:1.1rem;transition:transform .2s}.article-card:hover .article-card__readmore:after{transform:translate(3px)}.article-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}.article-grid .article-card{flex-direction:column;gap:0;padding:0;transform:none!important}.article-grid .article-card:hover{transform:translateY(-3px)!important}.article-grid .article-card:after{display:none}.article-grid .article-card__thumb{aspect-ratio:16/9;border-radius:var(--radius) var(--radius) 0 0;width:100%;height:auto}.article-grid .article-card__body{padding:.85rem 1rem 1rem}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:1.75rem;display:flex}.page-link{border-radius:var(--radius-s);border:1px solid var(--c-border);min-width:2.5rem;height:2.5rem;color:var(--c-text-m);background:var(--c-surface);justify-content:center;align-items:center;padding:0 .65rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.page-link:hover{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.page-link.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;font-weight:700}.sidebar{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:5rem}.sidebar-widget{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-s);overflow:hidden}.sidebar-widget__head{background:var(--c-primary);color:#fff;font-family:var(--f-serif);align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.9rem;font-weight:700;display:flex}.sidebar-widget__body{padding:.85rem}.year-links{flex-wrap:wrap;gap:.3rem;display:flex}.year-link{border:1px solid var(--c-border);color:var(--c-text-m);background:var(--c-bg);text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-height:44px;padding:.3rem .55rem;font-size:.78rem;font-weight:500;transition:all .18s;display:inline-flex}.year-link:hover{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.cat-list{flex-direction:column;gap:.2rem;display:flex}.cat-list a{border-radius:var(--radius-s);color:var(--c-text-m);align-items:center;gap:.5rem;min-height:44px;padding:.45rem .6rem;font-size:.88rem;transition:all .18s;display:flex}.cat-list a:hover{background:var(--c-bg-warm);color:var(--c-primary);padding-left:.9rem}.cat-list a:before{content:"♪";color:var(--c-gold);flex-shrink:0;font-size:.75rem}.article-detail-layout{max-width:var(--max-w);grid-template-columns:1fr var(--sidebar-w);align-items:start;gap:2rem;margin:0 auto;padding:1.75rem 1.5rem;display:grid}.article-hero{aspect-ratio:16/6;object-fit:cover;border-radius:var(--radius);width:100%;box-shadow:var(--shadow-m);margin-bottom:1.5rem}.article-header{margin-bottom:1.5rem}.article-header__cat{background:var(--c-primary);color:#fff;letter-spacing:.04em;border-radius:4px;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.2rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.article-header__title{font-family:var(--f-serif);color:var(--c-text);margin-bottom:.65rem;font-size:1.65rem;font-weight:700;line-height:1.55}.article-header__meta{color:var(--c-text-s);border-bottom:1px solid var(--c-border);align-items:center;gap:1.25rem;padding-bottom:.9rem;font-size:.8rem;display:flex}.article-content{color:var(--c-text);font-size:1rem;line-height:1.9}.article-content h2{font-family:var(--f-serif);color:var(--c-primary);border-left:4px solid var(--c-primary);border-radius:0 var(--radius-s) var(--radius-s) 0;background:#8b26350d;margin:2rem 0 .85rem;padding:.5rem 1rem;font-size:1.2rem;font-weight:700}.article-content h3{font-family:var(--f-serif);color:var(--c-primary);border-left:3px solid var(--c-gold);margin:1.6rem 0 .7rem;padding-left:.65rem;font-size:1.05rem;font-weight:700}.article-content h4{color:var(--c-text-m);margin:1.2rem 0 .5rem;font-size:.95rem;font-weight:700}.article-content p{margin-bottom:1.1rem}.article-content ul,.article-content ol{margin:.85rem 0 .85rem 1.5rem}.article-content li{margin-bottom:.35rem;line-height:1.75;list-style:outside}.article-content ol li{list-style:decimal}.article-content img{border-radius:var(--radius-s);max-width:100%;height:auto;box-shadow:var(--shadow-s);margin:1.25rem auto}.article-content blockquote{border-left:3px solid var(--c-gold);background:var(--c-bg-warm);border-radius:0 var(--radius-s) var(--radius-s) 0;color:var(--c-text-m);margin:1.25rem 0;padding:.65rem 1.1rem;font-style:italic}.article-content a{color:var(--c-primary);text-underline-offset:3px;text-decoration:underline}.article-content a:hover{color:var(--c-primary-l)}.article-content strong{font-weight:700}.article-content hr{border:none;border-top:1px solid var(--c-border);margin:1.75rem 0}.article-content table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.9rem}.article-content th{background:var(--c-primary);color:#fff;text-align:left;padding:.65rem 1rem;font-size:.85rem}.article-content td{border-bottom:1px solid var(--c-border-s);padding:.6rem 1rem}.article-content tr:nth-child(2n) td{background:var(--c-bg)}.related-section{margin-top:2.5rem}.related-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;margin-top:.85rem;display:grid}.related-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-s);box-shadow:var(--shadow-s);gap:.65rem;padding:.75rem;transition:all .2s;display:flex}.related-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-m);transform:translateY(-2px)}.related-card__thumb{background:var(--c-bg-warm);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:45px;font-size:1.3rem;display:flex;overflow:hidden}.related-card__thumb img{object-fit:cover;width:100%;height:100%}.related-card__title{color:var(--c-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;font-weight:700;line-height:1.5;transition:color .2s;display:-webkit-box;overflow:hidden}.related-card:hover .related-card__title{color:var(--c-primary)}.related-card__date{color:var(--c-text-s);margin-top:.2rem;font-size:.7rem}.site-footer{background:var(--c-primary-d);color:#ffffffd9;margin-top:3rem}.site-footer__inner{max-width:var(--max-w);grid-template-columns:1fr auto;align-items:start;gap:2rem;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;display:grid}.footer-brand__logo{font-family:var(--f-serif);color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.footer-brand__desc{color:#fff9;font-size:.8rem;line-height:1.75}.footer-nav{text-align:right;flex-direction:column;gap:.35rem;display:flex}.footer-nav a{color:#ffffffa6;font-size:.82rem;transition:color .2s}.footer-nav a:hover{color:var(--c-gold-l)}.footer-bottom{color:#ffffff4d;text-align:center;border-top:1px solid #ffffff1a;padding:1rem 1.5rem;font-size:.72rem}@media (max-width:960px){.layout,.article-detail-layout{grid-template-columns:1fr;padding:1.25rem 1rem}.sidebar{order:-1;position:static}.site-footer__inner{grid-template-columns:1fr}.footer-nav{text-align:left}.header-nav{display:none}.decade-grid{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.3rem;overflow-x:auto}.decade-grid::-webkit-scrollbar{display:none}}@media (max-width:640px){html{font-size:16px}.site-header__inner{padding:.6rem 1rem}.site-logo__name{font-size:1.2rem}.decade-nav{padding:.75rem 0}.decade-nav__inner{padding:0 1rem}.decade-grid{flex-wrap:nowrap;gap:.4rem;overflow-x:auto}.decade-btn{flex-shrink:0;min-width:64px;padding:.5rem}.decade-btn__year{font-size:.9rem}.article-card{flex-direction:column;gap:0;padding:0}.article-card__thumb{aspect-ratio:16/9;border-radius:var(--radius) var(--radius) 0 0;width:100%;height:auto;font-size:3rem}.article-card__body{padding:.85rem .9rem 1rem}.article-card__title{font-size:1rem}.article-card:after{display:none}.article-card:hover{transform:none}.article-grid,.related-grid{grid-template-columns:1fr}.article-header__title{font-size:1.25rem}.article-content{font-size:.95rem}.article-content h2{font-size:1.05rem}.article-content h3{font-size:.95rem}.page-link{min-width:44px;min-height:44px}.site-footer__inner{padding:1.5rem 1rem 1rem}.footer-nav{text-align:left;flex-flow:wrap;gap:.5rem .75rem}.footer-nav a{font-size:.76rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.article-card{animation:.35s both fadeInUp}.article-card:nth-child(2){animation-delay:50ms}.article-card:nth-child(3){animation-delay:.1s}.article-card:nth-child(4){animation-delay:.15s}.article-card:nth-child(5){animation-delay:.2s}.article-card:nth-child(6){animation-delay:.25s}.article-card:nth-child(7){animation-delay:.3s}.article-card:nth-child(8){animation-delay:.35s}@media (hover:none){.article-card{animation:none}}