@charset "Shift_JIS";

:root {
    --kt-entry-px-1: 16px;
    --kt-entry-py-1: 16px;
}

/*---------- jQueryUI Overrides ------------------*/
body:has(#kt-customer-entry-contents, #kt-otp-contents) .ui-autocomplete {
    background: none;
    background-color: #fff;
    border: 1px solid var(--g-color-6);
    border-radius: 0;
}

body:has(#kt-customer-entry-contents, #kt-otp-contents) .ui-autocomplete * {
    font-family: var(--g-font-family-1);
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-1);
    list-style-image: none;
}

body:has(#kt-customer-entry-contents, #kt-otp-contents) .ui-autocomplete.ui-menu .ui-menu-item {
    padding: 8px 8px;
}

/*---------- 会員規約画面 ------------------*/
#kt-agree-contents {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-1);
}

body:has(#kt-agree-contents) header .searchmenu_ {
    display: none;
}

#kt-agree-contents .kt-agree-terms-wrapper {
    margin-bottom: 32px;
}

#kt-agree-contents form :is(.kt-g-button-1, .kt-g-button-3) {
    width: calc(310 / 375 * 100vw);
    margin: 8px auto;
    max-width: 100%;
}

/*---------- ワンタイムパスワード画面 ------------------*/
:is(#kt-otp-contents, #kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-1);
}

body:has(#kt-otp-contents, #kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) header .searchmenu_ {
    display: none;
}

:is(#kt-otp-contents, #kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) .kt-form-mail-label {
    font-size: calc(18 / var(--g-1rem) * 1rem);
    line-height: calc(28 / 18);
    font-weight: bold;
    color: var(--g-color-1);
    margin: 0 0 8px;
    display: block;
}

#kt-otp-contents .kt-otp-mail-msg-area {
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: 400;
    margin-bottom: var(--kt-entry-py-1);
}

#kt-otp-contents .kt-otp-mail-msg-area-2 {
    margin-top: var(--kt-entry-py-1);
}

:is(#kt-otp-contents, #kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) .kt-otp-submit-wrapper {
    margin-top: 32px;
}

:is(#kt-otp-contents, #kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) [name="submit.x"],
:is(#kt-otp-contents, #kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) [name="certification"] {
    margin-top: 16px;
}

:is(#kt-otp-contents, #kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) .kt-otp-mail-input-wrapper {
    display: flex;
    gap: 0 0;
    flex-direction: column;
}

:is(#kt-otp-contents, #kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) .kt-otp-button-wrapper {
    margin-top: 32px;
}

:is(#kt-otp-certify-contents,#kt-mail-change-otp-certify-contents) [name="code"] {
    width: 100%;
}

:is(#kt-otp-certify-contents,#kt-mail-change-otp-certify-contents) .kt-msg-area {
    margin-top: 24px;
}

:is(#kt-otp-certify-contents,#kt-mail-change-otp-certify-contents) .block-onetimepassword-certify--resend-link {
    display: inline-block;
    background-color: transparent;
    padding: 0;
    border: none;
    text-decoration: underline;
}

:is(#kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) .form-error {
    margin-top: 8px;
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-3);
}

/*---------- 会員登録認証 ------------------*/
body:has(#kt-certify-entry-contents) header .searchmenu_ {
    display: none;
}

#kt-certify-entry-contents .login_wrapper_ {
    padding: 0 var(--g-px-1);
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-1);
}

#kt-certify-entry-contents .kt-flex-column {
    display: flex;
    flex-direction: column;
    gap: 0 0;
}

#kt-certify-entry-contents .kt-login-form-msg {
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: bold;
    color: var(--g-color-1);
    margin-bottom: var(--kt-entry-py-1);
}

#kt-certify-entry-contents [type="submit"] {
    width: calc(310 / 375 * 100vw);
    margin: 24px auto 0;
    max-width: 100%;
}

/*---------- （新規会員登録,確認画面,完了画面）/（アドレス帳登録,確認画面） 共通 ------------------*/

body:has([data-page-purpose="entry"]) :is(.kt-g-confirm-page-only, .kt-g-complete-page-only),
body:has([data-page-purpose="confirm"]) :is(.kt-g-entry-page-only, .kt-g-complete-page-only),
body:has([data-page-purpose="complete"]) :is(.kt-g-entry-page-only, .kt-g-confirm-page-only) {
    display: none !important;
}

body:has(#kt-customer-entry-contents) header .searchmenu_ {
    display: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-1);
    margin-top: 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-g-h1 {
    margin-top: 40px;
}

