@charset "UTF-8";

/* Scss Document */
body {
    background: #f7f7f7;
    color: #000;
}

footer {
    padding: 0;
}

#footer-f-star {
    display: none;
}

.sns-icon .sns-icon {
    padding-top: 30px;
}

section {
    z-index: inherit;
}

main {
    overflow: hidden;
    background-color: unset;
    /* margin-top: 161px; */
    background: #f7f7f7;
}
.member_remind{
    margin-top: calc(161px + 32px) !important;
}
@media (max-width: 768px) {
    .member_remind{
        margin-top: 32px !important;
    }
}
.main-wrap {
    min-height: 100vh;
}

.customer-name {
    display: none;
}

.sp-4menu {
    display: none;
}

/***********common***********/
@media only screen and (min-width: 769px) and (max-width: 1380px) {
    .main-wrap {
        margin: 0 0 0 180px !important;
        max-width: unset !important;
        padding-right: 20px;
    }
}

.block-breadcrumb {
    padding: 0 16px;
    max-width: 1152px;
}

.member_logged .section-itemlist {
    padding-top: 230px;
    margin: 0 auto;
    display: block;
    max-width: 880px !important;
}

.sp-navi {
    display: none;
    margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
    .main-wrap {
        padding-bottom: 80px;
        min-height: unset;
    }

    .customer-name {
        display: block;
    }

    .customer-name p {
        font-size: 14px;
        letter-spacing: 0.08em;
        line-height: 26px;
    }

    .member_logged .section-itemlist {
        padding: 0 16px;
    }

    .sp-4menu {
        display: flex;
        flex-wrap: wrap;
        margin: 40px 0 80px 0;
        border: 1px solid #eaeaea;
    }

    .sp-4menu p {
        background-color: #fff;
        width: 50%;
        text-align: center;
    }

    .sp-4menu p:nth-child(2),
    .sp-4menu p:nth-child(4) {
        border-left: 1px solid #eaeaea;
    }

    .sp-4menu p:nth-child(3),
    .sp-4menu p:nth-child(4) {
        border-top: 1px solid #eaeaea;
    }

    .sp-4menu a {
        letter-spacing: 0.1em;
        font-weight: 600;
        line-height: 21px;
        padding: 25px 0;
        display: block;
    }

    .member-only {
        margin-bottom: 80px;
    }

    .my-favorite {
        display: none;
    }

    .sp-navi {
        display: block;
    }

    .sp-navi .sub-menu-sp {
        display: block;
    }
}

.sub-en {
    font-size: 18px;
    text-align: left;
    line-height: 31px;
    letter-spacing: 0.08em;
    padding-bottom: 16px;
    border-bottom: #e5e5e5 1px solid;
    font-weight: 600;
}

.all-date {
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 120px;
    border-bottom: 1px solid #000;
    padding: 0;
    text-align: left;
    padding: 0 0 4px 0;
    font-size: 12px;
    margin-left: auto;
    display: block;
    max-width: none;
    background: transparent;
    margin-bottom: 40px;
}

.select-wrap {
    position: relative;
}

.select-wrap::after {
    position: absolute;
    top: 1px;
    right: 5px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    transform: rotate(135deg);
    pointer-events: none;
    content: "";
    width: 8px;
    height: 8px;
}

select:focus {
    outline: none;
}

.select-wrap.open::after {
    transform: rotate(315deg);
    top: 7px;
}

@media only screen and (max-width: 767px) {
    footer .footer-main {
        padding-top: 30px;
        margin-top: 30px;
    }
}

.member {
    margin: 32px auto 80px auto;
    overflow: visible;
    max-width: 1120px;
    padding: 0 16px;
}

.member.login,
.member.cart-login {
    margin: 240px auto 80px auto;
    overflow: visible;
    max-width: 1120px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.cart-login {
    text-align: center;
}

.member h2 {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-weight: 600;
}

section {
    /* max-width: 1000px; */
    margin: auto;
}

input::-moz-placeholder {
    color: #C5C5C5;
}

input::placeholder {
    color: #C5C5C5;
}

/*入力エラー*/
.contents-error {
    width: 100%;
    margin: 0px auto 32px;
}

select.error,
input.error {
    background-color: #f0d9d9;
}

label.error {
    margin-top: 0;
}

#footer-pagetop {
    bottom: 70px;
}

#footer-f-star {
    bottom: 120px;
}

/*******************************/
/* 設定手順 ノンブル */
/*******************************/
.cancel-step {
    justify-content: space-between;
    width: 250px;
    display: flex;
    margin: 0 auto 40px;
}

.cancel-step li {
    text-align: center;
    opacity: 0.4;
    display: inline-block;
    vertical-align: top;
    padding-top: 24px;
    position: relative;
}

.cancel-step li:before {
    content: "";
    background: #a5a5a5;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    z-index: 10;
    border-radius: 50%;
}


.cancel-step .c-color {
    opacity: 1;
}

.cancel-step .c-color:before {
    background: #000;
}

.back-top {
    display: block;
    margin: 48px auto 0px;
    width: max-content;
    border-bottom: 1px solid;
}

@media only screen and (max-width: 768px) {
    .cancel-fin p {
        text-align: left;
    }
}

/*******************************/
/* ログイン log in */
/*******************************/
.frm-login-1,
.frm-login-2 {
    background: #fff;
    width: 48%;
    max-width: 540px;
    padding: 52px 56px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.frm-login-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.frm-login-1 h2,
.frm-login-2 h2 {
    text-align: center;
    font-size: 20px;
}

.frm-login-1 p,
.frm-login-1 .mail,
.frm-login-1 .password {
    width: 100%;
    margin: auto;
    display: block;
    text-align: left;
}
.frm-login-1 .password-c{
    position: relative;
    max-width: 400px;
    margin: auto;
}
.frm-login-1 .line-txt {
    text-align: center;
}

.frm-login-1 .mail,
.frm-login-1 .password {
    padding-left: 10px;
    letter-spacing: 0.08em;
    font-family: "futura-pt", "Hiragino Sans", sans-serif;
    height: 40px;
    margin-top: 15px;
    font-size: 16px;
    border: 1px solid #a5a5a5;
}

.frm-login-1 .login-id,
.login-pass,
.line-txt{
    max-width: 400px;
    margin: auto;
}

.frm-login-1 .login-id {
    margin-bottom: 30px;
}
.frm-login-1 .login-pass p small {
    font-size: 12px;
    /* color: #E7484D; */
    margin-left: 10px;
    line-height: 22px;
}

.frm-login-1 .login-pass span {
    display: block;
    text-align: right;
    max-width: 400px;
    margin: auto;
}

.frm-login-1 .login-pass #remind {
    text-align: right;
    text-decoration: underline;
    background: unset;
    /* color: #E7484D; */
    font-size: 12px;
    margin-top: 4px;
}

.frm-login-1 .password_checkbox {
    position: relative;
    display: block;
    margin: auto;
    max-width: 400px;
}

.frm-login-1 .password_checkbox .password_check {
    width: 0;
    position: absolute;
    right: 8%;
    top: 22%;
}

.frm-login-1 .password_check {
    display: none;
}

.frm-login-1 .password-label {
    position: absolute;
    right: 3%;
    top: 13px;
}

.frm-login-1 ::-ms-reveal {
    display: none;
}

.frm-login-1 .password-label:after {
    content: "";
    background: url(/images/icon/pass.png) no-repeat;
    background-size: 22px;
    padding-left: 23px;
}

.frm-login-1 input[type=checkbox]:checked+label:after {
    content: "";
    background: url(/images/icon/pass2.png) no-repeat;
    background-size: 22px;
    padding-left: 23px;
}

.frm-login-1 .j-btn,
.frm-login-1 .l-btn {
    line-height: 60px;
    max-width: 300px;
    width: 100%;
    display: block;
    background: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.08em;
}

.frm-login-1 .j-btn {
    margin: 40px auto;
}

.frm-login-1 .l-btn {
    background: #00C52E;
    color: #fff;
    margin: 40px auto 20px;
}

.login-pass hr {
    border: 1px solid #A5A5A5;
}

.new-member {
    margin-top: 40px !important;
}

.frm-login-2 p {
    text-align: center;
    line-height: 26px;
    letter-spacing: 0.08em;
}

.frm-login-2 .j-btn,
.frm-login-2 .n-btn {
    display: block;
    line-height: 60px;
    max-width: 300px;
    width: 100%;
    display: block;
    background: #000;
    color: #fff;
    letter-spacing: 0.08em;
    font-size: 16px;
    font-weight: 600;
}

.frm-login-2 .j-btn {
    margin: 40px auto;
}

.frm-login-2 .n-btn {
    margin: 0 auto 56px auto;
}

.member.login input[type=button]:hover {
    opacity: 0.5;
    transition: all 0.1s 0s ease;
}

.member.login .sp,
.member.cart-login .sp {
    display: block;
}

@media (max-width: 768px) {

    .member.login,
    .member.cart-login {
        flex-direction: column;
        width: 100%;
        align-items: center;
        margin: 0 0 80px;
    }

    .frm-login-1 {
        width: 100%;
        padding: 40px 24px;
    }

    .frm-login-2 {
        padding: 40px 24px 0 24px;
        width: 100%;
    }


    .frm-login-1 .j-btn,
    .frm-login-1 .l-btn,
    .frm-login-2 .j-btn,
    .frm-login-2 .n-btn {
        max-width: 400px;
    }

    .frm-login-2 p {
        text-align: left;
        max-width: 400px;
        margin: auto;
    }

    .member.login .sp,
    .member.cart-login .sp {
        display: none;
    }

    .member.login .contents-error,
    .member.cart-login .contents-error {
        max-width: 400px;
    }


}


/*******************************/
/* ログイン log in 購入時 step0 */
/*******************************/
.cart-login .login-pass {
    margin: 30px auto 40px;
}

.cart-login .j-btn {
    background: #000;
    color: #fff;
}

.cart-login #step1 {
    margin-top: 0 !important;
}

@media (max-width: 768px) {

    .frm-login-1 hr,
    .frm-login-2 hr {
        margin: 40px auto;
    }

    .frm-login-1 h2,
    .frm-login-2 h2 {
        font-size: 18px !important;
        margin-bottom: 24px;
    }

    .frm-login-1 .line-txt {
        text-align: left;
    }

    .cart-login .frm-login-2 p {
        text-align: left;
    }

    .frm-login-2 .new-member {
        margin-top: 0 !important;
    }

    .member.cart-login .frm-login-2 {
        padding: 40px 24px 0 40px;
    }

    .cart-login {
        margin-top: 0;
    }
}


/*******************************/
/* パスワードを忘れた remind step1*/
/*******************************/
.remind .mail {
    text-align: center;
    max-width: 500px;
    margin: auto;
}

.remind .mail input {
    margin-left: 1%;
    padding-left: 1%;
    max-width: 250px;
    width: 100%;
}

.remind h2 {
    font-size: 20px;
}

.remind .txt {
    font-size: 14px;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 50px;
    width: 90%;
    display: block;
}

.remind .recaptcha {
    width: 170px;
    margin: 50px auto;
    display: block;
    line-height: 40px;
    background: #C80000;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
}

.remind .sub-txt {
    text-align: left;
    border: 1px #707070 dotted;
    padding: 1% 5% 5%;
    width: 90%;
    margin: auto;
}

.remind .sub-txt * {
    color: #E7484D;
}

.remind .sub-txt h3 {
    text-align: center;
    line-height: 4em;
    font-size: 20px;
    font-weight: bold;
}

.remind .sub-txt p {
    text-align: left;
}

/* パスワードを忘れた remind step2*/
.remind-2 .txt {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}

@media (max-width: 550px) {
    .remind-2 .txt {
        font-size: 14px;
    }
}

.remind-2 .mail {
    line-height: 2em;
    max-width: unset;
    width: 90%;
}

.remind-2 .mail p {
    color: #E7484D;
}

.remind-2 .mail .txt-2 {
    font-size: 12px;
}

@media (max-width: 550px) {
    .remind-2 .mail p {
        text-align: left;
    }
}

.remind-2 .sub-txt {
    max-width: 500px;
    padding: 2%;
    margin-top: 30px;
}

