/*registration*/
.woocommerce-resitoration-wrp {
    margin: 0 auto;
    padding: 4em 2em;
    max-width: 1440px;
}

@media (max-width:767px) {
    .woocommerce-resitoration-wrp {
        padding: 1em;
    }
}

.woocommerce-account:not(.logged-in) .registration {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.woocommerce-account.logged-in .registration {
    display: none;
}

.woocommerce-account:not(.logged-in) .notice {
    display: none;
}

.woocommerce-account.logged-in .notice {
    display: block;
    text-align: center;
    padding: 5em;
}

.resigtration_note {
    width: 35%;
    position: relative;
}

@media (max-width:767px) {
    .resigtration_note {
        width: 100%;
    }
}

.resigtration_note .wp-block-group__inner-container {
    position: sticky;
    top: 5em;
}

.resigtration_note h2 {
    display: block;
    width: 100%;
    font-weight: 200;
    font-size: 3em;
    padding-bottom: .25em;
}

.resigtration_note .join-title-jp {
    margin-bottom: 1em;
    color: var(--main_subcolor);
    width: 100%;
}

@media (max-width:767px) {
    .resigtration_note .join-title-jp {
        text-align: center;
    }
}

.resigtration_note h3 {
    display: block;
    width: 100%;
    font-size: 1.2em;
    padding: 1em 0;
}

.resigtration_note ul,
.resigtration_note li {
    list-style: disc;
    font-size: min(.9em, 3vw);
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

.resigtration_note li {
    margin-left: 1.5em;
    padding-bottom: .5em;
}

.woocommerce-Price-amount {
    white-space: nowrap;
}

/* form */
.woocommerce-account:not(.logged-in) .woocommerce-registration-form {
    width: 100%;
    margin: 0;
    padding: 1.5em 2em;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
}

@media (max-width:767px) {
    .woocommerce-account:not(.logged-in) .woocommerce-registration-form {
        width: 100%;
        margin-top: 2em;
    }
}

.woocommerce-registration-form .title-resister {
    margin-bottom: 1.5em;
}

.woocommerce-resitoration-wrp a {
    color: var(--main_subcolor);
    text-decoration: underline !important;
}

/* registerd */
.registerd {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.registerd-title {
    font-size: min(4em, 5vw);
    margin-bottom: 1em;
}

.registerd .spam-note-wrp {
    width: 100%;
    background-color: rgba(255, 255, 255, .1);
    padding: 2em;
    border-radius: 5px;
    margin: 2em auto;
}

.registerd .spam-note-wrp .spam-title {
    font-size: min(1em, 4vw);
}

.registerd .spam-note-wrp .spam-note {
    /* margin: 0;
    padding: 0; */
    list-style: disc;
    padding-left: 1.5em;
    font-size: min(.8em, 3vw);
}

.registerd .spam-note-wrp .spam-note li {
    margin-bottom: .5em;
}