@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;
}

/*---------- 共通 ------------------*/
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;
}



.kt-g-entry-table {
    width: var(--g-pc-width-1);
    margin: 0 auto;
    table-layout: fixed;
    width: 100%;
}

.kt-g-entry-table :is(th, td) {
    padding: var(--kt-entry-py-1) var(--kt-entry-px-1);
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(24 / 16);
    font-weight: 400;
    border: 1px solid var(--g-color-6);
}

.kt-g-entry-table th {
    background-color: var(--g-color-10);
    font-weight: bold;
    width: 256px;
}

.kt-g-entry-table th label {
    font-weight: bold;
}

.kt-g-entry-table .kt-form-label {
    display: flex;
}

.kt-g-entry-table .kt-form-label :is(.must_, .optional_) {
    order: 2;
    position: static;
    margin: 0 0 0 auto;
}

.kt-g-entry-table th .ques {
    display: none;
}

.kt-g-entry-table :is(th, td) .kt-form-flex {
    display: flex;
    gap: 0 24px;
}

.kt-g-entry-table label.kt-form-label {
    padding: 0;
}

.kt-g-entry-table :is(.efo, input, select)~ :is(.kt-help, .kt-help-alert) {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(21 / 14);
    font-weight: 400;
    margin-top: 8px;
    display: block;
    color: var(--g-color-1);
}

.kt-g-entry-table :is(.kt-help, .kt-help-alert)+.efo {
    margin-top: 8px;
    display: block;
}

.kt-g-entry-table .kt-help-alert {
    color: var(--g-color-3);
}

.kt-g-entry-table .efo:has([name="s_name"], [name="s_name2"], [name="ds_name"], [name="ds_name2"]),
.kt-g-entry-table .efo:has([name="name"], [name="name2"]) {
    display: flex;
    align-items: center;
    gap: 0 8px;
    ;
}

.kt-g-entry-table .efo :is([type="text"], [type="password"], [type="email"]) {
    max-width: 100%;
    width: 667px;
}

.kt-g-entry-table .efo :is([name*="tel"], [name*="zip"]) {
    width: fit-content;
}

.kt-g-entry-table .efo :is([name="s_name"], [name="s_name2"], [name="ds_name"], [name="ds_name2"]),
.kt-g-entry-table .efo :is([type="text"][name="name"], [type="text"][name="name2"], select) {
    width: 220px;
}

.kt-g-entry-table .error_ {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(21 / 14);
    font-weight: bold;
    margin-top: 8px;
}

.kt-g-entry-table a[href*="mailchange"] {
    text-decoration: underline;
    margin-left: 16px;
}

.kt-g-entry-table .kt-help-alert{
    color: var(--g-color-1);
}

/*---------- 会員規約画面 ------------------*/
#kt-agree-contents {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-1);
    width: var(--g-pc-width-1);
    margin: 0 auto;
}

#kt-agree-contents .kt-agree-terms-wrapper {
    margin-bottom: 32px;
}

#kt-agree-contents form :is(.kt-g-button-1, .kt-g-button-3) {
    width: var(--g-pc-width-2);
}

#kt-agree-contents iframe {
    width: 100%;
    height: 40vh;
}

#kt-agree-contents .kt-submit-wrapper {
    display: flex;
    gap: 0 10px;
    align-items: center;
    justify-content: center;
    margin: 24px 0 var(--g-pc-my-1);
}

/*---------- ワンタイムパスワード画面 ------------------*/
: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);
    max-width: var(--g-pc-width-1);
    margin: 0 auto;
}

:is(#kt-otp-contents, #kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) iframe {
    width: 100%;
    height: 40vh;
}

: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;
}

:is(#kt-otp-contents, #kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) .kt-otp-submit-wrapper {
    margin: 32px auto;
}

#kt-otp-contents .kt-otp-mail-input-wrapper {
    display: flex;
    gap: 0 10px;
    justify-content: center;
    flex-direction: column;
    align-items: start;
    width: calc(var(--g-pc-width-2) * 2 + 10px);
    margin: 0 auto;
}

#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-certify-contents, #kt-mail-change-otp-certify-contents) .kt-otp-mail-input-wrapper {
    display: flex;
    gap: 8px 10px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
}

#kt-otp-contents .kt-otp-mail-input-wrapper input[type="text"] {
    width: 100%;
}

