body{background-color:#000;color:#fff}#wrapper{overflow-x:hidden}#wrapper,body{display:flex;flex-direction:column;margin:0;min-height:100vh;position:relative}.container-fluid{height:100%;background:linear-gradient(120deg,rgba(19,178,102,.22),rgba(38,184,208,.22),rgba(50,107,185,.22),rgba(193,71,183,.22),rgba(206,61,104,.22)) fixed;background-size:500%;-webkit-animation:bg-gradient 15s ease infinite;-moz-animation:bg-gradient 15s ease infinite;-o-animation:bg-gradient 15s ease infinite;animation:bg-gradient 15s ease infinite;margin:0;padding:50px 0 0}@media screen and (min-width:960px){.container-fluid{height:100vh;padding-top:100px}}@-webkit-keyframes bg-gradient{0%{background-position:14% 0}50%{background-position:87% 100%}100%{background-position:14% 0}}@-moz-keyframes bg-gradient{0%{background-position:14% 0}50%{background-position:87% 100%}100%{background-position:14% 0}}@-o-keyframes bg-gradient{0%{background-position:14% 0}50%{background-position:87% 100%}100%{background-position:14% 0}}@keyframes bg-gradient{0%{background-position:14% 0}50%{background-position:87% 100%}100%{background-position:14% 0}}h2{color:#89000a;font-size:30px;margin-bottom:30px;letter-spacing:.5em;line-height:1.5;text-align:center}p{font-size:16px;margin:15px 15px 0}ul,ul li{margin:0;padding:0;list-style:none}a,a:hover{color:#fff;text-decoration:underline}.note{text-align:center}.note p{font-size:10px}button{background-color:#000;border:5px solid #89000a;color:#fff;cursor:pointer;font-size:20px;padding:10px 20px;width:280px}main{height:800px;margin:0 auto;position:relative}main:before{background-position:center center;background-repeat:no-repeat;background-size:cover;content:"";display:block;position:fixed;top:0;left:0;z-index:-1}@media screen and (min-width:960px){main{height:1200px}}.col-md-6,offset-md-3{text-align:center;margin:0 auto;padding:0;width:100vw}.row{text-align:center;margin:0;padding:0 10px;width:100vw}.link-box{margin-top:30px}.link-box p.title{font-weight:700;margin-top:20px}.link-box p span{display:block;font-size:13px}.link-box ul{margin-top:20px}.link-box ul li{margin-top:13px}.link-box ul li span{color:#89000a;font-size:12px}.hint-box p{font-size:13px}header{background-color:#89000a;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.8),rgba(0,0,0,.8) 60px,transparent 0,transparent 200px),repeating-linear-gradient(-45deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 60px,transparent 0,transparent 200px);height:46px;position:relative;z-index:10}header .header-inner{display:grid;margin:0;place-items:center}.logo{position:absolute;top:2%;left:2%;position:relative;z-index:100}.logo img{width:120px;height:auto}@media screen and (min-width:960px){header{height:50px}.logo{left:20%}.logo img{width:180px;height:auto}}footer{background:#000;margin-top:auto;padding:10px 0;text-align:center;position:relative;z-index:100}footer p{font-size:12px}#top:before{background-image:url(../images/bg_top_sp.jpg);background-position:center center;height:100vh;width:100vw}@media screen and (min-width:960px){#top:before{background-image:url(../images/bg_top_pc.jpg);background-position:left center;height:100%}}#top .start{margin:45% auto 50px;text-align:center;z-index:100}.top-message{position:absolute;top:-22%;right:1%;z-index:999}.top-message img{width:auto;height:200px}@media screen and (min-width:960px){.top-message{top:-12%}.top-message p{font-size:50px}.top-message img{width:70px;height:364px}}#gameover:before{background-image:url(../images/bg_gameover.jpg);background-position:right center;height:100vh;width:100vw}@media screen and (min-width:960px){#gameover:before{background-image:url(../images/bg_top_pc.jpg);background-position:right center;height:100%}}#gameover #message p{margin:0 auto;width:100%}#normal-end:before{background-image:url(../images/bg_normal_end.jpg);background-position:center center;height:100vh;width:100vw}@media screen and (min-width:960px){#normal-end:before{background-image:url(../images/bg_normal_end_pc.jpg);background-position:left center;height:100%}}#normal-end h2{color:#fff}.rate span{font-size:200%;padding:0 3px}.rate span.full{color:#89000a}#fin:before{background-image:url(../images/bg_fin.jpg);background-position:center center;height:100vh;width:100vw}@media screen and (min-width:960px){#fin:before{background-image:url(../images/bg_fin_pc.jpg);background-position:left center;height:100%}}#fin h2{color:#fff}#fin #message p{margin:0 auto;width:100%}#fin span.typing{background:-webkit-linear-gradient(white,#38495a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.special-thanks{margin-top:50px}.special-thanks p{font-size:12px;margin-top:20px}.special-thanks ul li{font-size:10px;margin-top:10px}#to-oni:before{background-image:url(../images/bg_to_oni.jpg);background-position:center center;height:100vh;width:100vw}#to-oni #message p{font-size:200%;margin:0 auto;width:100%}.to-oni-mode p{font-size:150%}@media screen and (min-width:960px){#to-oni:before{background-image:url(../images/bg_to_oni_pc.jpg);background-position:left center;height:100%}#to-oni #message p{font-size:72px}.to-oni-mode p{font-size:40px}}#normal,#oni{height:auto}#oni:before{background-image:url(../images/bg_to_oni.jpg);background-position:left center;height:100vh;width:100vw}@media screen and (min-width:960px){#oni:before{background-image:url(../images/bg_to_oni_pc.jpg);background-position:left center;height:100%}}.quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;text-align:left}.quiz-header .left-box .q{font-size:16px;line-height:30px;letter-spacing:.2em}.quiz-header .left-box .q span{background:red;border-radius:50%;display:inline-block;height:30px;line-height:30px;margin-right:5px;text-align:center;width:30px}.quiz-header .left-box .q-message{font-size:16px;font-weight:700;margin-top:5px}.quiz-header .left-box .q-message span{display:block;font-size:13px}.quiz-header .right-box .timer{font-size:12px}.quiz-header .right-box .timer span{font-size:60px;color:#f0d467;padding-right:3px}.quiz-header .right-box .timer span{color:#fff}.quiz-header .right-box .timer span.hurry{color:red;font-weight:700}.quiz-body{background-color:#fff;color:#000;padding:0 0 10px}.quiz-body .contents{align-items:center;display:flex;justify-content:space-around;margin-bottom:15px}.quiz-body .hepburn{font-size:12px;padding-top:5px}.name{font-size:30px;font-weight:700;margin-top:0}.summary p{font-size:12px}.summary span{color:#f0d467;display:block;margin-top:5px}@media screen and (min-width:960px){.quiz-header{align-items:center;display:flex;justify-content:space-around;margin-bottom:20px;text-align:left}.quiz-header .left-box .q{font-size:20px;line-height:40px}.quiz-header .left-box .q span{height:40px;line-height:40px;margin-right:5px;width:40px}.quiz-header .left-box .q-message{font-size:20px}.quiz-header .left-box .q-message{font-size:30px}.quiz-header .left-box .q-message span{font-size:16px}.quiz-header .right-box .timer{font-size:12px}.quiz-header .right-box .timer span{font-size:100px;padding-right:3px}.quiz-body .contents{justify-content:center;margin-bottom:20px}.quiz-body .name-box{margin:0 20px}.quiz-body .hepburn{font-size:12px;padding-top:15px}.name{margin-top:10px}}.radio-inline__input{clip:rect(1px,1px,1px,1px);position:absolute!important}.radio-inline__label{border:1px solid #ccc;border-radius:3px;cursor:pointer;display:inline-block;margin:.1em;padding:.5rem .5rem;transition:all .1s}.radio-inline__input:checked+.radio-inline__label{background:#b54a4a;color:#fff;text-shadow:0 0 1px rgba(0,0,0,.7)}.radio-inline__input:focus+.radio-inline__label{outline-color:#f0d467;outline-offset:-2px;outline-style:auto;outline-width:5px}@media screen and (min-width:960px){#oni .inner-answer{align-content:center;display:flex;flex-direction:row;justify-content:center}.radio-inline__label{padding:.5rem 1rem}}#normal .name{letter-spacing:.2em}#normal .radio-inline__label{margin:.5em;padding:1em 2em}#oni .contents{justify-content:center}#oni .inner-answer{align-content:center;display:flex;flex-direction:column}.share .title{position:relative;display:inline-block;padding:0 55px}.share .title:after,.share .title:before{content:'';position:absolute;top:50%;display:inline-block;width:45px;height:1px;background-color:#fff}.share .title:before{left:0}.share .title:after{right:0}.share .result{margin-top:20px}.share .result span{font-size:200%;padding-right:3px}.restart{margin-top:30px}.share-button{margin-top:30px}.flowbtn7{border-radius:50%;position:relative;display:inline-block;width:50px;height:50px;font-size:30px;color:#fff!important;text-decoration:none;transition:.5s}.flowbtn7 i{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}ul.snsbtniti{padding:0!important}.snsbtniti{display:flex;flex-flow:row wrap;justify-content:center}.snsbtniti li{text-align:center!important}.flowbtn7:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.fl_tw7{background:linear-gradient(135deg,#13f1fc 0,#0470dc 100%)}.insta_btn7 .fa-instagram{font-size:35px}.insta_btn7{background:-webkit-linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;background:linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;overflow:hidden}.insta_btn7:before{content:'';position:absolute;top:27px;left:-12px;width:59px;height:40px;background:-webkit-radial-gradient(#ffdb2c 10%,rgba(255,105,34,.65) 55%,rgba(255,88,96,0) 70%);background:radial-gradient(#ffdb2c 5%,rgba(255,105,34,.65) 55%,rgba(255,88,96,0) 70%)}.fl_fb7{background:linear-gradient(135deg,#69f 0,#3b5998 100%)}.fl_fd7{background:linear-gradient(135deg,#b1ea4d 0,#459522 100%);font-size:28px}.fl_pk7{background:linear-gradient(135deg,#f36265 0,#dd4f68 100%)}.fl_hb7{background:linear-gradient(to bottom,#1fbccd 0,#1c91d4 84%);font-size:25px}.fl_yu7{background:linear-gradient(135deg,#f5515f 0,#c9293c 100%);font-size:26px}.fl_li7{background:linear-gradient(135deg,#3a9278 0,#00c300 100%)}.fl_ma7{background:linear-gradient(135deg,#fad961 0,#f76b1c 100%);font-size:26px}.snsbtniti li{margin:0 .5em 0 .5em}@media screen and (min-width:960px){.snsbtniti li{margin:0 1em 0 1em}}@keyframes my-fade-in{from{opacity:0}to{opacity:1}}#gameover,#normal,#normal-end,#oni,#top{animation-name:my-fade-in;animation-duration:3s}.fadeout{animation:fadein-keyframes 10s ease 0s 1 forwards}@keyframes fadein-keyframes{0%{opacity:1}100%{opacity:0}}