:root{--paper: #f2ecdd;--sumi: #1d1a16;--usuzumi: #6b6358;--shu: #c73e2f}body{font-family:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,serif;color:var(--sumi);margin:0}#maki{position:relative;height:100vh;height:100dvh;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:row-reverse;align-items:center;background:url(/img/washi_bg.jpg) repeat-x left center / auto 100%;background-color:#ece5d6}#maki::-webkit-scrollbar{height:0}.jiku{flex:0 0 34px;background:linear-gradient(90deg,#4a3826,#7a5c38 45%,#2e2318);box-shadow:inset 0 0 18px #0000008c}.dan{flex:0 0 auto;display:flex;align-items:center;padding:0 4.5vw;position:relative;z-index:2}.daiji{flex-direction:column;justify-content:center;gap:3vh;padding:0 9vw}.daiji h1{writing-mode:vertical-rl;font-size:clamp(44px,9vh,84px);font-weight:600;letter-spacing:.42em;line-height:1;margin:0}.daiji .en{font-size:12px;letter-spacing:.34em;color:var(--usuzumi)}.hanko{width:44px;height:44px;border-radius:6px;background:var(--shu);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;transform:rotate(-3deg)}.kojo{max-width:420px}.kojo .v{writing-mode:vertical-rl;height:62vh;font-size:clamp(15px,2.1vh,19px);line-height:2.3;letter-spacing:.1em;text-align:justify;margin:0}.kakudo{font-size:12.5px;color:var(--usuzumi)}.hen{position:relative;background:#fbf7ec;border:1px solid rgba(120,105,80,.28);box-shadow:1px 2px #78695047,2px 4px 6px #1e180e1a;padding:14px 14px 18px;margin:0 1.6vw;width:min(300px,26vw);height:min(62vh,560px);display:flex;flex-direction:column;gap:12px;transition:transform .5s ease,opacity .7s ease,box-shadow .3s ease;opacity:0;transform:translateY(18px) rotate(var(--r, 0deg));text-decoration:none;color:var(--sumi);border-bottom:none;box-sizing:border-box}.hen-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border:1px solid rgba(120,105,80,.25)}.hen-body{flex:1;min-height:0;writing-mode:vertical-rl;display:flex;flex-direction:column;gap:12px;overflow:hidden}.hen.on{opacity:1;transform:translateY(0) rotate(var(--r, 0deg))}.hen:hover{box-shadow:2px 3px #7869504d,4px 8px 10px #1e180e24;transform:translateY(-4px) rotate(0)}.hen:after{content:"";position:absolute;left:0;bottom:0;width:0;height:0;border-style:solid;border-width:0;border-color:transparent transparent rgba(190,175,140,.55) transparent;transition:border-width .25s ease}.hen:hover:after{border-width:0 0 22px 22px;border-left-color:var(--paper)}.hen .era{font-size:12px;color:var(--paper);background:var(--sumi);padding:10px 4px;letter-spacing:.2em;align-self:flex-start;border-radius:2px}.hen h2{font-size:15.5px;font-weight:600;line-height:1.9;letter-spacing:.04em;margin:0}.hen .no{font-size:11px;color:var(--usuzumi);letter-spacing:.18em}.hen:nth-of-type(odd){--r: -.7deg;margin-top:-5vh}.hen:nth-of-type(2n){--r: .6deg;margin-top:5vh}.hen.toji{box-shadow:4px 4px 0 -1px #e8e0cd,8px 8px 0 -2px #ded4bf,1px 2px #78695047}.hen.toji:before{content:"綴";position:absolute;top:-12px;right:18px;background:var(--shu);color:var(--paper);font-size:12px;padding:3px 6px 5px;border-radius:2px;writing-mode:horizontal-tb}.toki{writing-mode:vertical-rl;align-self:center;margin:0 2.2vw;font-size:13px;color:var(--usuzumi);letter-spacing:.5em;border-right:1px solid rgba(107,99,88,.4);padding-right:10px;height:30vh}.shincha{padding:0 2vw}.shincha-fuda{position:absolute;top:-13px;right:16px;background:var(--shu);color:#f5efe4;font-size:12px;letter-spacing:.3em;padding:4px 9px 4px 11px;writing-mode:horizontal-tb}.shincha-hen{margin:0}.iriguchi{gap:3vw;flex-direction:row-reverse}.mon{writing-mode:vertical-rl;position:relative;overflow:hidden;height:58vh;padding:26px 28px;border:1px solid rgba(120,105,80,.35);background:#faf5e999;font-size:clamp(17px,2.6vh,22px);letter-spacing:.3em;color:var(--sumi);text-decoration:none;display:flex;align-items:flex-start;gap:12px;transition:background .3s;border-bottom:none}.mon:hover{background:#faf5e9f2}.mon small{writing-mode:vertical-rl;font-size:11px;color:var(--usuzumi);letter-spacing:.12em}.mon>span,.mon small{white-space:nowrap}.mon-num{writing-mode:vertical-rl;font-size:12px;color:var(--shu);letter-spacing:.3em;font-weight:600}.mon-kura:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 40% at 50% 92%,rgba(224,160,60,.28),transparent 65%);opacity:0;transition:opacity .6s}.mon-kura:before{opacity:.5}.mon-kura:hover:before{opacity:1}.mon-asobi{position:absolute;bottom:12px;left:50%;transform:translate(-50%);writing-mode:horizontal-tb;font-size:10.5px;color:#8a6a30;letter-spacing:.2em;opacity:0;transition:opacity .6s .2s;white-space:nowrap}.mon-kura:hover .mon-asobi{opacity:1}@media(hover:none){.mon-asobi{opacity:.8}}.mon-hito:before{content:"";position:absolute;inset:10px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(107,99,88,.18) 26px 27px);opacity:0;transition:opacity .7s}.mon-hito:before{opacity:.3}.mon-hito:hover:before{opacity:1}.mon-tai:before{content:"";position:absolute;inset:10px;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(107,99,88,.15) 34px 35px),repeating-linear-gradient(90deg,transparent 0 44px,rgba(107,99,88,.12) 44px 45px);opacity:0;transition:opacity .7s}.mon-tai:before{opacity:.3}.mon-tai:hover:before{opacity:1}.mon-chizu:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .7s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><g fill="none" stroke="rgba(107,99,88,0.22)" stroke-width="1"><ellipse cx="60" cy="150" rx="42" ry="18"/><ellipse cx="60" cy="150" rx="26" ry="10"/><ellipse cx="145" cy="60" rx="38" ry="16"/><ellipse cx="145" cy="60" rx="22" ry="8"/><ellipse cx="145" cy="60" rx="10" ry="4"/></g></svg>');background-size:200px}.mon-chizu:before{opacity:.45}.mon-chizu:hover:before{opacity:1}.mon-chizu:after{content:"";position:absolute;left:46%;top:62%;width:10px;height:10px;background:var(--shu);border-radius:50% 50% 50% 0;transform:rotate(-45deg);opacity:.85}.okuzuke{flex-direction:column;justify-content:center;gap:2vh;padding:0 8vw}.okuzuke p{writing-mode:vertical-rl;height:40vh;font-size:13.5px;line-height:2.4;color:var(--usuzumi);letter-spacing:.08em;margin:0}.okuzuke a{color:var(--usuzumi)}#ito{position:fixed;left:0;bottom:0;height:3px;background:var(--shu);width:0;z-index:9;opacity:.75}#kamime{position:fixed;bottom:2px;left:4vw;width:46px;z-index:10;transform:translate(-50%);transition:left .15s linear;filter:drop-shadow(0 2px 3px rgba(30,24,14,.25))}#kamime.hop{animation:hop .5s ease}@keyframes hop{40%{transform:translate(-50%) translateY(-14px) rotate(-4deg)}}#km-fuki{position:fixed;bottom:56px;z-index:10;font-size:12px;color:var(--usuzumi);background:#faf5e9eb;border:1px solid rgba(120,105,80,.3);padding:3px 9px;border-radius:10px;letter-spacing:.2em;opacity:0;transition:opacity .4s;pointer-events:none;transform:translate(-50%)}#km-fuki.show{opacity:1}#tebiki{position:fixed;right:18px;bottom:14px;z-index:9;font-size:11.5px;color:var(--usuzumi);letter-spacing:.2em;user-select:none;background:#f2ecddcc;padding:4px 10px;border-radius:3px}#koori{position:absolute;bottom:24vh;width:26px;height:22px;z-index:3;cursor:pointer;background:linear-gradient(160deg,#e0eef5d9,#bed6e499);border:1px solid rgba(140,170,190,.5);border-radius:3px 4px 5px 3px;box-shadow:0 1px 3px #1e180e26,inset 0 1px #ffffffb3}#koori:after{content:"";position:absolute;left:40%;bottom:-7px;width:4px;height:6px;background:#aac8dcbf;border-radius:0 0 4px 4px;animation:shizuku 3.2s ease-in infinite}@keyframes shizuku{0%,60%{transform:translateY(0);opacity:0}70%{opacity:.9}to{transform:translateY(9px);opacity:0}}#hotaru{position:absolute;width:4px;height:4px;border-radius:50%;z-index:3;pointer-events:none;background:#d8e8a0;box-shadow:0 0 8px 3px #c8e6788c;animation:hotaru-tobu 14s ease-in-out infinite,hotaru-mata 4.5s ease-in-out infinite}@keyframes hotaru-tobu{0%{transform:translate(0)}25%{transform:translate(-38px,-60px)}50%{transform:translate(14px,-110px)}75%{transform:translate(-20px,-50px)}to{transform:translate(0)}}@keyframes hotaru-mata{0%,to{opacity:.95}50%{opacity:.12}}#shimi{position:fixed;bottom:30vh;left:-30px;width:20px;z-index:1;pointer-events:none;opacity:0}#shimi.hashiru{animation:shimi-yoko 1.1s linear}@keyframes shimi-yoko{0%{left:-30px;opacity:.5}90%{opacity:.5}to{left:104vw;opacity:0}}#sokuryo{display:block;margin-top:1em;font-size:12px;color:var(--usuzumi);letter-spacing:.1em}.angou{padding:0 3vw}.angou-line{position:relative;writing-mode:vertical-rl;text-decoration:none;border-bottom:none;display:block}.ag-text{font-size:17px;letter-spacing:.35em;color:#1d1a1680;filter:blur(2.2px);user-select:none}.ag-maru{position:absolute;right:-2px;width:21px;height:21px;border-radius:50%;background:#14110dd1;top:calc(var(--i) * 1.35em)}.ag-note{position:absolute;right:34px;top:8px;writing-mode:vertical-rl;font-size:11.5px;color:var(--usuzumi);letter-spacing:.12em;opacity:0;transition:opacity .5s;white-space:nowrap}.angou-line:hover .ag-note{opacity:1}.kamo{position:absolute;bottom:20vh;width:30px;z-index:3}.kamo svg{display:block}.kamo.k2{transform:scaleX(-1) scale(.8)}@keyframes kamo-uku{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.kamo{animation:kamo-uku 3.4s ease-in-out infinite}.kamo.k2{animation-delay:1.1s}#ezu{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;background:#17151240}#ezu.open{display:flex}#ezu .ezu-paper{width:min(680px,86vw);height:min(420px,60vh);background:#f4efe3 url(/img/washi_bg.jpg) center / cover;background-blend-mode:luminosity;border:1px solid rgba(120,105,80,.45);box-shadow:0 18px 50px #0a080466;display:flex;align-items:center;justify-content:center;animation:ezu-hiraku .7s cubic-bezier(.2,.9,.3,1) both;font-size:15px;letter-spacing:.3em;color:var(--usuzumi)}@keyframes ezu-hiraku{0%{transform:scale(.16,.04)}45%{transform:scale(.8,.1)}to{transform:scale(1)}}#ezu .ezu-paper{position:relative;overflow:hidden}#ezu .ezu-yama{position:absolute;left:0;right:0;bottom:0;width:100%;height:110px;pointer-events:none}@media(prefers-reduced-motion:reduce){.hen{opacity:1;transform:none;transition:none}#kamime{transition:none}}@media(max-width:640px){#maki{flex-direction:column;overflow-x:hidden;overflow-y:auto}.jiku{flex:0 0 22px;background:linear-gradient(180deg,#4a3826,#7a5c38 45%,#2e2318)}.dan{padding:7vh 6vw;justify-content:center;width:100%;box-sizing:border-box}.daiji h1{font-size:52px}.kojo{max-width:100%}.kojo .v{height:auto;writing-mode:horizontal-tb;line-height:2.1}.hen{height:auto;width:100%;margin:3vh 0;padding:14px 14px 18px}.hen-body{writing-mode:horizontal-tb}.hen:nth-of-type(odd),.hen:nth-of-type(2n){margin-top:0}.hen h2{line-height:1.7}.toki{writing-mode:horizontal-tb;height:auto;border-right:none;border-bottom:1px solid rgba(107,99,88,.4);padding:0 0 8px;margin:2vh 0}.iriguchi{flex-direction:column}.mon{writing-mode:horizontal-tb;height:auto;margin:1.2vh 0;width:100%;box-sizing:border-box}.mon small,.mon>span{writing-mode:horizontal-tb;white-space:normal}.okuzuke p{writing-mode:horizontal-tb;height:auto}#tebiki{display:none}}