.remind-2 .sub-txt p {
    text-align: center;
    color: #181818;
    font-size: 20px;
    padding: 0%;
}

@media (max-width: 550px) {
    .remind-2 .sub-txt {
        padding: 5% 2%;
    }

    .remind-2 .sub-txt p {
        font-size: 14px;
        line-height: 2em;
    }
}

/* パスワードを忘れた remind step3*/
.remind-3 .txt {
    font-size: 20px;
}

.remind-3 span {
    margin-right: 5%;
    max-width: 125px;
    width: 100%;
    display: inline-block;
}

.remind-3 .mail {
    max-width: 370px;
    text-align: left;
}

.remind-3 .pass {
    text-align: left;
    font-weight: 700;
    max-width: 370px;
    margin: auto;
    margin-top: 25px;
}

.remind-3 input {
    width: 95%;
    padding-left: 2%;
}

.remind-3 .password_checkbox {
    position: relative;
}

.remind-3 .password_check {
    width: 0;
    position: absolute;
    right: 14%;
    top: 22%;
}

.remind-3 .password_check::after {
    content: "";
    background: url(/images/icon/pass.png) no-repeat;
    background-size: 22px;
    padding-left: 23px;
}

.remind-3 .password_check:checked::after {
    content: "";
    background: url(/images/icon/pass2.png) no-repeat;
    background-size: 22px;
    padding-left: 23px;
}

@media (max-width: 550px) {
    .remind-3 .password_check .txt {
        font-size: 14px;
    }
}

.remind-3 .recaptcha {
    width: 200px;
    line-height: 45px;
    padding: 0;
}

@media only screen and (max-width: 375px) {

    .remind-3 .mail,
    .remind-3 .pass {
        text-align: center;
    }

    .remind-3 span {
        display: block;
    }
}

/* パスワードを忘れた remind thanks*/
.remind-thanks .recaptcha {
    margin: 50px auto;
    display: block;
    line-height: 40px;
    background: #C80000;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    width: 200px;
    line-height: 40px;
}

/*******************************/
/* 退会手続き Cancel step1*/
/*******************************/

.white-bg {
    background: #fff;
    padding: 80px 0;
    margin: 0 calc(50% - 50vw)80px;
}

.white-bg-inner {
    max-width: 832px;
    margin: auto;
    padding: 0 16px;
}

.cancel-1 {
    text-align: center;
    width: 100%;
    font-size: 20px;
}

.cancel-1 .cancel-til {
    font-size: 22px;
    line-height: 31px;
    letter-spacing: 0.08em;
    font-weight: 600;
    margin-bottom: 42px;
}

.cancel-1 h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 31px;
    letter-spacing: 0.08em;
    width: 100%;
}

.cancel-1 h3 p {
    font-size: 16px;
    margin: 32px auto;
    line-height: 26px;
    letter-spacing: 0.08em;
}

.member-serv {
    padding: 32px;
    border: 1px solid #a5a5a5;
}

.cancel-1 .c-list {
    width: 50%;
    display: inline-block;
    list-style-position: inside;
}

.cancel-1 .c-list li {
    line-height: 26px;
    vertical-align: top;
    text-align: left;
}


.cancel-1 .j-btn {
    width: 250px;
    display: block;
    margin: 48px auto 0px;
    position: relative;
}

.cancel-1 .j-btn ::before,
.cancel-1 .j-btn ::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 22px;
    width: 7px;
    height: 2px;
    border-radius: 9999px;
    background-color: #000000;
    transform-origin: calc(100% - 0.5px) 50%;
}

.cancel-1 .j-btn ::before {
    transform: rotate(45deg);
}

.cancel-1 .j-btn ::after {
    transform: rotate(-45deg);
}

.cancel-1 .j-btn p {
    border: 1px solid #a5a5a5;
    line-height: 60px;
}

.cancel-1 #frm-cancel {
    padding: 72px;
    max-width: 1152px;
    background: #fff;
}


.cancel-1 .c-item {
    text-align: left;
    padding: 32px 0;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    margin: 0 auto;
    font-size: 16px;
}

.other.c-item {
    border: 0 !important;
}

.mail.c-item {
    padding-top: 0 !important;
}

.cancel-1 .c-item p {
    width: 30%;
    text-align: left;
    line-height: 26px;
    letter-spacing: 0.08em;
    display: block;
    margin-bottom: 5px;
}

.cancel-1 .c-item input,
.cancel-1 .c-item span,
.cancel-1 .c-item .c-select,
.cancel-1 .c-item .c-select-free {
    width: 400px;
    height: 40px;
    padding-left: 5px;
}

.cancel-1 .c-item span {
    display: inline-block;
    height: unset;
    text-align: left;
    letter-spacing: 0.08em;
    height: 26px;
}

.cancel-1 .c-item .password-c {
    position: relative;
    display: inline-block;
    width: 70%;
    max-width: 400px;
}

.cancel-1 .c-item .password_txt {
    height: 40px;
    border: 1px solid #a5a5a5;
}

.cancel-1 .c-item .c-select {
    border: 1px solid #a5a5a5;
}

.cancel-1 .c-item .password_check {
    width: 0;
    position: absolute;
    right: 8%;
    top: 22%;

}

.cancel-1 .c-item .password_check {
    display: none;
}

.cancel-1 .c-item .password_checkbox {
    position: absolute;
    right: 3%;
    top: 10px;
}

.cancel-1 .c-item .password_checkbox:after {
    content: "";
    background: url(/images/icon/pass.png) no-repeat;
    background-size: 22px;
    padding-left: 23px;
}

.cancel-1 .c-item input[type=checkbox]:checked+label:after {
    content: "";
    background: url(/images/icon/pass2.png) no-repeat;
    background-size: 22px;
    padding-left: 23px;
}

.cancel-1 .c-item input,
.cancel-1 .c-item span,
.cancel-1 .c-item .c-select,
.cancel-1 .c-item .c-select-free {

    font-size: 16px;
}



.cancel-1 .other .c-select-free {
    height: 200px;
    vertical-align: top;
    border: 1px solid #a5a5a5;
    max-width: none;
    width: 70%;
}

.cancel-1 #cancel-confirm {
    width: 320px;
    background: #fff;
    line-height: 80px;
    display: block;
    margin: 24px auto 0;
    font-weight: 600;
    letter-spacing: 0.08em;
    border: 1px solid #000;
    font-size: 16px;
}

.sp {
    display: none;
}

@media (max-width: 768px) {
    .member h2 {
        font-size: 24px;
        padding: 0 12px;
    }

    .white-bg {
        padding: 48px 0;
        margin-bottom: 56px;
    }

    .sp {
        display: block;
    }

    .cancel-1 .cancel-til {
        margin-bottom: 24px;
    }

    .cancel-1 h3 p {
        margin: 24px auto;
    }

    .cancel-1 h3 p {
        text-align: left;
    }

    .cancel-1 .c-list {
        width: 100%;
    }

    .cancel-1 .j-btn {
        margin: 40px auto 0px;
    }

    .cancel-step {
        margin: 0 auto 32px;
    }

    .cancel-1 #frm-cancel {
        padding: 32px 24px;
    }

    .cancel-1 .c-item {
        width: 100%;
        flex-direction: column;
    }

    .cancel-1 .c-item p {
        width: 100%;
        margin-bottom: 20px;
    }

    .cancel-1 .other .c-select-free {
        width: 100%;
    }

    .cancel-1 #cancel-confirm {
        width: 100%;
        margin: 0 auto;
    }

    .cancel-1 .c-item .password-c {
        width: 100%;
        max-width: unset;
    }

    .cancel-1 .c-item input,
    .cancel-1 .c-item span,
    .cancel-1 .c-item .c-select,
    .cancel-1 .c-item .c-select-free {
        width: 100%;
    }


}


/*******************************/
/* 退会手続き Cancel step2*/
/*******************************/
.cancel-2 #frm-cancel {
    background: #fff;
    padding: 72px;
    margin: auto;
}

.cancel-2.member .cancel-step {
    margin: 48px auto 40px;
}

.cancel-2 .c-item {
    display: flex;
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
    padding: 32px 0;
    border-bottom: 1px solid #e5e5e5;
}

.cancel-2 .c-item p {
    width: 30%;
    text-align: left;
    line-height: 26px;
    letter-spacing: 0.08em;
    margin-bottom: 5px;
    overflow-wrap: break-word;
}

.other-txt {
    width: 100% !important;
}

.cancel-2 .c-item span {
    display: inline-block;
    height: unset;
    text-align: left;
    letter-spacing: 0.08em;
    height: 26px;
}

.cancel-2 .other .c-select-free {
    height: auto;
    vertical-align: top;
    max-width: none;
    width: 70%;
}

.cancel-2 .btn-list {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cancel-2 .btn-list #cancel-thanks {
    width: 330px;
    display: inline-block;
    color: #000;
    font-weight: 600;
    padding: 30px 0;
    letter-spacing: 0.08em;
    background: #fff;
    border: 1px solid #000;
}

.cancel-2 .btn-list #cancel-backc {
    line-height: 45px;
    width: 150px;
    line-height: 26px;
    display: inline-block;
    margin: 30px auto 0;
    border-bottom: 1px solid;
    background: transparent;
}

@media (max-width: 768px) {
    .member h2 {
        padding: 0;
    }

    #frm-cancel br {
        display: none;
    }

    .cancel-2.member .cancel-step {
        margin: 40px auto 32px;
    }

    .cancel-2 #frm-cancel {
        padding: 32px 24px;
    }

    .cancel-2 .c-item {
        width: 100%;
        flex-direction: column;
    }

    .cancel-2 .other .c-select-free {
        width: 100%;
    }

    .cancel-2 .c-item p {
        width: 100% !important;
        margin-bottom: 20px;
    }
}



/*******************************/
/* 退会手続き 完了 Cancel last thanks*/
/*******************************/
.cancel-thanks h3 {
    text-align: center;
    font-size: 25px;
}

.cancel-thanks h3 span {
    display: block;
    margin: 40px auto 60px;
}

.cancel-thanks .j-btn {
    background: #E3E3E3;
    line-height: 45px;
    width: 180px;
    line-height: 3em;
    display: inline-block;
    margin: 30px auto;
    text-align: center;
    display: block;
}

.cancel {
    text-align: left !important;
    font-size: 32px;
    line-height: 31px;
    margin-bottom: 32px;
}

/*******************************/
/* マイページ only ID #mypage */
/*******************************/
#mypage {
    max-width: unset;
    margin-top: unset;
    min-height: 100vh;
}

@media (max-width: 768px) {
    #mypage {
        margin-top: 130px;
        min-height: calc(100vh - 130px);
    }

    main {
        margin-top: 165px !important;
        padding-top: 0;
        height: auto;
    }
    .sub-en {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    #mypage {
        margin-top: unset;
    }

    .section-breadcrumb {
        margin-top: 0;
        padding: 2px 0;
    }
}

/*******************************/
/* マイページ sub-menu*/
/*******************************/
/***********navi menu***********/

.sub-menu ul img {
    display: none;
}

.sub-menu .customer_nm1,
.sub-menu .customer_nom {
    margin-top: 7px;
    font-size: 20px;
}

.sub-menu .sub-menu-box {
    margin-top: 0 !important;
    max-height: 100vh;
    overflow-y: auto;
    width: 240px;
}

.sub-menu {
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    width: 20%;
    height: 100%;
    max-width: 240px;
    position: absolute;
    box-shadow: none;
    background: #fff;
    padding-left: 0;
}

.sub-menu ul {
    margin-top: 36px;
}

.sub-menu ul li {
    line-height: 21px;
    border-bottom: 1px solid #eaeaea;
    font-weight: 600;
}

.sub-menu ul li a {
    padding: 24px 0 24px 32px;
    display: inline-block;
    width: 100%;
}

.sub-menu ul li span {
    font-weight: 600;
    letter-spacing: 0.1em;
}

.helo-pc {
    margin-top: 200px;
    padding-left: 32px;
}

@media only screen and (min-width: 769px) and (max-width: 1380px) {

    .helo-pc {
        padding-left: 12px;
    }

    .sub-menu {
        width: 160px;
    }

    .sub-menu .sub-menu-box {
        width: 160px;
    }

    .sub-menu ul li a {
        padding: 16px 12px;
    }

    .sub-menu ul li span {
        font-size: 13px;
    }

}

