@charset "UTF-8";.mailto-link{color:#007bff;font-weight:700;text-decoration:underline}.line-btn,a.line-btn,.btn-flex>.btn.line-btn,.mail-btn,a.mail-btn,button.btn.mail-btn,.btn-flex>.btn.mail-btn{position:relative;display:inline-flex;align-items:center;height:44px;padding:0;margin:12px auto;box-shadow:none;border:none;border-radius:4px;background-color:#06c755;cursor:pointer;transition:background-color .2s}.line-btn .line-logo,.line-btn .line-text,a.line-btn .line-logo,a.line-btn .line-text,.btn-flex>.btn.line-btn .line-logo,.btn-flex>.btn.line-btn .line-text,.mail-btn .line-logo,.mail-btn .line-text,a.mail-btn .line-logo,a.mail-btn .line-text,button.btn.mail-btn .line-logo,button.btn.mail-btn .line-text,.btn-flex>.btn.mail-btn .line-logo,.btn-flex>.btn.mail-btn .line-text{z-index:3;color:#fff;font-size:inherit}.line-btn .line-logo,a.line-btn .line-logo,.btn-flex>.btn.line-btn .line-logo,.mail-btn .line-logo,a.mail-btn .line-logo,button.btn.mail-btn .line-logo,.btn-flex>.btn.mail-btn .line-logo{padding:.25em;box-sizing:border-box;height:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;position:relative}.line-btn .line-logo img,a.line-btn .line-logo img,.btn-flex>.btn.line-btn .line-logo img,.mail-btn .line-logo img,a.mail-btn .line-logo img,button.btn.mail-btn .line-logo img,.btn-flex>.btn.mail-btn .line-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.line-btn .line-logo:after,a.line-btn .line-logo:after,.btn-flex>.btn.line-btn .line-logo:after,.mail-btn .line-logo:after,a.mail-btn .line-logo:after,button.btn.mail-btn .line-logo:after,.btn-flex>.btn.mail-btn .line-logo:after{content:"";position:absolute;left:100%;top:0;bottom:0;width:1px;background-color:#00000014;z-index:4}.line-btn .line-text,a.line-btn .line-text,.btn-flex>.btn.line-btn .line-text,.mail-btn .line-text,a.mail-btn .line-text,button.btn.mail-btn .line-text,.btn-flex>.btn.mail-btn .line-text{flex-grow:1;text-align:center;font-weight:700;padding:0 1.5em;box-sizing:border-box;text-shadow:none}.line-btn .mail-text,a.line-btn .mail-text,.btn-flex>.btn.line-btn .mail-text,.mail-btn .mail-text,a.mail-btn .mail-text,button.btn.mail-btn .mail-text,.btn-flex>.btn.mail-btn .mail-text{flex-grow:1;text-align:center;font-weight:700;padding:0 1.5em;box-sizing:border-box}.line-btn:hover:not(:disabled):before,a.line-btn:hover:not(:disabled):before,.btn-flex>.btn.line-btn:hover:not(:disabled):before,.mail-btn:hover:not(:disabled):before,a.mail-btn:hover:not(:disabled):before,button.btn.mail-btn:hover:not(:disabled):before,.btn-flex>.btn.mail-btn:hover:not(:disabled):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a;z-index:2}.line-btn:active:not(:disabled):before,a.line-btn:active:not(:disabled):before,.btn-flex>.btn.line-btn:active:not(:disabled):before,.mail-btn:active:not(:disabled):before,a.mail-btn:active:not(:disabled):before,button.btn.mail-btn:active:not(:disabled):before,.btn-flex>.btn.mail-btn:active:not(:disabled):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000004d;z-index:2}.line-btn:disabled,a.line-btn:disabled,.btn-flex>.btn.line-btn:disabled,.mail-btn:disabled,a.mail-btn:disabled,button.btn.mail-btn:disabled,.btn-flex>.btn.mail-btn:disabled{background-color:#fff;border:1px solid rgba(229,229,229,.6);cursor:not-allowed}.line-btn:disabled .line-text,a.line-btn:disabled .line-text,.btn-flex>.btn.line-btn:disabled .line-text,.mail-btn:disabled .line-text,a.mail-btn:disabled .line-text,button.btn.mail-btn:disabled .line-text,.btn-flex>.btn.mail-btn:disabled .line-text{color:#1e1e1e33}.line-btn:disabled .line-logo,a.line-btn:disabled .line-logo,.btn-flex>.btn.line-btn:disabled .line-logo,.mail-btn:disabled .line-logo,a.mail-btn:disabled .line-logo,button.btn.mail-btn:disabled .line-logo,.btn-flex>.btn.mail-btn:disabled .line-logo{filter:grayscale(1) opacity(.2)}.line-btn:disabled:after,a.line-btn:disabled:after,.btn-flex>.btn.line-btn:disabled:after,.mail-btn:disabled:after,a.mail-btn:disabled:after,button.btn.mail-btn:disabled:after,.btn-flex>.btn.mail-btn:disabled:after{background-color:#e5e5e599}.btn-flex>.btn.mail-btn,button.btn.mail-btn{background:#0ea6b4}html{scroll-behavior:smooth}body{background:#f0f0f0}.under-shadow{max-width:680px;margin:10px auto;box-shadow:-6px -6px 12px #fffc,6px 6px 12px #0003;padding-top:20px;padding-bottom:40px}.under-shadow iframe{margin:0 auto}.common{width:100%;box-sizing:border-box;text-align:center;position:relative}.common>div,.common>dl{padding-left:14px;padding-right:14px;box-sizing:border-box}.common .news{height:68px;overflow:scroll;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-grow:1}.common .news article{position:relative;text-align:left;font-size:small;padding-left:36px}.common .news article.new:before{content:"New!";position:absolute;top:0;left:0;z-index:10;transform:rotate(-5deg);color:orange;font-weight:700;text-decoration:underline;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.common .news article.important:before{content:"重要";position:absolute;top:0;left:0;z-index:10;transform:rotate(-5deg);color:red;font-weight:700;text-decoration:underline;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.common .news article .game-title{color:#008b8b}.common .caution-container{line-height:1.6em;text-align:left;box-sizing:border-box}.common .caution-container .amazon-link-container{display:flex;justify-content:center;align-items:center}.common .caution-container .caution{margin-top:10px;width:100%;text-align:left}.common .caution-container .caution.head{text-align:center;display:flex;justify-content:center;gap:.5em}.common .caution-container .caution img{height:90%;vertical-align:bottom;-o-object-fit:contain;object-fit:contain}.common .caution-container .caution.browser-list{padding:5px 10px;border:1px solid #000;text-align:left;box-sizing:border-box}.common .caution-container .caution-yellow{color:#ff9500;font-weight:700}.common .caution-container .underline{text-decoration:underline}.common .caution-container .browser-icons{display:flex;height:60px;justify-content:right}.common .caution-container .browser-icons span{display:flex;align-items:flex-end}.common .main-btn{width:100%;height:60px;margin:10px auto 20px;line-height:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center}.common .main-btn img{max-width:50%;height:100%;-o-object-fit:contain;object-fit:contain;box-shadow:-6px -6px 12px #fffc,6px 6px 12px #0003;background:#f0f0f0;padding:4px;border-radius:16px}.common #tips h4,.common #tips ul,.common #tips li,.common #tips p{text-indent:1em}.common #tips .detail.appear{display:block;animation:.5s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(-5%)}to{opacity:1;transform:translateY(0)}}.common #tips .qa{max-width:680px;margin-left:auto;margin-right:auto}.common #tips .qa h3{padding:14px 0;text-decoration:underline;font-size:20px;line-height:30px}.common #tips .question{max-width:680px;cursor:pointer;position:relative;font-size:14px;line-height:18px;text-align:left;padding-left:18px;text-indent:0}.common #tips .question:before{content:"";display:inline-block;width:18px;height:18px;position:absolute;left:0;box-sizing:border-box;border-left:14px solid pink;border-top:9px solid transparent;border-bottom:9px solid transparent;vertical-align:bottom}.common #tips .detail{display:none;border:1px solid rgba(43,43,43,.8);margin:4px;padding:10px;font-size:.9em;line-height:1.8em;border-radius:10px}.common #tips .detail ul{text-align:left}.common #tips section+section{margin-top:20px}.common #tips .detail ul{list-style-type:disc;list-style-position:inside}.common #tips li.number{list-style-type:decimal}.common #tips li.no-style{list-style-type:none}.back-to-top{display:block;text-align:center;margin-top:20px;padding:8px;border-radius:6px;box-shadow:-6px -6px 12px #fffc,6px 6px 12px #0003}.back-to-top:hover{box-shadow:none;transform:translateY(3px);background:#777;color:ivory}.link-btn{position:relative}.link-btn.new:before{content:"NEW!";position:absolute;top:0;z-index:10;transform:rotate(-5deg);color:orange;font-weight:700;text-decoration:underline;text-shadow:1px 1px 2px rgba(0,0,0,.5);left:.25em;font-size:min(6vmin,2em)}@font-face{font-family:Numbers;font-style:normal;src:url(/build/assets/Georama_num700-DNKJ3SkI.woff) format("woff")}.instruction-container{z-index:22}.html-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.html-container.hidden{display:none}.menu-background{width:100%;height:12vh}.menu-background.short{background:url(/build/assets/sky-BgcL1GW_.jpg) center bottom/cover;box-shadow:0 6px 4px #4dbeed}.menu-background.long{background:orange center bottom/cover;box-shadow:0 6px 4px #efb346}.menu-background.time{background:navy center bottom/cover;box-shadow:0 6px 4px #3c3c3c}.menu-container{width:100%;height:12vh;padding:16px 10px 0;position:absolute;top:0;z-index:1;display:flex;gap:4px;box-sizing:border-box;justify-content:space-between;align-items:center}.menu-container button{height:100%;color:ivory;flex-grow:1;flex-shrink:1;border-radius:12px;font-size:4vmin;line-height:100%;border:none;transform:scale(1)}.menu-container button.short{background:#87ceeb}.menu-container button.long{background:orange}.menu-container button.time{background:navy}.menu-container button.current{border:8px solid white}.short-mode-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.short-mode-container .challenge-container{width:100%;height:100%;position:relative}.short-mode-container .challenge-container h1{width:100%;text-align:center;font-size:10vmin;color:#ff6189;text-shadow:2px 2px 0 ivory,-2px 2px 0 ivory,2px -2px 0 ivory,-2px -2px 0 ivory}.short-mode-container .challenge-container h2{width:100%;text-align:center;color:ivory;font-size:5.5vmin;margin-top:20px;text-shadow:2px 2px 0 #808080,-2px 2px 0 #808080,2px -2px 0 #808080,-2px -2px 0 #808080}.short-mode-container .challenge-container img{width:60%;height:60%;-o-object-fit:contain;object-fit:contain;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) scale(1)}.short-mode-container .challenge-container img#ready_go,.short-mode-container .challenge-container img#ready_letters{animation:pop-go .7s forwards}@keyframes pop-go{0%{transform:translate(-50%,-50%) scale(.3)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.short-mode-container #meter-outer{width:90%;margin:5%;height:20px;background:gray;border-radius:10px;overflow:hidden;position:relative;border:6px solid ivory;box-shadow:inset 1px 1px 1px #000,inset -1px 1px 1px #000,inset 1px -1px 1px #000,inset -1px -1px 1px #000}.short-mode-container #meter-outer #meter-inner{width:100%;height:100%;position:absolute;top:0;left:0;background:#ff6189;transform:scaleX(1);transform-origin:left;box-shadow:inset 1px 1px #000,inset 1px -1px #000}.short-mode-container .result{position:absolute;bottom:10px;right:5%;font-size:36px}.result-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:center;align-items:center;animation:.7s pop forwards}@keyframes pop{0%{transform:scale(.3)}50%{transform:scale(1.2)}to{transform:scale(1)}}.result-container .result-img-container{width:min(100vw,100vh);height:min(100vw,100vh);position:relative}.result-container .result-img-container img{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:0}.result-container .result-img-container p{font-family:Numbers;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:20vmin;color:#fff;text-shadow:2px 2px 0 #808080,-2px 2px 0 #808080,2px -2px 0 #808080,-2px -2px 0 #808080;z-index:1}.btn-container-sound-quit{position:absolute;bottom:4px;left:4px;display:flex;gap:8px;z-index:2}.btn-container-sound-quit #sound-switch,.btn-container-sound-quit #quit,.btn-container-sound-quit #bgm-switch{padding:0 20px;border-radius:10vh;border:#aaa solid 2px;font-weight:700;font-size:4vh;color:#e6e6e6;background:#333333b3}.btn-container-sound-quit #quit{right:calc(20vw + 12px)}.hidden{transform:scale(0)}.sound-start.hidden{transform:translate(-50%) scale(0)}@media(min-aspect-ratio:4/3){.background-container{background-size:100vw auto}}
