@charset "UTF-8";@font-face{font-family:YujiShuku-Regular;font-weight:400;src:url(/fonts/YujiShuku/YujiSyuku-Regular.ttf) format("truetype")}video{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}body,ul,li,p{margin:0;padding:0;list-style-type:none;font-family:YujiShuku-Regular,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO,sans-serif}body{position:fixed;top:0;left:0;right:0;bottom:0}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit;cursor:pointer;font-family:inherit}.loading-container{width:90%;height:10%;margin:0 auto;display:grid;grid-template-columns:12% 76% 12%;gap:4px;align-items:center;justify-content:space-between;font-size:2.6vw;color:#fff;text-shadow:4px 4px 10px rgb(2,2,47)}.loading-bar-outer{height:30%;outline:1px solid gray}#loading-bar{display:block;width:100%;height:100%;background:#0909c0;transform:scaleX(0);transform-origin:center left}#loading-rate{text-align:right}.instruction-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:20}.inst-img-container{position:absolute;top:27%;left:35%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:space-between;padding-top:10vh}.inst-comment{writing-mode:vertical-rl;position:absolute;top:10%;right:10%;color:#02022f;text-shadow:0px 4px 8px #f5f0f4,0px 4px 8px #f5f0f4,0px 4px 8px #f5f0f4,0px 4px 8px #f5f0f4,0px 4px 8px #f5f0f4,0px -4px 8px #f5f0f4,0px -4px 8px #f5f0f4,0px -4px 8px #f5f0f4,0px -4px 8px #f5f0f4;font-size:6vw}.inst-img-container img{max-width:40vw;max-height:30vh;margin:20px;background:#fffc;-o-object-fit:contain;object-fit:contain;box-shadow:0 0 20px 10px #fff;border-radius:50%}.door{width:50%;height:100%;position:absolute;top:0;z-index:11;transition:transform .9s ease-in-out;-o-object-fit:cover;object-fit:cover}.door-l{left:0;-o-object-position:right;object-position:right}.door-r{right:0;-o-object-position:left;object-position:left}.door-l.slide{transform:translate(-100%)}.door-r.slide{transform:translate(100%)}.start{width:80%;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;bottom:5%;left:50%;transform:translate(-50%);font-size:4vmin;color:#f5f0f4;font-weight:700;border-radius:4px;text-align:center}.start p{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;text-align:center;text-shadow:4px 4px 10px rgb(2,2,47)}.start button{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#02022f;font-size:6vmin;border-radius:4px;margin:4px;box-shadow:2px 2px 10px #02022f}.html-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10}.instruction-container.hidden,.html-container.hidden{display:none}#start-comment{width:90%;text-align:center;color:#e6e6e6;font-size:8vmin;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-family:YujiShuku-Regular,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO,sans-serif;text-shadow:1px 1px 0 black,1px -1px 0 black,-1px 1px 0 black,-1px -1px 0 black}#start-comment .yellow{color:#fff023;padding:0 10px}#start-comment.hidden{display:none}.comment-area{background-image:url(/game18_oden/img/comment_area_bg_v.webp);background-size:cover;background-position:center;width:100%;height:10vmax;position:fixed;top:0;left:0;right:0;bottom:auto;display:flex;align-items:center}.control-btn{margin:0 10px;padding:10px 0;border-radius:4px;background:#414141b3;font-size:3vmin;color:#e6e6e6;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;text-align:center}#comment-text{margin:0 6px;padding:0 1vmax;width:auto;height:90%;background-image:url(/game18_oden/img/dojo_sign.webp);background-size:cover;background-position:center;flex-grow:1;display:flex;align-items:center;justify-content:center;font-size:10vmin;color:#e6e6e6;line-height:10vmax;overflow:hidden;letter-spacing:.18em}.score-area{background-image:url(/game18_oden/img/score_area_bg_v.webp);background-size:cover;background-position:center;width:100%;height:15vmax;position:fixed;top:auto;left:0;right:0;bottom:0}.score-area .heading{padding:0 20px;height:30%;display:flex;align-items:center;font-size:4vmax;letter-spacing:.4em}.score-area .score-bg{position:absolute;top:30%;left:2%;right:2%;bottom:0;background-image:url(/game18_oden/img/score_bar_frame.webp);background-size:100% auto;background-repeat:no-repeat;background-position:center;z-index:2}.score-area .score-meter{background:green;position:absolute;top:55%;left:10%;right:10%;bottom:25%;width:0%;z-index:1}.score-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:13;display:flex;flex-direction:column;justify-content:stretch;align-items:center;padding:10px}.score-container .score-form{display:flex;flex-direction:column;justify-content:center}.score-container .score-btn.oden18{font-size:5vmin;padding:0 1em;max-width:600px}.score-container .show-score{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;font-size:5vmin;text-shadow:1px 1px 4px rgb(241,252,201);border-radius:4px;box-shadow:2px 2px 10px #121213}.score-container #meal{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.hidden{transform:scale(0)}@media (min-aspect-ratio: 4/3){.inst-img-container{flex-direction:row;top:40%;left:50%}.inst-comment{right:50%;transform:translate(50%);font-size:6.5vh}.inst-img-container img{margin:0 14vh;max-width:35vw;max-height:70vh}.comment-area .control-btn{margin:10px 0}.comment-area{background-image:url(/game18_oden/img/comment_area_bg_h.webp);width:15vmax;height:100%;right:auto;bottom:0;flex-direction:column}#comment-text{margin:6px 0;padding:1vmax 0;width:60%;height:auto;background-image:url(/game18_oden/img/dojo_sign-v.webp);writing-mode:vertical-lr}.score-area{background-image:url(/game18_oden/img/score_area_bg_h.webp);width:15vmax;height:100%;top:0;left:auto}.score-area .heading{padding:20px 0;height:100%;writing-mode:vertical-lr}.score-area .score-bg{top:2%;left:30%;right:0;bottom:2%;background-image:url(/game18_oden/img/score_bar_frame-v.webp);background-size:auto 100%}.score-area .score-meter{background:green;position:absolute;top:10%;left:55%;right:25%;bottom:10%;height:10%}}