@media (max-width:1200px) {
    .sub-menu ul .sub {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    #bottom-btns_container {
        margin: 0;
        left: 0;
    }
}

.sub-menu-box::-webkit-scrollbar {
    width: 3px;
    background: transparent;
}

/* つまみ部分（動く部分） */
.sub-menu-box::-webkit-scrollbar-thumb {
    background-color: #e4e4e4;
    border-radius: 2px;
}


.sub-menu .sub-menu-box .swiper-wrapper {
    transform: unset;
}

@media (max-height: 768px),
(max-width: 768px) {
    .sub-menu .sub-menu-box .swiper-wrapper {
        display: inline-block;
        height: 55px;
        transition: all 0.6s 0s ease;
    }
}

.sub-menu .sub-menu-box.stop {
    bottom: 0;
    position: absolute;
    height: 100vh;
    padding-top: 50px;
    margin-top: 0;
}

@media (max-width: 768px) {
    .sub-menu .sub-menu-box.stop {
        padding-top: 0;
    }
}

.sub-menu .helo-sp {
    display: none;
}

.sub-menu .helo-sp img {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.sub-menu .helo-sp .sub {
    display: block;
}

.sub-menu #greeting {
    font-size: 20px;
    margin-top: 80px;
}

.sub-menu .customer_nm1,
.sub-menu .customer_nom {
    margin-top: 7px;
    font-size: 20px;
}

.sub-menu ul {
    display: block;
    line-height: 50px;
    list-style: none;
    margin-top: 50px;
}

.sub-menu ul li {
    font-weight: bold;
    line-height: 4em;
    height: unset;
    position: static;
}

.sub-menu ul img {
    width: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.sub-menu ul .my-pur img {
    width: 25px;
}

.sub-menu ul .sub {
    display: none;
}

.sub-menu .sub-m-btn {
    cursor: pointer;
    position: relative;
    margin-top: 40px;
}

.sub-menu .sub-m-btn .arrow {
    display: none;
}

@media (max-width: 1200px) {
    .sub-menu .sub-m-btn .arrow {
        display: block;
    }
}

.sub-menu .sub-m-btn .arrow .hamburger__line {
    position: absolute;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: #fff;
    transition: all 0.6s;
}

.sub-menu .sub-m-btn .arrow .hamburger__txt {
    opacity: 0;
}

.sub-menu .sub-m-btn .arrow .hamburger__line--1 {
    width: 20px;
    transform: rotate(45deg);
    top: 0px;
    left: 26px;
}

.sub-menu .sub-m-btn .arrow .hamburger__line--2 {
    width: 30px;
    top: 7px;
    left: 13px;
}


.modal.coupon-list {
    min-height: unset;
}

.coupon-list .coupon-box-list {
    overflow-y: scroll !important;
}

.coupon-box {
    display: flex;
    gap: 32px;
}

.coupon-box.event-none {
    flex-direction: column;
}

.coupon-box.event-none a {
    width: max-content;
    margin: auto;
    border-bottom: 1px solid;
}

.coupon-box:nth-child(n+2) {
    margin-top: 32px;
}

.coupon-box img {
    width: 100%;
    display: inline-block;
}

.coupon-box .event-info {
    text-align: left;
    width: calc(100% - 192px);
}

.coupon-box .event-info h3 {
    margin-bottom: 26px;
    width: 100%;
    text-align: left;
}

.coupon-box .event-info span {
    margin-top: 10px;
    display: block;
}

.coupon-box .img-link {
    width: 160px;
}

.coupon-box .e-code {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.coupon-box .e-code input {
    font-size: 18px;
    border: 1px solid #a5a5a5;
    margin-left: 48px;
    padding: 0 16px;
    height: 32px;
}

.modal[data-modal="11"],
.modal[data-modal="10"],
.modal[data-modal="1"] {
    min-height: unset;
}

.modal[data-modal="10"]>p {
    margin-bottom: 20px;
}

#logout {
    background: #000;
    color: #fff;
    width: 300px;
    height: 60px;
    letter-spacing: 0.08em;
    line-height: 26px;
    font-weight: 600;
    margin-top: 12px;
    font-size: 16px;
}

@media (max-width: 768px) {
    .coupon-box {
        gap: 16px;
        position: relative;
        padding-bottom: 32px;
        padding-top: 48px;
        align-items: center;
    }

    .coupon-box.event-none {
        padding-bottom: 0;
        padding-top: 0;
    }

    .coupon-box .img-link {
        width: 120px;
    }

    .coupon-box .event-info {
        width: auto;
    }

    .coupon-box .event-info h3 {
        position: absolute !important;
        left: 0;
        top: 0px;
        text-align: center;
        font-size: 18px;
    }

    .coupon-box .e-code input {
        width: calc(100% - 40px);
        margin-left: 0;
        margin-top: 8px;

    }

    .event-info>p {
        font-size: 14px;
    }

    .coupon-box .e-code button {
        position: absolute;
        right: 10px;
        bottom: 0;
    }

    .coupon-box .e-code {
        position: absolute;
        left: 0;
        bottom: -23%;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .coupon-box:nth-child(n+2) {
        margin-top: 80px;
    }

    .modal h3 {
        font-size: 16px !important;
        margin-bottom: 16px !important;
    }

    #logout {
        width: 100%;
        max-width: 300px;
    }
}

.coupon-box .e-code button {
    border: 0;
    background: unset;
    margin-left: 10px;
    transition: 0.3s all;
}

.coupon-box .e-code button img {
    width: 20px;
}

.coupon-box .e-code button:hover {
    transition: 0.3s all;
    opacity: 0.5;
}

.event-none {
    border-bottom: 0;
}


.sub-menu .log-close {
    position: unset;
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 10px !important;
    margin: 30px auto;
    line-height: 45px;
    max-width: 200px;
    font-weight: bold;
}


.modal h3 {
    font-size: 20px !important;
    font-weight: 600;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    margin-bottom: 26px !important;
    line-height: 24px !important;
    text-align: center;
}

#l-link,
#l-link2 {
    background: #00C52E;
    color: #fff;
    height: 60px;
    width: 300px;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 26px;
    margin-top: 38px;
    font-size: 16px;
}

@media (max-width: 768px) {
    .modal .l-btn {
        max-width: 100%;
        width: 300px;
    }
}

.sub-menu .arrow::before {
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #7a0;
    border-right: 2px solid #7a0;
    transform: rotate(45deg);
}

@media (max-width: 768px) {

    .submenu-sp {
        display: none;
    }

    .message-error {
        margin: auto;
    }

}

/*
@media (max-width: 1200px) and (max-width: 768px) {
.sub-menu ul .submenu-btn::before {
border-radius: 0;
}
}

@media (max-width: 1200px) {
.sub-menu ul .submenu-btn:hover::before {
opacity: 1;
transform: scale(1, 1);
border-radius: 50px;
}
}

@media (max-width: 1200px) and (max-width: 768px) {
.sub-menu ul .submenu-btn:hover::before {
border-radius: 0;
}
}

@media (max-width: 1200px) {
.sub-menu ul .submenu-btn::after {
transition: all 0.3s;
}
}

@media (max-width: 1200px) {
.sub-menu ul .submenu-btn:hover::after {
opacity: 0;
}
}

@media (max-width: 1200px) {
.sub-menu ul .pc {
display: none;
}
}

@media (max-width: 1200px) {
.sub-menu ul .sub {
display: inline-block;
margin-right: 0;
}
}

@media (max-width: 1200px) {
.sub-menu ul span {
position: fixed;
background: #e8e8e8;
color: #181818;
border-radius: 5px;
line-height: 25px;
font-size: 12px;
padding: 0 5px;
margin-top: 20px;
opacity: 0;
display: none;
transition: all 0.6s 0s ease;
}
}

@media (max-width: 1200px) {
.sub-menu ul a:hover span {
opacity: 1;
transition: all 0.3s 0s ease;
display: block;
left: 5%;
margin: 0;
}
}

@media (max-width: 1200px) and (max-width: 768px) {
.sub-menu {
top: unset;
bottom: 0;
position: fixed;
max-width: unset;
width: 100%;
height: 55px;
z-index: 100;
}

.sub-menu .sub-menu-box {
max-width: unset;
}

.sub-menu .sub-menu-box.stop {
bottom: unset;
position: fixed;
padding-top: 0;
}

.sub-menu ul {
display: flex;
line-height: 30px;
margin-top: 0;
}

.sub-menu ul li {
position: relative;
width: 80px;
display: inline-block;
margin: 0;
vertical-align: top;
line-height: unset;
}

.sub-menu ul span {
position: unset;
opacity: 1;
color: #fff;
display: block;
margin-top: 0;
background: unset;
line-height: 25px;
}
}

@media (max-width: 1200px) and (max-width: 768px) and (max-width: 550px) {
.sub-menu ul span {
font-size: xx-small;
}
}

@media (max-width: 1200px) and (max-width: 768px) {
.sub-menu ul .sub {
margin-top: 6px;
}
}

@media (max-width: 1200px) and (max-height: 768px) {
.sub-menu {
top: unset;
bottom: 0;
position: fixed;
max-width: unset;
width: 100%;
height: 55px;
z-index: 100;
}

.sub-menu .sub-menu-box {
max-width: unset;
}

.sub-menu .sub-menu-box.stop {
bottom: unset;
position: fixed;
}

.sub-menu ul {
display: flex;
line-height: 30px;
margin-top: 0;
}

.sub-menu ul li {
position: relative;
width: 80px;
display: inline-block;
margin: 0;
vertical-align: top;
line-height: unset;
}

.sub-menu ul span {
position: unset;
opacity: 1;
color: #fff;
display: block;
margin-top: 0;
background: unset;
line-height: 25px;
}

.sub-menu ul .sub {
margin-top: 6px;
}
}

@media (max-width: 1200px) and (max-width: 1200px) {
.sub-btm ul {
margin-top: 30px;
transition: all 0.6s 0s ease;
}
}

@media (max-width: 1200px) and (max-width: 1200px) and (max-width: 768px) {
.sub-btm ul {
margin-top: 0;
}
}

@media (max-width: 1200px) and (max-width: 1200px) and (max-height: 768px) {
.sub-btm {
height: 0;
}
}

@media (max-width: 1200px) and (max-width: 1200px) and (max-height: 768px) and (max-width: 768px) {
.sub-btm .sub-menu-box .swiper-wrapper {
height: 0;
}
}

@media (max-width: 1200px) and (max-width: 768px) {
.sub-btm {
height: 0;
}
}

@media (max-width: 1200px) {
.sub-m-open {
max-width: 235px;
width: 100%;
transition: all 0.6s;
padding-left: 3%;
padding-top: 0;
transition: all 0.3s 0s ease;
z-index: 1000;
}

.sub-m-open .sub-menu-box {
max-width: 205px;
margin-top: 0;
}

.sub-m-open #greeting {
font-size: 20px;
}

.sub-m-open .customer_nm1,
.sub-m-open .customer_nom {
font-size: 14px;
}

.sub-m-open ul {
text-align: left;
}

.sub-m-open ul a:hover span {
display: inline-block;
}

.sub-m-open ul li {
font-size: 14px;
margin: 0;
padding: 0;
position: relative;
}

.sub-m-open ul .submenu-btn::before {
background: unset;
transform: scale(1);
width: 0;
border-radius: 0;
pointer-events: none;
}

.sub-m-open ul a {
transition: transform 0.15s, 0.15s;
}

.sub-m-open ul a:hover {
background: #3c3f52;
}

.sub-m-open ul span {
display: inline-block;
position: unset;
opacity: 1;
background: unset;
color: #fff;
font-size: unset;
font-weight: bold;
line-height: unset;
margin: 0;
}

.sub-m-open ul span:hover {
opacity: unset;
}
}

@media (max-width: 1200px) {
.sub-m-open .sub-m-btn .arrow .hamburger__txt {
opacity: 1;
position: absolute;
left: 0;
border-bottom: 1px #fff solid;
bottom: -13px;
width: 100%;
text-align: left;
padding-bottom: 2px;
}
}

@media (max-width: 1200px) {
.sub-m-open .sub-m-btn .arrow .hamburger__line--1 {
left: 155px;
width: 35px;
}
}

@media (max-width: 1200px) {
.sub-m-open .sub-m-btn .arrow .hamburger__line--2 {
left: 155px;
width: 35px;
top: 0;
transform: rotate(-45deg);
}
}

@media (max-width: 1200px) {
.sub-m-open.sub-btm {
padding-top: 0;
transition: all 0.3s 0s ease;
}
} */

