.zn{--bg:#efe9dd;--ink:#232323;--rd:#d43d2a;--bl:#3a6ea5;color:var(--ink);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0 0.2 0 0 0 0.1 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");font-family:Zen Maru Gothic,Zen Kaku Gothic New,sans-serif;overflow-x:clip}.zn :focus-visible{outline:3px solid var(--rd);outline-offset:2px}.zn button{cursor:pointer;color:inherit;font-family:inherit}.zn-head{padding:calc(48px + 1.4rem) clamp(1rem,4vw,3rem) 1rem}.zn-issue{letter-spacing:.1em;background:var(--ink);color:var(--bg);padding:.1rem .8rem;font-size:.7rem;display:inline-block;transform:rotate(-1deg)}.zn-head h1{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;line-height:1;display:flex}.zn-cut{background:#fff;padding:.15em .4em;font-size:clamp(2rem,8vw,4.6rem);font-weight:900;display:inline-block;box-shadow:3px 4px #00000040}.zn-cut-1{background:#fff;transform:rotate(-2.5deg)}.zn-cut-2{background:var(--rd);color:#fff;align-self:center;font-size:clamp(1.4rem,5vw,3rem);transform:rotate(1.6deg)}.zn-cut-3{background:#ffe27a;transform:rotate(-1deg)}.zn-lead{max-width:36rem;margin-top:.8rem;font-size:.88rem;font-weight:700;line-height:1.8}.zn-desk{max-width:66rem;margin:0 auto;padding:.6rem clamp(.6rem,3vw,1.6rem) 2.4rem}.zn-round{flex-wrap:wrap;gap:.5rem;display:flex}.zn-round button{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:.2rem;padding:.4rem 1rem;font-size:.82rem;font-weight:800}.zn-round button[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none;transform:translate(2px,2px)}.zn-round button.is-done:after{content:" ★";color:var(--rd)}.zn-round button[aria-pressed=true].is-done:after{color:#ffe27a}.zn-h{letter-spacing:.05em;font-size:.78rem;font-weight:800}.zn-target{border:2px dashed var(--ink);background:#fff;margin-top:1rem;padding:.7rem .9rem;transform:rotate(-.4deg)}.zn-order{counter-reset:pg;grid-template-columns:repeat(auto-fill,minmax(7.6rem,1fr));gap:.4rem;margin-top:.5rem;list-style:none;display:grid}.zn-order li{counter-increment:pg;background:#f7f1e4;border:1px solid #cfc6b0;align-items:center;gap:.4rem;padding:.2rem .4rem;font-size:.7rem;font-weight:700;line-height:1.3;display:flex}.zn-order li:before{content:counter(pg);color:#fff;background:var(--rd);border-radius:50%;flex:none;place-items:center;width:1.4rem;height:1.4rem;font-size:.8rem;font-weight:900;display:grid}.zn-order li:first-child:after{content:"表紙";color:var(--rd);margin-left:auto;font-size:.56rem}.zn-order li:last-child:after{content:"裏";color:var(--bl);margin-left:auto;font-size:.56rem}.zn-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:1.4rem;margin-top:1.2rem;display:grid}.zn-sheet{border:2px solid var(--ink);background:#fffdf8;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding:.7rem;display:grid;box-shadow:6px 6px #0003}.zn-panel{aspect-ratio:3/4;background:repeating-linear-gradient(45deg,#f4eee0 0 6px,#ece4d2 6px 12px);border:2px dashed #b9ae94;padding:0;position:relative;overflow:hidden}.zn-panel.is-up{transform:rotate(180deg)}.zn-panel.is-sel{border-color:var(--rd);box-shadow:0 0 0 3px var(--rd)}.zn-panel img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.zn-panel .e{color:#9a8e74;place-items:center;font-size:.64rem;font-weight:800;display:grid;position:absolute;inset:0}.zn-panel .pg{color:#fff;background:var(--rd);border-radius:99px;padding:0 .4rem;font-size:.8rem;font-weight:900;position:absolute;bottom:.2rem;right:.2rem}.zn-panel.is-bad{border-color:var(--rd);border-style:solid}.zn-panel.is-ok{border-style:solid;border-color:#1a8a4a}.zn-panel .tape{pointer-events:none;background:#d43d2ab3;width:55%;height:.8rem;position:absolute;top:-.2rem;left:50%;transform:rotate(-3deg)}.zn-cutline{letter-spacing:.1em;color:#7a6e56;text-align:center;margin-top:.4rem;font-size:.66rem}.zn-side{gap:.7rem;min-width:0;display:grid}.zn-tray{flex-wrap:wrap;gap:.5rem;display:flex}.zn-pc{text-align:left;width:4.2rem;transform:rotate(var(--t,0deg));background:#fff;border:0;padding:.2rem .2rem .1rem;font-size:.56rem;font-weight:800;line-height:1.25;position:relative;box-shadow:2px 3px #0000004d}.zn-pc img{aspect-ratio:3/4;object-fit:cover;width:100%;clip-path:var(--clip,none);display:block}.zn-pc span{padding-top:.15rem;display:block}.zn-pc:hover:not(:disabled){z-index:2;box-shadow:4px 6px #00000059}.zn-pc.is-sel{outline:3px solid var(--rd)}.zn-pc:disabled{opacity:.3;cursor:default}.zn-pc:before{content:"";background:var(--tape,#3a6ea5b3);width:55%;height:.7rem;position:absolute;top:-.3rem;left:50%;transform:rotate(2deg)}.zn-btns{flex-wrap:wrap;gap:.5rem;display:flex}.zn-btns button{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:.2rem;padding:.5rem .9rem;font-size:.78rem;font-weight:800}.zn-btns button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.zn-fold{color:#fff;background:var(--rd)!important}.zn-msg{border-left:5px solid var(--rd);background:#fff;min-height:2.6rem;padding:.4rem .7rem;font-size:.82rem;font-weight:700;line-height:1.7}.zn-diff{gap:.2rem;font-size:.74rem;font-weight:700;line-height:1.5;list-style:none;display:grid}.zn-diff li{border-left:4px solid var(--rd);background:#ffe7e2;padding:.2rem .6rem}.zn-stat{font-size:.78rem;font-weight:700}.zn-stat b{color:var(--rd);font-size:1.2rem}.zn-book{border:2px solid var(--ink);background:#fff;margin-top:1.4rem;padding:.8rem;transform:rotate(.3deg)}.zn-book[hidden]{display:none}.zn-stage{perspective:1400px;place-items:center;padding:1rem 0;display:grid}.zn-spread{aspect-ratio:6/4;background:#e4dcc8;width:min(34rem,100%);display:flex;box-shadow:0 10px 24px #0000004d}.zn-spread.is-turn{animation:.5s ease-out zn-turn}@keyframes zn-turn{0%{opacity:.4;transform:rotateY(-35deg)scale(.96)}}.zn-page{background:#fffdf8;flex:1;position:relative;overflow:hidden}.zn-page img{object-fit:cover;width:100%;height:100%;display:block}.zn-page.blank{background:repeating-linear-gradient(45deg,#efe8d8 0 6px,#e6dec9 6px 12px)}.zn-page .cap{background:#fffdf8e0;padding:.2rem .5rem;font-size:.66rem;font-weight:800;position:absolute;bottom:0;left:0;right:0}.zn-page .no{color:#fff;background:var(--ink);border-radius:99px;padding:0 .4rem;font-size:.7rem;font-weight:900;position:absolute;top:.3rem;right:.3rem}.zn-page.l{border-right:2px solid #0003}.zn-nav{justify-content:center;align-items:center;gap:1rem;font-size:.82rem;font-weight:800;display:flex}.zn-nav button{border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:.2rem;padding:.4rem 1rem;font-weight:800}.zn-nav button:disabled{opacity:.35;cursor:default}.zn-done{text-align:center;color:#fff;background:var(--rd);border:3px solid var(--ink);margin-top:1rem;padding:.8rem;font-weight:900;transform:rotate(-.6deg)}.zn-done[hidden]{display:none}.zn-sec{border-top:3px solid var(--ink);padding:clamp(2.4rem,6vh,4rem) clamp(1rem,5vw,4rem)}.zn-sec-2{background:#e4dcc8}.zn-wrap{max-width:62rem;margin-inline:auto}.zn-k{letter-spacing:.1em;background:var(--ink);color:var(--bg);padding:.05rem .9rem;font-size:.74rem;font-weight:800;display:inline-block;transform:rotate(-1deg)}.zn-h2{margin-top:.5rem;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;line-height:1.4}.zn-plain{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:1rem .8rem;margin-top:1rem;list-style:none;display:grid}.zn-plain li{transform:rotate(var(--t,0deg));background:#fff;gap:.15rem;padding:.4rem .4rem .5rem;display:grid;box-shadow:3px 4px #00000038}.zn-plain img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.zn-plain b{margin-top:.3rem;font-size:.78rem;line-height:1.4}.zn-plain small{color:#6a6254;font-size:.64rem}.zn-two{grid-template-columns:1fr minmax(18rem,26rem);align-items:start;gap:clamp(1.6rem,5vw,4rem);display:grid}.zn-text{max-width:30rem;margin-top:.8rem;font-size:.9rem;font-weight:500;line-height:2}.zn-small{color:#6a6254;margin-top:.8rem;font-size:.74rem}.zn-menu{border-top:3px solid var(--rd);margin-top:.8rem;list-style:none}.zn-menu li{border-bottom:2px dashed #b9ae94;grid-template-columns:1fr auto;align-items:baseline;gap:1rem;padding:.7rem 0;display:grid}.zn-menu b{display:block}.zn-menu small{color:#6a6254;font-size:.68rem}.zn-menu em{color:var(--rd);white-space:nowrap;font-style:normal;font-weight:900}.zn-sns{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;list-style:none;display:flex}.zn-sns a{color:#fff;background:var(--ink);box-shadow:3px 3px 0 var(--rd);padding:.6rem 1.6rem;font-weight:800;text-decoration:none;display:inline-block;transform:rotate(-.8deg)}.zn-sns a:hover{background:var(--rd)}.zn-foot{color:#6a6254;border-top:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,5vw,4rem);font-size:.7rem;display:flex}.zn-foot a{color:var(--rd);font-weight:800}@media (width<=860px){.zn-grid,.zn-two{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.zn-spread.is-turn{animation:none}}