@charset "UTF-8";.answerButton,.inputButton,.participantAnswerButton,.questionButton,.returnToTopButton,.topButton,.topButtonRanking{display:block;width:210px;height:63px;margin:50px auto 0;border-top:4px solid #48ecc4;border-right:4px solid #0a5f4a;border-bottom:4px solid #0f7497;border-left:4px solid #8cf9ff;border-radius:35px;background:#11a3bb;color:#fff;font-size:33px;text-align:center}.answerButton:hover,.inputButton:hover,.participantAnswerButton:hover,.questionButton:hover,.returnToTopButton:hover,.topButton:hover,.topButtonRanking:hover{border-top:4px solid #0f745b;border-right:4px solid #8cf9de;border-bottom:4px solid #48ecc4;border-left:4px solid #0a5f4a;color:#fff}.participantAnswerTitleBest,.participantAnswerTitleWorst{margin-bottom:15px;padding:3px 0;border:2px solid #7EAFD3;border-radius:14px;background:linear-gradient(to bottom,#5359B9,#3E7BBB);box-shadow:0px 2px 2px 0px rgba(0,0,0,0.45),inset 0px -3px 6px -2px rgba(0,0,0,0.3);text-align:center}*{margin:0;padding:0;box-sizing:border-box;word-wrap:break-word}ul{list-style:none}a{color:inherit;text-decoration:none}img{width:100%;vertical-align:bottom}body{min-height:100vh;background:#023d85;background-image:url(/assets/img/background.jpeg);background-position:center;background-size:cover;font-family:"M PLUS 1p",sans-serif;font-size:18px;color:#FFF;line-height:1.6}h1,h2,h3{font-weight:700}audio{display:block;margin:0 auto 20px}.audioRankingTop{margin:0 auto 30px}.audioRankingBotttom{margin:20px auto 0}@media screen and (min-width:600px){.br-sp{display:none}}.img_height_auto{height:auto}.MainContainer{margin:0 auto;padding:20px;max-width:600px}.returnToTopButton{width:310px;font-size:24px;line-height:3.4rem}.returnToTopButtonRanking{margin:-10px auto 26px}.Slider{background:#FFF;height:77px;max-width:420px;margin:0 auto;overflow:hidden;display:flex}.SliderList{display:flex}.SliderList:first-child{-webkit-animation:loop1 40s -20s linear infinite;animation:loop1 40s -20s linear infinite}.SliderList+.SliderList{-webkit-animation:loop2 40s linear infinite;animation:loop2 40s linear infinite}.SliderList_Item{margin-right:8px;width:89px;padding:0}.SliderList_Item img{width:100%;height:100%}@keyframes loop1{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.scroll-animation{opacity:0;transform:translateY(30px)}.fadein{opacity:1;transform:translateY(0);transition:all 0.6s}.headerBox{display:flex;align-items:center;justify-content:center;padding:25px 10px 0}.headerImage{display:block;width:150px}.newWrap{padding:20px;background:#FFF;color:#023d85}.newTitle{margin-bottom:40px;font-size:40px;text-align:center;line-height:2.8rem;letter-spacing:0.1rem}.newTitleLead{font-size:20px}.newNameLabel{text-align:center}.newNameLabelWeak{font-size:15px}.inputWrap{display:flex;flex-direction:column;align-items:center}.inputArea{height:55px;width:210px;margin-top:12px;padding:20px 10px;border:1px solid #023d85;border-radius:1px;font-family:"M PLUS 1p",sans-serif;font-size:20px}.inputButton{margin:20px auto 15px;font-family:"M PLUS 1p",sans-serif;font-size:28px;text-align:center}.topWrapper{padding-bottom:30px}.topAudio{display:block;margin:30px auto}.topImage{display:block;margin:0 auto;padding:30px 10px 5px}.topMessage{text-align:center;padding:20px 20px 0}.topText{text-align:center;padding:30px 20px}.topTextStrong{font-size:28px}.topVictory{position:relative;display:flex;align-items:center;justify-content:center;width:190px;margin:20px auto 15px;padding:7px 10px 10px;min-width:120px;max-width:100%;color:#023d85;font-weight:700;font-size:16px;text-align:center;background:#FFF;border-radius:40px}.topVictory:before{content:"";position:absolute;top:97%;left:50%;margin-left:-10px;border:10px solid transparent;border-top:10px solid #FFF}.topVictoryText{margin:0 3px 0 4px;line-height:1.5rem}.topVictoryTextWeak{font-size:13px}.topVictoryName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topVictoryImage{position:absolute;width:20px;top:11px}.topVictoryImageLeft{left:56px}.topVictoryImageRight{right:56px}.topButton{margin:10px auto 0}.topButtonRanking{width:290px;margin-top:20px;font-size:30px;line-height:3.3rem;border-top:4px solid #ffc458;border-right:4px solid #9f531b;border-bottom:4px solid #97670f;border-left:4px solid #ffcc8c;border-radius:35px;background:#ff8d00}.topButtonRanking:hover{border-top:4px solid #97670f;border-right:4px solid #ffcc8c;border-bottom:4px solid #ffc458;border-left:4px solid #9f531b}.questionWrap{padding:7px;border:1px solid #7EAFD3;border-radius:14px;background:linear-gradient(to bottom,#41256F,#2964F6);box-shadow:0px 2px 2px 0px rgba(0,0,0,0.45),inset 0px -3px 6px -2px rgba(0,0,0,0.3)}.questionWrapFlex{display:flex;margin-bottom:10px}.questionWrapFlex .questionMark{margin:6px 6px 0 0}.questionMark{margin:-12px 0 -2px 5px;background:linear-gradient(to bottom,#f4fffe 15%,#32C4BA,#47BDBD);-webkit-background-clip:text;color:transparent;font-weight:800;font-size:46px}.questionText{padding:17px;border-radius:12px;background:#FFF;box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,0.45),inset 0px -3px 6px -2px rgba(0,0,0,0.3);color:#0D0A54;font-weight:700;font-size:20px;line-height:1.8rem}.questionNumber{display:inline-block;margin:2px 0 12px;font-size:25px}.questionButton{font-size:29px;line-height:50px}.answerSelectButton input{display:none}.answerSelectButton input:checked+.answerSelectButtonLabel{background:linear-gradient(to bottom,#3b00ab,#3e5eff)}.answerSelectButton .answerSelectButtonLabel{display:block;padding:7px;margin-bottom:3px;border:1px solid #7EAFD3;border-radius:14px;background:linear-gradient(to bottom,#141829,#243581);box-shadow:0px 2px 2px 0px rgba(0,0,0,0.45),inset 0px -3px 6px -2px rgba(0,0,0,0.3)}.answerSelectButtonNumber{position:relative;display:inline-block;width:30px;height:30px;margin-right:12px;border-radius:50%;font-weight:700;text-align:center;text-shadow:1px 1px 1px rgba(0,22,65,0.67);line-height:1.9rem}.answerSelectButton:first-child .answerSelectButtonNumber{border:1px solid #0684E9;box-shadow:inset 0px 1px 0px 0px #68bcff;background:linear-gradient(to bottom,#0684E9 5%,#005da7 100%);background-color:#0684E9}.answerSelectButton:nth-child(2) .answerSelectButtonNumber{border:1px solid #E3232B;box-shadow:inset 0px 1px 0px 0px #f29c93;background:linear-gradient(to bottom,#E3232B 5%,#ce0100 100%);background-color:#E3232B}.answerSelectButton:nth-child(3) .answerSelectButtonNumber{border:1px solid #08A414;box-shadow:inset 0px 1px 0px 0px #55f361;background:linear-gradient(to bottom,#08A414 5%,#04690b 100%);background-color:#08A414}.answerSelectButton:nth-child(4) .answerSelectButtonNumber{border:1px solid #FBDB3B;box-shadow:inset 0px 1px 0px 0px #fff2b3;background:linear-gradient(to bottom,#FBDB3B 5%,#d1b217 100%);background-color:#FBDB3B}.answerSelectButtonHighlight{position:absolute;border-radius:100px;width:100%;height:100%;background-image:linear-gradient(top,rgb(250,250,255) 0%,rgba(250,250,255,0.7) 10%,rgba(250,250,255,0) 100%);z-index:3;top:-19px;-webkit-transform:scale(0.8,0.6)}.answerSelectButton .answerSelectButtonLabel.answerSelectButtonLabelCollect{animation:flash 0.9s linear infinite;animation-delay:2000ms}.answerSelectButton .answerSelectButtonLabel.answerSelectButtonLabelCollect .answerSelectButtonNumber{color:#FFF}.answerSelectButtonCounter{float:right;width:50px;height:30px;margin-right:2px;padding-right:8px;border-radius:8px;background:#FFF;box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,0.45),inset 0px -3px 6px -2px rgba(0,0,0,0.3);color:#0D0A54;font-weight:700;font-size:19px;text-align:right}.answerButton{width:290px;margin:30px auto 0;font-family:"M PLUS 1p",sans-serif;font-size:29px;line-height:3.4rem}.answerProgressWrap{display:flex;margin-top:30px}.answerProgressWrap .container{width:77px;position:relative;bottom:4px;font-weight:700;font-size:14px}.answerProgressWrap #timer{display:inline;position:relative;margin:0 2px;font-size:28px}.answerProgressWrap #timer:after{content:"残り";position:absolute;top:-9px;left:1px;width:110px;font-size:10px}.answerProgressContainer{width:100%;height:30px}.answerProgressBar{height:100%;width:100%;background-color:#ffdd0d}@keyframes gradient{0%{background-color:#4CAF50}to{background-color:#F44336}}@keyframes flash{0%{background:linear-gradient(to bottom,#a10811,#e16aa8)}50%{background:linear-gradient(to bottom,#c20b17,#e270ab)}to{background:linear-gradient(to bottom,#a10811,#e16aa8)}}.participantAnswerTitleWorst{color:#470FB4;text-shadow:1px 1px 0 #FFF,-1px -1px 0 #FFF,-1px 1px 0 #FFF,1px -1px 0 #FFF,0px 1px 0 #FFF,-1px 0 #FFF,-1px 0 0 #FFF,1px 0 0 #FFF}.participantAnswerTitleBest{color:#ffe200;text-shadow:1px 1px 0 #ff1c1c,-1px -1px 0 #ff1c1c,-1px 1px 0 #ff1c1c,1px -1px 0 #ff1c1c,0px 1px 0 #ff1c1c,-1px 0 #ff1c1c,-1px 0 0 #ff1c1c,1px 0 0 #ff1c1c}.participantAnswerTable{width:100%;font-size:21px}.participantAnswerBox{margin-left:auto;margin-right:auto;width:70%}.participantAnswerContainer{display:flex;align-items:center;justify-content:space-between;margin-top:4px;height:42px;opacity:0;transform:translateY(20px);transition:all 0.8s cubic-bezier(0,1.2,1,1);padding:0;border:1px solid #7EAFD3;border-radius:9px 25px 25px 9px;background:linear-gradient(to bottom,#41256F,#2964F6);box-shadow:0px 2px 2px 0px rgba(0,0,0,0.45),inset 0px -3px 6px -2px rgba(0,0,0,0.3);font-size:25px}.participantAnswerContainer.ready{opacity:1;transform:translateY(0px)}.participantAnswerContainer.highlight{animation:flash 0.9s linear infinite;transition:1s}.participantAnswerRank{width:13%;height:100%;padding:0 4px 0 0!important;border:1px solid #7EAFD3;border-radius:7px;background:linear-gradient(to bottom,#1211A2,#398EDC);font-size:27px;text-align:center;line-height:2.4rem;letter-spacing:-0.2rem}.participantAnswerName{width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participantAnswerNameRanking{width:150px;font-size:21px}.participantAnswerTime{padding-right:17px!important;font-size:24px}.participantAnswerTimeWeak{font-size:13px}.participantAnswerButton{width:220px;font-size:28px;line-height:3.3rem}@keyframes flash{0%{background:linear-gradient(to bottom,#a10811,#e16aa8)}50%{background:linear-gradient(to bottom,#c20b17,#e270ab)}to{background:linear-gradient(to bottom,#a10811,#e16aa8)}}