:is(#kt-otp-certify-contents, #kt-mail-change-otp-certify-contents) .kt-otp-mail-input-wrapper input[type="text"] {
    width: var(--g-pc-width-2);
}

:is(#kt-otp-contents, #kt-otp-certify-contents,#kt-mail-change-otp-certify-contents) .kt-otp-button-wrapper {
    display: flex;
    align-items: center;
    gap: 0 10px;
    justify-content: center;
    margin: 24px auto var(--g-pc-my-1);
}

:is(#kt-otp-contents, #kt-otp-certify-contents,#kt-mail-change-otp-certify-contents) [class*="kt-g-button"] {
    width: var(--g-pc-width-2);
    margin: 0;
}

:is(#kt-otp-certify-contents,#kt-mail-change-otp-certify-contents) [name="code"] {
    width: fit-content;
}

:is(#kt-otp-certify-contents,#kt-mail-change-otp-certify-contents) .kt-msg-area {
    width: fit-content;
    margin: 24px auto 0;
}

: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);
}



/*---------- 会員登録認証 ------------------*/
#kt-certify-entry-contents {
    width: var(--g-pc-width-1);
    margin: 0 auto;
}

#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;
    align-items: start;
    margin: 0 auto;
    width: fit-content;
}

#kt-certify-entry-contents iframe {
    width: 100%;
    height: 40vh;
}

#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: 8px;
}

#kt-certify-entry-contents [name="certifykey"],
#kt-certify-entry-contents [type="submit"] {
    width: var(--g-pc-width-2);
}

#kt-certify-entry-contents .kt-submit-wrapper {
    margin: 16px auto var(--g-pc-my-1);
}

/*---------- （新規会員登録,確認画面,完了画面）/（アドレス帳登録,確認画面） 共通 ------------------*/
body:has(#kt-customer-entry-contents, #kt-cust-dest-contents) .mainframe_{
    float: none!important;
    width: auto!important;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) {
    font-size: calc(14 / var(--g-1rem) * 1rem);
    line-height: calc(22 / 14);
    font-weight: 400;
    color: var(--g-color-1);
    margin: 0 auto;
    max-width: var(--g-pc-width-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-h1 {
    margin-top: 40px;
}

/*
:is(#kt-customer-entry-contents, #kt-cust-dest-contents,#kt-method-contents:has([data-css-for-guest])) .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-method-contents:has([data-css-for-guest])) .kt-promotion-freespace-p:has(>*)::before {
    content: '\30fb';
    display: block;
}
*/
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) {
    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-method-contents:has([data-css-for-guest])) .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-method-contents:has([data-css-for-guest])) .kt-title-lg {
    font-size: calc(16 / var(--g-1rem) * 1rem);
    line-height: calc(26 / 16);
    font-weight: 400;
    color: var(--g-color-1);
}