/*******************************/
/* マイページ TOP my-page*/
/*******************************/
.submenu-sp .helo-pc {
    margin-top: unset;
    width: 95%;
    margin: auto;
    margin-bottom: 20px;
}

.submenu-sp ul {
    width: 95%;
    margin: 0 auto 20px;
}

.submenu-sp li {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-bottom: 20px;
    margin: 0 1% 20px;
    max-width: unset;
    vertical-align: top;
}

.submenu-sp li a {
    margin-right: 2%;
    display: block;
    margin: auto;
}

.submenu-sp li p {
    background: #1B3360;
    box-shadow: 3px 3px 6px -3px rgba(0, 0, 0, 0.1803921569);
    border: 1px #FCFCFE solid;
    display: inline-block;
    padding: 15px;
    height: 60px;
    width: 60px;
    border-radius: 6px;
}

.submenu-sp li img {
    height: 30px;
    width: auto;
    margin-top: -1px;
}

.submenu-sp li span {
    display: block;
    font-size: 12px;
}

@media only screen and (max-width: 425px) {
    .submenu-sp li {
        width: 25%;
        margin: 0 0% 20px 0;
        max-width: unset;
    }

    .submenu-sp li img {
        height: 28px;
    }
}

.submenu-sp .my-pur img {
    margin-left: 2px;
}

.submenu-sp .my-cart img {
    margin-left: -4px;
}

.submenu-sp .my-cont img {
    margin-top: 2px;
    margin-left: -1px;
}

.submenu-sp .my-set img {
    margin-left: -1px;
}

.submenu-sp .my-cont img,
.submenu-sp .my-fav img,
.submenu-sp .my-line img {
    margin-top: 0px;
}

#frm-mypage,
#frm-member {
    vertical-align: top;
}

#frm-mypage .my-fff,
#frm-member .my-fff {
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
    margin-top: 0;
}


#frm-mypage h3,
#frm-member h3 {
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 31px;
    position: relative;
    width: 100%;
    font-weight: 600;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px;
}

h4 {
    font-size: 22px;
    margin-bottom: 40px;
    letter-spacing: 0.08em;
    line-height: 31px;
    font-weight: 600;
}

.my-news h3 {
    margin-bottom: 8px !important;
}

#frm-mypage h3 :before,
#frm-member h3 :before {
    position: absolute;
}

#frm-mypage h3 img,
#frm-member h3 img {
    width: 21px;
    margin-right: 6px;
    vertical-align: middle;
}

#frm-mypage .modal h3,
#frm-member .modal h3 {
    line-height: 56px;
}

#frm-mypage .modal h3 .min-sp,
#frm-member .modal h3 .min-sp {
    display: none;
}

.mypage-all {
    padding-top: 150px;
    margin: 0 auto;
    display: block;
    max-width: 880px;
}

.mypage-main {
    padding-bottom: 160px;
}

.status-row {
    justify-content: space-between;
    display: flex;
    margin-bottom: 80px;
    flex-wrap: wrap;
}

.status1,
.status2 {
    width: 46.5%;
}

.status3 {
    margin-bottom: 80px;
    width: 100%;
}

.status1,
.status2 {
    margin-bottom: 80px;
}

.reserve-item,
.contact-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.item-list p {
    font-size: 14px;
    line-height: 24px;
}

.mypage-all .column-2,
.mypage-all .column-2-2 {
    vertical-align: top;
    width: 100%;
}

.mypage-all .column-size {
    clear: both;
    float: right;
}

.mypage-all .column-set {
    float: left;
    display: inline-block;
}

@media (max-width: 768px) {
    .mypage-all .column-size {
        width: 100%;
    }

    .mypage-all .column-set {
        float: unset;
        width: 100%;
    }

    .mypage-all {
        padding: 0 16px;
    }
}

.my-favorite {
    max-width: 1200px;
    margin-top: 80px;
}

.no-fav-item {
    margin-bottom: 80px;
}

.my-favorite .favorite-list {
    list-style: none;
    margin-top: 10px;
    overflow: hidden;
}

.my-favorite .favorite-list .f-name-box {
    height: 82px;
}

.my-favorite .favorite-list .item-img {
    position: relative;
}

.my-favorite .favorite-list .item-img span {
    /* position: absolute;
    bottom: 0; */
    line-height: 20px;
    background: #000;
    font-size: 12px;
    color: #fff;
    width: 100%;
    text-align: center;
    z-index: 0;
}

.my-favorite .favorite-list li,
.my-history .top-fade .history-slicks-body {
    /* max-width: 130px;
    margin-right: 20px; */
    max-width: 185px;
}

.Swiper-favorite,
.history-slicks {
    visibility: hidden;
}

.section-top-history .history-slicks .swiper-slide,
.mypage-main .history-slicks .swiper-slide {
    margin-right: 20px !important;
}

@media (max-width: 1200px) {

    .my-favorite .favorite-list li,
    .my-history .top-fade .history-slicks-body {
        max-width: 190px;
    }

    .my-favorite .swiper-wrapper,
    .my-history .swiper-wrapper {
        gap: 0px;
    }

    .section-top-history .history-slicks .swiper-slide,
    .mypage-main .history-slicks .swiper-slide {
        margin-right: 15px !important;

    }
}


.my-favorite .favorite-list li:hover {
    transition: all 0.3s;
    opacity: 0.5;
}

.my-favorite .favorite-list li img {
    width: 100%;
    display: block;
    margin-bottom: 12px;
    padding: 30px 18px;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.my-favorite .item-info {
    overflow: hidden;
    margin-bottom: 0px;
}

.my-favorite .item-info .item-img {
    width: 190px;
    height: 170px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
}

.my-favorite .item-info .item-img img {
    max-width: 150px;
    max-height: 150px;
}

.my-favorite .item-info .item-img:hover {
    opacity: 0.6;
}

.my-favorite .item-info .newused-n,
.my-favorite .item-info .newused-u,
.my-favorite .item-info .newused-a,
.my-favorite .item-info .newused-m,
.my-favorite .item-info .newused-k {
    padding: 4px 8px;
    display: inline-block;
    margin-right: 6px;
    text-align: center;
}

.my-favorite .item-info .newused-n {
    max-width: 55px;
    height: unset;
}

.my-favorite .item-info .newused-u {
    max-width: 55px;
    height: unset;
}

.my-favorite .item-info .newused-m {
    max-width: 55px;
    height: unset;
}

.my-favorite .item-info .newused-a {
    max-width: 69px;
    height: unset;
    overflow: hidden;
    vertical-align: bottom;
}

.my-favorite .item-info .newused-k {
    max-width: 65px;
    height: unset;
}

.my-favorite .item-info .mens,
.my-favorite .item-info .name1,
.my-favorite .item-info .name2,
.my-favorite .item-info .name3,
.my-favorite .item-info .kataban,
.my-favorite .item-info .etc,
.my-favorite .item-info .stock,
.my-favorite .item-info .baika {
    text-align: left;
    margin: auto;
}

.my-favorite .item-info .mens {
    display: inline-block;
    float: none;
}

.my-favorite .item-info .sale-name {
    width: 160px;
    margin: 5px auto 0;
    text-align: center;
}

.my-favorite .item-info .name1 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    height: auto;
    text-overflow: ellipsis;
}

