.choice-tab-title{font-size:16px;font-weight:bold;display:inline-block;background:rgba(18,18,18,.62);margin:24px auto 4px;padding:4px 24px;border-radius:40px}.credits-store-choice-tab-wrapper{margin:0 auto}@media(min-width: 481px){.credits-store-choice-tab-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:24px}}@media(max-width: 480px){.credits-store-choice-tab-wrapper{margin-bottom:16px}}@media(min-width: 481px){.credits-store-choice-tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media(max-width: 480px){.credits-store-choice-tab{display:grid;gap:8px;grid-template:repeat(2, auto)/repeat(2, 1fr)}}@media(max-width: 359px){.credits-store-choice-tab{grid-template:auto/repeat(1, 1fr)}}.credits-store-choice-tab .tab-contents{position:relative;background:#252525;border-radius:4px;border:1px solid rgba(255,255,255,.16);text-align:center;cursor:pointer;text-decoration:none;top:0;-webkit-transition:all .2s 0s ease-out;transition:all .2s 0s ease-out}@media(min-width: 481px){.credits-store-choice-tab .tab-contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;padding:6px 6px 7px;margin:8px 8px 0 0;width:168px}.credits-store-choice-tab .tab-contents:last-child{margin-right:0}}@media(max-width: 480px){.credits-store-choice-tab .tab-contents{display:block;padding:6px 2px 7px}}.credits-store-choice-tab .tab-contents::after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .2s 0s ease-out;transition:all .2s 0s ease-out;border-radius:4px}.credits-store-choice-tab .tab-contents:hover{top:-3px}@media(max-width: 480px){.credits-store-choice-tab .tab-contents:hover{top:0}}.credits-store-choice-tab .tab-contents:hover::after{background:rgba(255,255,255,.08)}.credits-store-choice-tab .tab-contents.is-select{border:1px solid transparent;pointer-events:none}.credits-store-choice-tab .tab-contents.is-select::after{-webkit-box-shadow:0 0 0 2px #c60312;box-shadow:0 0 0 2px #c60312}.credits-store-choice-tab .tab-contents.is-select .check-select{display:block;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-in{from{display:block;opacity:0}to{opacity:1}}@keyframes fade-in{from{display:block;opacity:0}to{opacity:1}}.credits-store-choice-tab .tab-contents .contents-name{font-size:12px;font-weight:bold;line-height:1}.credits-store-choice-tab .tab-contents .contents-name .supplement-text{font-size:10px;font-weight:bold}.credits-store-choice-tab .tab-contents .contents-image{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-bottom:5px;line-height:1}.credits-store-choice-tab .tab-contents .contents-image img{margin-right:4px}.credits-store-choice-tab .tab-contents .contents-image img:last-child{margin-right:0}.credits-store-choice-tab .tab-contents .contents-image.is-unionpay{margin-top:-4px;margin-bottom:3px}@media(max-width: 480px){.credits-store-choice-tab .tab-contents .contents-image.is-unionpay{padding-bottom:0}}.credits-store-choice-tab .tab-contents .contents-image.is-veritrans-jpy img{margin-right:0}.credits-store-choice-tab .tab-contents .contents-image.is-serial-code{margin-bottom:6px;-ms-flex-wrap:wrap;flex-wrap:wrap}.credits-store-choice-tab .tab-contents .contents-image.is-serial-code .image-subtext{color:rgba(255,255,255,.6);font-size:10px;font-weight:normal}.credits-store-choice-tab .tab-contents .credit-card-brand-icon{display:none}.credits-store-choice-tab .tab-contents .credit-card-brand-icon.is-select{display:block;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-name:fade-in;animation-name:fade-in}@keyframes fade-in{from{display:block;opacity:0}to{opacity:1}}.credits-store-choice-tab .tab-contents .contents-subtext{color:rgba(255,255,255,.6);padding-top:2px;font-size:10px;font-weight:normal}.credits-store-choice-tab .tab-contents .check-select{display:none;position:absolute;z-index:2;top:-6px;right:-6px;width:22px;height:22px;background:#c60312;border-radius:50%}.credits-store-choice-tab .tab-contents .check-select::after{content:"";position:absolute;top:-4px;bottom:0;left:0;right:0;width:11px;height:5px;border-left:3px solid rgba(255,255,255,.87);border-bottom:3px solid rgba(255,255,255,.87);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin:auto}.supplement-payment-method{text-align:center}.supplement-payment-method .supplement-content{margin-top:8px;display:none}.supplement-payment-method .supplement-content.is-select{display:block}.supplement-payment-method .supplement-content .supplement-content-text{font-size:12px;font-weight:normal}.supplement-payment-method .supplement-credit-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:4px 0}@media(min-width: 481px)and (max-width: 768px){.supplement-payment-method .supplement-credit-card{margin-bottom:2px}}.supplement-payment-method .supplement-credit-card .supplement-credit-card-text{margin-right:8px}.supplement-payment-method .supplement-credit-card select{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);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;padding:0 12px;background:url(/images/icons/arrow_pulldown.svg) no-repeat right 4px center rgba(255,255,255,.12);height:32px;padding:0 32px 0 12px}.supplement-payment-method .supplement-credit-card select::-webkit-input-placeholder{color:rgba(255,255,255,.38)}.supplement-payment-method .supplement-credit-card select::-moz-placeholder{color:rgba(255,255,255,.38)}.supplement-payment-method .supplement-credit-card select:-ms-input-placeholder{color:rgba(255,255,255,.38)}.supplement-payment-method .supplement-credit-card select::-ms-input-placeholder{color:rgba(255,255,255,.38)}.supplement-payment-method .supplement-credit-card select::placeholder{color:rgba(255,255,255,.38)}@-webkit-keyframes onAutoFillStart{}@keyframes onAutoFillStart{}.supplement-payment-method .supplement-credit-card select:-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}.supplement-payment-method .supplement-credit-card select:focus{border:1px solid #65b7f3}.supplement-payment-method .supplement-credit-card select.is-error{border:1px solid #f87f7c}.supplement-payment-method .supplement-credit-card select option{background:#383838}.is-credits-store-campaign{position:relative;background-repeat:no-repeat;background-position:top center}.is-credits-store-campaign:before{content:"";background:-webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(18, 18, 18, 0)), to(#121212)),-webkit-gradient(linear, left top, right top, from(#121212), color-stop(3%, rgba(18, 18, 18, 0)), color-stop(97%, rgba(18, 18, 18, 0)), to(#121212)),rgba(18,18,18,.13);background:linear-gradient(to bottom, rgba(18, 18, 18, 0) 80%, #121212 100%),linear-gradient(to right, #121212 0%, rgba(18, 18, 18, 0) 3%, rgba(18, 18, 18, 0) 97%, #121212 100%),rgba(18,18,18,.13);background-size:1920px 1000px;background-position:top center;position:absolute;top:0;left:0;width:100%;height:1000px}@media(max-width: 800px){.is-credits-store-campaign{background-size:100%}.is-credits-store-campaign:before{background:-webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(18, 18, 18, 0)), to(#121212)),rgba(18,18,18,.13);background:linear-gradient(to bottom, rgba(18, 18, 18, 0) 80%, #121212 100%),rgba(18,18,18,.13);padding-top:157.0680628272%;height:auto}}.is-credits-store-campaign .campaign-title{margin-bottom:24px}.is-credits-store-campaign .campaign-title img{margin:auto;display:block}@media(max-width: 800px){.is-credits-store-campaign .campaign-title img.campaign-title-img-pc{display:none}}.is-credits-store-campaign .campaign-title img.campaign-title-img-sp{max-width:100%;max-height:80px}@media(min-width: 801px){.is-credits-store-campaign .campaign-title img.campaign-title-img-sp{display:none}}.is-credits-store-campaign .credits-store-choice-tab-wrapper{padding:0 8px 8px;background:rgba(18,18,18,.62);border-radius:4px}@media(max-width: 480px){.is-credits-store-campaign .credits-store-choice-tab-wrapper{padding-top:8px}}.section-credits-serial-code{overflow-x:hidden}.section-credits-serial-code .layout{margin-bottom:64px;text-align:center}@media(min-width: 801px){.section-credits-serial-code .layout{padding-top:32px}}@media(max-width: 800px){.section-credits-serial-code .layout{padding:24px 8px 0}}@media(min-width: 801px){.section-credits-serial-code .page-title{font-size:32px;font-weight:bold}}@media(max-width: 800px){.section-credits-serial-code .page-title{font-size:24px;font-weight:bold}}.section-credits-serial-code .credits-serial-code-contents{background:#1b1b1b;padding:16px 0 24px}@media(max-width: 800px){.section-credits-serial-code .credits-serial-code-contents{margin:0 8px}}.section-credits-serial-code .credits-serial-code-contents .index{color:rgba(255,255,255,.6);font-size:32px;font-weight:bold;padding-bottom:4px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents{margin-bottom:24px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link:last-child{margin-bottom:0}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a{background:#2e2e2e;border-radius:4px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a img{vertical-align:middle}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a .external-site-brand-contents{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;-ms-flex-wrap:wrap;flex-wrap:wrap}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a .external-site-brand-contents img{margin-right:8px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a .external-site-brand-contents img:last-child{margin-right:0}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a .external-site-brand-contents span{color:rgba(255,255,255,.6);font-size:10px;font-weight:normal;margin-left:4px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a.is-disabled{pointer-events:none;opacity:.3}.section-credits-serial-code .credits-serial-code-contents.contents-get .help-info{font-size:12px;font-weight:normal;color:#65b7f3}.section-credits-serial-code .credits-serial-code-contents.contents-use .is-inactive{display:none !important}.section-credits-serial-code .credits-serial-code-contents.contents-use .credits-icon-input{width:40px;margin:8px 0}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents{margin-top:16px}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents 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:14px 16px}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents input::-webkit-input-placeholder{color:rgba(255,255,255,.38)}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents input::-moz-placeholder{color:rgba(255,255,255,.38)}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents input:-ms-input-placeholder{color:rgba(255,255,255,.38)}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents input::-ms-input-placeholder{color:rgba(255,255,255,.38)}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents input::placeholder{color:rgba(255,255,255,.38)}@keyframes onAutoFillStart{}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents 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}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents input:focus{border:1px solid #65b7f3}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents input.is-error{border:1px solid #f87f7c}.section-credits-serial-code .credits-serial-code-contents.contents-use .unavailabl-error-message,.section-credits-serial-code .credits-serial-code-contents.contents-use .input-error-message,.section-credits-serial-code .credits-serial-code-contents.contents-use .support-error-contents{color:#f87f7c}.section-credits-serial-code .credits-serial-code-contents.contents-use .unavailabl-error-message a{color:#65b7f3}.section-credits-serial-code .credits-serial-code-contents.contents-use .support-error-contents{margin-top:16px}.section-credits-serial-code .credits-serial-code-contents.contents-use .support-error-contents .support-error-title{font-weight:bold;margin-bottom:4px}.section-credits-serial-code .credits-serial-code-contents.contents-use .support-error-contents .button-link-support{margin-top:8px}.section-credits-serial-code .credits-serial-code-contents.contents-use .get-credits-contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px}.section-credits-serial-code .credits-serial-code-contents.contents-use .get-credits-contents .credits-icon-finish{position:relative;display:inline-block;width:64px;height:64px;margin-right:16px}.section-credits-serial-code .credits-serial-code-contents.contents-use .get-credits-contents .credits-icon-finish .check-icon{position:absolute;bottom:6px;right:-6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;background:#49aa19;border-radius:50%}.section-credits-serial-code .credits-serial-code-contents.contents-use .get-credits-contents .credits-icon-finish .check-icon:before{content:"";width:16px;height:16px;background-image:url(/images/icons/check.svg);background-repeat:no-repeat;background-size:cover}.section-credits-serial-code .credits-serial-code-contents.contents-use .get-credits-contents .credits-icon-finish img{width:100%}.section-credits-serial-code .credits-serial-code-contents.contents-use .get-credits-contents .get-credits{font-size:32px;font-weight:bold}.section-credits-serial-code .credits-serial-code-contents.contents-use .finish-label{font-size:14px;font-weight:bold;margin:12px 0 8px}.section-credits-serial-code .credits-serial-code-contents.contents-use .use-serial-code-contents{font-size:12px;font-weight:normal;color:rgba(255,255,255,.38)}.section-credits-serial-code .credits-serial-code-contents.contents-use .button-close-credits-serial-code-finish{margin-top:24px}.section-credits-serial-code .credits-serial-code-contents.contents-use .popup-finish-warning{color:#f87f7c;margin-top:32px}.section-credits-serial-code .credits-serial-code-contents.contents-use .popup-finish-description{margin-top:8px}.section-credits-serial-code .credits-serial-code-contents.contents-use .button-close-credits-serial-code-window{margin-top:24px}@media(min-width: 481px){.section-credits-serial-code .credits-serial-code-contents{max-width:920px;margin:auto}.section-credits-serial-code .credits-serial-code-contents .title{font-size:24px;font-weight:bold}.section-credits-serial-code .credits-serial-code-contents.contents-get .description{margin:16px 0 24px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link{max-width:488px;margin:0 auto 12px;padding:0 8px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a .external-site-brand-contents{margin-left:auto}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a:hover{text-decoration:none}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.08);border-radius:4px}.section-credits-serial-code .credits-serial-code-contents.contents-use{margin-top:24px}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents input{width:336px;margin-right:6px}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents button{width:auto}.section-credits-serial-code .credits-serial-code-contents.contents-use .unavailabl-error-message,.section-credits-serial-code .credits-serial-code-contents.contents-use .input-error-message{margin:16px 24px 0}.section-credits-serial-code .credits-serial-code-contents.contents-use .support-error-contents .button-link-support{width:auto}.section-credits-serial-code .credits-serial-code-contents.contents-use .button-close-credits-serial-code-finish{max-width:280px}.section-credits-serial-code .credits-serial-code-contents.contents-use .button-close-credits-serial-code-window{max-width:280px}}@media(max-width: 480px){.section-credits-serial-code .credits-serial-code-contents .title{font-size:18px;font-weight:bold}.section-credits-serial-code .credits-serial-code-contents.contents-get .description{margin:16px 24px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link{margin:0 24px 16px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a{display:block;padding:8px}.section-credits-serial-code .credits-serial-code-contents.contents-get .button-site-contents .button-site-link a .external-site-brand-contents{border-top:1px solid rgba(255,255,255,.16);margin-top:8px;padding-top:4px}.section-credits-serial-code .credits-serial-code-contents.contents-use{margin-top:16px}.section-credits-serial-code .credits-serial-code-contents.contents-use .use-credits-serial-code-input{padding:0 24px}.section-credits-serial-code .credits-serial-code-contents.contents-use .use-credits-serial-code-finish{padding:0 32px}.section-credits-serial-code .credits-serial-code-contents.contents-use .input-contents input{width:100%;margin-bottom:12px}.section-credits-serial-code .credits-serial-code-contents.contents-use .unavailabl-error-message,.section-credits-serial-code .credits-serial-code-contents.contents-use .input-error-message{margin-top:16px}}
