*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f7f7;--navy:#1a1a1a;--ink:#1a1a1a;--accent:#fff450;--accent2:#bab454;--line:#e9e9e9;--gray:#7a8599;--card:#fff}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.serif{font-family:Cormorant Garamond,Noto Serif JP,serif}.container{max-width:1320px;margin:0 auto;padding:0 40px}header,.article-headbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);z-index:50;background:#f7f7f7f5;justify-content:space-between;align-items:center;height:64px;display:flex;position:sticky;top:0}.logo{letter-spacing:.14em;color:var(--navy);align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo-pill{letter-spacing:.14em;background:var(--accent);color:#1a1a1a;border:1px solid #1a1a1a;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}.home-head-right,.head-right{align-items:center;gap:16px;display:flex}.back{letter-spacing:.12em;color:#1a1a1a;background:#fff;border:1px solid #1a1a1a;border-radius:20px;padding:7px 14px;font-size:11px;font-weight:700;text-decoration:none;transition:background .15s}.back:hover{background:var(--accent)}.lang{border:1px solid #1a1a1a;border-radius:20px;display:flex;overflow:hidden}.lang button{letter-spacing:.1em;cursor:pointer;color:var(--ink);background:0 0;border:none;padding:7px 13px;font-family:inherit;font-size:10.5px;font-weight:700;transition:background .15s}.lang button.on{background:var(--accent)}.hero-grid{grid-template-columns:440px 1fr;align-items:stretch;gap:35px;margin-top:16px;display:grid}.left-3{grid-template-rows:repeat(3,1fr);gap:10px;height:auto;display:grid}.left-3 .wide{cursor:pointer;background:#ddd;display:block;position:relative;overflow:hidden}.left-3 .wide img{filter:brightness(.92);transition:transform .4s,filter .4s}.left-3 .wide:hover img{filter:brightness();transform:scale(1.04)}.left-9{grid-template-columns:repeat(3,1fr);gap:10px;height:auto;display:grid}.left-9 .cell{aspect-ratio:1;cursor:pointer;background:#e9e9e9;display:block;position:relative;overflow:hidden}.left-9 .cell img{transition:transform .3s}.left-9 .cell:hover img{transform:scale(1.06)}.overlay{color:#fff;background:linear-gradient(#00000005,#0000008c);flex-direction:column;justify-content:flex-end;padding:16px 18px;display:flex;position:absolute;inset:0}.cat-label{letter-spacing:.16em;background:var(--accent);color:#1a1a1a;border-radius:20px;width:fit-content;margin-bottom:8px;padding:4px 8px;font-size:8.5px;font-weight:800;display:inline-block}.cat-title{font-size:16px;font-weight:700;line-height:1.32}.cat-sub{opacity:.9;margin-top:4px;font-size:11px}.play{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 2px 10px #00000026}.play:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #1a1a1a;width:0;height:0;margin-left:2px}.cell-overlay{color:#fff;pointer-events:none;background:linear-gradient(#0000 48%,#000000ad 100%);flex-direction:column;justify-content:flex-end;padding:12px 14px;display:flex;position:absolute;inset:0}.cell-date{letter-spacing:.08em;opacity:.92;margin-bottom:3px;font-size:9px;font-weight:600}.cell-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.section-label{letter-spacing:.22em;color:#1a1a1a;background:var(--accent);border:1px solid #1a1a1a;border-radius:20px;margin-bottom:12px;padding:4px 10px;font-size:9.5px;font-weight:700;display:inline-block}.featured{border-top:1px solid var(--line);margin-top:36px;padding-top:26px}.featured-grid{grid-template-columns:repeat(3,1fr);gap:14px 18px;margin-top:14px;display:grid}.f-card{background:var(--card);border:1px solid var(--line);cursor:pointer;color:inherit;grid-template-columns:108px 1fr;align-items:start;gap:14px;padding:14px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.f-card .thumb{background:#e9e9e9;width:108px;height:108px;overflow:hidden}.f-card .thumb img,.n-card .thumb img{transition:transform .3s}.f-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.f-card:hover .thumb img,.n-card:hover .thumb img{transform:scale(1.05)}.f-card .meta{letter-spacing:.06em;color:var(--gray);margin-bottom:4px;font-size:9.5px}.f-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.2px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.f-card p{color:var(--gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.divider{background:var(--line);height:1px;margin:22px 0}.news-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.n-card{cursor:pointer;color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s;display:flex}.n-card:hover{transform:translateY(-2px)}.n-card .thumb{background:#e9e9e9;height:178px;margin-bottom:10px;overflow:hidden}.n-card .date{color:var(--gray);font-size:11px;font-weight:700}.n-card h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:37px;margin-top:4px;font-size:12px;font-weight:500;line-height:1.55;display:-webkit-box;overflow:hidden}.view-more{justify-content:center;align-items:center;height:250px;display:flex}.view-more a{width:155px;height:155px;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:flex;overflow:visible}.view-more a:hover{transform:translateY(-2px)scale(1.05)}.view-more a svg{width:335px;height:228px;display:block}.category-block{margin-bottom:32px}.cat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:10px;display:flex}.cat-head h3{letter-spacing:.06em;font-size:17px;font-weight:800}.category-main{padding-top:30px;padding-bottom:80px}.category-intro{border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:22px}.category-meta-label{letter-spacing:.18em;color:var(--accent2);margin-bottom:8px;font-size:10px;font-weight:700}.category-heading{margin-bottom:10px;font-size:30px;font-weight:800}.category-desc{color:#555;max-width:680px;margin:0;font-size:13.5px;line-height:1.75}.category-count{color:#1a1a1a;background:var(--accent);border:1px solid #1a1a1a;border-radius:20px;margin-top:14px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.category-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.category-card{width:100%}.empty-message{text-align:center;color:var(--gray);padding:60px 0;font-size:14px}#articleView .container{max-width:1080px;margin:0 auto;padding:0 40px}.article{max-width:780px;margin:0 auto;padding:34px 40px 70px}.kicker{letter-spacing:.2em;color:var(--accent2);align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.chip{background:var(--accent);color:#1a1a1a;letter-spacing:.12em;border:1px solid #1a1a1a;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:800}.article h1{letter-spacing:.01em;margin-top:14px;font-size:29px;font-weight:800;line-height:1.5}.excerpt{color:#4a4a4a;margin-top:14px;font-size:14.5px;line-height:1.95}.hero-img{aspect-ratio:16/9;background:#e9e9e9;border-radius:4px;margin-top:28px;overflow:hidden}.hero-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.meta-row{color:var(--gray);letter-spacing:.04em;flex-wrap:wrap;gap:20px;margin-top:18px;font-size:11.5px;display:flex}.body{margin-top:24px;font-size:15px;line-height:1.85}.body h2{border-left:6px solid var(--accent);margin:42px 0 16px;padding-left:13px;font-size:19px;font-weight:800;line-height:1.5}.body h3{margin:26px 0 10px;font-size:15.5px;font-weight:700}.body p{margin:0 0 16px}.body ul,.body ol{margin:0 0 18px;padding-left:22px}.body li{margin-bottom:8px}.body strong{background:linear-gradient(#0000 62%,#fff4508c 62%);padding:0 1px}.body blockquote{border-left:6px solid var(--accent);border:1px solid var(--line);background:#fff;border-left-width:6px;margin:28px 0;padding:18px 22px}.body table{border-collapse:collapse;background:#fff;width:100%;margin:26px 0;font-size:13px}.body th,.body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.body th{background:#faf9f5;font-weight:700}.rel{border-top:1px solid var(--line);margin-top:60px;padding-top:28px}.rel-label{letter-spacing:.2em;margin-bottom:16px;font-size:11px;font-weight:800}.rel-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.rel a{border:1px solid var(--line);color:inherit;background:#fff;text-decoration:none;transition:transform .15s;display:block}.rel a:hover{transform:translateY(-2px)}.rel img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;width:100%}.rel .t{padding:12px 14px 14px}.rel .d{color:var(--gray);letter-spacing:.04em;font-size:10px}.rel .t h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.pager{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;display:flex}.pager a{color:var(--navy);font-size:12.5px;font-weight:700;text-decoration:none;transition:opacity .15s}.pager a:hover{opacity:.7}.prep{text-align:center;background:#fff;border:1px dashed #bab454;margin-top:40px;padding:56px 30px}.prep .big{margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700}.prep p{color:var(--gray);font-size:13.5px;line-height:1.9}footer{color:#e9e9e9;text-align:center;letter-spacing:.08em;background:#1a1a1a;margin-top:60px;padding:24px 16px}footer .f1{letter-spacing:.14em;font-size:13px;font-weight:800}footer .f2{opacity:.7;margin-top:6px;font-size:11px}footer .f3{color:#1a1a1a;background:#fff450;border-radius:20px;margin-top:14px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}footer .f4{opacity:.45;max-width:600px;margin-top:12px;margin-left:auto;margin-right:auto;font-size:10px;line-height:1.7}.loader-container{background:var(--bg);z-index:9999;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.loader-container.fade-out{opacity:0;pointer-events:none}.ring-wrapper{justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.ring-wrapper.burst{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards burstAnim}@keyframes burstAnim{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(3)}}.progress-text{color:var(--navy);letter-spacing:.05em;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:800;position:absolute}.ring-svg{width:150px;height:150px;transform:rotate(-90deg)}.ring-circle-bg{fill:none;stroke:var(--line);stroke-width:8px}.ring-circle{fill:none;stroke:var(--accent);stroke-width:8px;stroke-dasharray:408;stroke-dashoffset:408px;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.splash-logo{color:#1a1a1a;letter-spacing:.12em;text-align:center;-webkit-user-select:none;user-select:none;font-size:clamp(48px,10vw,96px);font-weight:800;animation:.8s cubic-bezier(.16,1,.3,1) forwards splashPop}@keyframes splashPop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:14px}.left-3{flex-direction:column;grid-template-rows:none;height:auto;display:flex}.left-3 .wide{height:180px}.left-9{height:auto}.featured-grid{grid-template-columns:1fr}.news-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.container{padding:0 16px}.cell-title{font-size:9px}.cell-date{font-size:8px}}@media (max-width:768px){.container,#articleView .container{padding-left:16px!important;padding-right:16px!important}header,.article-headbar{flex-wrap:wrap!important;gap:10px!important;height:auto!important;padding:12px 16px!important}.home-head-right,.head-right{justify-content:space-between!important;width:100%!important}.logo{font-size:19px!important}.logo-pill{padding:3px 8px!important;font-size:9px!important}.lang button{padding:5px 10px!important;font-size:10px!important}.hero-grid{gap:12px!important;margin-top:10px!important}.left-3 .wide{height:130px!important}.cat-title{font-size:15px!important}.left-9{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.cell-overlay{padding:8px!important}.featured-grid,.news-grid,.category-grid{grid-template-columns:1fr!important;gap:16px!important}.f-card{grid-template-columns:88px 1fr!important;gap:12px!important;padding:12px!important}.f-card .thumb{width:88px!important;height:88px!important}.n-card .thumb{height:200px!important}.view-more{height:160px!important}.view-more a{width:120px!important;height:120px!important}.article{padding:20px 0 50px!important}.article h1{font-size:22px!important;line-height:1.4!important}.hero-img{border-radius:0!important;margin-top:18px!important;margin-left:-16px!important;margin-right:-16px!important}.meta-row{gap:12px!important;font-size:10.5px!important}.body{font-size:14.5px!important}.body h2{margin:32px 0 14px!important;font-size:17.5px!important}.rel-grid{grid-template-columns:1fr!important}.pager{flex-direction:column!important;gap:12px!important}}@media (max-width:420px){.left-9{grid-template-columns:repeat(2,1fr)!important}.f-card{grid-template-columns:76px 1fr!important}.f-card .thumb{width:76px!important;height:76px!important}.cat-title{font-size:14px!important}.logo{font-size:17px!important}}