input,textarea,select{font-size:16px}html,body{touch-action:manipulation;width:100%;height:100dvh;box-sizing:border-box;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:900;font-style:normal;overflow:hidden;position:relative;display:grid;grid-template-rows:100%;grid-template-columns:minmax(0, 1fr) minmax(auto, 56.25vh) minmax(0, 1fr)}button span,button svg{pointer-events:none}header{position:absolute;top:0;left:0;width:100%;min-height:21vw;z-index:9999;background-image:url(../assets/header.png);background-position-y:bottom;background-size:cover}#app{display:flex;height:100%;max-height:100dvh;grid-column:1/4;z-index:10;justify-content:center;align-items:center;position:relative;background:none;position:relative;overflow:hidden;background-color:#fff;background-image:url("../assets/bg.png");background-size:50% auto;background-position:0 0}header .logo{position:absolute;width:60%;top:32%;left:20px;margin:auto;transform:translateY(-50%)}#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#bg #bg_l{position:absolute;top:0;left:0;width:50%;height:100%;background:#ff5b97}#bg #bg_l div{position:relative;width:100%;height:100%;background:url(../assets/bg_l.png) right center no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}#bg #bg_r{position:absolute;top:0;right:0;width:50%;height:100%;background:#544eff}#bg #bg_r div{position:relative;width:100%;height:100%;background:url(../assets/bg_r.png) right bottom no-repeat;background-size:63.6rem auto;display:flex;justify-content:center;align-items:center}img{height:auto;width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}#main_title{grid-row:1;width:100%;height:100%;text-align:center;font-size:6vh;color:#000;display:flex;align-items:flex-end}#main_title img{width:90%;margin:0 auto}#main_goods{grid-row:2;height:100%;width:100%;display:flex;align-items:flex-start}#main_button-container{grid-row:3;height:100%;width:100%;text-align:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;padding:0 20px}#main_button-container .btn-2{font-size:min(2vh,3.5vw);width:90%;height:40%}.btn{width:40%;height:40%;background-color:#000;color:#fff;font-size:min(2.7vh,5vw);border:none;border-radius:2.4vh;box-shadow:6.3px 4.3px 0 #d61ba3;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.btn:hover{box-shadow:6px 6px 0 #d61ba3;transform:translateY(-2px)}.btn:active{box-shadow:2px 2px 0 #d61ba3;transform:translateY(1px)}.btn-2{font-size:min(2.5vh,4.8vw);background:linear-gradient(90deg, #ff5b97 0%, #544eff 100%);border:solid 2px #fff;border-radius:1.2vh;height:30%;box-shadow:6.3px 4.3px 0 #575757;padding-left:10%}.btn-2 span{float:right}.btn-2:hover{box-shadow:6px 6px 0 #575757;transform:translateY(-2px)}.btn-2:active{box-shadow:2px 2px 0 #575757;transform:translateY(1px)}section{position:absolute;top:0;left:0;height:100%;width:100%;padding-top:20%;padding-bottom:5%;display:grid;grid-template-rows:19% 60% 20%;grid-template-columns:100%}#background{height:100%;width:100%;z-index:-1;transform-origin:42% 50%;position:relative;transform:rotate(225deg) scale(1.3) translate(-17%, 4%)}#background img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:auto;transform:translateY(0px);opacity:0}#background.move-in img{-webkit-animation:inLines 1.5s cubic-bezier(0.29, 0.11, 0, 0.96) forwards;animation:inLines 1.5s cubic-bezier(0.29, 0.11, 0, 0.96) forwards}#background.move-in .bg-pink{-webkit-animation-delay:0s;animation-delay:0s}#background.move-in .bg-purple{-webkit-animation-delay:.1s;animation-delay:.1s}#background.move-out img{opacity:1;-webkit-animation:outLines 1s cubic-bezier(1, 0, 0.69, 0.72) forwards;animation:outLines 1s cubic-bezier(1, 0, 0.69, 0.72) forwards}#background.move-out .bg-pink{-webkit-animation-delay:0s;animation-delay:0s}#background.move-out .bg-purple{-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes inLines{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0px)}}@keyframes inLines{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0px)}}@-webkit-keyframes outLines{from{opacity:1;transform:translateY(0px)}to{opacity:0;transform:translateY(200px)}}@keyframes outLines{from{opacity:1;transform:translateY(0px)}to{opacity:0;transform:translateY(200px)}}.display-none{opacity:0;visibility:hidden;pointer-events:none}#select{grid-template-rows:10% 10% 65% 20%}.select_title{grid-row:2;display:flex;justify-content:space-around;flex-direction:column;align-items:center}.select_title img{max-width:80%}#select_container{grid-row:3;width:90%;height:95%;margin:auto;padding-top:2%;display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;flex-wrap:wrap;justify-content:space-evenly}#select_container img{max-width:85%;max-height:80%}.select_radio,.coming-soon{background:none;position:relative;border:2px solid rgba(0,0,0,0);transition:transform .2s ease-in-out;display:flex;margin:0 8%;justify-content:center;flex-direction:column;align-items:center;cursor:pointer}.select_radio input[type=radio],.coming-soon input[type=radio]{display:none}.select_radio img:nth-of-type(2),.coming-soon img:nth-of-type(2){margin-top:2%;height:10%}.select_radio:nth-of-type(odd),.coming-soon:nth-of-type(odd){align-items:flex-end}.select_radio:nth-of-type(even),.coming-soon:nth-of-type(even){align-items:flex-start}.coming-soon{cursor:auto}.select_radio.selected{transform:scale(1.15)}.select_radio.selected img:nth-of-type(1){filter:drop-shadow(0 0 4px #544eff)}.select_radio.selected.select-uruha img:nth-of-type(1){filter:drop-shadow(0 0 4px #544eff)}.select_radio.selected.select-ema img:nth-of-type(1){filter:drop-shadow(0 0 4px #ff5b97)}.select_radio.selected.select-beni img:nth-of-type(1){filter:drop-shadow(0 0 4px #4fa4ff)}.select_radio.selected.select-runa img:nth-of-type(1){filter:drop-shadow(0 0 4px #ffa4ff)}#select_button-confirm{grid-row:4;display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:space-around}#select_button-confirm .btn{height:30%}#select_button-confirm .btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed;box-shadow:none;opacity:.7}#select_button-confirm .btn:disabled:hover{transform:none}.select_member-btn{background:linear-gradient(90deg, #ff5b97 0%, #544eff 100%);border:solid 2px #fff;border-radius:1.2vh;width:70%}#select_button-undo{height:40%;width:50%;margin-bottom:8px}#quiz{grid-template-rows:27% 37% 38%}#quiz_container{height:100%;width:100%;grid-row:2;position:relative}#quiz_window{width:95%;max-height:60vh;height:auto;aspect-ratio:335/375;background-size:100% 100%;background-image:url(../assets/quiz_modal-pink.png);display:grid;grid-template-rows:35% 43% 22%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#quiz_hint{grid-row:2;height:100%;width:100%;display:flex;justify-content:flex-end;align-items:flex-end}#quiz_hint>div{max-height:60vw;height:100%;width:100%;position:relative}#quiz_hint-vspo{z-index:50;pointer-events:none;position:absolute;bottom:-1px;top:auto;right:-16px;aspect-ratio:375/196;height:auto;width:100%}#quiz_text{grid-row:1/4;grid-column:1;height:100%;container-type:size;display:flex;justify-content:space-evenly;align-items:center}#quiz_text p{line-height:1.4;font-size:min(1.7vh,3.2vw);text-align:center}#quiz_select{grid-row:2;grid-column:1;height:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap}.quiz_select-button{width:45%;max-height:45%;cursor:pointer;filter:drop-shadow(6.3px 4.3px 0 #d61ba3);border:none;background:none;transform:translateY(0);transition:transform .2s ease-in-out,filter .2s ease-in-out}.quiz_select-button:hover{filter:drop-shadow(6px 6px 0 #d61ba3);transform:translateY(-2px)}.quiz_select-button:active{filter:drop-shadow(2px 2px 0 #d61ba3);transform:translateY(1px)}.select-label{font-size:min(2.9vh,4.7vw);line-height:1;white-space:normal;text-align:left}.middle-text{font-size:min(2.5vh,3.9vw)}.small-text{font-size:min(2vh,3.5vw)}.super-small-text{font-size:min(1.5vh,3.5vw)}#quiz_hint-button{border:none;background:none;position:absolute;bottom:40%;left:24%;width:43%;height:auto;background-size:contain;z-index:110;cursor:pointer}#quiz_hint-window{position:relative;z-index:100;width:100%;height:auto}#quiz_hint-window>div{position:relative}#quiz_hint-window>div img{transform:translateY(-15%);position:relative;z-index:200}#howto{background-color:rgba(0,0,0,.7333333333);z-index:10000;grid-template-rows:10% 70% 20%;padding:0}.howto_title{color:#fff;grid-row:1;display:inline-flex;justify-content:center;align-items:flex-end;font-size:min(4vh,11.2vw)}#howto_container{grid-row:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.howto_arrow{filter:grayscale(0);transition:filiter .2s ease-in-out;cursor:pointer;position:absolute;width:4%;top:50%;transform:translateY(-50%);z-index:20;background:none;border:none}#howto_arrow_right{right:4%}#howto_arrow_left{left:4%}.howto_arrow:disabled{filter:grayscale(1);cursor:default}#howto_contents{height:auto;aspect-ratio:644/654;width:90%;max-height:100%;background-size:contain;background-image:url(../assets/quiz_frame.png);background-repeat:no-repeat;position:relative}#howto_slider{position:relative;overflow:hidden;width:100%;height:100%;touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;user-select:none}.howto_content{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0}.howto_content.active{opacity:1}#howto_pagination{position:absolute;display:flex;justify-content:center;bottom:0;align-items:center;gap:min(3vh,3.5vw);left:0;right:0;margin:auto;bottom:-4vh}.howto_dot{width:2.2vh;height:2.2vh;border-radius:50%;background:gray;border:2.5px solid #fff;transition:background .2s;cursor:pointer}.howto_dot.active{background:#ff5b97;border:2.5px solid #fff}#howto_button{grid-row:3;margin:auto;display:flex;align-items:center;box-shadow:none;border:#fff solid 4px;border-radius:0;display:flex}#howto_button span{padding-left:15%;display:inline-flex;justify-content:center;align-items:center;width:70%}#howto_button .close-x{width:30%;height:100%;margin-left:0;vertical-align:middle}.fade-in{opacity:1;pointer-events:auto;transition:opacity .5s cubic-bezier(0.4, 0, 0.2, 1)}.fade-out{opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(0.4, 0, 0.2, 1)}#member{display:block}#member_container{position:absolute;bottom:0;width:100%;height:90%;display:grid;grid-template-rows:50% 25% 25%}#member_container.move-in #member_image-container img{-webkit-animation:memberIn .8s cubic-bezier(0.24, 0.71, 0.43, 1) forwards;animation:memberIn .8s cubic-bezier(0.24, 0.71, 0.43, 1) forwards}#member_container.move-in #member_serif img{transform:scale(1);opacity:1}#member_container.move-in #member_button-container{visibility:visible;opacity:1}#member_container.move-out{pointer-events:none}#member_container.move-out #member_image-container img{-webkit-animation:memberOut .5s cubic-bezier(0.24, 0.71, 0.43, 1) forwards;animation:memberOut .5s cubic-bezier(0.24, 0.71, 0.43, 1) forwards}#member_container.move-out #member_serif img{transition-delay:0s}#member_image-container{height:100%;min-width:100%;aspect-ratio:1/1;width:auto;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}#member_image-container img{position:absolute;bottom:0;max-width:none;min-width:100%;height:100%}@-webkit-keyframes memberIn{from{opacity:0;transform:translateX(30%)}to{opacity:1;transform:translateX(0%)}}@keyframes memberIn{from{opacity:0;transform:translateX(30%)}to{opacity:1;transform:translateX(0%)}}@-webkit-keyframes memberOut{from{opacity:1;transform:translateX(0%)}to{opacity:0;transform:translateX(0%)}}@keyframes memberOut{from{opacity:1;transform:translateX(0%)}to{opacity:0;transform:translateX(0%)}}#member_serif{grid-row:2;z-index:10}#member_serif img{transition:all .4s ease-in-out;opacity:0;transition-delay:.2s;transform:scale(0)}#member_button-container{visibility:hidden;opacity:0;transition:all .2s ease-in-out;grid-row:3;z-index:10;display:flex;background-color:rgba(0,0,0,.5);flex-direction:column;justify-content:space-evenly;align-items:center}#member_button-container button{border:solid 2px #fff;border-radius:1.2vh;box-shadow:none;cursor:pointer;transition:transform .2s ease-in-out}.member_button-quiz{width:80%;font-size:min(3.5vh,7vw);background:linear-gradient(90deg, #ff5b97 0%, #544eff 100%);border:solid 2px #fff;border-radius:1.2vh;height:30%;padding-left:10%}.member_button-quiz span{float:right}#member_button-undo,#select_button-undo,#campaign_button-undo-member,#campaign_button-undo-top{width:60%;height:20%;font-size:min(2.5vh,4.8vw);background:#575757;padding-right:4%;border:solid 2px #fff;border-radius:1.2vh;box-shadow:none;cursor:pointer;transition:transform .2s ease-in-out}#member_button-undo span,#select_button-undo span,#campaign_button-undo-member span,#campaign_button-undo-top span{float:left}#logo-top{pointer-events:none}.member_logo{position:absolute;top:11%;left:0;width:100%;height:7%}.member_logo img{width:auto;left:0;right:0;margin:auto;position:absolute;top:0}.member_logo>div{width:100%;position:relative;height:100%}.member_logo-short{display:none;position:absolute;top:7%;left:0;width:100%;height:25%}.member_logo-short img{position:absolute;top:0;right:inherit}@media(max-aspect-ratio: 3/8){#member_container{height:60%}.member_logo-short{display:block}.member_logo{display:none}}#incorrect{grid-template-rows:13% 74% 20%}.incorrect_modal{grid-row:2;position:relative;margin:auto;max-height:100%;max-width:90%;aspect-ratio:752/841}.correct_attention{position:absolute;bottom:1%;left:10%;font-size:min(1.7vh,2.5vw);color:#000;line-height:1.4;text-align:center;z-index:90}.incorrect_undo{position:absolute;bottom:10%;left:0;right:0;margin:auto;display:flex;justify-content:space-between;align-items:center;width:45%;padding-left:9%;height:15%;font-size:min(2.5vh,4.8vw);padding-right:3%}.incorrect_undo .incorrect_undo-text{width:100%;text-align:center;display:block}.correct_modal{grid-row:2;position:relative;margin:auto;max-height:100%;max-width:90%;aspect-ratio:752/841}.correct_modal .correct_explain{position:absolute;top:0;z-index:90}.correct_next{position:absolute;bottom:10%;opacity:1;transition:opacity .5s ease-in-out .5s,transform .2s ease-in-out,box-shadow .2s ease-in-out;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;padding-left:1%;border-radius:1.4vh;height:9%;width:100%;padding-right:-0.3%;color:#000;z-index:90}.correct_next span{color:#ff5b97}.correct_next .correct_next-text{font-size:min(2vh,3.5vw);width:100%;text-align:center;display:block}.correct_next .campaign-btn{display:flex;height:100%;width:55%;border-radius:1.4vh;align-items:center;background:#fff;color:#000}#correct_top-undo{margin-left:4%}.img-btn{display:inline-block;padding:0;height:100%;width:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;box-shadow:none;filter:drop-shadow(6.3px 4.3px 0 #d61ba3);border:none;background:none;transition:transform .2s ease-in-out,filter .2s ease-in-out}.img-btn img{display:block;height:100%;width:auto}.img-btn:hover{filter:drop-shadow(6px 6px 0 #d61ba3);transform:translateY(-2px)}.img-btn:active{filter:drop-shadow(2px 2px 0 #d61ba3);transform:translateY(1px)}#correct{grid-template-rows:4% 80% 16%;z-index:auto}#correct.display-none .correct_next{opacity:0}#campaign{grid-template-rows:20% 17% 14% 24% 25%;padding:0}#campaign_label{grid-row:2;display:flex;justify-content:center;flex-direction:column;align-items:center}#campaign_label p{text-align:center}#campaign_label img{max-width:95%}#campaign_code{grid-row:3;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:space-evenly}#campaign_code-container{display:flex;align-items:center;background:#fff;border-radius:1.2vh;width:70%;height:50%;border:4px solid #000;padding:0 1% 0 5%;justify-content:space-between}#campaign_code-container pre{flex-grow:1;font-size:min(2.1vh,4.9vw);overflow-wrap:anywhere}#campaign_code-container button{background-color:#000;color:#fff;margin-left:3%;width:26%;height:85%;font-size:min(1.7vh,3vw);border:none;border-radius:.8vh;cursor:pointer}#campaign_code-container button:hover{transform:translateY(-2px)}#campaign_code-container button:active{transform:translateY(1px)}#campaign_code-label{max-width:30%}#campaign_term{grid-row:4;display:flex;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column}#campaign_term img{max-width:20%}#campaign_term-text-container{background:#fff;margin-top:2%;width:70%;height:80%;text-align:center;font-size:min(1.4vh,2.5vw);color:#000;line-height:1.4;border:4px solid #000;padding:2%;border-radius:1.1vh;overflow:hidden;max-height:18vh;position:relative}#campaign_term-text{font-weight:800;line-height:1.1;font-size:1.7vh;text-align:left;padding-right:8px;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#campaign_term-text::-webkit-scrollbar{display:none}.custom-scrollbar{position:absolute;top:0;right:2px;width:8px;height:100%;background:rgba(0,0,0,0);z-index:10}.custom-scrollbar-thumb{position:absolute;left:-4px;width:100%;background:#ff5b97;border-radius:8px;box-shadow:0 2px 8px rgba(255,91,151,.6666666667);cursor:pointer;transition:background .2s}.custom-scrollbar-thumb:hover{background:#d61ba3}#campaign_button{grid-row:5;display:flex;align-items:center;flex-wrap:wrap;align-content:space-around;justify-content:center;margin-bottom:5%}#campaign_button img{width:93%}#campaign_button a{text-align:center;text-decoration:none;width:60%;height:30%;padding-left:6%;display:flex;align-items:center;justify-content:center}#campaign_button button{width:40%;height:20%;font-size:min(2.1vh,3.8vw)}#campaign_button #campaign_button-undo-member{width:47%}#campaign_button #campaign_button-undo-top{margin-left:2%;width:35%}#hint{pointer-events:none;grid-template-rows:70% 30%;padding:0;z-index:auto}#term{background-color:rgba(0,0,0,.7333333333);z-index:10000;grid-template-rows:7% 7% 71% 17%}#term_container{grid-row:3;position:relative;width:auto;margin:auto;aspect-ratio:658/654;height:auto;max-width:98%;max-height:100%}#term_text_container{position:relative;z-index:1;height:90%;margin:auto;top:54%;transform:translateY(-50%);border-radius:1.1vh}#term_button{grid-row:4;margin:auto;display:flex;align-items:center;box-shadow:none;border:#fff solid 4px;border-radius:0;display:flex}#term_button span{padding-left:15%;display:inline-flex;justify-content:center;align-items:center;width:70%}#term_button .close-x{width:30%;height:100%;margin-left:0;vertical-align:middle}#term_text{font-size:min(2.4vh,5vw);height:100%;overflow-y:auto;padding:2% 8% 4% 8%;scrollbar-width:none;-ms-overflow-style:none}#term_text::-webkit-scrollbar{display:none}.term_title{grid-row:2;color:#fff;font-size:min(3.5vh,7vw);text-align:center}@media(min-aspect-ratio: 10/16){#quiz_hint-vspo{top:0;bottom:auto}#quiz_hint-window{transform:translateY(10px)}}@media(min-aspect-ratio: 12/16){#app{grid-column:2}header{min-height:11%}#quiz_hint-vspo{bottom:-1px;top:auto;right:0}#quiz_hint-window{transform:none}}.disable{display:none !important}.label-campaign{position:absolute;bottom:20%;height:12%}.correct_campaign-attention{position:absolute;bottom:1%;width:70%;left:10%;z-index:150}
/*# sourceMappingURL=style.min.css.map */