.my-favorite .item-info .name3 {
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.my-favorite .item-info .kataban,
.match-item .slick-item-info .kataban {
    line-height: 18px;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.my-favorite .item-info .iteminfo-item_kanri_cd {
    text-align: left;
    font-size: 10px;
}

.my-favorite .item-info .stock {
    text-align: center;
    padding: 0px 1%;
    display: inline-block;
    width: 29%;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: -0.5px;
}

.my-favorite .item-info .baika {
    font-weight: bold;
    text-align: left;
    padding-top: 10px;
}

.my-favorite .item-info .baika p {
    font-size: 17px;
    text-align: left;
    font-weight: 500;
    line-height: 20px;
}

.my-favorite .item-info .baika>div {
    font-size: 14px;
    font-weight: 500;
    margin-top: -12px;
    margin-bottom: 8px;
}

.my-favorite .item-info .baika .tax {
    font-weight: bold;
    font-size: 10px;
    padding-left: 3px;
}

.my-favorite .item-info .baika .baika-sale {
    font-size: 17px;
}

.my-favorite .item-info .baika-zaiko {
    margin-top: 0px;
    font-size: 13px;
    text-align: left;
}

.baika-zaiko {
    font-size: 13px;
}

.same_kataban {
    font-size: 12px;
}

@media (max-width: 768px) {

    .my-favorite .item-info .item-info .stock-2,
    .my-favorite .item-info .item-info .stock {
        border: 0;
    }
}

.my-favorite .item-info .stock,
.my-favorite .item-info .newused-n,
.my-favorite .item-info .newused-u,
.my-favorite .item-info .newused-a,
.my-favorite .item-info .newused-m,
.my-favorite .item-info .newused-k,
.my-favorite .item-info .mens {
    background: #FFF;
    border: 1px #E5E5E5 solid;
    font-size: 10px;
    padding: 4px 8px;
    line-height: 18px;
}


@media (max-width: 768px) {

    .my-favorite .item-info .stock,
    .my-favorite .item-info .newused-n,
    .my-favorite .item-info .newused-u,
    .my-favorite .item-info .newused-a,
    .my-favorite .item-info .newused-m,
    .my-favorite .item-info .newused-k,
    .my-favorite .item-info .mens {
        width: auto;
    }
}

.my-favorite .item_img_150 {
    width: auto;
    max-width: 166px;
    margin-bottom: 10px;
}

.my-favorite .item-info .stock {
    text-align: center;
    padding: 0px 1%;
    display: inline-block;
    width: 29%;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: -0.5px;
}

.my-favorite .item-info .baika {
    padding-top: 0;
}

.my-favorite .item-info .baika-zaiko {
    line-height: 26px;
}

.my-favorite .btn,
.my-history .btn,
.favorite-brand .btn,
.member-info-list .btn,
.my-event .btn,
.my-news .btn {
    display: block;
    width: max-content;
    margin-left: auto;
    letter-spacing: 0.08em;
    line-height: 21px;
    text-align: right;
    margin-top: 32px;
    color: #000;
    border-bottom: 1px solid;
    margin-bottom: 80px;
}

.my-purchase {
    position: relative;
}

.my-purchase .m-pur-list {
    overflow: hidden;
    max-height: 770px;
    min-height: 150px;
}

.my-purchase .m-pur-list::before {
    display: none;
    /* position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 80px;
border-radius: 15px;
background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff)); */
}

@media (max-width: 768px) {

    .my-favorite .btn,
    .my-history .btn,
    .favorite-brand .btn,
    .member-info-list .btn,
    .my-event .btn,
    .my-news .btn {
        margin-right: auto;
    }
}

@media (max-width: 550px) {
    .my-purchase .m-pur-list {
        max-height: 265px;
    }

    .my-purchase .m-pur-list::before {
        height: 45px;
    }
}

.my-purchase .m-pur-item,
.item-list {
    border-bottom: none;
    background: #fff;
    height: 170px;
    padding: 30px 32px;
    margin-top: 0;
    position: relative;
}

.m-pur-item.item-list {
    display: flex;
    flex-direction: row;
}

.my-reserve .item-list,
.my-contact .item-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.my-purchase .m-pur-item .m-pur-status {
    max-width: 225px;
    display: inline-block;
    max-height: 110px;
}

.my-purchase .m-pur-item p {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    overflow: hidden;
}

.my-purchase .m-pur-item .item-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.no-brand,
.no-item,
.no-reserve,
.no-contact {
    text-align: center !important;
    font-size: 16px !important;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.no-brand {
    margin-bottom: 16px !important;
}

.my-purchase .m-pur-item .item-status {
    border-top: none;
    padding: 0;
    font-size: 16px;
}

.purchase-date {
    font-size: 14px;
}

.my-purchase .m-pur-item img {
    width: 110px !important;
    height: 110px;
    max-width: none;
    border: 1px solid #e5e5e5;
    margin-top: 0;
    margin-right: 24px;
}

.status-link {
    margin-top: 32px;
    border-bottom: 1px solid;
    width: max-content;
    margin-left: auto;
}

.my-news {
    max-width: none;
}

.my-news .m-n-list {
    padding: 15px 2% 15px 5%;
}

.my-news .m-n-list div,
.my-news .m-n-list a,
.my-news .m-n-list p {
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    letter-spacing: 0.08em;
    font-weight: normal;
    vertical-align: bottom;
}

.my-news .m-n-list span {
    font-size: 11px;
}

.my-news .m-n-list .m-n-list-box {
    padding-right: 0;
    overflow-y: scroll;
    /* スクロールはできる */
    -ms-overflow-style: none;
    /* IE, Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Chrome, Safari */
.my-news .m-n-list .m-n-list-box::-webkit-scrollbar {
    display: none;
}

.my-news .m-n-list .m-n-item {
    border-bottom: 1px #e5e5e5 solid;
    padding: 32px 0;
    display: flex;
    align-items: center;
    position: relative;
}

.m-n-itemtxt::before,
.m-n-itemtxt::after,
.m-n-itemtxt-link::before,
.m-n-itemtxt-link::after {
    position: absolute;
    top: 50%;
    right: 1px;
    width: 6px;
    height: 1px;
    background-color: #000000;
    transform-origin: calc(100% - 0.5px) 50%;
    content: "";
}

.m-n-itemtxt::before,
.m-n-itemtxt-link::before {
    transform: rotate(45deg);
}

.m-n-itemtxt::after,
.m-n-itemtxt-link::after {
    transform: rotate(-45deg);
}

.my-news .m-n-list .m-n-item::after {
    display: inline-block;
    content: "";
    width: 18px;
    height: 1px;
    right: 2px;
    top: 50%;
    background: #000;
    position: absolute;
}

.my-news .m-n-list .m-n-item .m-n-itemname {
    background: #E5E5E5;
    margin: 0 30px 0 48px;
    width: 120px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    padding: 0;
}

.my-news .m-n-list .m-n-item .m-n-itemtxt-link {
    display: block;
    margin-top: 5px;
}

.my-news .m-n-list .m-n-item .m-n-itemtxt,
.my-news .m-n-list .m-n-item .m-n-itemtxt-link {
    position: relative;
    font-size: 12px;
    font-weight: normal;
    padding-right: 40px;
    margin: 0;
    width: 100%;
    text-overflow: ellipsis;
    max-width: 580px;
}

@media (max-width: 550px) {
    .my-news .m-n-list .m-n-list-box {
        max-height: 350px;
    }
}

@media (max-width: 768px) {
    .my-news .m-n-list .m-n-item {
        flex-wrap: wrap;
    }

    .my-news .m-n-list .m-n-item .m-n-itemtxt,
    .my-news .m-n-list .m-n-item .m-n-itemtxt-link {
        max-width: unset;
        margin-top: 20px;
        padding-right: 0;
    }

    .my-news .m-n-list .m-n-item {
        padding: 20px 0;
    }

    .m-n-itemtxt::before,
    .m-n-itemtxt::after,
    .m-n-itemtxt-link::before,
    .m-n-itemtxt-link::after {
        display: none;
    }

    .my-news .m-n-list .m-n-item::after {
        display: none;
    }

    .my-news .m-n-list .m-n-item .m-n-itemname {
        margin: 0 0 0 32px;
    }

}

/* マイページ イベント情報 my-event*/
.my-event {
    margin-top: 30px;
    max-width: unset;
}

.my-event .Swiper-myevent,
.my-event .swiper-0-1 {
    overflow: hidden;
    margin-top: 10px;
}

.my-event img {
    width: 100%;
}

.my-event .swiper-slide {
    flex-shrink: 0;
    width: auto;
    transition: all 0.3s;
}

.my-event .swiper-slide:hover {
    opacity: 0.5;
}

.my-event .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0px;
    margin-bottom: 24px;
}

.my-event .m-e-txt {
    text-align: left;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.my-event .m-e-txt .m-e-day {
    display: inline-block;
    display: block;
}

/* マイページ 登録情報 my-set*/
.my-set .my-fff {
    min-height: 280px;
}

.my-set ul li {
    list-style: inside;
    line-height: 40px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
}

.my-set ul li:after {
    position: absolute;
    transition: 0.3s;
    content: "";
    width: 0;
    right: 0;
    left: auto;
    bottom: 0;
    height: 1px;
    background: #7d7d7d;
}

.my-set ul li:after {
    right: 0;
    left: auto;
}

.my-set ul li:hover {
    cursor: pointer;
}

.my-set ul li:hover:after {
    width: 100%;
    left: 0;
}

.my-set ul li:hover a {
    opacity: 0.5;
}

@media (max-width: 768px) {
    .my-set .my-fff {
        min-height: unset;
    }

    .my-set ul li {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
    }

    .my-set ul li::before {
        content: "・";
    }
}

/* マイページ マイサイズ my-size*/
.my-size {
    margin-bottom: 30px;
}

@media (max-width: 550px) {
    .my-size {
        margin-bottom: 0;
    }
}

.my-size .my-fff {
    min-height: 280px;
}

.my-size .m-s-til {
    border-bottom: 1px #ccc solid;
}

.my-size .m-s-til p {
    text-align: left;
    font-weight: bold;
    line-height: 35px;
}

.my-size .m-s-til .m-s-hand {
    display: inline-block;
    width: 100px;
    margin-left: 1%;
    margin-right: 2%;
    line-height: 2em;
}

.my-size .m-s-til .m-s-hand:nth-child(2) {
    margin-left: 4vw;
}

.my-size .m-s-til .m-s-hand:nth-child(3) {
    width: 135px;
}

.my-size .m-s-til .m-s-hand span {
    text-align: left;
    margin: 0 0.3em;
    font-weight: bold;
    font-size: 18px;
    color: #E7484D;
}

@media (max-width: 1200px) {
    .my-size .m-s-til .m-s-hand {
        margin-left: 0;
    }

    .my-size .m-s-til .m-s-hand:nth-child(2) {
        margin-left: 0;
    }
}

.my-size .m-s-til .m-s-hand-w {
    width: 100%;
}

.my-size .m-s-til .m-s-hand-w div {
    padding-left: 4vw;
    margin-left: 0;
}

.my-size a {
    text-decoration: underline;
    display: block;
    text-align: right;
    margin-top: 15px;
    font-weight: bold;
    transition: all 0.3s;
}

.my-size a:hover {
    opacity: 0.5;
    transition: all 0.3s;
}

.my-history {
    width: 100%;
    overflow: hidden;
    display: inline-block;
}

.scl-box,
.button-box {
    display: none;
}

@media (max-width: 550px) {
    .my-history {
        margin-top: 0;
    }
}

.history-list {
    margin: 0;
}

.my-history .history-list {
    margin-top: 10px;
}

.my-history h2 {
    display: none;
}

.my-history .section-top-history {
    margin-top: 0;
    max-width: unset;
}

.my-history .top-fade {
    transform: unset;
    opacity: unset;
    visibility: unset;
    transition: unset;
}

.my-history .top-fade .top-p,
.my-history .top-fade .top-sub {
    display: none;
}

.my-history .top-fade .history-slicks-body a {
    transition: all 0.3s;
}

.my-history .top-fade .history-slicks-body a:hover {
    transition: all 0.3s;
    opacity: 0.5;
}

.my-history .top-fade .history-slicks-body a .item-img {
    position: relative;
}

.my-history .top-fade .history-slicks-body a .item-img span {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translatex(-50%);
    z-index: 1;
    line-height: 20px;
    background: #1B3360;
    opacity: 0.9;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    text-align: center;
}

@media (max-width: 768px) {
    .my-history .top-fade .history-slicks-body a .item-img span {
        bottom: 0;
    }
}

.my-history .top-fade .history-slicks-body a>div {
    display: inline-block;
    width: 100%;
}

.my-history .slick-item-info {
    text-align: left;
    min-width: 130px;
}

.my-history .slick-item-info .iteminfo-stock,
.my-history .slick-item-info .body-col-desc,
.history-list .slick-item-info .body-col-desc {
    background: #FCFCFE;
    border: 1px #E5E5E5 solid;
    width: max-content !important;
    font-size: 10px;
    line-height: 18px;
    padding: 4px 8px;
}

.my-history .slick-item-info .desc-ladies,
.my-history .slick-item-info .desc-unisex {
    width: 47%;
}

.my-history .slick-item-info .newused-n,
.my-history .slick-item-info .newused-u,
.my-history .slick-item-info .newused-a,
.my-history .slick-item-info .newused-m,
.my-history .slick-item-info .newused-k {
    /* border: 1px #ccc solid;
background: #FCFCFE;
max-width: 55px;
height: unset; */
}

.slick-item-info .baika span {
    font-weight: bold;
    font-size: 10px;
}

.slick-item-info .newused-n {
    background: #FFF;
    border: 1px #E5E5E5 solid;
    font-size: 10px;
    padding: 4px 8px !important;
    margin-right: 6px;
    margin-left: 0;
    width: max-content !important;
    line-height: 18px;
}

.slick-item-info .name .n-brand,
.slick-item-info .name .n-model {
    font-size: 14px;
    line-height: 24px;
}
.my-history .slick-item-info .name .kataban {
    line-height: 18px;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.my-history .slick-item-info .iteminfo-stock {
    display: none;
}

.my-history .slick-item-info img {
    max-width: unset;
    width: 100%;
}

.slick-item-info .baika {
    color: #000 !important;
    margin-top: 8px;
    font-size: 17px;
}
.history-list .slick-item-info .baika p{
    font-weight: 500;
    font-size: 17px;
}
.slick-item-info .baika .baika-sale{
    font-weight: 500;
    font-size: 17px;
}
.match-item .swiper-slide:hover {
    transition: all 0.3s;
    opacity: 0.5;
}


@media (max-width: 550px) {
    .my-history .slick-item-info img {
        max-width: unset;
    }
}

@media (min-width: 1200px) {
    .history-slicks .swiper-slide {
        width: 130px !important;
    }
}

.my-history .history-slicks {
    /* overflow: unset;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; */
}

/*******************************/
/* マイページ purchase */
/*******************************/

#frm-member h3 {
    font-size: 18px;
    position: relative;
}

#frm-member h3 :before {
    position: absolute;
}

#frm-member h3 p {
    font-size: 14px;
}

#frm-member .modal h3 {
    font-size: 20px;
    position: relative;
    line-height: 56px;
}

#frm-member .for-set {
    text-align: right;
    text-decoration: underline;
}

#frm-member .for-set a {
    font-weight: bold;
    font-size: 16px;
}

@media only screen and (max-width: 768px) {
    .main-wrap.purchase {
        padding-bottom: 0;
    }
}

.my-pur-box select {
    border: 0;
    background: unset;
    border-bottom: 1px #707070 solid;
    max-width: 90px;
    padding-left: 2%;
    width: 100%;
}

.my-pur-box select:disabled {
    color: #d2d2d2;
    border-bottom: 1px #d2d2d2 solid;
}

.no-purchase-history {
    margin-top: 40px;
    margin-bottom: 80px;
}

.about-purchase {
    margin-top: 40px;
}

.empty-message {
    margin-top: 40px;
}

.my-pur-box {
    padding-bottom: 120px;
}

.my-pur-box .pur-box-list-1 {
    display: inline-block;
    margin-top: 40px;
}

.my-pur-box .pur-box-list-2 {
    display: inline-block;
}

#purchase_dt_year_st,
#purchase_dt_year_ed {
    width: 100px;
}

#purchase_dt_month_st,
#purchase_dt_month_ed {
    width: 50px;
}

#purchase_dt_year_ed {
    margin-left: 10px;
}

.pj-day {
    margin: 0 10px 0 8px;
}

.my-pur-box #filter {
    background: #f7f7f7;
    width: 80px;
    border: 1px solid;
    padding: 4px 0;
    margin-left: 24px;
}

.my-pur-box #filter input {
    margin-left: 24px;
    border: 1px solid;
    padding: 4px 0;
}

