@-webkit-keyframes popup{0%{width:0;height:0;-webkit-transform:translate(0, 300px);transform:translate(0, 300px)}20%{width:110%;height:30%;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}30%{width:115%;height:115%;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}60%{width:100%;height:100%;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}80%{width:103%;height:103%;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}100%{width:100%;height:100%;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}}@keyframes popup{0%{width:0;height:0;-webkit-transform:translate(0, 300px);transform:translate(0, 300px)}20%{width:110%;height:30%;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}30%{width:115%;height:115%;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}60%{width:100%;height:100%;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}80%{width:103%;height:103%;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}100%{width:100%;height:100%;-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}}@-webkit-keyframes popupInner{0%{opacity:0;translate:0 20px;scale:0}100%{opacity:1;translate:0 0;scale:1}}@keyframes popupInner{0%{opacity:0;translate:0 20px;scale:0}100%{opacity:1;translate:0 0;scale:1}}@-webkit-keyframes popupInner2{0%{opacity:0;scale:0}100%{opacity:1;scale:1}}@keyframes popupInner2{0%{opacity:0;scale:0}100%{opacity:1;scale:1}}html,body{width:100%;height:100%}body{font-family:"M PLUS Rounded 1c",sans-serif;color:#121212;font-weight:700;position:relative}img{max-width:100%;height:auto}.img__fit{width:100%;max-width:100%;height:auto}.header{position:absolute;top:0;left:0;background-color:rgba(0,0,0,0);color:#000;font-weight:600;-webkit-transition:.3s;transition:.3s;margin:0;padding:20px 0 0 0;width:100vw;min-width:1024px;z-index:10}.header_contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw}.header_title{position:absolute;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:11px 30px 9px;background:#121212;border-top-right-radius:8px;border-bottom-right-radius:8px}.header_info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:15px}.header_info-mypage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header_info-icon{width:40px;height:40px;background-color:#fff;border:1px solid #00326a;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header_info-icon.new:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background-color:#f94d35;position:absolute;right:0;top:0;-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.1);box-shadow:1px 1px 3px 1px rgba(0,0,0,.1)}.header_info-icon>img{border-radius:50%}.header_info-nickname{font-size:16px;padding-left:8px;padding-right:40px;font-weight:800}.header_info-nickname>p{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header_info_mira_title{font-size:13px;font-weight:600;padding-right:15px}.header_info_mira{font-size:24px;font-weight:800}.header_info_mira_unit{font-size:16px;font-weight:800;padding-left:2px}.footer{position:absolute;width:100vw;min-width:1024px;margin:0;padding:0;bottom:30px;z-index:11}.footer__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 47px}.back_button{width:127px;height:45px;background-image:url(../../img/common/back_button.png);background-size:cover;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:47px;bottom:0;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.back_button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.footer__message{margin-left:auto;margin-right:auto}.footer__message>.message{background:rgba(0,0,0,.3);color:#fff;border:4px solid #fff;border-radius:12px;width:635px;height:117px;padding:22px 26px;line-height:30px;font-size:20px;font-weight:800}.js-scalableInput-target{-webkit-transition:scale .3s ease;transition:scale .3s ease}.js-scalableInput-target.is-scaled{scale:1.1}#overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background:rgba(0,0,6,.8);z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}#overlay.is-active{pointer-events:all;opacity:1}#overlay.is-inprogress *{display:none}.popup-style-1{border-radius:10px;min-width:750px;padding:32px 24px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:50%;top:50%;translate:-50% -50%}.popup-style-1.is-inactive{display:none}.popup-style-1.is-active{display:block}.popup-style-1:before{content:"";width:0%;height:0%;background:#fff;position:absolute;left:50%;top:50%;translate:-50% -50%;-webkit-transform:translate(0, 300px);transform:translate(0, 300px);z-index:1;border-radius:10px;-webkit-animation:popup 2s ease-in-out forwards;animation:popup 2s ease-in-out forwards}.popup-style-1 .popup-style-1__ttl{font-size:26px;font-weight:800;text-align:center;margin-bottom:16px;line-height:normal;scale:0;-webkit-animation:popupInner .5s ease-in-out .3s forwards;animation:popupInner .5s ease-in-out .3s forwards}.popup-style-1 .popup-style-1__body{color:#121212;font-family:Rounded Mplus 1c ExtraBold;font-size:14px;font-style:normal;font-weight:800;line-height:normal;scale:0;-webkit-animation:popupInner .5s ease-in-out .3s forwards;animation:popupInner .5s ease-in-out .3s forwards;margin-bottom:16px}.popup-style-1 .popup-style-1__btn-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popup-style-1 form{margin-bottom:8px}.popup-style-1 .popup-style-1__btn-1{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;border-radius:28px;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;scale:0;-webkit-animation:popupInner .5s ease-in-out .5s forwards;animation:popupInner .5s ease-in-out .5s forwards}.popup-style-1 .popup-style-1__btn-1.btn-black{border:2px solid #121212;background:#343434;color:#fff;font-size:11px;font-weight:700}.popup-style-1 .popup-style-1__btn-1.btn-yellow{border:2px solid #121212;background:#f0e837;color:#121212;font-size:12px;font-weight:800;padding:7px 24px}.popup-style-1 .popup-style-1__btn-1.btn-shadow{-webkit-box-shadow:4px 4px 0px 0px rgba(18,18,18,.16);box-shadow:4px 4px 0px 0px rgba(18,18,18,.16)}.popup-style-1 .popup-style-1__btn-1:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.popup-style-1 .popup-style-1__btn-1+.popup-style-1__btn-1{margin-top:8px}.popup-style-1__inner,.popup-style-2__inner{position:relative;z-index:2}.popup-style-2{border-radius:10px;min-width:750px;padding:32px 24px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:50%;top:50%;translate:-50% -50%}.popup-style-2.is-inactive{display:none}.popup-style-2.is-active{display:block}.popup-style-2.is-inactive{display:none}.popup-style-2.is-active{display:block}.popup-style-2:before{content:"";width:0%;height:0%;position:absolute;left:50%;top:50%;translate:-50% -50%;-webkit-transform:translate(0, 300px);transform:translate(0, 300px);z-index:1;border-radius:10px;border:2px solid #5e5e5e;background:#2b2b2b;-webkit-animation:popup 2s ease-in-out forwards;animation:popup 2s ease-in-out forwards}.popup-style-2 .popup-style-2__btn-col{position:absolute;left:50%;bottom:-16px;translate:-50% 100%}.popup-style-2 .popup-style-2__btn-1{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;border-radius:28px;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;scale:0;-webkit-animation:popupInner .5s ease-in-out .5s forwards;animation:popupInner .5s ease-in-out .5s forwards}.popup-style-2 .popup-style-2__btn-1.btn-black{border:2px solid #121212;background:#343434;color:#fff;font-size:11px;font-weight:700}.popup-style-2 .popup-style-2__btn-1.btn-yellow{border:2px solid #121212;background:#f0e837;color:#121212;font-size:12px;font-weight:800;padding:7px 24px}.popup-style-2 .popup-style-2__btn-1.btn-shadow{-webkit-box-shadow:4px 4px 0px 0px rgba(18,18,18,.16);box-shadow:4px 4px 0px 0px rgba(18,18,18,.16)}.popup-style-2 .popup-style-2__btn-1:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.popup-style-2 .popup-style-2__btn-1+.popup-style-1__btn-1{margin-top:8px}.miraiiCard{font-family:"M PLUS Rounded 1c",sans-serif;font-weight:900;border-radius:24px;border-style:solid;border-width:4px;width:480px;height:290px;position:relative}.miraiiCard .card-top{font-family:"vdl-logojrblack",sans-serif;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-right-radius:18px;border-top-left-radius:18px;color:#fff;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:20px}.miraiiCard .card-content{padding:16px 12px 12px 20px}.miraiiCard .gr-1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.miraiiCard .icon{width:88px;height:88px;background-color:#fff;border-radius:50%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:24px}.miraiiCard .title,.miraiiCard .nickname,.miraiiCard .level{display:block;color:#fff}.miraiiCard .title .head,.miraiiCard .nickname .head,.miraiiCard .level .head{display:inline-block;margin-right:4px}.miraiiCard .title,.miraiiCard .level{font-size:12px}.miraiiCard .nickname{font-size:24px;line-height:2}.miraiiCard .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:300px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.miraiiCard .list .head{font-size:12px;width:70px;line-height:30px}.miraiiCard .list .data{font-size:16px;color:#fff;width:230px;line-height:30px}.miraiiCard .gr-3{position:absolute;right:12px;bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.miraiiCard .gr-3 img{width:100%}.miraiiCard .gr-3 .badge{width:67px;height:67px;margin-right:8px}.miraiiCard .gr-3 .plate{width:54px;height:76px}.miraiiCard.level-0,.miraiiCard.level-1{border-color:#6c0;background-color:#1a3300}.miraiiCard.level-0 .card-top,.miraiiCard.level-1 .card-top{background-color:#6c0}.miraiiCard.level-0 .head,.miraiiCard.level-1 .head{color:#ace573}.miraiiCard.level-2{border-color:#0096cc;background-color:#002533}.miraiiCard.level-2 .card-top{background-color:#0096cc}.miraiiCard.level-2 .head{color:#73c7e5}.miraiiCard.level-3{border-color:#eb6609;background-color:#331500}.miraiiCard.level-3 .card-top{background-color:#eb6609}.miraiiCard.level-3 .head{color:#e5a273}.miraiiCard.level-4{border-color:#7ab1cc;background-color:#023}.miraiiCard.level-4 .card-top{background-color:#7ab1cc}.miraiiCard.level-4 .head{color:#89c6e5}.miraiiCard.level-5{border-color:#ccae3f;background-color:#332b10}.miraiiCard.level-5 .card-top{background-color:#ccae3f}.miraiiCard.level-5 .head{color:#e5c347}.miraiiCard.level-6{border-color:#b9a5cc;background-color:#1a3300}.miraiiCard.level-6 .card-top{background-color:#b9a5cc}.miraiiCard.level-6 .head{color:#cfb9e5}.miraiiCard.level-7{border-color:#cc5092;background-color:#331424}.miraiiCard.level-7 .card-top{background-color:#cc5092}.miraiiCard.level-7 .head{color:#f06cb2}.miraiiCard.level-8{border-color:#1b73cc;background-color:#071d33}.miraiiCard.level-8 .card-top{background-color:#1b73cc}.miraiiCard.level-8 .head{color:#1e81e5}.miraiiCard.level-9{border-color:#18c6cc;background-color:#063233}.miraiiCard.level-9 .card-top{background-color:#18c6cc}.miraiiCard.level-9 .head{color:#1bdee5}.miraiiCard.level-10{border-color:#8fb7cc;background-color:#242e33}.miraiiCard.level-10 .card-top{background-color:#8fb7cc}.miraiiCard.level-10 .head{color:#a0cde5}.js-update-msg{padding:7px 40px;background:rgba(18,18,18,.8);display:inline-block;color:#fff;text-align:center;font-family:Rounded Mplus 1c Bold;font-size:20px;font-style:normal;font-weight:700;line-height:normal;position:absolute;top:50%;left:50%;translate:-50% 0%;z-index:1000;-webkit-transition:all 1s ease;transition:all 1s ease;opacity:0;pointer-events:none}.js-update-msg.is-active{-webkit-transition:all 1s ease;transition:all 1s ease;opacity:1;translate:-50% -50%}@-webkit-keyframes lock{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}91%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}92%{-webkit-transform:translate(-4px, 0);transform:translate(-4px, 0)}94%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}96%{-webkit-transform:translate(-4px, 0);transform:translate(-4px, 0)}98%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes lock{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}91%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}92%{-webkit-transform:translate(-4px, 0);transform:translate(-4px, 0)}94%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}96%{-webkit-transform:translate(-4px, 0);transform:translate(-4px, 0)}98%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.icon-new{width:16px;height:16px;background:#f22f25;border-radius:50%;display:inline-block}@media screen and (min-width: 769px){.setOrder{color:#000}.m-sm{display:none}}@media screen and (min-width: 961px){.setOrder{color:#000}}@media screen and (max-width: 768px){.setOrder{color:#000}.m-md{display:none}}@media screen and (min-width: 600px){html,body{min-width:1024px;min-height:768px;-ms-scroll-chaining:none;overscroll-behavior:none}}