@charset "UTF-8";body{margin:0;background:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-y:scroll}header{padding:10px;height:39px;background:#222;border-bottom:solid 1px #fff;margin-bottom:10px}header .header-logo-menu{display:flex;display:-moz-flex;display:-o-flex;display:-ms-flex;flex-direction:row;-moz-flex-direction:row;-o-flex-direction:row}header .header-logo-menu #nav-drawer{position:relative;margin:auto 0}header .header-logo-menu #nav-drawer #nav-open{display:inline-block;width:30px;height:30px;vertical-align:middle;cursor:pointer}header .header-logo-menu #nav-drawer #nav-open span,header .header-logo-menu #nav-drawer #nav-open span:before,header .header-logo-menu #nav-drawer #nav-open span:after{position:absolute;margin-top:6px;height:3px;width:26px;border-radius:3px;background:#fff;display:block;content:"";cursor:pointer}header .header-logo-menu #nav-drawer #nav-open span:before{bottom:-8px}header .header-logo-menu #nav-drawer #nav-open span:after{bottom:-16px}header .header-logo-menu #nav-drawer #nav-close{display:none;position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:.3s ease-in-out}header .header-logo-menu #nav-drawer #nav-content{overflow:auto;position:fixed;top:0;left:0;z-index:9999;width:90%;max-width:330px;height:100%;transition:.3s ease-in-out;transform:translateX(-105%);list-style-type:none;background:#222;color:#fff}header .header-logo-menu #nav-drawer #nav-content .menu{font-family:"Anton";margin:20px;font-size:4em;letter-spacing:.4em}header .header-logo-menu #nav-drawer #nav-content .h-menu{font-size:1.2em;border-top:solid 2px #e4e4e4}header .header-logo-menu #nav-drawer #nav-content .h-menu .title{background:#000}header .header-logo-menu #nav-drawer #nav-content .h-menu .title a{display:block;margin:0;padding:20px;border-bottom:solid 1px #333}header .header-logo-menu #nav-drawer #nav-content .h-menu .click a{display:block;margin:0;padding:20px 40px;border-bottom:solid 1px #333}header .header-logo-menu #nav-drawer #nav-content .h-menu .click a:link{color:#fff;text-decoration:none}header .header-logo-menu #nav-drawer #nav-content .h-menu .click a:visited{color:#fff;text-decoration:none}header .header-logo-menu #nav-drawer #nav-content .h-menu .click a:hover{color:#fff;text-decoration:none;background:#333}header .header-logo-menu #nav-drawer #nav-content .h-menu .click a:active{color:#fff;text-decoration:none}header .header-logo-menu #nav-drawer #nav-content .h-menu #HowTo a{padding:20px}header .header-logo-menu #nav-drawer #nav-content .h-menu #YesNoButton button{margin:0 20px;cursor:pointer}header .header-logo-menu #nav-drawer #nav-input:checked ~ #nav-close{display:block;opacity:.5}header .header-logo-menu #nav-drawer #nav-input:checked ~ #nav-content{transform:translateX(0%);box-shadow:6px 0 25px rgba(0,0,0,0.15)}header .header-logo-menu #nav-drawer .nav-unshown{display:none}header .header-logo-menu .logo-area{text-align:center;margin:auto;font-family:"Anton",sans-serif;color:#fff;line-height:1.2em;font-size:2.2em}header .header-logo-menu .mode{position:absolute;top:32px;right:10px;color:#fff;font-size:1em}header .header-logo-menu .dummy{width:30px}.HowTo{color:#e4e4e4;width:80%;margin:auto;margin-bottom:20px}@media screen and (min-width: 1400px){.HowTo{width:65%}}@media screen and (max-width: 950px){.HowTo{width:96%}}.HowTo .HTitle{font-size:2em;border-bottom:solid 2px #7a7a7a}.HowTo img{margin-top:15px;width:100%;max-width:1000px;box-shadow:0 10px 25px 0 rgba(0,0,0,0.5);margin-bottom:15px}.HowTo #h-sample p{margin-bottom:4px}.HowTo #h-sample iframe{margin-top:15px;margin-bottom:15px;box-shadow:0 10px 25px 0 rgba(0,0,0,0.5)}.HowTo .h-link p :hover{text-decoration:none}.HowTo .h-link a{margin:12px auto;text-decoration:none;font-size:1.8em;color:#00acee}.HowTo .h-link a :visited{text-decoration:none}.HowTo .h-t{margin:4px auto;font-size:1.5em;margin-top:16px;margin-bottom:20px}.HowTo .h-t p{margin:4px auto}.HowTo .h-t p a{text-decoration:none;color:#00acee}#play{line-break:[normal]}@media screen and (min-width: 1400px){#play{width:1382px;margin:0 auto}}.box{margin:0 auto;margin-top:20px;width:740px;height:215px;position:relative}.box iframe{z-index:0;position:absolute;top:0;left:0;box-shadow:0 0 10px 5px #000}.box .imgs{z-index:999}.box .imgs .img_01{position:absolute;box-shadow:inset 0 0 10px 10px;top:10px;left:10px;width:140px;height:140px}.box .imgs .img_02{position:absolute;box-shadow:inset 0 0 10px 10px;top:15px;left:170px;width:560px;height:20px}.box .imgs .img_03{position:absolute;box-shadow:inset 0 0 10px 10px;top:40px;left:170px;width:480px;height:20px}.box .imgs .img_04{position:absolute;box-shadow:inset 0 0 10px 10px;top:73px;left:186px;width:480px;height:98px}.box .imgs .img_05{position:absolute;box-shadow:inset 0 0 10px 10px;top:185px;left:700px;width:30px;height:30px}.timer{width:140px;margin:10px auto;margin-top:18px;padding:8px;border:solid 3px #222;background:#404040;text-align:center;color:#fff;font-size:2.5em;letter-spacing:3px;font-family:"Lato",sans-serif}.answers{font-family:sans-serif;display:flex;flex-flow:column;margin-bottom:50px}.answers input[type=radio]{display:none}.answers input[type=radio]:checked + label{border:solid 3px #fff;color:#000;background:#9e9e9e}.answers label{font-size:26px;margin:8px 40px;padding:6px;cursor:pointer;border:solid 3px #333;background:#7a7a7a;color:#000;font-weight:700;text-align:center}.answers .Kotae{background:#b22222;border:solid 3px #e4e4e4}#guess{text-align:center;margin:auto;margin-bottom:50px}#guess .button{width:200px;height:90px;background:#e4e4e4;font-family:"Open Sans",sans-serif;font-size:40px;letter-spacing:2px;text-decoration:none;color:#000;cursor:pointer;border:4px solid #000;padding:10px;box-shadow:0 5px 0;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}#guess .button:active{box-shadow:0 0 0 0;top:5px}#other-answer{text-align:center;width:100%}#other-answer #oa-buttons{display:flex;width:70%;margin:auto}#other-answer #oa-buttons div{margin:auto}#other-answer #oa-buttons .other-div{width:50%}#other-answer #oa-buttons .other-div label{display:block;width:200px;margin:auto;cursor:pointer;border:4px solid;background:#e4e4e4;font-family:"Open Sans",sans-serif;font-size:40px;padding:10px;letter-spacing:1px}#other-answer #oa-buttons .other-div label:hover{background:#7a7a7a}#other-answer #oa-buttons #NextQ{width:50%}#other-answer #oa-buttons #NextQ #NextQButton{width:180px;margin:auto;cursor:pointer;border:4px solid;background:#e4e4e4;font-family:"Open Sans",sans-serif;font-size:40px;padding:10px;letter-spacing:1px}#other-answer #oa-buttons #NextQ #NextQButton:hover{background:#7a7a7a}#other-answer .others{display:flex;margin:0 2%;justify-content:space-around;margin-top:30px;margin-bottom:10px;font-size:20px}#other-answer .others .choice-answer{display:flex;flex-flow:column;color:#fff;width:30%}#other-answer .others .choice-answer img{width:100%}[hidden]{display:none!important}.dialog[aria-hidden=true]{display:none}#myDialog img{width:90px}#myDialog .dialog-overlay{z-index:2;background-color:rgba(0,0,0,0.66);position:fixed;top:0;left:0;bottom:0;right:0}#myDialog .dialog-content{background:#222;color:#fff;z-index:3;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2em 1em;max-width:90%;width:600px;border-radius:2px;box-shadow:0 0 10px 2px #000}#myDialog .dialog-overlay{opacity:.5;background:#000}#myDialog .dialog-close{color:#fff;position:absolute;top:.5em;right:.5em;border:0;padding:0;background-color:transparent;font-weight:700;font-size:1.25em;width:1.2em;height:1.2em;text-align:center;cursor:pointer;transition:.15s}#myDialog #d-status{text-align:center;padding-bottom:14px;border-bottom:solid 1px #7a7a7a;margin-bottom:14px}#myDialog #d-status #d-s-title{margin-bottom:4px;letter-spacing:.1em;font-size:1.4em}#myDialog #d-status #d-s-boxes{margin:0 14%;display:flex}#myDialog #d-status #d-s-boxes .box1{width:50%;text-align:center}#myDialog #d-status #d-s-boxes .box1 .v1{height:32px;font-size:2em;font-weight:700}#myDialog #d-status #d-s-boxes .box1 .v2{margin-top:6px;font-size:.9em}#myDialog #d-answer{text-align:center;padding-bottom:14px;border-bottom:solid 1px #7a7a7a;margin-bottom:14px}#myDialog #d-answer #d-title{margin-bottom:10px;font-size:1.2em}#myDialog #d-answer img{width:80%}#myDialog #d-desc{text-align:center;margin-bottom:10px}#myDialog #d-share{display:flex;margin-top:12px;font-size:1.2em;margin-bottom:10px}#myDialog #d-share .box2{width:50%;text-align:center}#myDialog #d-share .box2 #Clipboard{background:#00acee;border:solid 2px #00acee}#myDialog #d-share .box2 #Clipboard:hover{border:solid 2px #0075a2;background:#0075a2}#myDialog #d-share .box2 #Clip{background:#2e8b57;border:solid 2px #2e8b57}#myDialog #d-share .box2 #Clip:hover{border:solid 2px #1b5233;background:#1b5233}#myDialog #d-share .box2 div{text-decoration:none;width:50%;margin:0 auto;padding:10px;background:#333;border-radius:50px}#myDialog #d-share .box2 div:hover{cursor:pointer}#myDialog #d-share .box2 div a{text-decoration:none;color:#fff}