body:has(.kt-customer-entry-nav) .global_nav2_ {
    margin-bottom: 20px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-nav-wrapper {
    margin-top: 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-nav {
    display: flex;
    align-items: stretch;
    height: 56px;
    margin: 0 0 32px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .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(18 / var(--g-1rem) * 1rem);
    font-weight: 400;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-nav>*::before {
    content: '';
    background-color: #fff;
    display: block;
    width: 23px;
    height: 100%;
    clip-path: polygon(0 0, 14px 0, 100% 50%, 14px 100%, 0 100%);
    position: absolute;
    right: -23px;
    top: 0;
    z-index: 1;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .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-method-contents:has([data-css-for-guest])) .kt-customer-entry-nav>*.current::after,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-nav>*.current {
    background-color: var(--g-color-1);
    color: #fff;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-nav>*:last-child::before,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-nav>*:last-child::after {
    display: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-reg.kt-index-1 {
    margin-top: 24px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .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;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .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:has([data-css-for-guest])) .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:has([data-css-for-guest])) .kt-customer-entry-reg dt {
    margin-top: 16px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .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:has([data-css-for-guest])) .kt-customer-entry-reg .ques {
    display: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-reg .small_,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .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:has([data-css-for-guest])) .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-3);
    margin-top: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-form-title-entry-type {
    /*margin-bottom: 24px;*/
}


#kt-method-contents:has([data-css-for-guest]) :is(#kt-js-s-customer-entry-type-wrapper, #kt-js-ds-customer-entry-type-wrapper, #kt-js-d-customer-entry-type-wrapper),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents) #kt-js-customer-entry-type-wrapper {
    position: relative;
}


#kt-method-contents:has([data-css-for-guest]) :is(#kt-js-s-customer-entry-type-collapse, #kt-js-ds-customer-entry-type-collapse, #kt-js-d-customer-entry-type-collapse),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents) #kt-js-customer-entry-type-collapse {
    display: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-type-collapse-placeholder {
    height: 27px;
    margin-top: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-cust-dest-entry-type-grid {
    display: grid;
    grid-template-columns: 160px 185px auto;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex {
    display: flex;
    align-items: center;
    gap: 8px 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex>*:first-child {
    flex-shrink: 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-column {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .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;
}

#kt-method-contents:has([data-css-for-guest]) #kt-js-d-customer-entry-type-collapse label[for="d_customer_entry_type_0"],
#kt-method-contents:has([data-css-for-guest]) #kt-js-ds-customer-entry-type-collapse label[for="ds_customer_entry_type_0"],
#kt-method-contents:has([data-css-for-guest]) #kt-js-s-customer-entry-type-collapse label[for="s_customer_entry_type_0"],
:is(#kt-customer-entry-contents, #kt-cust-dest-contents) #kt-js-customer-entry-type-collapse label[for="customer_entry_type_0"] {
    visibility: hidden;
}

#kt-method-contents:has([data-css-for-guest]) #kt-js-d-customer-entry-type-collapse label[for="d_customer_entry_type_1"],
#kt-method-contents:has([data-css-for-guest]) #kt-js-ds-customer-entry-type-collapse label[for="ds_customer_entry_type_1"],
#kt-method-contents:has([data-css-for-guest]) #kt-js-s-customer-entry-type-collapse label[for="s_customer_entry_type_1"],
:is(#kt-customer-entry-contents, #kt-cust-dest-contents) #kt-js-customer-entry-type-collapse label[for="customer_entry_type_1"] {
    margin-left: 40px;
}

#kt-method-contents:has([data-css-for-guest]) #kt-js-d-customer-entry-type-collapse label[for="d_customer_entry_type_1"]:after,
#kt-method-contents:has([data-css-for-guest]) #kt-js-ds-customer-entry-type-collapse label[for="ds_customer_entry_type_1"]:after,
#kt-method-contents:has([data-css-for-guest]) #kt-js-s-customer-entry-type-collapse label[for="s_customer_entry_type_1"]:after,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents) #kt-js-customer-entry-type-collapse label[for="customer_entry_type_1"]:after {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    border-left: 1px solid var(--g-color-6);
    border-bottom: 1px solid var(--g-color-6);
    position: absolute;
    bottom: 10px;
    left: -27px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-form-title-mail {
    padding-top: var(--kt-entry-py-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-form-title-entry-mag,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-form-title-other,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-form-title-address {
    margin-top: var(--kt-entry-py-1);
}


:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) dt:has(.kt-form-title-birth),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) dt:has(.kt-form-label[for="cpwd"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) 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:has([data-css-for-guest])) .kt-customer-entry-reg .kt-form-title-sex,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-reg .kt-form-title-mag,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) dt:has(.kt-form-label[for="uid"]) {
    margin-bottom: 24px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .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:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-card-expiration,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-birth {
    display: flex;
    align-items: end;
    gap: 0 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-foreign-part-user {
    display: flex;
    align-items: center;
    gap: 0 8px;
    margin-left: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-foreign-part-user>*:first-child {
    flex-shrink: 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-foreign-part-user .efo {
    max-width: 100px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-card-no .efo {
    max-width: 80px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table :is([name*="mm_"], [name*="dd_"]),
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .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:has([data-css-for-guest])) .kt-g-entry-table [name*="yy_"],
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .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:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-mag,
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-sex {
    display: flex;
    align-items: end;
    gap: 0 32px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-sex {
    margin-bottom: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-uid {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table td:has([name="uid"]) .kt-help-alert {
    margin: 8px 0;
    display: block;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table .kt-flex-for-uid .kt-help-alert {
    margin: 8px 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .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:has([data-css-for-guest])) .kt-g-entry-table :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:has([data-css-for-guest])) .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, #kt-method-contents:has([data-css-for-guest])) .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, #kt-method-contents:has([data-css-for-guest])) :is(.kt-g-button-1, .kt-g-button-2, .kt-g-button-3, .kt-g-button-purchase) {
    width: var(--g-pc-width-2);
    margin: 0 0;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-button-wrapper {
    display: flex;
    gap: 0 24px;
    margin-bottom: var(--g-pc-my-1);
    justify-content: center;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-reg-table :is(th, td) {
    border: 1px solid var(--g-color-6);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-customer-entry-reg-table th {
    background-color: var(--g-color-10);
}

/*---------- 確認画面 ------------------*/
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest]))[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, #kt-method-contents:has([data-css-for-guest]))[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, #kt-method-contents:has([data-css-for-guest]))[data-page-purpose="confirm"] .kt-customer-entry-confirm-items dd {
    margin-top: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest]))[data-page-purpose="confirm"] :is(#c_name1, #c_name2, #c_name3, #c_name4) {
    border: none;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest]))[data-page-purpose="confirm"] .kt-customer-entry-button-wrapper {
    margin-top: 32px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest]))[data-page-purpose="confirm"] :is(.kt-g-button-1, .kt-g-button-2) {
    width: var(--g-pc-width-2);
    margin: 0;
}

: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, #kt-method-contents:has([data-css-for-guest]))[data-page-purpose="complete"] .kt-customer-entry-button-wrapper {
    margin: 0 auto;
    display: flex;
    gap: 8px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest]))[data-page-purpose="complete"] .kt-submit-wrapper {
    margin-bottom: var(--g-pc-my-1);
}

/*---------- アドレス帳登録・修正画面 ------------------*/
body:has(#kt-customer-entry-contents, #kt-cust-dest-contents) .header_ {
    padding-top: 20px;
}

body:has(#kt-customer-entry-contents, #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;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table select[name="pref"],
:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-table 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;
}

#kt-cust-dest-contents .kt-cust-dest-h2 {
    background-color: var(--g-color-4);
    font-size: calc(18 / var(--g-1rem) * 1rem);
    line-height: calc(28 / 18);
    font-weight: bold;
    padding: 10px var(--kt-entry-px-1);
    margin-bottom: var(--kt-entry-py-1);
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-h3-wrapper {
    margin-bottom: 8px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-h3-wrapper:not(.kt-mt-0) {
    margin-top: 32px;
}

:is(#kt-customer-entry-contents, #kt-cust-dest-contents, #kt-method-contents:has([data-css-for-guest])) .kt-g-entry-h3 {
    font-size: calc(18 / var(--g-1rem) * 1rem);
    line-height: calc(28 / 18);
    font-weight: bold;
    padding: 0;
    margin-bottom: 8px;
}

#kt-cust-dest-contents .kt-cust-dest-entry-type-table {
    width: var(--g-pc-width-1);
}


/*---------- アドレス帳登録・修正　確認画面 ------------------*/
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 var(--g-pc-my-1);
}

#kt-cust-dest-contents[data-page-purpose="confirm"] .kt-customer-entry-button-wrapper {
    flex-wrap: wrap;
    gap: 16px 24px;
}

#kt-cust-dest-contents[data-page-purpose="confirm"] .kt-customer-entry-button-wrapper [class*="kt-g-button"] {
    font-weight: bold;
}

#kt-cust-dest-contents[data-page-purpose="confirm"] .kt-customer-entry-button-wrapper .kt-g-button-2 {
    font-weight: 400;
}

body:has([data-kt-mode-for-css="destlist"]) #kt-cust-dest-contents[data-page-purpose="confirm"] .kt-customer-entry-button-wrapper .kt-g-button-2 {
    order: 3;
}

/*---------- ゲスト購入　注文方法指定画面 ------------------*/
#kt-method-contents:has([data-css-for-guest]) .kt-method-guest-card .kt-h2 {
    padding: 0;
}

#kt-method-contents:has([data-css-for-guest]) :is(.kt-method-guest-sender-frame, .kt-method-guest-dest-frame) .kt-flex {
    display: flex;
    gap: 0 32px;
}

#kt-method-contents:has([data-css-for-guest]) .kt-method-guest-add-address {
    margin-top: var(--kt-entry-py-1);
}