:root{--navy:#1d3557;--navy2:#2a4a73;--navy3:#152b45;--red:#e63946;--red2:#c1121f;--teal:#2a9d8f;--gold:#ffd60a;--bg:#f5f6f8;--card:#fff;--band:#eef1f6;--gray:#6c757d;--line:#dee2e6;--sh:0 2px 8px #1d35571a;--sh-lg:0 8px 22px #1d35572e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased;font-family:"M PLUS Rounded 1c",Noto Sans JP,system-ui,sans-serif;font-weight:500;line-height:1.9;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92vw);margin-inline:auto}.wrap-narrow{width:min(760px,92vw);margin-inline:auto}.label{background:var(--navy);color:#fff;border:2px solid var(--navy);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 18px;font-size:.68rem;font-weight:900;display:inline-flex}.label:before{content:"▼";color:var(--red);font-size:.8rem;line-height:1}.site-header{z-index:100;border-bottom:3px solid var(--navy);box-shadow:var(--sh);background:#fff;position:sticky;top:0}.site-nav{justify-content:space-between;align-items:center;gap:16px;width:min(1120px,92vw);margin-inline:auto;padding:10px 0;display:flex}.site-logo{align-items:center;gap:10px;display:flex}.site-logo img{width:auto;height:34px}.site-logo small{color:var(--gray);letter-spacing:.12em;font-size:.62rem;font-weight:800;line-height:1.2}.site-links{align-items:center;gap:8px;display:flex}.site-links a{letter-spacing:.08em;color:var(--gray);border-bottom:3px solid #0000;padding:8px 12px;font-size:.74rem;font-weight:900;transition:color .2s,border-color .2s}.site-links a:hover{color:var(--navy);border-bottom-color:var(--red)}.site-links a.nav-login{border:2px solid var(--navy);color:var(--navy);box-shadow:0 3px 0 var(--navy);border-radius:8px;padding:8px 16px}.site-links a.nav-cta{color:#fff;background:var(--red);border:2px solid var(--navy);letter-spacing:.1em;box-shadow:0 3px 0 var(--navy);border-radius:8px;padding:8px 18px}.site-links a.nav-cta:hover{background:var(--red2)}@media (max-width:720px){.site-links a:not(.nav-login):not(.nav-cta){display:none}}.blog-hero{background:var(--navy);color:#fff;border-bottom:3px solid var(--navy);text-align:center;padding:44px 0 38px;position:relative;overflow:hidden}.blog-hero:before{content:"";background:radial-gradient(70% 90% at 85% 10%,#e6394640,#0000 60%),radial-gradient(60% 80% at 10% 90%,#2a9d8f2e,#0000 60%);position:absolute;inset:0}.blog-hero>.wrap{z-index:2;position:relative}.blog-hero .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:.7rem;font-weight:900;display:inline-block}.blog-hero h1{letter-spacing:.04em;text-wrap:balance;font-size:clamp(1.5rem,4vw,2.3rem);font-weight:900;line-height:1.4}.blog-hero h1 .acc{color:var(--gold)}.blog-hero p{color:#dbe4f0;margin-top:10px;font-size:clamp(.82rem,1.6vw,.95rem);font-weight:700}.cats{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.cat{border:2px solid var(--navy);color:var(--navy);box-shadow:0 3px 0 var(--navy);background:#fff;border-radius:999px;padding:7px 18px;font-size:.8rem;font-weight:800;transition:transform .1s,box-shadow .1s}.cat:hover{box-shadow:0 2px 0 var(--navy);transform:translateY(1px)}.cat.on{background:var(--red);color:#fff}.sec{padding:44px 0 20px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.post-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.post{background:var(--card);border:2px solid var(--navy);box-shadow:var(--sh);border-radius:12px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.post:hover{box-shadow:var(--sh-lg);transform:translateY(-3px)}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--navy2), var(--navy3));border-bottom:2px solid var(--navy);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb .ph{color:#fff;letter-spacing:.1em;opacity:.9;justify-content:center;align-items:center;font-size:2rem;font-weight:900;display:flex;position:absolute;inset:0}.badge-lock{background:var(--gold);color:var(--navy);border:2px solid var(--navy);letter-spacing:.08em;z-index:2;border-radius:999px;padding:2px 10px;font-size:.66rem;font-weight:900;position:absolute;top:8px;left:8px}.badge-free{color:var(--navy);border:2px solid var(--navy);letter-spacing:.08em;z-index:2;background:#fff;border-radius:999px;padding:2px 10px;font-size:.66rem;font-weight:900;position:absolute;top:8px;left:8px}.dur{color:#fff;letter-spacing:.05em;z-index:2;background:#000000a6;border-radius:6px;padding:2px 8px;font-size:.66rem;font-weight:800;position:absolute;bottom:8px;right:8px}.post-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.post-meta{color:var(--gray);flex-wrap:wrap;align-items:center;gap:8px;font-size:.68rem;font-weight:800;display:flex}.post-cat{background:var(--band);color:var(--navy);border-radius:6px;padding:1px 8px}.post h3{letter-spacing:.02em;font-size:1rem;font-weight:900;line-height:1.55}.post .excerpt{color:var(--gray);flex:1;font-size:.8rem;font-weight:700;line-height:1.7}.post .more{color:var(--red);letter-spacing:.1em;font-size:.74rem;font-weight:900}.empty-note{text-align:center;color:var(--gray);padding:40px 0;font-size:.9rem;font-weight:700}.member-band{background:var(--navy);border:2px solid var(--navy);color:#fff;box-shadow:var(--sh-lg);border-radius:14px;flex-wrap:wrap;align-items:center;gap:22px;margin:40px 0;padding:28px 26px;display:flex;position:relative;overflow:hidden}.member-band:before{content:"🔒";opacity:.12;font-size:7rem;position:absolute;bottom:-24px;right:-10px}.member-band .tx{flex:1;min-width:260px}.member-band h2{letter-spacing:.04em;font-size:1.25rem;font-weight:900;line-height:1.5}.member-band h2 .acc{color:var(--gold)}.member-band p{color:#dbe4f0;margin-top:6px;font-size:.85rem;font-weight:700}.btn-big{background:var(--red);color:#fff;letter-spacing:.1em;border:2px solid #fff;border-radius:10px;padding:13px 30px;font-size:.95rem;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-block;box-shadow:0 4px #00000059}.btn-big:hover{background:var(--red2)}.btn-big:active{transform:translateY(3px);box-shadow:0 1px #00000059}.member-band .sub-link{color:#dbe4f0;text-align:center;margin-top:8px;font-size:.72rem;font-weight:700;display:block}.member-band .sub-link a{color:var(--gold);border-bottom:2px solid var(--gold);font-weight:900}.article{padding:40px 0 60px}.article .meta{color:var(--gray);flex-wrap:wrap;align-items:center;gap:10px;font-size:.72rem;font-weight:800;display:flex}.article .meta .cat-chip{background:var(--band);color:var(--navy);border-radius:6px;padding:2px 10px}.lock-pill{background:var(--gold);border:2px solid var(--navy);color:var(--navy);border-radius:999px;padding:2px 12px;font-weight:900}.article h1{letter-spacing:.02em;text-wrap:balance;margin:12px 0 8px;font-size:clamp(1.35rem,3.4vw,1.9rem);font-weight:900;line-height:1.5}.article .lead{color:var(--gray);border-left:4px solid var(--red);margin:14px 0 26px;padding-left:12px;font-size:.85rem;font-weight:700}.article .cover{border:2px solid var(--navy);box-shadow:var(--sh);border-radius:12px;margin-bottom:26px;overflow:hidden}.post-html{font-size:.95rem}.post-html p{margin-bottom:1.2em}.post-html h2{background:var(--navy);color:#fff;border-radius:8px;margin:1.6em 0 .6em;padding:8px 14px;font-size:1.15rem;font-weight:900}.post-html h2:before{content:"▼ ";color:var(--red);font-size:.85em}.post-html h3{border-left:4px solid var(--red);margin:1.4em 0 .5em;padding-left:10px;font-size:1.02rem;font-weight:900}.post-html ul,.post-html ol{margin:0 0 1.2em 1.4em}.post-html li{margin-bottom:.3em}.post-html img{border:2px solid var(--navy);border-radius:10px;margin:.6em 0}.post-html blockquote{border-left:4px solid var(--line);color:var(--gray);margin:0 0 1.2em;padding-left:12px}.post-html hr{border:none;border-top:2px dashed var(--line);margin:1.6em 0}.post-html a{color:var(--red);border-bottom:2px solid var(--red);font-weight:800}.post-html strong{color:var(--red)}.post-html table{border-collapse:collapse;margin-bottom:1.2em;display:block;overflow-x:auto}.post-html th,.post-html td{border:2px solid var(--navy);padding:6px 12px;font-size:.85rem}.post-html th{background:var(--band)}.post-html td p,.post-html td figure{margin:0}.post-html td img{border:none;border-radius:0;width:42px;height:42px;margin:0;display:block}.fade-body{max-height:180px;position:relative;overflow:hidden}.fade-body:after{content:"";background:linear-gradient(180deg, transparent 0%, var(--bg) 88%);position:absolute;inset:0}.paywall{border:2px solid var(--navy);box-shadow:var(--sh-lg);text-align:center;z-index:2;background:#fff;border-radius:14px;margin-top:-30px;padding:32px 26px;position:relative}.paywall .lock{font-size:2.4rem;line-height:1}.paywall h2{margin:10px 0 4px;font-size:1.15rem;font-weight:900}.paywall h2 .acc{color:var(--red)}.paywall>p{color:var(--gray);max-width:460px;margin:0 auto 18px;font-size:.82rem;font-weight:700}.perks{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 6px;display:flex}.perk{background:var(--band);border:2px solid var(--navy);border-radius:999px;padding:5px 14px;font-size:.72rem;font-weight:800}.btn-red{background:var(--red);color:#fff;border:2px solid var(--navy);letter-spacing:.1em;box-shadow:0 4px 0 var(--navy);border-radius:10px;padding:14px 34px;font-size:.95rem;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-block}.btn-red:hover{background:var(--red2)}.btn-red:active{box-shadow:0 1px 0 var(--navy);transform:translateY(3px)}.paywall .login-note{color:var(--gray);margin-top:14px;font-size:.78rem;font-weight:800}.paywall .login-note a{color:var(--red);border-bottom:2px solid var(--red)}.back-link{color:var(--gray);letter-spacing:.08em;margin-top:30px;font-size:.78rem;font-weight:900;display:inline-block}.back-link:hover{color:var(--navy)}.login-main{justify-content:center;align-items:center;min-height:calc(100svh - 70px);padding:30px 16px;display:flex}.login-box{border:2px solid var(--navy);width:min(400px,100%);box-shadow:var(--sh-lg);background:#fff;border-radius:14px;overflow:hidden}.login-box .head{background:var(--navy);color:#fff;letter-spacing:.06em;border-bottom:3px solid var(--red);padding:14px 20px;font-weight:900}.login-box .head small{color:#dbe4f0;letter-spacing:.1em;font-size:.68rem;font-weight:700;display:block}.login-form{flex-direction:column;gap:14px;padding:22px 20px;display:flex}.login-form label{color:var(--gray);margin-bottom:4px;font-size:.74rem;font-weight:800;display:block}.login-form input{border:2px solid var(--navy);width:100%;color:var(--navy);background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem;font-weight:700}.login-form input:focus{border-color:var(--red);outline:none}.login-error{border:2px solid var(--red);color:var(--red2);background:#fdecea;border-radius:8px;padding:8px 12px;font-size:.76rem;font-weight:800}.login-form .note{color:var(--gray);text-align:center;font-size:.72rem;font-weight:700}.login-form .note a{color:var(--red);border-bottom:2px solid var(--red);font-weight:900}.site-footer{background:var(--navy);color:#c9d4e4;margin-top:40px;padding:30px 0;font-size:.74rem;font-weight:700}.site-footer .cols{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.site-footer a{color:#fff;margin-right:14px}