html{scroll-behavior:smooth;font-size:62.5%}body{margin:0;font-size:1.6em}#root{box-sizing:border-box;color:#212121;white-space:pre-wrap;width:100%;max-width:700px;min-height:100%;margin:0 auto;padding:0 clamp(16px,3.5cqi,20px);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-weight:400;container:melo/inline-size}.title{position:relative}.title h1{z-index:1;width:clamp(220px,85cqi,600px);display:inline-block;position:absolute;top:clamp(20px,6cqi,50px);left:0}.title h1 img.title-image{width:100%;height:auto;display:block}.title-illust{width:100%;max-width:700px;height:clamp(160px,31cqi,220px);position:relative}.title-illust img{height:clamp(150px,31cqi,220px);position:absolute;top:clamp(10px,4cqi,30px);right:0}.fall-in-title{animation:1s ease-in both fall-in-title}@keyframes fall-in-title{0%{opacity:0;transform:translateY(-500px)}80%{opacity:1;transform:translateY(0)}90%{transform:translateY(-20px)}to{transform:translateY(0)}}.fall-in-illust{height:clamp(150px,31cqi,220px);animation:1s ease-out .1s both fall-in-illust}@keyframes fall-in-illust{0%{transform:translateY(-500px)}to{transform:translateY(0)}}.select-menu{justify-content:space-between;height:100%;margin-bottom:clamp(30px,6cqi,50px);display:flex}.select-menu>div{width:320px}.select-menu-standard{align-self:flex-end}.select-menu-standard>.selected-standard{background-color:#47d1ff}.select-menu-various>.selected-various{background-color:#ff729f}.select-menu-button{text-align:center;cursor:pointer;box-sizing:border-box;border:3px solid #212121;width:320px;margin-top:20px;padding:clamp(28px,5cqi,40px) 0;font-size:2.4rem;font-weight:600;display:inline-block;position:relative}.notification{text-align:center;margin:clamp(24px,6cqi,50px) auto;font-size:clamp(1.1rem,2.2cqi,1.4rem);line-height:1.6}.notification p{margin:clamp(2px,.8cqi,6px) 0}.select-menu-balloon{color:#333;text-align:center;box-sizing:border-box;background-color:#fff;border:3px solid #212121;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:320px;height:auto;padding:10px;display:flex;position:relative}.select-menu-balloon:after,.select-menu-balloon:before{content:"";border:12px solid #0000;position:absolute;top:100%;left:50%;transform:translate(-50%)}.select-menu-balloon:before{border-top:20px solid #212121}.select-menu-balloon:after{border-top:20px solid #fff;margin-top:-4px}.main-input{flex-direction:column;justify-content:center;align-items:center;height:100%;margin-bottom:clamp(30px,6cqi,50px);display:flex}.main-input-box{box-sizing:border-box;justify-content:center;width:100%;max-width:500px;margin:clamp(10px,2cqi,15px) 0;display:flex}.main-input-box>label{box-sizing:border-box;background-color:#fdd835;border-bottom:3px solid #212121;flex-shrink:0;width:clamp(80px,18cqi,100px);padding:5px 0 0 5px;font-size:clamp(1.8rem,3.8cqi,2.4rem);font-weight:600;display:inline-block}.main-input-box>input{box-sizing:border-box;border:3px solid #212121;flex:1;width:100%;min-width:0;max-width:400px;height:clamp(52px,10cqi,70px);padding-left:clamp(8px,2cqi,10px);font-size:clamp(1.8rem,3.8cqi,2.4rem)}.main-input-box>input.input-has-error{border-color:#e53935;outline-color:#e53935}.melo-balloon-wrapper{box-sizing:border-box;justify-content:center;width:100%;margin:clamp(-15px,-2cqi,-20px) auto clamp(20px,4cqi,35px);padding:0 10px;display:flex}.melo-error-balloon{color:#212121;text-align:center;box-sizing:border-box;background-color:#fff;border:3px solid #212121;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:auto;max-width:min(500px,100%);padding:clamp(10px,2cqi,14px) clamp(16px,3.5cqi,24px);animation:.3s cubic-bezier(.175,.885,.32,1.275) melo-pop;display:flex;position:relative;box-shadow:4px 4px #21212126}.melo-error-balloon p{margin:0;font-size:clamp(1.4rem,2.8cqi,1.8rem);font-weight:600;line-height:1.4}.melo-error-balloon:after,.melo-error-balloon:before{content:"";border:12px solid #0000;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.melo-error-balloon:before{border-bottom:16px solid #212121}.melo-error-balloon:after{border-bottom:16px solid #fff;margin-bottom:-3px}@keyframes melo-pop{0%{opacity:0;transform:scale(.9)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.main-summary{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-bottom:clamp(30px,6cqi,50px);font-size:clamp(1.8rem,3.8cqi,2.4rem);font-weight:600;display:flex}.main-summary p{margin:0}.main-summary p:first-child{padding-bottom:clamp(6px,1.5cqi,10px)}.main-button{cursor:pointer;text-align:center;box-sizing:border-box;background-color:#fdd835;border:none;width:clamp(260px,75cqi,420px);max-width:100%;margin:clamp(24px,5cqi,50px) auto;padding:clamp(14px,2.5cqi,18px) 0;font-size:clamp(1.8rem,3.8cqi,2.4rem);font-weight:600;display:block;position:relative}.main-button:before{content:"";border:3px solid #212121;width:100%;height:100%;transition:all .2s;position:absolute;top:-7px;left:-7px}.main-button:after{content:"";border-top:3px solid #fdd835;border-right:3px solid #fdd835;width:5px;height:5px;transform:rotate(45deg)}.main-button:hover:before{top:0;left:0}.result-slide-open-enter-active,.result-slide-open-leave-active{transition:opacity 1s}.result-slide-open-enter-from,.result-slide-open-leave-to{opacity:0}.result-box>div{margin:0 auto 50px}.result-nan{text-align:center;font-size:2.4rem;font-weight:600}.result-common{box-sizing:border-box;justify-content:center;gap:24px;height:250px;margin-bottom:clamp(30px,6cqi,50px);display:flex}.result-common div img{height:250px}.result-common div:last-child{width:fit-content;font-size:2rem;font-weight:600}.result-common div:last-child p{text-align:center;box-sizing:border-box;border:3px solid #212121;border-radius:5px;margin:50px 0;padding:20px;display:inline-block;position:relative}.result-common div:last-child p:after,.result-common div:last-child p:before{content:"";pointer-events:none;border:solid #0000;width:0;height:0;position:absolute;top:50%;right:100%}.result-common div:last-child p:after{border-width:10px;border-color:#fff0 #fff #fff0 #fff0;margin-top:-10px}.result-common div:last-child p:before{border-width:13px;border-color:#21212100 #212121 #21212100 #21212100;margin-top:-13px;margin-right:1px}.result-various>div:last-child{margin-left:100px}.result-share-sns{justify-content:space-between;height:100%;margin-bottom:clamp(30px,6cqi,50px);display:flex}.result-share>div{position:relative}.result-share button{cursor:pointer;box-sizing:border-box;background-color:#fdd835;border:none;width:300px;font-size:2rem;font-weight:600;position:relative}.result-share button:before{content:"";border:3px solid #212121;width:100%;height:100%;transition:all .2s;position:absolute;top:-7px;left:-7px}.result-share button:after{content:"";border-top:3px solid #fdd835;border-right:3px solid #fdd835;width:5px;height:5px;transform:rotate(45deg)}.result-share button:hover:before{top:0;left:0}.result-share button>p{margin:20px 50px 0}.result-share img{height:120px;max-height:none;max-block-size:none;max-inline-size:none;position:absolute;bottom:0}.result-share-twitter img{left:0}.result-share-twitter p{text-align:right}.result-share-line img{left:0}.result-share-line p{text-align:right}.result-share-copy{justify-content:center;display:flex}.result-share-copy img{right:0}.result-share-copy p{text-align:left}.again{width:fit-content;height:85px;margin:clamp(60px,12cqi,100px) auto clamp(30px,6cqi,50px)}.again-button{cursor:pointer;box-sizing:border-box;background-color:#fdd835;border:none;width:320px;font-size:2rem;font-weight:600;position:relative}.again-button:before{content:"";border:3px solid #212121;width:100%;height:100%;transition:all .2s;position:absolute;top:-7px;left:-7px}.again-button:after{content:"";border-top:3px solid #fdd835;border-right:3px solid #fdd835;width:5px;height:5px;transform:rotate(45deg)}.again-button:hover:before{top:0;left:0}.again-button p{margin:20px 40px 0 100px}.again-button img{height:130px;max-height:none;max-block-size:none;max-inline-size:none;position:absolute;bottom:0;left:0}.melo-footer{text-align:center;margin:clamp(40px,8cqi,70px) auto 30px;padding-bottom:20px}.melo-footer a{color:#212121;font-size:clamp(1.6rem,2.6cqi,2rem);text-decoration:underline;transition:opacity .2s}.melo-footer a:hover{opacity:.6}@container melo (width<=650px){.title h1{top:clamp(12px,4cqi,30px)}.title h1 img.title-image{width:100%;max-width:100%}.title-illust{height:clamp(130px,30cqi,180px)}.title-illust img{height:clamp(130px,30cqi,180px);top:clamp(5px,2cqi,15px)}.fall-in-illust{height:clamp(130px,30cqi,180px)}.select-menu{flex-direction:row;justify-content:center;align-items:flex-end;gap:clamp(10px,2.5cqi,20px);margin-bottom:clamp(24px,5cqi,40px)}.select-menu>div{flex-direction:column;flex:0 240px;justify-content:flex-end;align-items:center;width:100%;min-width:0;max-width:240px;display:flex}.select-menu-standard,.select-menu-various{align-self:flex-end}.select-menu-balloon{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:240px;min-height:clamp(60px,14cqi,72px);padding:6px clamp(4px,1.5cqi,8px);font-size:clamp(1.05rem,2.4cqi,1.3rem);line-height:1.35;display:flex}.select-menu-balloon p{margin:0}.select-menu-balloon:before{border-top-width:14px}.select-menu-balloon:after{border-top-width:14px;margin-top:-3px}.select-menu-button{white-space:nowrap;justify-content:center;align-items:center;width:100%;max-width:240px;height:50px;margin-top:clamp(8px,1.8cqi,12px);padding:0 4px;font-size:clamp(1.4rem,3cqi,1.7rem);font-weight:600;display:flex}.result-box>div{margin:clamp(24px,5cqi,50px) auto}.result-common{flex-direction:column;align-items:center;gap:0;height:auto;margin-bottom:clamp(30px,6cqi,50px)}.result-common div img{width:auto;height:clamp(160px,35cqi,220px)}.result-common div:last-child{width:100%;max-width:360px}.result-common div:last-child p{margin:12px auto 0;padding:clamp(14px,3cqi,20px);font-size:clamp(1.6rem,3.5cqi,2rem);line-height:1.5;display:block}.result-common div:last-child p:after,.result-common div:last-child p:before{inset:auto auto 100% 50%;transform:translate(-50%)}.result-common div:last-child p:before{border:13px solid #0000;border-bottom-color:#212121;margin-top:0;margin-right:0}.result-common div:last-child p:after{border:10px solid #0000;border-bottom-color:#fff;margin-top:0;margin-bottom:-3px}.result-various>div:last-child{margin-left:0}.result-share-sns{flex-direction:column;align-items:center;gap:clamp(16px,3.5cqi,24px);margin-bottom:clamp(16px,3.5cqi,24px)}.result-share button{width:200px;max-width:100%;font-size:clamp(1.4rem,3cqi,1.6rem)}.result-share button>p{margin:18px 12px 0}.result-share img{height:72px;max-height:none;max-block-size:none;max-inline-size:none;bottom:0}.result-share-twitter,.result-share-line{justify-content:center;width:100%;display:flex}.result-share-twitter p,.result-share-line p{text-align:right;margin-left:0;margin-right:12px}.result-share-copy{justify-content:center;width:100%;display:flex}.result-share-copy p{text-align:left;margin-left:12px;margin-right:0}.again{height:auto;margin:clamp(24px,5cqi,40px) auto clamp(30px,6cqi,50px)}.again-button{width:200px;max-width:100%;font-size:clamp(1.4rem,3cqi,1.6rem)}.again-button p{text-align:right;margin:18px 14px 0 0}.again-button img{max-height:none;max-block-size:none;max-inline-size:none;position:absolute;bottom:0;left:0;height:80px!important}}