.my-pur-box .pur-item-list {
    border-bottom: 1px #707070 solid;
    padding: 0 2%;
    padding-bottom: 2px;
    margin-top: 80px;
}

.my-pur-box .pur-item-list span {
    text-align: right;
    float: right;
}

.my-pur-box .my-fff {
    background: #fff !important;
    margin-top: 40px !important;
    padding: 32px !important;
    margin-bottom: 40px;
}

.my-pur-box .my-fff .item {
    font-size: 14px;
    margin-bottom: 10px;
    word-break: break-all;
}

.my-pur-box .my-fff .item span {
    font-size: 14px;
}

.item-spec {
    margin-top: 8px;
}

.item-yen p {
    font-size: 24px;
    font-weight: 500;
}

.item-yen span {
    font-size: 14px;
}

.item-spec .ref {
    font-size: 14px;

}

.my-pur-box .item-top {
    border-bottom: 1px #707070 solid;
    padding-left: 3%;
}

.my-pur-box .item-top .item {
    margin-right: 20px;
}

.my-pur-box .item-situation {
    font-weight: 500;
    letter-spacing: 0.08en;
    font-size: 18px !important;
    margin-bottom: 20px !important;
}

.purchase-date {
    margin-top: 20px;
    font-size: 16px;
}

.my-pur-box .p-item-name img {
    border: 1px solid #e5e5e5;
    padding: 40px 24px;
    width: 100%;
}

.my-pur-box #item-info-2 {
    display: flex;
    gap: 32px;
    align-items: center;
}

.total-price {
    text-align: right;
}

.total-price p {
    display: inline;
    font-size: 24px;
    font-weight: 500;
    margin-left: 0.5em;
}

.total-price span {
    font-size: 14px;
}

.my-pur-box #item-info-2 .img-box {
    width: 164px;
}

.my-pur-box .p-item-name .item-info-2 .item {
    display: block;
}

.my-pur-box .my-p-accordion .item-inf-accordion {
    margin-top: 32px;
    position: relative;
}

.item-inf-accordion .title {
    text-align: center;
    margin: 24px auto 0px auto;
    cursor: pointer;
    font-weight: 600;
    border-top: 1px solid #e5e5e5;
    padding-top: 24px;
}

.my-p-accordion {
    margin-bottom: 20px;
}

.my-p-accordion .title::after {
    font-weight: 600;
    font-size: 14px;
    margin-left: 8px;
    content: "＋";
    display: inline-block;
}

/* 開いた状態（.openが付いたとき）：ーを表示 */
.my-p-accordion .title.open::after {
    content: "ー";
    display: inline-block;
}

.my-p-accordion .item-inf-accordion.active .title::after {
    content: "ー";
    font-weight: bold;
    font-size: 14px;
    margin-left: 8px;
    display: inline-block;
}

.my-pur-box .my-p-accordion .active .text {
    margin-top: 24px;
}

.item-info-2 {
    overflow: hidden;
    height: 0;
}

.item-inf-accordion .title .icon::before {
    content: '＋';
    font-size: 14px;
    margin-left: 8px;
    font-weight: bold;

}

.item-inf-accordion .title.open .icon::before {
    content: '－';
    font-weight: bold;
}

.order-detail {
    margin-top: 20px;
}

.order-detail.is-open {
    display: block !important;
}



@media (max-width: 768px) {
    .my-pur-box {
        padding-bottom: 40px;
    }

    .my-pur-box .my-fff {
        padding: 24px !important;
    }

    #purchase_dt_year_ed {
        margin-left: 0px;
    }

    .my-pur-box #item-info-2 {
        gap: 16px;
    }

    .my-pur-box #item-info-2 .img-box {
        width: 40%;
        max-width: 180px;
    }

    .my-pur-box #item-info-2 .img-box img {
        padding: 20px 12px;
    }

    .item-info-2 .item span {
        display: inline-block !important;
    }

    .item-yen p {
        font-size: 18px !important;
    }

    .item-yen span {
        display: inline-block !important;
        font-size: 10px !important;
    }

    .item-spec p {
        font-size: 14px;
    }

    .pur-box-list-2 {
        margin-top: 26px;
    }

    .item-info-2 {
        flex-direction: column;
        gap: 0;
    }

    .column-item-1,
    .column-item-2 {
        width: 100%;
    }

}

.my-pur-box .p-item-name .item-info-2 {
    width: 100%;
}



/*******************************/
/* マイページ setting */
/*******************************/

.my-setting-box {
    padding-bottom: 160px;
}

.setting-list {
    margin-top: 40px;
}

.frm-setting .my-s-accordion {
    margin-bottom: 8px !important;
    margin-top: 0;
    position: relative;
}

.frm-setting .my-fff {
    background: #fff !important;
    width: 100%;
    position: relative;
    max-width: 1000px;
    display: inline-block;
}

.my-setting-box .set-title {
    border-bottom: 1px #707070 solid;
    position: relative;
}

.my-setting-box .title {
    position: relative;
    background-color: #fff;
    padding: 32px 0 32px 40px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 8px;
}

.my-setting-box .title.policy,
.my-setting-box .title.cancel {
    padding: 0;
    margin-bottom: 0;
}

.my-setting-box .title.policy a,
.my-setting-box .title.cancel a {
    display: block;
    padding: 32px 0 32px 40px;
    font-size: 16px;
}

.my-setting-box .title::before {
    content: '';
    position: absolute;
    right: 54px;
    top: 50%;
    width: 12px;
    height: 2px;
    background: #000;
    transform: translateY(-50%);
}

.my-setting-box .title::after {
    content: '';
    position: absolute;
    right: 59px;
    top: 50%;
    width: 2px;
    height: 12px;
    background: #000;
    transform: translateY(-50%);
}

.my-setting-box .title.right-arrow::before,
.my-setting-box .title.right-arrow::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 59px;
    width: 7px;
    height: 2px;
    border-radius: 9999px;
    background-color: #000000;
    transform-origin: calc(100% - 0.5px) 50%;
}

.my-setting-box .title.right-arrow::before {
    transform: rotate(45deg);
}

.my-setting-box .title.right-arrow::after {
    transform: rotate(-45deg);
}

.my-setting-box .active .title::after {
    opacity: 0;
}

.my-setting-box .text {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
}

.my-setting-box .my-fff tbody {
    display: block;
    margin: 0 40px;
}

.my-setting-box .my-fff .column-1 {
    border-top: 1px solid #E5E5E5;
    padding: 32px 0;
}

.my-setting-box .my-fff tr {
    border-bottom: 1px #e5e5e5 solid;
    border-collapse: collapse;
    display: block;
    padding: 32px 0px;
    line-height: 26px;
}

.my-setting-box .my-fff tr:nth-child(1) {
    padding-top: 0;
}

.pass-btn td {
    width: 100% !important;
}

.my-setting-box .my-fff tr:last-child {
    border-bottom: none;
}

.my-setting-box .my-fff .hand {
    border-bottom: 0;
    text-align: left;
    padding: 10px 0;
}

.my-setting-box .my-fff .hand th {
    width: 300px;
    line-height: 26px;
}

.my-setting-box .my-fff .hand td {
    line-height: 26px;
}

.my-setting-box .my-fff .set-til {
    width: calc(100% - 300px);
}

.my-setting-box .my-fff td {
    display: inline-block;
    width: calc(100% - 300px);
    vertical-align: top;
    line-height: 26px;
    letter-spacing: 0.08em;
}

.my-setting-box .my-fff .set-b-list {
    line-height: 26px;
}

.my-setting-box .my-fff .set-b-list span {
    margin-right: 8px;
}

.my-setting-box .my-fff .a {
    width: 100%;
    line-height: 19px;
    margin-top: 30px;
}

.my-setting-box .my-fff .set-til {
    width: 300px;
    min-width: 105px;
    display: inline-block;
    text-align: left;
    letter-spacing: 0.08em;
    line-height: 26px;
}

.my-address {
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 0.08em;
}

.my-setting-box .my-fff .set-txt {
    display: inline-block;
    line-height: 26px;
    letter-spacing: 0.08em;
}

.my-setting-box .set-modal-3 .my-fff .set-til {
    width: 180px;
}

.my-setting-box .set-modal-3 .my-fff td {
    width: calc(100% - 180px);
}

.my-setting-box .set-modal-3 .my-fff td span {
    display: block;
    line-height: 1.2em;
    font-size: 12px;
    font-weight: bold;
    color: #E7484D;
}

.my-setting-box .set-modal-3 .my-fff .a {
    width: 100%;
}

.my-setting-box .active .text {
    display: block;
}


/*******************************/
/* マイページ setting modal */
/*******************************/
.a-fixed {
    overflow: hidden;
}

.my-setting-box h3 {
    font-size: 18px;
    width: 100%;
    letter-spacing: 0.08em;
    line-height: 31px;
    margin-top: 77px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px;
    font-weight: 600;
}

.my-setting-box .modal .my-fff {
    border-radius: 15px;
    box-shadow: unset;
    padding: 0;
    text-align: left;
}

.my-setting-box .modal .my-fff .s-btn {
    border: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding-bottom: 0;
}

.my-setting-box .modal .my-fff .s-btn th {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    width: 48%;
}
#mail_choice_0_success{
    width: 100%;
}
.my-setting-box .modal .my-fff .s-btn input,
.my-setting-box .modal .my-fff .s-btn .js-modal-close {
    background: #000;
    padding-left: 0;
    transition: all 0.3s 0s ease;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 60px;
    height: 60px;
    font-size: 16px;
    /* width: 300px !important; */
    border: 0;
}

.my-setting-box .modal .my-fff .s-btn .js-modal-close {
    background: #ffffff;
    color: #000;
    border: 1px solid;
}

.my-setting-box .modal input {
    padding-left: 16px;
    line-height: 30px;
    letter-spacing: 0.08em;
    width: 100% !important;
    border: 1px solid #a5a5a5;
}




.my-setting-box .modal #customer_nm1,
.my-setting-box .modal #customer_kana1 {
    margin-bottom: 8px;
}

.modal .set-til {
    line-height: 40px !important;
}

.password-c .password_check {
    display: none;
}

.mail_choice {
    display: none;
}

/* .my-setting-box .my-fff tr:nth-child(6) {
    border-bottom: 0;
} */

#frm-member-mail .s-modal-item {
    border: 1px solid;
    padding: 10px 0px;
    margin-right: 24px;
    width: 200px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

label[for="s-pass-item"] {
    color: #ccc;
    border: 1px solid #ccc;
}

#s-pass-item:checked+label[for="s-pass-item"] {
    color: #000;
}

label[for="s-mail-item"] {
    color: #ccc;
    border: 1px solid #ccc;
}

#s-mail-item:checked+label[for="s-mail-item"] {
    color: #000;
}

.set-box-til {
    text-align: left;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 0.08em;
    border-bottom: none !important;
    padding: 0 !important;
}

[data-modal="4"] {
    min-height: unset !important;
}

.set-box-til>th {
    font-weight: 600;
}

#pass-btn {
    border: 0;
}

.pass-btn,
.mail_choice_0,
.message-error-privacy tr,
#frm-member-privacy tr {
    border-bottom: 0 !important;
}

input[name=mail_new] {
    font-family: "futura-pt", "Hiragino Sans", sans-serif;
    font-size: 16px;
}

select[name=lang] {
    border: 1px solid #a5a5a5;
    padding: 10px 16px;
    width: 200px;
}

.size-edit {
    display: flex;
    justify-content: space-between;
    padding-left: 40px;
    background: #fff;
    height: 24px;
    padding-bottom: 64px;
}

.pass-rule {
    color: #E52626;
    margin-top: 8px;
    font-size: 14px;
}

#melmaga_recieve,
#melmaga_reject {
    display: none;
}

#melmaga_recieve:checked+label,
#melmaga_reject:checked+label {
    opacity: 1;
}

.my-setting-box .modal .contents-error .error {
    line-height: 2em;
    border: 0;
    background: unset;
}

.my-setting-box .js-open-modal {
    background: #fff;
    display: block;
    text-align: right;
    padding: 0 40px 40px 0;
    line-height: 24px;
}

.my-setting-box .js-open-modal img {
    margin-right: 8px;
    vertical-align: text-top;
}

