a,body,dd,div,dl,dt,h1,h2,h3,h4,html,img,li,ol,p,span,table,td,th,tr,ul{margin:0;padding:0;border:0;font-weight:400;font-size:100%;vertical-align:baseline;box-sizing:border-box}article,aside,figcaption,figure,footer,header,nav,section{display:block;margin:0;padding:0;box-sizing:border-box}body{line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}ol,ul{list-style:none}html{height:100%;font-size:15px}body,html{width:100%}body{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;font-family:Verdana,Hiragino Kaku Gothic Pro,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,"\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF",sans-serif;line-height:1.4;color:#fff;background-color:#34b5f8}*{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.header{opacity:0;position:fixed;top:0;left:0;width:100%;padding:8px;display:flex;justify-content:space-between;align-items:flex-start;align-items:center;z-index:999}.header__yonexlogo{height:23px}.header__top{border:1px solid #fff;border-radius:3px;padding:5px 10px;line-height:1;font-size:10px}.footer{opacity:0;color:#111;position:fixed;bottom:0;left:0;width:100%;padding:8px;z-index:999;font-size:10px;text-shadow:1px 1px 4px hsla(0,0%,100%,.5)}.container{padding:40px 25px;overflow:hidden;position:relative;min-height:100vh;z-index:2}.title{opacity:0;transform:translateY(15px);margin:60px auto 40px}.title__catch{text-align:center;font-weight:700;font-style:italic}.title__logo{margin-top:10px;text-align:center}.title__logo img{width:310px;max-width:95%}.bg{position:fixed;bottom:0;left:0;width:100%;height:100%;z-index:1}.bg .bg__string{position:relative;height:100%;background:linear-gradient(180deg,#34b5f8,#000);overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.bg .bg__string img{opacity:0;width:100%}.loader,.loader:after{border-radius:50%;width:50px;height:50px}.loader{position:fixed;top:50%;left:50%;border-top:3px solid hsla(0,0%,100%,.4);border-right:3px solid hsla(0,0%,100%,.4);border-bottom:3px solid hsla(0,0%,100%,.4);border-left:3px solid #fff;margin-top:-25px;margin-left:-25px;animation:loading .6s infinite linear;z-index:3}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.loaded .loader{opacity:0;height:0;width:0;transition:opacity .5s .6s,height 0s 2s,width 0s 2s}body.loaded .footer,body.loaded .header{opacity:1;transition:all .5s .7s}body.loaded .title{opacity:1;transform:translateY(0);transition:all .5s .8s}body.loaded .bg .bg__string img{opacity:1;transition:all 1.2s .5s}body.started .title{margin:20px auto;transition:all .5s}body.started .title__catch{font-size:12px}body.started .title__logo{margin-top:5px;transition:all .5s}body.started .title__logo img{width:220px;max-width:85%;transition:all .5s}body.started .bg img{opacity:.8;transform:scale(1.05);filter:blur(4px);transition:all .8s 0s!important}.button{text-align:center}.button a,.button span{display:inline-block;padding:7px 15px;min-width:180px;background:linear-gradient(90deg,#0081e5,#00b3ed);border-radius:50px;font-size:13px;font-family:Ubuntu,Hiragino Kaku Gothic Pro,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,"\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF",sans-serif;font-weight:700;color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.button a.button_size_large,.button span.button_size_large{font-size:22px;width:240px;font-weight:500;font-style:italic}.start .button{position:absolute;top:270px;left:50%;transform:translate(-50%,10px);opacity:0;animation:appearStart .5s ease 1s 1 forwards}@keyframes appearStart{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,1px)}}.scenetitle{position:relative;margin-bottom:15px;background-color:#005499;border-radius:15px;height:30px;line-height:30px;overflow:hidden}.scenetitle__step{position:absolute;top:0;left:0;background-color:#003e71;padding:0 5px 0 15px;font-family:Ubuntu,Hiragino Kaku Gothic Pro,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,"\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF",sans-serif;font-weight:500;font-style:italic;border-top-left-radius:15px;border-bottom-left-radius:15px}.scenetitle__step:after{content:"";position:absolute;right:-30px;top:0;border:15px solid transparent;border-left:15px solid #003e71}.scenetitle__question{display:inline-block;padding:0 10px 0 5.5em}.choices{margin-bottom:15px}.choices__button{position:relative;text-align:center;background-color:hsla(0,0%,100%,.9);padding:10px;border-radius:10px;cursor:pointer;color:#0062b2;font-weight:700;height:70px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.choices__button:not(:last-child){margin-bottom:12px}.result{position:relative;text-align:center;width:calc(100% - 40px);min-width:260px;margin:0 auto 15px;padding:20px;border-radius:10px;color:#666;background-color:hsla(0,0%,100%,.9)}.result__name{color:#0062b2;font-family:Ubuntu,Hiragino Kaku Gothic Pro,\\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3,"\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF",sans-serif;font-weight:500;font-size:1.25rem;line-height:1.2;margin-bottom:10px}.result__package{position:relative;width:70%;margin:0 auto 15px;padding-top:84.875%;background-color:#ccc}.result__package img{position:absolute;top:0;left:0;width:100%}.result__description{margin-bottom:15px;font-size:.9rem}.result__batch{position:absolute;opacity:0;top:-35px;right:-30px;width:72px;height:72px;z-index:2;animation:batch .4s ease .5s 1 forwards}@keyframes batch{0%{opacity:0;transform:scale(1.5)}80%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width:480px){.result{display:block;text-align:left}.result .button{text-align:left;margin-top:20px}.result .button a{text-align:center}.result__info,.result__name,.result__package{width:100%}.result__package{position:relative;margin-left:0;width:40%;padding-top:48.5%;margin-bottom:0}.result__name{top:20px}.result__info,.result__name{position:absolute;width:calc(60% - 30px);left:calc(40% + 30px)}.result__info{top:calc(20px + 2.5em)}.share{justify-content:flex-start!important}}.share{margin-top:20px;display:flex;justify-content:center}.share__button{width:40px}.share__button a{display:block}.share__button a img{display:block;margin:0 auto 2px;width:22px;height:22px}.navigation{opacity:0;display:flex;justify-content:center;animation:appear .5s ease .5s 1 forwards}.navigation_button{width:50px;text-align:center;color:#fff;font-size:11px}.navigation_button img{display:block;margin:0 auto 2px;width:28px}.contents-enter{opacity:0;transform:translateY(20px)}.contents-enter-active{opacity:1;transform:translateY(0);transition:all .5s}@keyframes appear{0%{opacity:0;border-radius:10px;transform:translateY(15px) scale(.9)}60%{transform:scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.contents-enter-active .choices__button:first-child{opacity:0;animation:appear .5s ease .1s 1 forwards}.contents-enter-active .choices__button:nth-child(2){opacity:0;animation:appear .5s ease .2s 1 forwards}.contents-enter-active .choices__button:nth-child(3){opacity:0;animation:appear .5s ease .3s 1 forwards}.contents-enter-active .choices__button:nth-child(4){opacity:0;animation:appear .5s ease .4s 1 forwards}.contents-enter-active .choices__button:nth-child(5){opacity:0;animation:appear .5s ease .5s 1 forwards}.contents-exit,.contents-exit .start .button{opacity:1}.contents-exit-active,.contents-exit-active .start .button{opacity:0;transition:all .5s}@media print and (min-width:780px),screen and (min-width:780px){html{font-size:16px;background:linear-gradient(180deg,#bbe2f7,#65b0d9)}.visible-sp{display:none}.header{padding:10px}.header__yonexlogo{height:30px}.header__top{color:#2b95cc;border:none;padding:5px 12px;font-size:12px;transition:all .3s;background-color:hsla(0,0%,100%,.9)}.header__top:hover{background-color:#fff}.footer{font-size:12px;color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,.8)}.title{transform:translateY(15px);margin:100px auto 40px}.title__catch{font-size:1.2rem}.title__logo img{width:560px}.bg:before{left:calc(50% + 375px);width:50%;background:url("/soft_tennis/best-string/images/panel.jpg") 0 0;background-size:auto 100%}.bg:after,.bg:before{content:"";position:absolute;top:0;height:100%;opacity:0}.bg:after{left:0;width:calc(50% - 375px);background:url("/soft_tennis/best-string/images/panel.jpg") 100% 0;background-size:auto 100%}.bg .bg__string{opacity:0;max-width:750px;left:50%;transform:translateX(-50%);box-shadow:0 0 20px rgba(0,0,0,.3)}body.loaded .bg:after,body.loaded .bg:before{opacity:.3;transition:all 1.2s .6s}body.loaded .bg .bg__string{opacity:1;transition:all 1.2s .4s}.button a,.button span{padding:7px 15px;min-width:200px;font-size:1rem;cursor:pointer;transition:all .4s}.button a.button_size_large,.button span.button_size_large{font-size:26px;width:300px;letter-spacing:.05em}.button a.button_size_large:hover,.button span.button_size_large:hover{letter-spacing:.15em;width:360px}.button a:hover,.button span:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}.start .button{top:360px}body.started .title{margin:20px auto 40px}body.started .title__catch{font-size:.9rem}body.started .title__logo img{width:430px}#main{max-width:640px;margin:0 auto}.scenetitle{margin-bottom:20px}.choices__button{font-size:1.1rem;padding:15px 10px;transition:background-color .5s,box-shadow .5s}.choices__button:not(:last-child){margin-bottom:15px}.choices__button:hover{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3)}.result{width:100%;padding:30px}.result__batch{top:-45px;right:-40px;width:100px;height:100px}.result__name{top:30px;font-size:24px}.result__info,.result__name{width:calc(60% - 50px);left:calc(40% + 50px)}.result__info{top:calc(30px + 3em)}.share__button{margin-top:20px;width:50px}.share__button a{display:block}.share__button a img{display:block;margin:0 auto 2px;width:28px;height:28px;transition:all .2s}.share__button a:hover img{transform:scale(1.15)}.navigation_button{width:60px;font-size:13px;cursor:pointer}.navigation_button img{margin:0 auto 2px;width:32px;opacity:.8;transition:all .3s}.navigation_button:hover img{opacity:1;transform:scale(1.07)}}
/*# sourceMappingURL=style.css.map*/