/*
:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-promotion-freespace-p:has(>*) {
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: bold;
    color: var(--g-color-1);
    margin-bottom: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-promotion-freespace-p:has(>*)::before {
    content: '\30fb';
    display: block;
}
*/

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-msg {
    padding: 0 var(--g-px-1);
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-title-lg {
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: 400;
    color: var(--g-color-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-nav-wrapper {
    margin-top: 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-nav {
    display: flex;
    align-items: stretch;
    height: 38px;
    margin: var(--kt-entry-py-1) var(--g-px-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-nav>* {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--g-color-4);
    color: var(--g-color-1);
    position: relative;
    font-size: calc(15 / var(--g-1rem) * 1rem);
    font-weight: 500;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-nav>*::before {
    content: '';
    background-color: #fff;
    display: block;
    width: 12px;
    height: 100%;
    clip-path: polygon(0 0, 2px 0, 100% 50%, 2px 100%, 0 100%);
    position: absolute;
    right: -12px;
    top: 0;
    z-index: 1;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-nav>*::after {
    content: '';
    background-color: var(--g-color-4);
    display: block;
    width: 11px;
    height: 100%;
    clip-path: polygon(0 0, 1px 0, 100% 50%, 1px 100%, 0 100%);
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 1;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-nav>*.current::after,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-nav>*.current {
    background-color: var(--g-color-1);
    color: #fff;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-nav>*:last-child::before,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-nav>*:last-child::after {
    display: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg.kt-index-1 {
    margin-top: 24px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-customer-entry-h2-wrapper:is(.kt-index-2, .kt-index-3, .kt-index-4) .kt-h2 {
    margin-top: 32px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .kt-h2 {
    font-size: calc(18 / var(--g-1rem) * 1rem);
    line-height: calc(28 / 18);
    font-weight: bold;
    color: var(--g-color-1);
    background-color: var(--g-color-4);
    padding: 10px var(--g-px-1);
    display: flex;
    align-items: center;
    margin: 0 -10px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) dl dt:has(.kt-h2) + dd {
    margin-top: 16px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg dl {
    padding-left: var(--g-px-1);
    padding-right: var(--g-px-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg :is(dt, dd, label) {
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: 400;
    color: var(--g-color-1);
    padding: 0;
    border: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg dt {
    margin-top: 16px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .error_ {
    border: none;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    background-color: #fff;
    padding: 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .ques {
    display: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .small_,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-help {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-1);
    margin-top: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-help-alert {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-1);
    margin-top: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-form-title-entry-type {
    margin-bottom: 24px;
}


:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) #kt-js-ds-customer-entry-type-wrapper,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) #kt-js-d-customer-entry-type-wrapper,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) #kt-js-s-customer-entry-type-wrapper,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) #kt-js-customer-entry-type-wrapper {
    position: relative;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) #kt-js-ds-customer-entry-type-collapse,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) #kt-js-d-customer-entry-type-collapse,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) #kt-js-s-customer-entry-type-collapse,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) #kt-js-customer-entry-type-collapse {
    display: none;
    padding: 24px 32px;
    background-color: #F4F4F4;
    margin-top: 24px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg dd br {
    display: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-column {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg label [type="radio"] {
    width: 24px;
    height: 24px;
    border: 1px solid var(--g-color-7);
    border-radius: 50%;
    appearance: none;
    vertical-align: top;
    flex-shrink: 0;
    outline-offset: 0;
    background-color: #fff;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg label:has([type="radio"]) {
    position: relative;
    vertical-align: top;
    display: flex;
    gap: 0 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg label[for="customer_entry_type_0"] {
    display: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg label:has([type="radio"])::before {
    content: '';
    width: 14px;
    height: 14px;
    background-color: var(--g-color-10);
    position: absolute;
    border-radius: 50%;
    left: 5px;
    top: 5px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg label:has([type="radio"]:checked) [type="radio"] {
    border: 1px solid var(--g-color-2);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg label:has([type="radio"]:checked)::before {
    background-color: var(--g-color-2);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg label [type="checkbox"] {
    appearance: none;
    display: none;
    outline-offset: 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg label:has([type="checkbox"]) {
    position: relative;
    vertical-align: top;
    display: flex;
    gap: 0 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg label:has([type="checkbox"])::before {
    content: '';
    width: 24px;
    height: 24px;
    appearance: none;
    vertical-align: top;
    flex-shrink: 0;
    background-image: var(--g-checkbox-false);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg label:has([type="checkbox"]:checked)::before {
    background-image: var(--g-checkbox-true);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-form-label {
    display: flex;
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: bold;
    margin-bottom: 8px;
    gap: 0 8px;
    align-items: center;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg :is([type="text"], [type="password"], [type="email"], [type="tel"], [type="number"], select) {
    margin: 0;
    height: 52px;
    border-radius: var(--g-border-radius-1);
    width: 100%;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .efo:has([name="name"]) {
    margin-bottom: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-form-title-mail {
    padding-top: var(--kt-entry-py-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-form-title-entry-mag,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-form-title-other,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-form-title-address {
    margin-top: var(--kt-entry-py-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-form-title-mag,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-form-title-sex,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-form-title-birth,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="cpwd"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="pwd"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="promotion_code"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="addr2"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="addr"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="pref"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="zip"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="tel2"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="tel"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="mmail"]) {
    border-top: 1px solid var(--g-color-6);
    padding-top: var(--kt-entry-py-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-title-birth),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="cpwd"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="pwd"]) {
    margin-top: var(--kt-entry-py-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-form-title-mail,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg #c_name1,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg #c_name2 {
    border-top: 1px solid var(--g-color-6);
    margin-top: var(--kt-entry-py-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-form-title-sex,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-form-title-mag,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) dt:has(.kt-form-label[for="uid"]) {
    margin-bottom: 24px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-card-no {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-card-expiration,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-birth {
    display: flex;
    align-items: end;
    gap: 0 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-foreign-part-user {
    margin-top: var(--kt-entry-py-1);
    width: 120px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-card-no .efo {
    width: calc((100% - 48px) / 3);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-card-expiration select[name*="mm"] {
    width: 80px;
    flex-shrink: 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-card-expiration select[name*="yy"] {
    width: 100px;
    flex-shrink: 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-mag,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-sex {
    display: flex;
    align-items: end;
    gap: 0 32px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-sex {
    margin-bottom: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-uid {
    display: flex;
    flex-direction: column;
    gap: 0 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-uid label+label {
    margin-top: 24px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg .kt-flex-for-uid .kt-help-alert {
    margin: 8px 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg dd:has([name="pwd"]) .kt-help-alert {
    margin: 0 0 8px 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-reg :is([type="text"], [type="password"], [type="email"], [type="tel"], [type="number"], select)[disabled] {
    background-color: var(--g-color-10);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-count-length {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    margin-top: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) .info_message {
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: 400;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents) :is(.kt-g-button-1, .kt-g-button-2, .kt-g-button-3, .kt-g-button-purchase) {
    width: calc(310 / 375 * 100vw);
    margin: 0 auto;
    max-width: 100%;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents) .kt-customer-entry-button-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}

#kt-customer-entry-contents .message_:has(a[href*="passchange"]) {
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: 400;
    margin-top: var(--kt-entry-py-1);
}

#kt-customer-entry-contents a[href*="passchange"] {
    text-decoration: underline;
}

#kt-customer-entry-contents a[href*="mailchange"] {
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: 400;
    text-decoration: underline;
    margin-top: 8px;
}

/*---------- 確認画面 ------------------*/
:is(#kt-customer-entry-contents, #kt-cust-dest-contents)[data-page-purpose="confirm"] .kt-customer-entry-confirm-items dt {
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: bold;
    border-top: 1px solid var(--g-color-6);
    padding-top: var(--kt-entry-py-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents)[data-page-purpose="confirm"] .kt-customer-entry-confirm-items>dt:first-child {
    border: none;
    margin-top: 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents)[data-page-purpose="confirm"] .kt-customer-entry-confirm-items dd {
    margin-top: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents)[data-page-purpose="confirm"] :is(#c_name1, #c_name2, #c_name3, #c_name4) {
    border: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents)[data-page-purpose="confirm"] .kt-customer-entry-button-wrapper {
    margin-top: 32px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents)[data-page-purpose="confirm"] :is(.kt-g-button-1, .kt-g-button-2) {
    width: calc(310 / 375 * 100vw);
    margin: 0 auto;
    max-width: 100%;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest]))[data-page-purpose="confirm"] .must_{
    display: none;
}

/*---------- 完了画面 ------------------*/
:is(#kt-customer-entry-contents, #kt-cust-dest-contents)[data-page-purpose="complete"] .kt-customer-entry-button-wrapper {
    margin: 32px auto 0;
}

/*---------- アドレス帳登録・修正画面 ------------------*/
body:has(#kt-cust-dest-contents) .kt-top-msg-items {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    display: flex;
    flex-direction: column;
    padding: 0 var(--g-px-1);
    gap: 8px 0;
    margin-bottom: 24px;
}

#kt-cust-dest-contents .kt-customer-entry-reg select[name="pref"],
#kt-cust-dest-contents .kt-customer-entry-reg select[name="honorific"] {
    width: auto;
    min-width: 128px;
}

#kt-cust-dest-contents .kt-customer-entry-reg dl>dt:not(.kt-customer-entry-h2-wrapper) {
    border-top: 1px solid var(--g-color-6);
    margin-top: var(--kt-entry-py-1);
    padding-top: var(--kt-entry-py-1);
}

#kt-cust-dest-contents[data-page-purpose="entry"] .kt-customer-entry-reg dl>dt:first-child {
    border-top: none;
    padding-top: 0;
}

/*---------- アドレス帳登録・修正　確認画面 ------------------*/
body:has(#kt-cust-dest-contents[data-page-purpose="confirm"]) .kt-top-msg-items:not([data-for="confirm"]) {
    display: none;
}

#kt-cust-dest-contents[data-page-purpose="confirm"] .kt-customer-entry-button-wrapper {
    margin: 24px auto;
}