.my-setting-box .js-open-modal:hover {
    opacity: 0.6;
}

.my-setting-box .link-page {
    right: 3px;
    bottom: -35px;
    background: unset;
    padding: 0;
}

.my-setting-box .link-page:before {
    content: "?";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px #ccc solid;
    background: #fff;
    line-height: 21px;
    text-align: center;
    border-radius: 15px;
    display: none;
}

.set-modal-1 select {
    border: 0;
    background: unset;
    border: 1px #a5a5a5 solid;
    max-width: 90px;
    width: 100%;
    padding: 10px 0 10px 16px;

}

.set-modal-1 .pj-day {
    padding-right: 24px;
    padding-left: 16px;
}

.set-modal-1 td .text-til {
    line-height: unset;
}

.s-brand .text-til {
    margin-bottom: 26px;
}

.set-modal-1 td .text-til div {
    margin-bottom: 10px;
    line-height: 40px;
}

.set-modal-1 td .text-til textarea {
    width: 100%;
    min-height: 120px;
    padding: 6px;
    max-width: 100%;
    border: 1px solid #a5a5a5;
}

#frm-member-base tr:nth-child(6) {
    border-bottom: 1px solid #e5e5e5;
}

#frm-member-base tr:nth-last-child(2) {
    border-bottom: 0;
}

#frm-member-base .set-til {
    width: 35%;
}

#frm-member-base td {
    width: 65%;
}

input[name=customer_nm1],
input[name=customer_nm2],
input[name=customer_kana1],
input[name=customer_kana2],
select[name=country_cd],
input[name=zipcode],
input[name=address1],
input[name=tel] {
    width: 170px !important;
    margin-right: 8px;
}

.s-unsex td {
    line-height: 40px !important;
}

select[name=birthday_y] {
    max-width: none;
    width: 140px;
}

.birthday_y {
    display: inline-block;
    margin-bottom: 16px;
}

.set-modal-1 .s-unsex input[type=radio] {
    display: none;
}

.set-modal-1 .s-unsex label {
    position: relative;
    display: inline-block;
    margin-right: 26px;
    padding-left: 25px;
}

.set-modal-1 .s-unsex label:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    border: 1px solid #a5a5a5;
    border-radius: 100%;
}

.set-modal-1 .s-unsex input[type=radio]:checked+.s-label:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 3px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    margin-left: 0;
    background: #000;
    border-radius: 100%;
}

.set-modal-1 .s-brand input[type=checkbox] {
    display: none;
}

.set-modal-1 .s-brand label {
    display: inline-block;
    border: 1px #a5a5a5 solid;
    border-radius: 5px;
    background: #fbfbfb;
    padding: 6px;
    margin-right: 16px;
    margin-bottom: 12px;
    line-height: 26px;
    cursor: pointer;
}

.set-modal-1 .s-brand input[type=checkbox]:checked+.s-brand-item {
    background: #000;
    color: #fff;
}

#frm-member-size tbody select {
    line-height: 40px;
    padding: 4px 16px;
    font-size: 16px;
    border: 1px solid #a5a5a5;
    margin-right: 16px;
    height: 40px;
    width: 120px;
}

.my-hand #size_arm {
    margin-right: 16px;
    width: 240px !important;
}

#frm-member-size tr {
    border: 0;
    padding: 0 0 32px 0;
}

#frm-member-size .set-til {
    line-height: 40px;
}

#frm-member-size .s-btn {
    margin-top: 32px;
    padding-bottom: 0;
}

.set-modal-3 .pass-btn td {
    width: 100%;
}

.mail_choice_1 .password-c {
    position: relative;

}

.set-modal-3 input[type=radio] {
    display: none;
}

.set-modal-3 input[type=password]::-ms-reveal {
    display: none;
    visibility: hidden;
}

.set-modal-3 .password_check {
    display: none;
}

.mail_choice_1 .password {
    position: absolute;
    right: 3%;
    top: 15px;
    line-height: 1em;
}

.mail_choice_1 .password:after {
    content: "";
    background: url(/images/icon/pass.png) no-repeat;
    background-size: 22px;
    padding-left: 23px;
}

.mail_choice_1 input[type=checkbox]:checked+label:after {
    content: "";
    background: url(/images/icon/pass2.png) no-repeat;
    background-size: 22px;
    padding-left: 23px;
}

.set-modal-3 .s-modal-item {
    border: 1px #ccc solid;
    border-radius: 5px;
    background: #fbfbfb;
    padding: 5px 1%;
    margin: 0 1%;
}


.set-modal-3 tr td input[type=radio]:checked+.s-modal-item {
    background: #a5a5a5;
}

.set-modal-4 input[type=radio] {
    display: none;
}

.set-modal-4 label {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    padding-left: 25px;
}

.set-modal-4 label:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #dbdef9;
    border: 1px solid #9ba0cd;
    border-radius: 100%;
}

.set-modal-4 input[type=radio]:checked+label:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 4px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: 0;
    background: #757a9e;
    border-radius: 100%;
}

/*******************************/
/* マイページ setting サイズの測り方 */
/*******************************/
.main_width {
    text-align: left;
}

/*******************************/
/* マイページ setting for sp */
/*******************************/


@media only screen and (max-width: 768px) {

    .setting-list {
        padding-bottom: 40px;
    }

    .sub-menu-sp li {
        background: #fff !important;
    }

    .sub-menu-sp li a span {
        color: #000 !important;
    }

    .my-s-accordion .modal {
        padding: 32px 0;
    }

    .my-setting-box {
        padding: 0 0 80px 0;
    }

    .my-setting-box h3 {
        margin-top: 40px;
        margin-bottom: 24px;
    }

    .my-setting-box .title {
        padding: 32px 0 32px 24px;
    }

    .my-setting-box .my-fff .myname span {
        display: block;
    }

    .my-setting-box .my-fff .set-til {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .my-setting-box .my-fff tbody {
        margin: 0 24px;
    }

    .my-setting-box .my-fff .set-txt {
        width: 100%;
    }

    .my-setting-box .my-fff .set-b-list {
        width: 100%;
    }

    .set-modal-1 .s-unsex label {
        display: block;
        margin-bottom: 8px;
    }

    input[name=customer_nm1],
    input[name=customer_nm2],
    input[name=customer_kana1],
    input[name=customer_kana2],
    select[name=country_cd],
    input[name=zipcode],
    input[name=address1],
    input[name=tel] {
        max-width: none !important;
        width: 100% !important;
    }

    input[name=customer_nm1],
    input[name=customer_kana1],
    select[name=birthday_y] {
        margin-bottom: 16px;
    }

    select[name=birthday_y] {
        width: 120px !important;
    }

    .set-modal-1 .pj-day {
        padding-right: 7px;
        padding-left: 0px;
    }

    .set-modal-1 select {
        width: 60px;
    }

    input[name=zipcode] {
        width: calc(100% - 33px) !important;
        margin-right: 0;
    }

    .my-setting-box .my-fff .set-b-list span {
        margin-right: 16px;
    }

    .main_width {
        max-width: none !important;
    }

    .sectioning {
        padding-right: 0;
        padding-left: 0;
    }

    .my-setting-box .js-open-modal {
        padding: 0 24px 32px 0;
    }

    .pass-btn {
        padding-bottom: 16px;
    }

    .pass-btn td {
        display: flex !important;
        justify-content: space-between;
        width: 100% !important;
    }

    .my-setting-box .my-fff td {
        width: 100% !important;
    }

    #frm-member-mail .s-modal-item {
        width: 47%;
        margin-right: 0;
        font-size: 14px;
    }

    .set-box-til {
        margin-bottom: 0px;
    }

    .my-setting-box .modal .my-fff .s-btn {
        padding-top: 16px;
        gap: 32px;
        flex-direction: column;
    }

    .my-setting-box .modal .my-fff .s-btn th {
        width: 100%;
    }

    .my-setting-box .modal .my-fff .s-btn input,
    .my-setting-box .modal .my-fff .s-btn .js-modal-close {
        width: 100% !important;
    }

    .modal {
        min-height: unset;
    }

    select[name=lang] {
        width: 100%;
    }

    .set-modal-1 .s-brand label {
        margin-right: 8px;
        margin-bottom: 12px;
        font-size: 12px;
        line-height: normal;
    }

    #frm-member-base tr:nth-last-child(2) {
        padding-bottom: 16px;
    }

    .size-edit {
        padding-left: 0;
    }

    .size-edit .link-page {
        padding: 0;
        padding-left: 24px;
    }

    .size-edit a [data-modal="2"] {
        padding: 0;
        padding-right: 24px;
    }

    .my-hand tbody:first-child tr:last-child,
    .my-hand tbody:nth-child(2) tr:last-child {
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .my-hand .set-box-til th {
        margin-bottom: 32px;
        display: inline-block;
    }

    .my-setting-box .my-fff .hand th {
        width: 100%;
        margin-bottom: 20px;
    }

    .my-setting-box .my-fff .hand {
        display: inline-block;
        width: 50%;
        height: 0px;
        padding: 0;
    }

    #frm-member-size tr .set-til {
        width: 45% !important;
    }

    .modal .my-fff .hand {
        padding: 32px 0px !important;
        height: auto;
    }

    .modal .my-hand td {
        width: 55% !important;
    }

    .modal .my-hand .set-til {
        margin-bottom: 0;
    }

    #frm-member-size tbody select,
    #frm-member-size input {
        margin-right: 8px;
    }

    .birthday_y {
        display: block;
    }

    #frm-member-base .set-til,
    .set-modal-1 td .text-til div {
        line-height: 26px !important;
    }
}


/*******************************/
/* マイページ dm 配信設定 */
/*******************************/
.frm-dm {
    margin-top: 40px;
}

.dm-setting-box {
    background: #fff;
    padding: 40px;
}

.dm-setting-box .my-fff {
    width: 100%;
}

.dm-setting-box tr {
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.mail-tr {
    border-bottom: 1px solid #E5E5E5;
    display: block;
}


.dm-setting-box .my-fff .set-til {
    width: 300px;
    min-width: 105px;
    display: inline-block;
    text-align: left;
    letter-spacing: 0.08em;
    line-height: 26px;
}

.dm-setting-box .my-fff td {
    display: inline-block;
}
.l-cancel-btn {
    border: 1px #000 solid !important;
    height: 60px;
    display: inline-block;
    text-align: center;
    max-width: 300px;
    line-height: 60px;
    padding: 0 20px;
    width: 200px;
    margin-top: 40px;
    background: unset;
}
.frm-dm #frm-member .my-fff {
    width: 100%;
    text-align: left;
}

.frm-dm .s-btn th {
    display: block;
    text-align: center;
}

.dm-select {
    display: block;
    margin-left: auto;
    margin-right: 0;
    text-align: right;
    margin-top: 40px;
}

#l-link2 {
    width: 180px;
    margin-top: 0;
}

.dm-select img {
    margin-right: 8px;
    vertical-align: text-top;
}

.frm-dm .s-btn input {
    background: #000;
    transition: all 0.3s 0s ease;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 60px;
    height: 60px;
    padding: 0 20px;
    width: 300px;
    margin-top: 40px;
}

.dm-select .my-box {
    width: 100%;
    max-width: 630px;
    margin: auto;
}

.frm-dm .modal input[type=text] {
    padding-left: 1%;
    margin: 2% 0;
    line-height: 30px;
}

.frm-dm .modal input[type=checkbox] {
    display: none;
}

.frm-dm .modal label {
    border: 1px #000 solid;
    height: 60px;
    display: inline-block;
    width: 48%;
    text-align: center;
    max-width: 300px;
    opacity: 0.2;
    line-height: 60px;
    box-sizing: content-box;
}

.frm-dm .modal input[type=checkbox]:checked+.news-label {
    background: #a5a5a5;
}

.overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 20;
    transition: 0.3s all;
}

.modal {
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    width: 90%;
    max-height: 75vh;
    max-width: 1000px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 30;
    text-align: center;
    padding: 72px 32px;
    background-color: #fff;
    transition: 0.3s all;
    min-height: 746px;
    margin-top: 0;
}

.sub-menu-box .modal {
    overflow: auto;
}

.modal.active,
.overlay.active {
    opacity: 1;
    visibility: visible;
}

