body{width:100%;min-height:100vh;margin:0;padding:0 10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-image:url(./asset/keidai.webp);background-size:cover;background-position:center;background-repeat:no-repeat;font-size:16px;font-family:"Zen Maru Gothic",sans-serif;font-weight:400;font-style:normal;padding:40px 20px;box-sizing:border-box}@media screen and (max-width: 600px){body{font-size:14px}}body h2{margin-top:20px !important}.main{text-align:center;width:100%;max-width:600px;background-color:hsla(0,0%,100%,.9);padding:30px 20px;box-sizing:border-box;outline:2px solid #d54b4b;outline-offset:-8px}.main #container{position:relative}.main #container .SiteTitle{font-size:clamp(1.5rem,7vw,3rem);font-weight:bold;color:#222;text-shadow:1px 1px 2px rgba(0,0,0,.1);margin-bottom:20px;border-top:#d54b4b 2px solid;border-bottom:#d54b4b 2px solid;position:relative;padding:10px}.main #container .SiteTitle::before,.main #container .SiteTitle::after{content:"";position:absolute;width:100%;height:4px;background:#d54b4b;left:0}.main #container .SiteTitle::before{top:-10px}.main #container .SiteTitle::after{bottom:-10px}.main #container #selectButton{width:100%;max-width:400px;position:relative;margin:20px auto;padding:1rem 2rem;padding-right:calc(2em + 2rem);font-size:1.5em;font-weight:bold;cursor:pointer;border:none;border-radius:8px;background:#d54b4b;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.2);transition:transform .2s ease;font-family:"Zen Maru Gothic",sans-serif}.main #container #selectButton:active{transform:scale(0.95)}.main #container #selectButton::after{content:"";position:absolute;top:50%;right:2rem;display:inline-block;width:1em;height:1em;background:url(./asset/oonusa.svg) no-repeat center center;margin-left:10px;font-size:1.5em;transform:translateY(-50%)}.main #container #result{position:absolute;z-index:1000;top:0;left:50%;transform:translateX(-50%) scale(0);width:90%;max-width:600px;height:600px;max-height:60vh;background:#fffefa;border-radius:4px;border:#bcbcbc 1px solid;outline:2px solid #d54b4b;outline-offset:-8px;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.6em;font-weight:bold;color:#333;box-shadow:0 8px 12px rgba(0,0,0,.1);opacity:0;pointer-events:none}.main #container #result .situation{white-space:pre-line}.main #container #result .buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem}.main #container #result .buttons button{width:100%;max-width:400px;position:relative;margin:20px auto;padding:1rem 2rem;font-size:.8em;font-weight:bold;cursor:pointer;border:none;background:#d54b4b;color:#fff;transition:transform .2s ease;font-family:"Zen Maru Gothic",sans-serif}.main #container #result .buttons button#continueButton{position:relative;padding-right:calc(2em + 2rem)}.main #container #result .buttons button#continueButton::after{content:"";position:absolute;right:2rem;display:inline-block;width:1em;height:1em;background:url(./asset/yin-yang.svg) no-repeat center center;animation:rotation 3s linear infinite;font-size:1.5em;transform:translateY(-50%)}.main #container #result .buttons #share-x{background:#fff;color:#d54b4b;border:2px solid #d54b4b}.main #container #result.show{pointer-events:auto;animation:slideDrop .8s ease-out forwards}.main #container #result.hide{animation:slideUp .6s ease-in-out forwards;pointer-events:none}.main .site-info h2{width:-moz-fit-content;width:fit-content;padding:0 10px;margin:30px auto;background:linear-gradient(transparent 70%, #ffb6b6 70%)}.main .site-info p{text-align:justify}.main .site-info .x-share{color:#fff;text-decoration:none;font-weight:bold;font-size:.9em;background-color:#8c1f1f;padding:8px 12px;border-radius:8px;display:inline-block}.main .site-info .accordion{margin:1.5em 0}.main .site-info .accordion .accordion-toggle{color:#222;width:100%;padding:.8em 1em;font-size:1em;font-weight:bold;text-align:left;border:2px solid #d54b4b;border-radius:4px;background:#fff;cursor:pointer;position:relative;font-family:"zen maru gothic",sans-serif}.main .site-info .accordion .accordion-toggle:after{content:"▼";position:absolute;right:1em;top:50%;transform:translateY(-50%);transition:transform .3s}.main .site-info .accordion .accordion-toggle.open:after{transform:translateY(-50%) rotate(180deg)}.main .site-info .accordion .accordion-panel{max-height:0px;overflow:hidden;transition:max-height .4s ease;background:#fffefa;border-left:2px solid #d54b4b;border-right:2px solid #d54b4b;border-radius:0 0 4px 4px;box-sizing:border-box}.main .site-info .accordion .accordion-panel ul{list-style:none;margin:0;padding:.5em 1em}.main .site-info .accordion .accordion-panel ul li{padding:.4em 0;border-bottom:1px dashed #ccc}.main .site-info .accordion .accordion-panel ul li:last-child{border-bottom:none}.main .site-info .accordion .accordion-panel.open{max-height:400px;overflow:auto;border-bottom:2px solid #d54b4b}@keyframes slideDrop{0%{transform:translateX(-50%) translateY(-200px) scale(0);opacity:0}60%{transform:translateX(-50%) translateY(20px) scale(1);opacity:1}80%{transform:translateX(-50%) translateY(-10px) scale(1)}100%{transform:translateX(-50%) translateY(0) scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateX(-50%) translateY(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-200px) scale(0);opacity:0}}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.embed-oekaki-calendar,.touhou-choice-tool-site{text-align:center;width:100%;max-width:600px;background-color:hsla(0,0%,100%,.9);padding:30px 20px;box-sizing:border-box;margin-top:40px;outline:2px solid #d54b4b;outline-offset:-8px}.SisterSiteHeading{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.SisterSiteHeading .SisterSite{font-size:1em;font-weight:bold;display:block;position:relative}.SisterSiteHeading .SisterSite::before{position:absolute;top:50%;left:-30px;transform:translateY(-50%);content:"";background-image:url(./asset/apple-touch-icon.png);display:block;width:20px;height:20px;background-size:contain}.SisterSiteHeading .SisterSiteTitle{font-size:clamp(1.1rem,4vw,2rem);font-weight:bold;display:block;margin-top:10px;position:relative;padding:8px 20px}.SisterSiteHeading .SisterSiteTitle::before,.SisterSiteHeading .SisterSiteTitle::after{content:"";position:absolute;width:30px;height:30px}.SisterSiteHeading .SisterSiteTitle::before{border-left:solid 2px #d54b4b;border-top:solid 2px #d54b4b;top:0;left:0}.SisterSiteHeading .SisterSiteTitle::after{border-right:solid 2px #d54b4b;border-bottom:solid 2px #d54b4b;bottom:0;right:0}.SisterSiteHeading .SisterSiteTitle span::after,.SisterSiteHeading .SisterSiteTitle span::before{content:"";content:"";position:absolute;width:46px;height:46px;rotate:45deg}.SisterSiteHeading .SisterSiteTitle span::before{border-left:solid 3px #d54b4b;top:2px;left:2px}.SisterSiteHeading .SisterSiteTitle span::after{border-right:solid 3px #d54b4b;bottom:2px;right:2px}.SisterSiteButton{padding:10px 20px;font-size:1em;font-weight:bold;color:#fff;background-color:#8c1f1f;text-decoration:none;border:none;border-radius:8px;margin-top:20px;cursor:pointer}.SisterSiteButton a{color:#fff;text-decoration:none}.others{background-color:hsla(0,0%,100%,.9);outline:2px solid #d54b4b;outline-offset:-8px;padding:30px 20px;width:100%;max-width:600px;box-sizing:border-box;margin-top:40px}.others h2{text-align:center;width:-moz-fit-content;width:fit-content;padding:0 10px;margin:0 auto;background:linear-gradient(transparent 70%, #ffb6b6 70%)}.others .x-follow{display:flex;justify-content:center;align-items:center;padding-top:10px}.others .x-follow p{font-size:1.8em;margin-right:20px;line-height:1em}.others .x-follow .x-link{font-size:1.2em;font-weight:bold;color:#fff;background-color:#222;text-decoration:none;padding:10px;border-radius:8px}.others .notes{list-style:none;padding:.5em}.others .notes li{margin:10px 0;position:relative;padding:.5em 0 .5em 2.3em;margin-bottom:5px;font-size:16px}@media screen and (max-width: 600px){.others .notes li{font-size:12px}}.others .notes li:before,.others .notes li::after{position:absolute;content:"";transform:rotate(45deg)}.others .notes li:before{top:35%;left:.2em;width:12px;height:12px;border:2px solid #d54b4b}.others .notes li::after{top:45%;left:.7em;width:14px;height:14px;background:#d54b4b;opacity:.3;transform:rotate(60deg)}.others .material a{display:block;text-decoration:none;color:#007acc;font-weight:bold}footer small{color:#fff}.mode{display:flex;flex-wrap:wrap;gap:12px 16px;flex-direction:column}.mode select{margin-left:.25rem}.switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch input:focus-visible+.track{box-shadow:0 0 0 3px rgba(229,57,53,.35)}.switch input:disabled+.track{opacity:.5;cursor:not-allowed}.switch input:disabled~.text{opacity:.6}.switch input:checked+.track{background:#e53935}.switch input:checked+.track .thumb{transform:translateX(20px)}.switch .track{width:44px;height:24px;border-radius:999px;background:#dcdcdc;position:relative;transition:background .2s ease,box-shadow .2s ease;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.switch .track .thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.2)}.switch .text{line-height:1}@media(prefers-color-scheme: dark){.switch .track{background:#555}.switch .track .thumb{background:#f9f9f9}}#situationSelect{padding:10px;border:#e53935 2px solid;border-radius:4px}body#oekaki-calendar{background-image:url(./asset/haikei-a.webp);background-size:cover;background-position:center}body#oekaki-calendar .main{position:relative}body#oekaki-calendar .container .date-box{margin:30px 0;background-color:#f9f2e2;padding:15px;position:relative;border:#dbab59 2px solid;color:#331900}body#oekaki-calendar .container .date-box::before{content:"";position:absolute;width:100%;height:calc(100% - 14px);transform:translate(-50%, -50%);border:#dbab59 2px solid;left:50%;top:50%}body#oekaki-calendar .container .date-box::after{content:"";position:absolute;width:calc(100% - 14px);height:100%;transform:translate(-50%, -50%);border:#dbab59 2px solid;left:50%;top:50%}body#oekaki-calendar .container .date-box .date-display{font-weight:bold;font-size:1.4em;margin-top:.3em;margin-bottom:.3em}body#oekaki-calendar .container .date-box #current-date{font-size:1.8em}body#oekaki-calendar .container .event-area{border:#d54b4b 2px solid;position:relative;margin-bottom:30px;padding:20px;z-index:10}body#oekaki-calendar .container .event-area::before{content:"";position:absolute;width:100%;height:calc(100% - 14px);transform:translate(-50%, -50%);border:#d54b4b 2px solid;left:50%;top:50%}body#oekaki-calendar .container .event-area::after{content:"";position:absolute;width:calc(100% - 14px);height:100%;transform:translate(-50%, -50%);border:#d54b4b 2px solid;left:50%;top:50%}body#oekaki-calendar .container .event-area h2{z-index:10;position:relative;background-color:#8c1f1f;color:#fff;padding:10px;outline:#fff 2px solid;outline-offset:-5px}body#oekaki-calendar .container .event-area h2 span{display:block}body#oekaki-calendar .site-info{margin-top:30px}.event-list{list-style:none;padding:0;z-index:10;position:relative}.event-list li{margin-top:20px}.event-list li span{display:block}.event-list li .event-character{font-weight:bold;font-size:1em;color:#270b00}.event-list li .event-tags{font-size:1.1em}.event-list .date-group{margin-top:40px}.event-list .date-group .date-header{padding:.7em 10px;border:1px solid #8c1f1f;position:relative;width:85%;margin-left:auto;margin-right:auto}.event-list .date-group .date-header::before,.event-list .date-group .date-header::after{content:"";display:block;position:absolute;width:20px;height:20px;border:1px solid #8c1f1f}.event-list .date-group .date-header::before{left:-8px;top:-8px}.event-list .date-group .date-header::after{right:-8px;bottom:-8px}.event-list .date-group .date-header .event-day{font-weight:bold;font-size:1.6em}.event-list .date-group .event-sublist{list-style:none;padding:0}.event-list .date-group .event-sublist li{margin-top:20px}