.character-bg{background-position:top center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.character-bg:not(.default){min-height:1080px}.character-bg.default{background-image:url("../images/background/01.jpg")}.character-bg-sp{position:relative;background-position:top center;background-repeat:no-repeat;background-size:cover;height:600px;overflow:hidden}.character-bg-sp:before{content:"";position:absolute;top:-4px;height:4px;width:100%;-webkit-box-shadow:0px 4px 4px rgba(18,18,18,.28);box-shadow:0px 4px 4px rgba(18,18,18,.28)}.facebook-warning-modal .main-contents{padding:16px}@media(max-width: 374px){.facebook-warning-modal .main-contents .scroll-contents{max-height:240px;overflow-y:auto}}.facebook-warning-modal .main-contents .scroll-contents p:first-child{padding-bottom:16px}.facebook-warning-modal .main-contents .button-continue{display:block;max-width:280px;margin:16px auto 0}.signup-sec,.login-sec{position:relative;padding-bottom:40px;overflow:hidden}.signup-sec .is-inactive,.login-sec .is-inactive{display:none}.signup-sec .error-msg,.login-sec .error-msg{background:#710a12;color:rgba(255,255,255,.87);font-size:14px;font-weight:normal;margin:16px 48px 0 48px;padding:16px}@media(max-width: 480px){.signup-sec .error-msg,.login-sec .error-msg{margin:16px 24px 0 24px}}.signup-sec__title,.login-sec__title{font-size:24px;font-weight:bold;padding-top:48px;text-align:center}.signup-sec__title .link,.login-sec__title .link{display:block;font-size:12px;font-weight:normal;color:rgba(255,255,255,.6);margin-top:4px}.signup-sec__title .link a,.login-sec__title .link a{color:#65b7f3}@media(max-width: 800px){.signup-sec__title,.login-sec__title{padding-top:24px}}.signup-sec__input-field--login,.login-sec__input-field--login{padding:32px 48px 48px}.signup-sec__input-field--signup,.login-sec__input-field--signup{padding:24px 48px 48px}@media(max-width: 480px){.signup-sec__input-field--login,.login-sec__input-field--login{padding:16px 24px 56px}.signup-sec__input-field--signup,.login-sec__input-field--signup{padding:24px 24px 48px}}.signup-sec__input,.login-sec__input{position:relative;margin-bottom:12px}.signup-sec__input .ValidationErrors,.login-sec__input .ValidationErrors{font-size:12px;font-weight:normal;color:#f87f7c;display:block;text-align:left;padding-top:4px}.signup-sec__input i,.login-sec__input i{display:none;position:absolute;margin:auto;top:0;right:12px;bottom:0;width:24px}.signup-sec__input .input-placeholder,.login-sec__input .input-placeholder{position:absolute;top:12px;left:12px;font-size:16px;color:rgba(255,255,255,.38);pointer-events:none;-webkit-transition:all .3s;transition:all .3s}.signup-sec__input input,.login-sec__input input{font-size:16px;font-weight:normal;border-radius:4px;background:rgba(255,255,255,.12);-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(255,255,255,.87);min-height:48px;padding:12px;padding:18px 12px 6px;width:100%}.signup-sec__input input::-webkit-input-placeholder, .login-sec__input input::-webkit-input-placeholder{color:rgba(255,255,255,.38)}.signup-sec__input input::-moz-placeholder, .login-sec__input input::-moz-placeholder{color:rgba(255,255,255,.38)}.signup-sec__input input:-ms-input-placeholder, .login-sec__input input:-ms-input-placeholder{color:rgba(255,255,255,.38)}.signup-sec__input input::-ms-input-placeholder, .login-sec__input input::-ms-input-placeholder{color:rgba(255,255,255,.38)}.signup-sec__input input::placeholder,.login-sec__input input::placeholder{color:rgba(255,255,255,.38)}@-webkit-keyframes onAutoFillStart{}@keyframes onAutoFillStart{}.signup-sec__input input:-webkit-autofill,.login-sec__input input:-webkit-autofill{-webkit-animation-name:onAutoFillStart;animation-name:onAutoFillStart;-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-transition-delay:99999s;transition-delay:99999s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-text-fill-color:rgba(255,255,255,.87);caret-color:rgba(255,255,255,.87);-webkit-box-shadow:0 0 0 30px inset #6c6c6c;box-shadow:0 0 0 30px inset #6c6c6c}.signup-sec__input input:focus,.login-sec__input input:focus{border:1px solid #65b7f3}.signup-sec__input input.is-error,.login-sec__input input.is-error{border:1px solid #f87f7c}.signup-sec__input input.SuccessField~i:not(.eye-slash),.login-sec__input input.SuccessField~i:not(.eye-slash){display:block}.signup-sec__input input.SuccessField~i:not(.eye-slash)::before,.login-sec__input input.SuccessField~i:not(.eye-slash)::before{content:"";position:absolute;-webkit-mask:url(/images/icons/check.svg) no-repeat center;mask:url(/images/icons/check.svg) no-repeat center;background:#8fd460;-webkit-mask-size:cover;mask-size:cover;width:24px;height:24px;top:12px;right:0}.signup-sec__input input.ErrorField,.login-sec__input input.ErrorField{border:1px solid #f87f7c}.signup-sec__input input.ErrorField~i:not(.eye-slash),.login-sec__input input.ErrorField~i:not(.eye-slash){display:block;bottom:16px}.signup-sec__input input.ErrorField~i:not(.eye-slash)::before,.login-sec__input input.ErrorField~i:not(.eye-slash)::before{content:"";position:absolute;-webkit-mask:url(/images/icons/close.svg);mask:url(/images/icons/close.svg);-webkit-mask-size:cover;mask-size:cover;background:#f87f7c;width:24px;height:24px;top:12px;right:0;bottom:auto;border:none;-webkit-transform:none;transform:none}.signup-sec__input input.SuccessField~.eye-slash,.signup-sec__input input.ErrorField~.eye-slash,.signup-sec__input input i.eye-slash,.login-sec__input input.SuccessField~.eye-slash,.login-sec__input input.ErrorField~.eye-slash,.login-sec__input input i.eye-slash{background:rgba(255,255,255,.38);-webkit-mask:url(/images/icons/eye-slash.svg) no-repeat center;mask:url(/images/icons/eye-slash.svg) no-repeat center;-webkit-mask-size:cover;mask-size:cover;display:none;width:24px;height:24px;position:absolute;right:40px;top:13px;bottom:auto;cursor:pointer}.signup-sec__input input.SuccessField~.eye-slash.show-icon,.signup-sec__input input.ErrorField~.eye-slash.show-icon,.signup-sec__input input i.eye-slash.show-icon,.login-sec__input input.SuccessField~.eye-slash.show-icon,.login-sec__input input.ErrorField~.eye-slash.show-icon,.login-sec__input input i.eye-slash.show-icon{display:block}.signup-sec__input input.SuccessField~.eye-slash.eye-shadow,.signup-sec__input input.ErrorField~.eye-slash.eye-shadow,.signup-sec__input input i.eye-slash.eye-shadow,.login-sec__input input.SuccessField~.eye-slash.eye-shadow,.login-sec__input input.ErrorField~.eye-slash.eye-shadow,.login-sec__input input i.eye-slash.eye-shadow{-webkit-mask-image:url(/images/icons/eye.svg);mask-image:url(/images/icons/eye.svg);background:rgba(255,255,255,.6)}.signup-sec__input input::-webkit-input-placeholder, .login-sec__input input::-webkit-input-placeholder{color:transparent}.signup-sec__input input::-moz-placeholder, .login-sec__input input::-moz-placeholder{color:transparent}.signup-sec__input input:-ms-input-placeholder, .login-sec__input input:-ms-input-placeholder{color:transparent}.signup-sec__input input::-ms-input-placeholder, .login-sec__input input::-ms-input-placeholder{color:transparent}.signup-sec__input input::placeholder,.login-sec__input input::placeholder{color:transparent}.signup-sec__input input:not(:placeholder-shown)~.input-placeholder,.signup-sec__input input:-webkit-autofill~.input-placeholder,.signup-sec__input input:focus~.input-placeholder,.login-sec__input input:not(:placeholder-shown)~.input-placeholder,.login-sec__input input:-webkit-autofill~.input-placeholder,.login-sec__input input:focus~.input-placeholder{top:4px;font-size:10px}@media(max-width: 800px){.signup-sec__input input.SuccessField~.eye-slash,.signup-sec__input input.ErrorField~.eye-slash,.login-sec__input input.SuccessField~.eye-slash,.login-sec__input input.ErrorField~.eye-slash{right:44px}.signup-sec__input input i,.login-sec__input input i{right:16px}}.signup-sec__request,.login-sec__request{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;font-weight:normal;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.signup-sec__request-auto-login,.login-sec__request-auto-login{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.signup-sec__request-auto-login input,.login-sec__request-auto-login input{vertical-align:bottom}.signup-sec__request-auto-login label,.login-sec__request-auto-login label{cursor:pointer}.signup-sec__request-forget-pass,.login-sec__request-forget-pass{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.signup-sec__captch,.login-sec__captch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.signup-sec__captch input,.login-sec__captch input{width:100%;height:48px;font-size:16px;font-weight:normal;border-radius:4px;background:rgba(255,255,255,.12);-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:rgba(255,255,255,.87);min-height:48px;padding:12px}.signup-sec__captch input::-webkit-input-placeholder, .login-sec__captch input::-webkit-input-placeholder{color:rgba(255,255,255,.38)}.signup-sec__captch input::-moz-placeholder, .login-sec__captch input::-moz-placeholder{color:rgba(255,255,255,.38)}.signup-sec__captch input:-ms-input-placeholder, .login-sec__captch input:-ms-input-placeholder{color:rgba(255,255,255,.38)}.signup-sec__captch input::-ms-input-placeholder, .login-sec__captch input::-ms-input-placeholder{color:rgba(255,255,255,.38)}.signup-sec__captch input::placeholder,.login-sec__captch input::placeholder{color:rgba(255,255,255,.38)}@keyframes onAutoFillStart{}.signup-sec__captch input:-webkit-autofill,.login-sec__captch input:-webkit-autofill{-webkit-animation-name:onAutoFillStart;animation-name:onAutoFillStart;-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-transition-delay:99999s;transition-delay:99999s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-text-fill-color:rgba(255,255,255,.87);caret-color:rgba(255,255,255,.87);-webkit-box-shadow:0 0 0 30px inset #6c6c6c;box-shadow:0 0 0 30px inset #6c6c6c}.signup-sec__captch input:focus,.login-sec__captch input:focus{border:1px solid #65b7f3}.signup-sec__captch input.is-error,.login-sec__captch input.is-error{border:1px solid #f87f7c}.signup-sec__captcha-refresh,.login-sec__captcha-refresh{width:100px;margin:16px auto 8px;font-size:12px;font-weight:normal}.signup-sec__recaptch-image,.login-sec__recaptch-image{margin-bottom:24px}.signup-sec__recaptch-image img,.login-sec__recaptch-image img{margin-bottom:16px;vertical-align:bottom}.signup-sec__recaptcha,.login-sec__recaptcha{margin-bottom:12px}.signup-sec__select-line,.login-sec__select-line{position:relative;margin-bottom:24px;text-align:center}.signup-sec__select-line::before,.login-sec__select-line::before{content:"";width:100%;position:absolute;z-index:3;border-bottom:1px solid rgba(255,255,255,.16);left:-48px;top:42%;padding:0 48px}@media(max-width: 480px){.signup-sec__select-line::before,.login-sec__select-line::before{left:-24px;padding:0 24px}}.signup-sec__select-login,.login-sec__select-login{position:relative;z-index:5;width:30px;height:30px;line-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;border:1px solid rgba(255,255,255,.16);background-color:#252525;border-radius:50%;font-size:14px;font-weight:normal;color:rgba(255,255,255,.38)}.signup-sec__select-login span,.login-sec__select-login span{position:absolute;display:inline-block;left:-1px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px;text-align:center}.signup-sec__button,.login-sec__button{width:100%}.signup-sec__button--login,.login-sec__button--login{margin-bottom:24px}.signup-sec__button--signup,.login-sec__button--signup{margin-bottom:24px}.signup-sec__checkbox,.login-sec__checkbox{margin-bottom:12px}.signup-sec__checkbox .label-input-wrapper,.login-sec__checkbox .label-input-wrapper{padding-right:4px}.signup-sec__checkbox .label-input-wrapper input,.login-sec__checkbox .label-input-wrapper input{width:16px;height:16px;vertical-align:middle;margin:0}.signup-sec__checkbox .label-input-text,.login-sec__checkbox .label-input-text{cursor:pointer}.signup-sec__terms,.login-sec__terms{padding-top:4px}.signup-sec__terms span,.login-sec__terms span{font-size:12px;font-weight:normal;color:rgba(255,255,255,.6)}.signup-sec__terms span a,.login-sec__terms span a{color:#65b7f3}.signup-sec__sns-login-for-client,.login-sec__sns-login-for-client{text-align:center;margin:0 -24px;font-size:12px;font-weight:normal}.signup-sec__sns-login-for-client .login-sec__sns-login-title,.login-sec__sns-login-for-client .login-sec__sns-login-title{margin-bottom:8px}.signup-sec__sns-login-for-client .login-sec__sns-login-note,.login-sec__sns-login-for-client .login-sec__sns-login-note{color:rgba(255,255,255,.6)}.signup-sec__sns-login-for-client .login-sec__sns-login-note a,.login-sec__sns-login-for-client .login-sec__sns-login-note a{color:#65b7f3}.signup-sec .account-link-box,.login-sec .account-link-box{text-align:center}.signup-sec .account-link-box .account-link-button-wrapper,.login-sec .account-link-box .account-link-button-wrapper{margin-bottom:12px}.signup-sec .account-link-box .account-link-button-wrapper:last-child,.login-sec .account-link-box .account-link-button-wrapper:last-child{margin-bottom:0}.signup-sec .account-link-button,.login-sec .account-link-button{width:240px}.signup-sec .account-link-button .account-link-spinner,.login-sec .account-link-button .account-link-spinner{display:none;padding:3px}.signup-sec .account-link-button .account-link-spinner>*,.login-sec .account-link-button .account-link-spinner>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.signup-sec .account-link-button.is-loading .account-link-spinner,.login-sec .account-link-button.is-loading .account-link-spinner{display:block}.signup-sec .account-link-button.is-loading .account-link-text-wrapper,.login-sec .account-link-button.is-loading .account-link-text-wrapper{display:none}.signup-sec .account-link-button .account-link-text-wrapper,.login-sec .account-link-button .account-link-text-wrapper{padding-left:56px}.signup-sec .account-link-button .account-link-application-logo,.login-sec .account-link-button .account-link-application-logo{position:absolute;top:0;left:0;bottom:0;width:56px;border-radius:4px 0 0 4px}.signup-sec .account-link-button .account-link-application-logo::before,.login-sec .account-link-button .account-link-application-logo::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px}.signup-sec .account-link-button.account-link-button-facebook .account-link-application-logo,.login-sec .account-link-button.account-link-button-facebook .account-link-application-logo{background:#2c486d}.signup-sec .account-link-button.account-link-button-facebook .account-link-application-logo::before,.login-sec .account-link-button.account-link-button-facebook .account-link-application-logo::before{-webkit-mask:url(/images/sns/mark/facebook.svg) center no-repeat;mask:url(/images/sns/mark/facebook.svg) center no-repeat;-webkit-mask-size:cover;mask-size:cover;background:rgba(255,255,255,.87)}.signup-sec .account-link-button.account-link-button-steam .account-link-application-logo,.login-sec .account-link-button.account-link-button-steam .account-link-application-logo{background:#4b4b4b}.signup-sec .account-link-button.account-link-button-steam .account-link-application-logo::before,.login-sec .account-link-button.account-link-button-steam .account-link-application-logo::before{-webkit-mask:url(/images/sns/mark/steam.svg) center no-repeat;mask:url(/images/sns/mark/steam.svg) center no-repeat;-webkit-mask-size:cover;mask-size:cover;background:rgba(255,255,255,.87)}.signup-sec .layout,.login-sec .layout{background:#252525;-webkit-box-shadow:0px 4px 4px rgba(18,18,18,.28);box-shadow:0px 4px 4px rgba(18,18,18,.28);border-radius:4px;max-width:420px !important;padding:0}@media(min-width: 801px){.signup-sec .layout,.login-sec .layout{margin-top:32px}}@media(max-width: 800px){.signup-sec .layout,.login-sec .layout{margin-top:24px}}.signup-sec .layout form,.login-sec .layout form{border:none;background:none;padding:0;text-align:center;overflow:hidden}.signup-sec .layout form p.error-msg,.login-sec .layout form p.error-msg{margin-bottom:0}.signup-sec .information-banner img,.login-sec .information-banner img{width:100%;height:auto}.character-bg:before{content:"";position:absolute;width:100%;height:100%;background:#121212;opacity:.4}.character-bg .layout{background:rgba(18,18,18,.92)}.character-bg .layout .signup-sec__input input,.character-bg .layout .signup-sec__captch input,.character-bg .layout .login-sec__input input,.character-bg .layout .login-sec__captch input{background:#2e2e2e}.login-sec.character-bg.chara1{background-image:url("/images/pages/login/bg_01.jpg")}.login-sec.character-bg.chara2{background-image:url("/images/pages/login/bg_02.jpg")}.login-sec.character-bg.chara3{background-image:url("/images/pages/login/bg_03.jpg")}.signup-sec.character-bg{background-image:url("/images/pages/signup/bg.jpg")}.signup-sec .layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-width:-webkit-fit-content !important;max-width:-moz-fit-content !important;max-width:fit-content !important}@media(max-width: 800px){.signup-sec .layout{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.signup-sec .signup-main{max-width:420px}.signup-sec .signup-banner{max-width:372px;padding:48px 48px 48px 0;text-align:center}@media(max-width: 800px){.signup-sec .signup-banner{max-width:420px;padding:4px 48px 24px}}@media(max-width: 480px){.signup-sec .signup-banner{padding:4px 24px 24px}}.signup-sec .signup-banner img{max-width:100%}.signup h1,.login h1{font-size:24px;font-weight:bold;padding:24px 0;text-align:center}.signup p a,.login p a{color:#65b7f3}.signup p a:hover,.login p a:hover{text-decoration:underline}.signup .mainbtn-secondary-lv1,.login .mainbtn-secondary-lv1{width:auto}.login{margin:0 auto;max-width:780px;text-align:center}.login .submit{margin-top:40px}.login .submit+*{margin-top:40px}.login.locked{margin-bottom:100px}.login.locked+.footer-links{border-top:none}.login.locked h2{margin:12px 0}.login.locked h2:first-of-type{margin-top:0}@media(max-width: 1281px){.login{height:auto}}@media(max-width: 1050px){.login{background-size:120%}}@media(max-width: 800px){.signup-sec .layout form .error-msg{margin-top:0}}@media(max-width: 480px)and (min-width: 229px){.layout .signup{display:none}.signup-sec .layout--simpleLogin{padding-bottom:32px}.signup-sec .layout form p.header-msg{padding:15px}}@media(max-width: 350px){.signup-sec .layout form ul li input[type=radio]{margin-left:10px;margin-right:5px}}@media(max-width: 320px){.signup-sec .layout form ul li select{margin:0 2px}}