.modal.active .min-sp,
.overlay.active .min-sp {
    display: none;
}

.dm-select .my-box td {
    display: flex;
    justify-content: center;
    gap: 32px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 768px) {

    .dm-setting-box {
        margin-bottom: 80px;
    }

    .modal.active .min-sp,
    .overlay.active .min-sp {
        display: block;
    }

    #frm-mypage .modal h3 .min-sp,
    #frm-member .modal h3 .min-sp {
        display: block;
    }

    .frm-dm {
        margin-top: 32px;
    }

    .dm-setting-box .my-fff .set-til {
        width: 100%;
        margin-bottom: 20px;
    }

    .dm-setting-box .my-fff td {
        width: 100%;
        flex-direction: column;
        align-items: center;
        max-width: 300px;
        margin: auto;
    }

    .frm-dm .modal label {
        width: 100%;

    }

    .mail-tr {
        margin-bottom: 32px;
    }

    #l-link2 {
        margin-top: 0;
        width: 100%;
    }

    .dm-select {
        margin-top: 32px;
    }

    .dm-select .my-box {
        table-layout: fixed;
    }

}

.overlay.sub-active {
    opacity: 1;
    visibility: visible;
}

.modal__cross {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 20px;
    right: 20px;
    fill: #444;
    cursor: pointer;
}

.my-set-check {
    display: block;
    width: 80%;
    max-width: 600px;
    background-color: #fff;
    position: fixed;
    padding: 32px 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}

.my-set-check p {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.08em;
}

/*******************************/
/* マイページ チャット お問い合わせ chat */
/*******************************/
.chat-box {
    margin-bottom: 0;
    padding-top: 0;
    max-width: 1400px;
    position: relative;
    left: 20%;
    position: absolute;
    bottom: 0;
    top: 85px;
    left: 20%;
    margin-top: 0;
}

#frm-member .chat {
    margin-top: 1vh;
    border-radius: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 30px 0 0;
    position: relative;
    top: 0;
    bottom: 107px;
    height: 100%;
}

@media (max-width: 550px) {
    #frm-member .chat {
        box-shadow: unset;
        padding: 0;
        margin: 0;
    }
}

.chat {
    position: relative;
    max-width: 1400px;
    width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 15px 15px 0 0;
}

.chat .chat-info {
    overflow-y: scroll;
    position: absolute;
    bottom: 170px;
    top: 22px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
}

@media (max-width: 550px) {
    .chat .chat-info {
        bottom: 138px;
        top: 0;
    }
}

.chat .chat-info .c-item {
    display: block;
    clear: both;
    margin-top: 10px;
}

.chat .chat-info .c-item .c-item-box {
    max-width: 48%;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .chat .chat-info .c-item .c-item-box {
        max-width: 60%;
    }
}

@media (max-width: 550px) {
    .chat .chat-info .c-item .c-item-box {
        max-width: 70%;
    }
}

.chat .chat-info .c-item .c-i-txt {
    padding: 2% 2%;
    border: 1px #eaeaea solid;
    border-radius: 1em;
    display: inline-block;
    width: 100%;
    background: #f7f7f7;
    margin-bottom: 5px;
}

.chat .chat-info .c-item .c-i-txt a {
    color: #4BA2FF;
    text-decoration: underline;
}

.chat .chat-info .c-item .small {
    margin: 5px auto 10px;
    display: block;
    font-size: smaller;
    color: #929292;
    width: 100%;
    text-align: left;
    margin-left: auto;
}

.chat .chat-info .c-item ul {
    list-style: none;
    padding: 0;
    margin: 10px auto;
    max-width: 100%;
    margin-left: unset;
}

.chat .chat-info .c-item ul li {
    display: inline-block;
    background: #f1fbff;
    border: 1px #d7d7d7 solid;
    border-radius: 5px;
    padding: 0 1.3em;
    line-height: 32px;
    font-size: 12px;
    margin: 0 1% 10px 0;
}

.chat .chat-info .c-l {
    padding-left: 2%;
}

.chat .chat-info .c-l .c-i-txt {
    border-top-left-radius: 0em;
    text-align: left;
}

.chat .chat-info .c-l .small {
    display: block;
    margin-left: 0;
    text-align: right;
}

.chat .chat-info .c-r {
    text-align: right;
    margin-left: auto;
    padding-right: 2%;
}

.chat .chat-info .c-r .c-item-box {
    float: right;
}

.chat .chat-info .c-r .c-i-txt {
    background: #E3F1FF;
    border: 1px #ceecf9 solid;
    border-top-right-radius: 0em;
    text-align: left;
}

.chat .chat-info .c-r .small {
    display: block;
    clear: both;
    margin: 0 0 0 auto;
}

.chat .chat-user-box {
    width: 78%;
    max-width: 1400px;
    background: #E9E9E9;
    padding-top: 10px;
    position: absolute;
    height: 158px;
    top: unset;
    bottom: 1vh;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: unset;
}

@media (max-width: 768px) {
    .chat .chat-user-box {
        bottom: 0;
    }
}

@media (max-width: 550px) {
    .chat .chat-user-box {
        height: unset;
    }
}

.chat .chat-user-box ul {
    width: 95%;
    margin: auto;
    list-style: none;
    padding: 0;
    display: block;
    height: 48px;
    overflow-y: scroll;
}

.chat .chat-user-box ul li {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    padding: 0 1em;
    line-height: 32px;
    font-size: 12px;
    margin: 5px 5px 10px 0;
}

.chat .chat-user-box .user-txt {
    position: relative;
    margin-top: 0;
}

.chat .chat-user-box .user-txt textarea {
    width: 95%;
    height: 100px;
    display: block;
    margin: auto;
    padding: 1%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 0;
}

@media (max-height: 768px),
(max-width: 768px) {
    .chat .chat-user-box .user-txt textarea {
        min-height: 80px;
        height: unset;
        font-size: 14px;
        line-height: 1.4em;
        letter-spacing: 0.5px;
        width: calc(95% - 65px);
        margin-left: 2.5%;
    }
}

.chat .chat-user-box .user-txt .chat-btn {
    display: none;
    font-size: 14px;
    width: 55px;
    line-height: 75px;
    background: #ff6e6e;
    color: #fff;
    font-weight: bold;
    border: unset;
    border-radius: 5px;
    position: absolute;
    right: 3%;
    bottom: 6%;
}

@media (max-height: 768px),
(max-width: 768px) {
    .chat .chat-user-box .user-txt .chat-btn {
        display: block;
    }
}

@media only screen and (max-width: 1700px) {
    .chat-box {
        padding: 0;
        left: 0;
        top: 120px;
    }
}

@media only screen and (max-width: 1700px) and (max-width: 768px) {
    .chat-box {
        margin-top: 0;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        bottom: 0;
    }
}

@media only screen and (max-width: 1700px) and (max-width: 768px) {
    .chat {
        min-height: unset;
    }
}

@media (max-width: 1200px) and (max-height: 768px),
(max-width: 1200px) and (max-width: 768px) {
    .member_chat .sub-menu {
        display: none;
    }
}

/* 2025リニューアル作業 */

.sub-menu,
.sub-menu-sp {
    background: #fff;
}

.sub-menu ul,
.sub-menu-sp ul {
    margin-top: 36px;
}

.sub-menu-sp ul {
    border-top: 1px solid #eaeaea;
}

.sub-menu ul li,
.sub-menu-sp ul li {
    line-height: 21px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    list-style: none;
}

.sub-menu ul li span,
.sub-menu-sp ul li span {
    font-weight: 600;
    letter-spacing: 0.1em;
}

.sub-menu ul img {
    display: none;
}

.arrow-right {
    display: inline-block;
    width: 18px;
    height: 9.5px;
    right: 32px;
    position: absolute;
}

.arrow-right::before,
.arrow-right::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 10px;
    border-radius: 9999px;
    background-color: #000000;
    transform-origin: 50% calc(100% - 0.5px);
}

.arrow-right::before {
    transform: rotate(225deg);
}

.arrow-right::after {
    transform: rotate(315deg);
}

.plus {
    width: 18px;
    top: 50%;
    right: 45px;
    position: absolute;
}

.plus::before,
.plus::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 2px;
    background: #000000;
}

.plus::before {

    transform: rotate(0deg);
}

.plus::before {

    transform: rotate(90deg);
}

.swiper-n-container .swiper-wrapper {
    padding-bottom: 0px;
}

.history-list .swiper-n-container {
    width: 100%;
    padding-bottom: 0;
    max-width: none;
}

/* .history-list .swiper-slide {
    flex-shrink: 1 !important;
} */

.swiper-slide_img {
    padding: 30px 18px;
    border: 1px solid #e5e5e5;
    margin-bottom: 12px;

}

.favorite_icon {
    top: 14px;
    left: 10px;
}

.sold-out .sold-out_text {
    line-height: unset;
}

.sold-out .out-re {
    line-height: unset;
}

.favorite-brand-list {
    background: #fff;
    min-height: 100px;
    padding: 40px 32px 24px 32px;
    position: relative;
}

.favorite-brand-list ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.favorite-brand-list ul.m-s-hand:nth-child(2) {
    margin: 13px 0;
}

.favorite-brand-list li {
    list-style: none;
    width: 32%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.match-item {
    margin-bottom: 80px;
}

.member-info-list ul {
    background: #fff;
    list-style: none;
    display: flex;
    justify-content: space-around;
    padding: 40px 0;
}

@media only screen and (max-width:768px) {
    .sub-menu-sp ul li a {
        padding: 25px 0px 25px 32px;
        display: block;
    }

    .bottom-banner {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .bottom-banner>div {
        width: 100%;
    }

    .favorite-brand-list {
        padding: 20px 32px;
        height: auto;
    }

    .favorite-brand-list ul {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 15px;
        
    }
    .favorite-brand-list ul.sp-only {
        text-align: right;
        margin-bottom: 0;
    }
    .favorite-brand-list ul.pc-only {
        display: none;
    }
    .favorite-brand-list li {
        width: 100%;

    }

    .member-info,
    .status-row {
        display: none;
    }
}

/* ***************

ナビメニュー解除

*************** */
@media only screen and (min-width: 769px) and (max-width:1380px) {
    .main-wrap {
        margin: 0 0 0 180px !important;
        max-width: unset !important;
        padding-right: 20px;
    }


}

@media only screen and (max-width:768px) {
    .sub-menu {
        display: none;
    }
}

/* ***************

お問い合わせPOPUP

*************** */

/* モーダル画面 */
#contactModal {
    display: none;
    /* 初期は非表示 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 100;
}

#contactModal .modal-content {
    background: #fff;
    max-height: 80vh;
    max-width: 880px;
    width: calc(100% - 64px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    padding: 60px 124px;
    overflow-y: scroll;
}

#contactModal .modal-close,
.modal .modal-close {
    font-size: 48px;
    cursor: pointer;
    font-weight: 100;
    position: absolute;
    right: 30px;
    top: 10px;
}

.sub-ttl {
    text-align: center;
    line-height: 24px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 600;
}

.c-inner {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.contact-way {
    display: block;
    border: 1px solid;
    text-align: center;
    width: 291px;
}

.contact-way:hover {
    transition: all 0.3s;
    opacity: 0.5;
}

.contact-way a {
    letter-spacing: 0.08em;
    line-height: 26px;
    display: block;
    padding: 20px 0px;
}

.contact-way.raiten {
    background: #000;
    margin: auto;
    margin-bottom: 50px;
    width: 400px;
}

.raiten a {
    color: #fff;
}

@media only screen and (max-width: 945px) {

    .c-inner {
        justify-content: center;
        gap: 16px;
    }

    .contact-way {
        width: 400px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    #contactModal .modal-content {
        padding: 40px 32px;
    }
}

/* ***************

会員限定バナー

*************** */
.member-only {
    margin-top: 80px;
}

.member-only img,
.bottom-banner img {
    width: 100%;
    transition: all 0.3s;
}

.member-only img:hover,
.bottom-banner img:hover {
    opacity: 0.5;
}

.bottom-banner {
    display: flex;
    justify-content: space-between;
    max-width: 880px;
    margin: auto;
    gap: 20px;
}

.bottom-banner a {
    display: block;
}

/* sourceMappingURL=member.css.map */