@charset "utf-8";

/*===========================================
   .member-wrap.login
=============================================*/
.noimg {
    height: 5rem;
}

.member-wrap {
    position: relative;
}

.member-wrap.login {
    padding: 8vw 15px 2vw 15px;
}

.member-wrap.login .entry {
}

.member-wrap.login .entry li {
}

.member-wrap.login .entry li:nth-child(n+2) {
    margin-top: 6vw;
}

.member-wrap.login .entry li .chk-input {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.member-wrap.login .entry li .chk-input:after {
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    z-index: 5;
}

.member-wrap.login .entry li .chk-input:before {
    width: 0;
    height: 1px;
    background: #222;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    z-index: 55;
    -webkit-transition: width 0.8s ease-out;
    -moz-transition: width 0.8s ease-out;
    -o-transition: width 0.8s ease-out;
    transition: width 0.8s ease-out;
}

.member-wrap.login .entry li .chk-input.active:before {
    width: 100%;
}

.member-wrap.login .entry li .chk-input.error.active:before {
    background: #C01919
}

.member-wrap.login .entry li .chk-input input {
    border: none;
    padding: 0;
}

.member-wrap.login .find {
    position: relative;
    margin-top: 4vw;
}

.member-wrap.login .find ul {
    font-size: 0;
    text-align: center;
}

.member-wrap.login .find ul:after {
    display: block;
    content: "";
    clear: both
}

.member-wrap.login .find ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.member-wrap.login .find ul li:nth-child(n+2) {
    margin-left: 7.2vw;
}

.member-wrap.login .find ul li:nth-child(n+2):before {
    position: absolute;
    left: -3.6vw;
    margin-left: -1px;
    margin-top: -1px;
    top: 50%;
    width: 1px;
    background: #e6e6e6;
    height: 60%;
    display: block;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.member-wrap.login .find ul li a {
    line-height: 4.8vw;
    height: 4.8vw;
    font-size: 2.8vw;
    color: #707070;
    letter-spacing: -0.03em;
}

.member-wrap.login .login-btn {
    margin-top: 10vw;
    display: block;
    text-align: center;
    line-height: 10vw;
    font-size: 3.2vw;
    color: #fff;
    background: #5190F1;
    font-weight: 400;
    border-radius: 0.8vw;
}

.member-wrap.login .other {
    margin-top: 12vw;
}

.member-wrap.login .other li {
}

.scontainer.mexi .member-wrap.login .other {
    margin-top: 12vw;
}

.scontainer.mexi .member-wrap.login .other ul {
    display: table;
    width: 100%;
    text-align: center;
    table-layout: fixed;
}

.scontainer.mexi .member-wrap.login .other ul li {
    display: table-cell;
    height: 12vw;
}

.scontainer.mexi .member-wrap.login .other ul li.kakao {

    background: url(../_Img/Content/kakaoicon.png) no-repeat 50% 50%;
    background-size: 12vw;
    cursor: pointer;
}

.scontainer.mexi .member-wrap.login .other ul li.naver {

    background: url(../_Img/Content/navericon.png) no-repeat 50% 50%;
    background-size: 12vw;
    cursor: pointer;
}

.scontainer.mexi .member-wrap.login .other ul li.google {

    background: url(../_Img/Content/googleicon.png) no-repeat 50% 50%;
    background-size: 12vw;
    cursor: pointer;
}

.scontainer.mexi .member-wrap.login .other ul li.apple {

    background: url(../_Img/Content/appleicon.png) no-repeat 50% 50%;
    background-size: 12vw;
    cursor: pointer;
}


.member-wrap.login .other li:nth-child(n+2) {
    margin-top: 2vw;
}

.member-wrap.login .other li a {
    display: block;
    border: 1px solid #DDDDDD;
    border-radius: 0.8vw;
    text-align: center;
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    color: #222;
    line-height: 10vw;
}

.scontainer.mexi .member-wrap.login .other li a {

    border: 0px solid #DDDDDD;
    height: 100%;

}


.member-wrap.login .other li a span {
    display: inline-block;
    vertical-align: top
}

.member-wrap.login .other .kakao {
    padding-left: 5vw;
    background: url(../_Img/Sub/ico-kakao.png) no-repeat left center;
    background-size: 3.4vw auto;
    cursor: pointer;
}

.member-wrap.login .other .naver {
    padding-left: 4vw;
    background: url(../_Img/Sub/ico-naver.png) no-repeat left center;
    background-size: 2.6vw auto;
    cursor: pointer;
}

.member-wrap.login .other .afreeca {
    padding-left: 6vw;
    background: url(../_Img/Sub/ico-afreeca.png) no-repeat left center;
    background-size: 4.6vw auto;

}

.member-wrap.login .other .google {
    padding-left: 6vw;
    background: url(../_Img/Sub/ico-google.png) no-repeat left center;
    background-size: 3.2vw auto;
}

.member-wrap.login .other .apple {
    padding-left: 5vw;
    background: url(../_Img/Sub/ico-apple.png) no-repeat left center;
    background-size: 3.2vw auto;
}

.member-wrap.login .lower {
    text-align: center;
}

.member-wrap.login .lower p {
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 4vw;
    display: inline-block;
    vertical-align: top;
}

.member-wrap.login .lower a {
    margin-left: 2.6vw;
    font-size: 2.8vw;
    color: #4F90EF;
    letter-spacing: -0.03em;
    line-height: 4vw;
    display: inline-block;
    vertical-align: top;
}

.member-wrap.login .lower.rlz {
    margin-top: 16.8vw;
}

.member-wrap.login .lower.fix {
    position: fixed;
    left: 0;
    bottom: 3vw;
    width: 100%;
}

.snstitle {
    text-align: center;
    margin-bottom: 8vw;
    position: relative;
    height: 1px;
    background: #eeeeee;
}

.snstitle:before {
    content: "간편 SNS 로그인";
    position: absolute;
    left: 50%;
    font-size: 2.5vw;
    width: 23vw;
    top: -10px;
    margin-left: -11vw;
    text-align: center;
    background: #fff;
}


#join_div {
    margin-top: 2rem;
}

#join_btn {
    line-height: 10vw;
    text-align: center;
    border-radius: 0.8vw;
    color: #fff;
    font-size: 3.2vw;
    display: block;
    background: #1c355e;
    position: relative;
    margin: 50px 10px 10px 10px;
    line-height: 50px;
}


@media only screen and (min-width: 999px) {

    .snstitle {
        text-align: center;
        margin-bottom: 80px;
        position: relative;
        height: 1px;
        background: #eeeeee;
    }

    .snstitle:before {
        content: "간편 SNS 로그인";
        position: absolute;
        left: 50%;
        font-size: 25px;
        width: 200px;
        top: -10px;
        margin-left: -100px;
        text-align: center;
        background: #fff;
    }


    .scontainer.mexi .member-wrap.login .other ul li {
        display: table-cell;
        height: 100px;
    }

    .scontainer.mexi .member-wrap.login .other ul li.kakao {

        background: url(../_Img/Content/kakaoicon.png) no-repeat 50% 50%;
        background-size: 100px;
    }

    .scontainer.mexi .member-wrap.login .other ul li.naver {

        background: url(../_Img/Content/navericon.png) no-repeat 50% 50%;
        background-size: 100px;
    }

    .scontainer.mexi .member-wrap.login .other ul li.google {

        background: url(../_Img/Content/googleicon.png) no-repeat 50% 50%;
        background-size: 100px;
    }

    .scontainer.mexi .member-wrap.login .other ul li.apple {

        background: url(../_Img/Content/appleicon.png) no-repeat 50% 50%;
        background-size: 100px;
    }


    .member-wrap.login {
        padding: 80px 15px 20px 15px;
    }

    .member-wrap.login .entry {
    }

    .member-wrap.login .entry li:nth-child(n+2) {
        margin-top: 60px;
    }

    .member-wrap.login .find {
        margin-top: 40px;
    }

    .member-wrap.login .find ul li a {
        font-size: 28px;
        line-height: 48px;
        height: 48px;
    }

    .member-wrap.login .find ul li:nth-child(n+2) {
        margin-left: 72px;
    }

    .member-wrap.login .find ul li:nth-child(n+2):before {
        left: -36px;
    }

    .member-wrap.login .other {
        margin-top: 120px;
    }

    .member-wrap.login .other li:nth-child(n+2) {
        margin-top: 20px;
    }

    .member-wrap.login .other li a {
        border-radius: 8px;
        font-size: 28px;
        line-height: 100px;
    }

    .member-wrap.login .other li:nth-child(1) a span {
        padding-left: 50px;
        background-size: 34px auto;
    }

    .member-wrap.login .other li:nth-child(2) a span {
        padding-left: 40px;
        background-size: 26px auto;
    }

    .member-wrap.login .login-btn {
        margin-top: 100px;
        line-height: 100px;
        font-size: 32px;
        border-radius: 8px;
    }

    .member-wrap.login .lower p {
        font-size: 28px;
        line-height: 40px;
    }

    .member-wrap.login .lower a {
        margin-left: 26px;
        font-size: 28px;
        line-height: 40px;
    }

    .member-wrap.login .lower.rlz {
        margin-top: 168px;
    }

    .member-wrap.login .lower.fix {
        bottom: 30px;
    }
}


/* 멕시카나 메뉴 안내 start */

.medium_category_tab{
    cursor:pointer;
}

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

    .menulistwrap .menu-info{
        float: left;
        font-size: 12px;
        color: #aaaaaa;
        position: relative;
        border-bottom: 1px solid #EAEAEA;
        padding: 1em 0 1em;
        height: auto;
    }

    .menulistwrap .chickenimg {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 16em;
    }

    .menulistwrap .chickenimg img {
        width: 65%;
        height: 65%;
        vertical-align: middle;
    }

    .menulistwrap .description {
        text-align: left;
        float: left;
        width: 50%;
    }

    .menulistwrap .description .txt {
        height: 16em;
        display: table-cell;
        vertical-align: middle;
    }

    .menulistwrap .description .txt .title {
        font-size: 1.3em;
        margin-bottom: 1em;
        color: #222;
    }

}


@media only screen and (min-width: 501px) and (max-width: 998px) {

    .menulistwrap .menu-info{
        float: left;
        font-size: 12px;
        color: #aaaaaa;
        position: relative;
        border-bottom: 1px solid #EAEAEA;
        padding: 1em 0 1em;
        height: auto;
    }

    .menulistwrap .chickenimg {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 16em;
    }

    .menulistwrap .chickenimg img {
        width: 55%;
        height: 55%;
        vertical-align: middle;
    }

    .menulistwrap .description {
        text-align: left;
        float: left;
        width: 50%;
        min-width: 26em;
    }

    .menulistwrap .description .txt {
        height: 16em;
        display: table-cell;
        vertical-align: middle;
    }

    .menulistwrap .description .txt .title {
        font-size: 1.5em;
        margin-bottom: 1em;
        color: #222;
    }
}

@media only screen and (min-width: 999px) {

    .menulistwrap .menu-info{
        float: left;
        font-size: 12px;
        color: #aaaaaa;
        position: relative;
        border-bottom: 1px solid #EAEAEA;
        padding: 1em 0 1em;
        height: auto;
    }

    .menulistwrap .chickenimg {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 16em;
    }

    .menulistwrap .chickenimg img {
        width: 45%;
        height: 45%;
        vertical-align: middle;
    }

    .menulistwrap .description {
        text-align: left;
        float: left;
        width: 50%;
        min-width: 30em;
    }

    .menulistwrap .description .txt {
        height: 16em;
        display: table-cell;
        vertical-align: middle;
    }

    .menulistwrap .description .txt .title {
        font-size: 1.5em;
        margin-bottom: 1em;
        color: #222;
    }

}

/* 멕시카나 메뉴 안내 end */


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

    .snstitle {
        text-align: center;
        margin-bottom: 40px;
        position: relative;
        height: 1px;
        background: #eeeeee;
    }

    .snstitle:before {
        content: "간편 SNS 로그인";
        position: absolute;
        left: 50%;
        font-size: 12px;
        width: 110px;
        top: -10px;
        margin-left: -55px;
        text-align: center;
        background: #fff;
    }


    .scontainer.mexi .member-wrap.login .other ul li {
        display: table-cell;
        height: 60px;
    }

    .scontainer.mexi .member-wrap.login .other ul li.kakao {

        background: url(../_Img/Content/kakaoicon.png) no-repeat 50% 50%;
        background-size: 60px;
    }

    .scontainer.mexi .member-wrap.login .other ul li.naver {

        background: url(../_Img/Content/navericon.png) no-repeat 50% 50%;
        background-size: 60px;
    }

    .scontainer.mexi .member-wrap.login .other ul li.google {

        background: url(../_Img/Content/googleicon.png) no-repeat 50% 50%;
        background-size: 60px;
    }

    .scontainer.mexi .member-wrap.login .other ul li.apple {

        background: url(../_Img/Content/appleicon.png) no-repeat 50% 50%;
        background-size: 60px;
    }


    .member-wrap.login {
        padding: 40px 15px 10px 15px;
    }

    .member-wrap.login .entry {
    }

    .member-wrap.login .entry li:nth-child(n+2) {
        margin-top: 30px;
    }

    .member-wrap.login .find {
        margin-top: 20px;
    }

    .member-wrap.login .find ul li a {
        font-size: 14px;
        line-height: 24px;
        height: 28px;
    }

    .member-wrap.login .find ul li:nth-child(n+2) {
        margin-left: 36px;
    }

    .member-wrap.login .find ul li:nth-child(n+2):before {
        left: -18px;
    }

    .member-wrap.login .other {
        margin-top: 60px;
    }

    .member-wrap.login .other li:nth-child(n+2) {
        margin-top: 10px;
    }

    .member-wrap.login .other li a {
        border-radius: 4px;
        font-size: 14px;
        line-height: 50px;
    }

    .member-wrap.login .other li:nth-child(1) a span {
        padding-left: 25px;
        background-size: 17px auto;
    }

    .member-wrap.login .other li:nth-child(2) a span {
        padding-left: 20px;
        background-size: 13px auto;
    }

    .member-wrap.login .login-btn {
        margin-top: 50px;
        line-height: 50px;
        font-size: 16px;
        border-radius: 4px;
    }

    .member-wrap.login .lower p {
        font-size: 14px;
        line-height: 20px;
    }

    .member-wrap.login .lower a {
        margin-left: 13px;
        font-size: 14px;
        line-height: 20px;
    }

    .member-wrap.login .lower.rlz {
        margin-top: 84px;
    }

    .member-wrap.login .lower.fix {
        bottom: 15px;
    }
}


/* ======================================================
   .member-wrap.find
=========================================================*/

.member-wrap.find {
    padding: 4vw 15px;
}

.member-wrap.find h2 {
    font-size: 4vw;
    color: #222;
    line-height: 1.3em;
    letter-spacing: -0.03em;
}

.member-wrap.find .entry {
    margin-top: 4.8vw;
}

.member-wrap.find .entry li:nth-child(n+2) {
    margin-top: 2vw
}

.member-wrap.find .entry .field {
    padding-right: 26vw;
}

.member-wrap.find .entry .field.ids {
    padding-right: 0;
}

.member-wrap.find .entry .chk-input {
    width: 100%;
    position: relative;
}

.member-wrap.find .entry .chk-input input {
    border-color: #F6F6F6;
    background: #F6F6F6;
    border-radius: 0
}

.member-wrap.find .entry .chk-input.error input {
    border-color: #C01919
}

.member-wrap.find .entry .count {
    position: absolute;
    right: 2vw;
    top: 0;
    line-height: 9vw;
    color: #C01919;
    font-size: 2.8vw;
    z-index: 899
}

.member-wrap.join .entry .count {
    position: absolute;
    right: 2vw;
    top: 0;
    line-height: 9vw;
    color: #C01919;
    font-size: 2.8vw;
    z-index: 899
}


.member-wrap.find .entry .cerfity-btn {
    position: absolute;
    width: 23.4vw;
    color: #222;
    right: 0;
    letter-spacing: -0.04em;
    line-height: 9vw;
    top: 0;
    height: 9vw;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 0.8vw;
    text-align: center;
    font-size: 2.8vw;
}

.member-wrap.find .entry .cerfity.resume {
    color: #222
}

.member-wrap.find .entry .cerfity.end {
    color: #ccc
}

.member-wrap.find .entry .cerfity.take {
    color: #ccc
}

.member-wrap.find .entry .error-txt {
    margin-top: 2vw;
    font-size: 2.2vw;
    color: #C01919;
    line-height: 1.45em;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

.member-wrap.find .enter-btn {
    margin-top: 2vw;
    display: block;
    text-align: center;
    line-height: 10vw;
    font-size: 3.2vw;
    color: #fff;
    background: #5190F1;
    font-weight: 400;
    border-radius: 0.8vw;
}

@media only screen and (min-width: 999px) {
    .member-wrap.find {
        padding: 40px 15px;
    }

    .member-wrap.find h2 {
        font-size: 40px;
    }

    .member-wrap.find .entry {
        margin-top: 48px;
    }

    .member-wrap.find .entry li:nth-child(n+2) {
        margin-top: 20px
    }

    .member-wrap.find .entry .field {
        padding-right: 260px;
    }

    .member-wrap.find .entry .count {
        right: 20px;
        line-height: 90px;
        font-size: 28px;
    }

    .member-wrap.join .entry .count {
        right: 20px;
        line-height: 90px;
        font-size: 28px;
    }

    .member-wrap.find .entry .cerfity-btn {
        width: 234px;
        height: 90px;
        border-radius: 8px;
        font-size: 28px;
        line-height: 90px;
    }

    .member-wrap.find .entry .error-txt {
        margin-top: 20px;
        font-size: 22px;
    }

    .member-wrap.find .enter-btn {
        margin-top: 20px;
        line-height: 100px;
        font-size: 32px;
        border-radius: 8px;
    }
}

@media only screen and (max-width: 500px) {
    .member-wrap.find {
        padding: 20px 15px;
    }

    .member-wrap.find h2 {
        font-size: 20px;
    }

    .member-wrap.find .entry {
        margin-top: 24px;
    }

    .member-wrap.find .entry li:nth-child(n+2) {
        margin-top: 10px
    }

    .member-wrap.find .entry .field {
        padding-right: 130px;
    }

    .member-wrap.find .entry .count {
        right: 10px;
        line-height: 45px;
        font-size: 14px;
    }

    .member-wrap.join .entry .count {
        right: 10px;
        line-height: 45px;
        font-size: 14px;
    }

    .member-wrap.find .entry .cerfity-btn {
        width: 117px;
        height: 45px;
        border-radius: 4px;
        font-size: 14px;
        line-height: 45px;
    }

    .member-wrap.find .entry .error-txt {
        margin-top: 10px;
        font-size: 11px;
    }

    .member-wrap.find .enter-btn {
        margin-top: 10px;
        line-height: 50px;
        font-size: 16px;
        border-radius: 4px;
    }
}

.member-wrap.find .result {
    padding-top: 20vw;
    text-align: center;
}

.member-wrap.find .result .btxt {
    font-size: 4vw;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    padding-top: 16vw;
    background: url(../_Img/Sub/ico-end.png) no-repeat center top;
    background-size: 10vw auto;
}


.scontainer.mexi .member-wrap.find .result .btxt {

    background: #FFFFFF;

}

.member-wrap.find .result .stxt {
    margin-top: 7.6vw;
    line-height: 1.2em;
    font-size: 2.8vw;
    color: #666;
    letter-spacing: -0.03em;
}

.member-wrap.find .result .ctxt {
    margin-top: 5vw;
    line-height: 1.2em;
    font-size: 2.8vw;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.member-wrap.find .lower {
    text-align: center;
}

.member-wrap.find .lower p {
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 4vw;
    display: inline-block;
    vertical-align: top;
}

.member-wrap.find .lower a {
    display: block;
    text-align: center;
    line-height: 10vw;
    font-size: 3.2vw;
    font-weight: 400;
    border-radius: 0.8vw;
}

.member-wrap.find .lower .login-btn {
    color: #fff;
    background: #1c355e;
}

.scontainer.mexi .member-wrap.find .lower .login-btn {
    color: #fff;
    background: #1c355e;
}


.member-wrap.find .lower .find-btn {
    margin-top: 2vw;
    color: #1c355e;
    background: #fff;
}

.member-wrap.find .lower.rlz {
    margin-top: 26vw;
}

.member-wrap.find .lower.fix {
    position: fixed;
    left: 50%;
    bottom: 3vw;
    width: 100%;
    padding: 0 3vw;
    box-sizing: Border-box;
    max-width: 750px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (min-width: 999px) {
    .member-wrap.find .result {
        padding-top: 200px;
    }

    .member-wrap.find .result .btxt {
        font-size: 40px;
        padding-top: 160px;
        background-size: 100px auto;
    }

    .member-wrap.find .result .stxt {
        margin-top: 76px;
        font-size: 28px;
    }

    .member-wrap.find .result .ctxt {
        margin-top: 50px;
        font-size: 28px;
    }

    .member-wrap.find .lower p {
        font-size: 28px;
        line-height: 40px;
    }

    .member-wrap.find .lower a {
        line-height: 100px;
        font-size: 32px;
        border-radius: 8px;
    }

    .member-wrap.find .lower.rlz {
        margin-top: 260px;
    }

    .member-wrap.find .lower.fix {
        bottom: 30px;
        padding: 0 30px;
    }

    .member-wrap.find .lower .find-btn {
        margin-top: 20px
    }
}

@media only screen and (max-width: 500px) {
    .member-wrap.find .result {
        padding-top: 100px;
    }

    .member-wrap.find .result .btxt {
        font-size: 20px;
        padding-top: 80px;
        background-size: 50px auto;
    }

    .member-wrap.find .result .stxt {
        margin-top: 38px;
        font-size: 14px;
    }

    .member-wrap.find .result .ctxt {
        margin-top: 25px;
        font-size: 14px;
    }

    .member-wrap.find .lower p {
        font-size: 14px;
        line-height: 20px;
    }

    .member-wrap.find .lower a {
        line-height: 50px;
        font-size: 16px;
        border-radius: 4px;
    }

    .member-wrap.find .lower.rlz {
        margin-top: 130px;
    }

    .member-wrap.find .lower.fix {
        bottom: 15px;
        padding: 0 15px;
    }

    .member-wrap.find .lower .find-btn {
        margin-top: 10px
    }
}

.member-wrap.find .other {
    margin-top: 3vw;
}

.member-wrap.find .other li {
}

.member-wrap.find .other li:nth-child(n+2) {
    margin-top: 2vw;
}

.member-wrap.find .other li a {
    display: block;
    border: 1px solid #DDDDDD;
    border-radius: 0.8vw;
    text-align: center;
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    color: #222;
    line-height: 10vw;
}

.member-wrap.find .other li a span {
    display: inline-block;
    vertical-align: top
}

.member-wrap.find .other li:nth-child(0) a span {
    padding-left: 5vw;
    background: url(../_Img/Sub/ico-kakao.png) no-repeat left center;
    background-size: 3.4vw auto;
}

.member-wrap.find .other li:nth-child(2) a span {
    padding-left: 4vw;
    background: url(../_Img/Sub/ico-naver.png) no-repeat left center;
    background-size: 2.6vw auto;
}

@media only screen and (min-width: 999px) {
    .member-wrap.find .other {
        margin-top: 30px;
    }

    .member-wrap.find .other li:nth-child(n+2) {
        margin-top: 20px;
    }

    .member-wrap.find .other li a {
        border-radius: 8px;
        font-size: 28px;
        line-height: 100px;
    }

    .member-wrap.find .other li:nth-child(1) a span {
        padding-left: 50px;
        background-size: 34px auto;
    }

    .member-wrap.find .other li:nth-child(2) a span {
        padding-left: 40px;
        background-size: 26px auto;
    }
}

@media only screen and (max-width: 500px) {
    .member-wrap.find .other {
        margin-top: 15px;
    }

    .member-wrap.find .other li:nth-child(n+2) {
        margin-top: 10px;
    }

    .member-wrap.find .other li a {
        border-radius: 4px;
        font-size: 14px;
        line-height: 50px;
    }

    .member-wrap.find .other li:nth-child(1) a span {
        padding-left: 25px;
        background-size: 17px auto;
    }

    .member-wrap.find .other li:nth-child(2) a span {
        padding-left: 20px;
        background-size: 13px auto;
    }
}


/*===========================================
   clause-wrap
=============================================*/

.clause-wrap {
    padding: 3vw 15px
}

.clause-wrap .txt {
}

.clause-wrap .txt p {
    font-size: 2.2vw;
    line-height: 1.65em;
    color: #999;
    letter-spacing: -0.035em;
}

.clause-wrap .txt .btxt {
    margin-bottom: 2vw;
}

.clause-wrap .txt .mg20t {
    margin-top: 4vw;
}

.clause-wrap .txt .btxt th, .clause-wrap .txt table {
    border: solid 1px #ccc;
    font-size: 2.2vw;
    line-height: 2.5vw;
    vertical-align: middle;
}

.clause-wrap table td {

    line-height: 2.5vw;
}

@media only screen and (min-width: 999px) {

    .clause-wrap table td {

        line-height: 20px;
    }

    .clause-wrap .txt .btxt th {
        border: solid 1px #ccc;
        font-size: 22px;
        line-height: 28px;
        vertical-align: middle;
    }

    .clause-wrap .txt table {
        font-size: inherit;
    }

    .clause-wrap {
        padding: 30px 15px
    }

    .clause-wrap .txt p {
        font-size: 22px
    }

    .clause-wrap .txt .btxt {
        margin-bottom: 20px;
    }

    .clause-wrap .txt .mg20t {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .clause-wrap {
        padding: 15px 15px
    }

    .clause-wrap .txt p {
        font-size: 11px
    }

    .clause-wrap .txt .btxt {
        margin-bottom: 10px;
    }

    .clause-wrap .txt .btxt th, .clause-wrap .txt table td {
        border: solid 1px #ccc;
        font-size: 11px;
        line-height: 18px;
        vertical-align: middle;
    }

    .clause-wrap .txt .mg20t {
        margin-top: 20px;
    }
}


/* ======================================================
   .member-wrap.join
=========================================================*/

.member-wrap.join {
    padding: 8vw 15px
}

.member-wrap.join .entry {
}

.member-wrap.join .entry li {
}

.member-wrap.join .entry li:nth-child(n+2) {
    margin-top: 8vw;
}

.member-wrap.join .entry li .btxt {
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    margin-bottom: 1vw;
}

.member-wrap.join .entry li .ex {
    color: #999;
    font-size: 2.2vw;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    margin-top: 4vw;
}

.member-wrap.join .entry li .chk-input {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.member-wrap.join .entry li .chk-input:after {
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    z-index: 5;
}

.member-wrap.join .entry li .chk-input input {
    border: none;
    padding: 0 6vw 0 2vw;
    color: #222 !important;
}

.member-wrap.join .entry li .chk-input.enable:before {
    width: 2.2vw;
    height: 2.2vw;
    background: url(../_Img/Sub/join-chk.png) no-repeat center center;
    z-index: 99;
    background-size: 100% auto;
    position: absolute;
    right: 12px;
    top: 50%;
    display: block;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.member-wrap.join .entry li .field.ids {
    padding-right: 21vw;
}

.member-wrap.join .entry li .field.phone {
    padding-right: 21vw;
}

.member-wrap.join .entry li .field.nick {
    padding-right: 21vw;
}

.member-wrap.join .entry li .field.gender {
    padding-top: 3vw;
}

.member-wrap.join .entry li .field.gender .chk-radio:nth-child(n+2) {
    margin-left: 20vw
}

.member-wrap.join .entry li .field.birth {
    padding-top: 3vw;
}

.member-wrap.join .entry li .field.birth .chk-select:nth-child(1) {
    width: 34%
}

.member-wrap.join .entry li .field.birth .chk-select:nth-child(2) {
    width: 31%;
    margin: 0 2%;
}

.member-wrap.join .entry li .field.birth .chk-select:nth-child(3) {
    width: 31%
}

.member-wrap.join .entry .cerfity-btn {
    position: absolute;
    width: 18.8vw;
    color: #5190f0;
    right: 0;
    letter-spacing: -0.04em;
    line-height: 8vw;
    top: 6px;
    height: 8vw;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 0.8vw;
    text-align: center;
    font-size: 2.4vw;
}

.member-wrap.join .entry .overlap-btn {
    position: absolute;
    width: 18.8vw;
    color: #5190f0;
    right: 0;
    letter-spacing: -0.04em;
    line-height: 8vw;
    top: 6px;
    height: 8vw;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 0.8vw;
    text-align: center;
    font-size: 2.4vw;
}

@media only screen and (min-width: 999px) {
    .member-wrap.join {
        padding: 80px 15px
    }

    .member-wrap.join .entry {
    }

    .member-wrap.join .entry li {
    }

    .member-wrap.join .entry li:nth-child(n+2) {
        margin-top: 80px;
    }

    .member-wrap.join .entry li .btxt {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .member-wrap.join .entry li .ex {
        font-size: 22px;
        margin-top: 40px;
    }

    .member-wrap.join .entry li .chk-input input {
        padding-right: 40px;
    }

    .member-wrap.join .entry li .chk-input.enable:before {
        width: 22px;
        height: 22px;
    }

    .member-wrap.join .entry li .field.ids {
        padding-right: 210px;
    }

    .member-wrap.join .entry li .field.phone {
        padding-right: 210px;
    }

    .member-wrap.join .entry li .field.nick {
        padding-right: 210px;
    }

    .member-wrap.join .entry li .field.gender {
        padding-top: 30px;
    }

    .member-wrap.join .entry li .field.gender .chk-radio:nth-child(n+2) {
        margin-left: 200px
    }

    .member-wrap.join .entry li .field.birth {
        padding-top: 30px;
    }

    .member-wrap.join .entry .cerfity-btn {
        width: 188px;
        border-radius: 8px;
        line-height: 80px;
        height: 80px;
        font-size: 24px;
    }

    .member-wrap.join .entry .overlap-btn {
        width: 188px;
        border-radius: 8px;
        line-height: 80px;
        height: 80px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 500px) {
    .member-wrap.join {
        padding: 40px 15px
    }

    .member-wrap.join .entry {
    }

    .member-wrap.join .entry li {
    }

    .member-wrap.join .entry li:nth-child(n+2) {
        margin-top: 40px;
    }

    .member-wrap.join .entry li .btxt {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .member-wrap.join .entry li .ex {
        font-size: 11px;
        margin-top: 20px;
    }

    .member-wrap.join .entry li .chk-input input {
        /*padding-right: 20px;*/
        padding: 0 10px;
    }

    .member-wrap.join .entry li .chk-input.enable:before {
        width: 11px;
        height: 11px;
    }

    .member-wrap.join .entry li .field.ids {
        padding-right: 105px;
    }

    .member-wrap.join .entry li .field.phone {
        padding-right: 105px;
    }

    .member-wrap.join .entry li .field.nick {
        padding-right: 105px;
    }

    .member-wrap.join .entry li .field.gender {
        padding-top: 15px;
    }

    .member-wrap.join .entry li .field.gender .chk-radio:nth-child(n+2) {
        margin-left: 100px
    }

    .member-wrap.join .entry li .field.birth {
        padding-top: 15px;
    }

    .member-wrap.join .entry .cerfity-btn {
        width: 94px;
        border-radius: 4px;
        line-height: 34px;
        height: 37px;
        font-size: 13px;
    }

    .member-wrap.join .entry .overlap-btn {
        width: 94px;
        border-radius: 4px;
        line-height: 34px;
        height: 37px;
        font-size: 13px;
    }
}


/* ======================================================
   .member-wrap.leave
=========================================================*/

.member-wrap.leave {
    padding: 4vw 15px
}

.member-wrap.leave h3 {
    font-size: 2.8vw;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    color: #333;
    font-weight: 400;
}

.member-wrap.leave h3 span {
    font-size: 2.2vw;
    color: #ccc;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    margin-left: 2.4vw;
}

.member-wrap.leave .txt {
    background: #F5F5F5;
    padding: 2.4vw 3vw;
    margin-top: 3vw;
}

.member-wrap.leave .txt ul {
}

.member-wrap.leave .txt ul li {
    color: #999;
    font-size: 2.2vw;
    line-height: 1.65em;
    position: relative;
    padding-left: 1vw;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

.member-wrap.leave .txt ul li:nth-child(n+2) {
    margin-top: 2vw;
}

.member-wrap.leave .txt ul li:before {
    width: 0.4vw;
    height: 0.4vw;
    background: #999;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 1.6vw;
    display: block;
    content: ""
}

.member-wrap.leave .agrees {
    margin-top: 2vw;
}

.member-wrap.leave .agrees .chk-check input[type="checkbox"] + label {
    font-size: 2.2vw;
    color: #999;
}

.member-wrap.leave .agrees .chk-check input[type="checkbox"]:checked + label {
}

.member-wrap.leave .lower {
    margin-top: 5.6vw;
    text-align: center;
}

.member-wrap.leave .lower .enter {
    display: inline-block;
    vertical-align: top;
    font-size: 2.8vw;
    color: #fff;
    background: #5190F0;
    letter-spacing: -0.03em;
    line-height: 9vw;
    text-align: center;
    width: 30.4vw;
}

.scontainer.mexi .member-wrap.leave .lower .enter {
    background: #1c355e;
}


@media only screen and (min-width: 999px) {
    .member-wrap.leave {
        padding: 40px 15px
    }

    .member-wrap.leave h3 {
        font-size: 28px;
    }

    .member-wrap.leave h3 span {
        font-size: 22px;
        margin-left: 24px;
    }

    .member-wrap.leave .txt {
        padding: 24px 30px;
        margin-top: 30px;
    }

    .member-wrap.leave .txt ul {
    }

    .member-wrap.leave .txt ul li {
        font-size: 22px;
        padding-left: 10px;
    }

    .member-wrap.leave .txt ul li:nth-child(n+3) {
        margin-top: 20px;
    }

    .member-wrap.leave .txt ul li:before {
        width: 4px;
        height: 4px;
        top: 16px;
    }

    .member-wrap.leave .agrees {
        margin-top: 20px;
    }

    .member-wrap.leave .agrees .chk-check input[type="checkbox"] + label {
        font-size: 22px;
    }

    .member-wrap.leave .lower {
        margin-top: 56px;
    }

    .member-wrap.leave .lower .enter {
        font-size: 28px;
        line-height: 90px;
        width: 304px;
    }
}

@media only screen and (max-width: 500px) {
    .member-wrap.leave {
        padding: 20px 15px
    }

    .member-wrap.leave h3 {
        font-size: 14px;
    }

    .member-wrap.leave h3 span {
        font-size: 11px;
        margin-left: 12px;
    }

    .member-wrap.leave .txt {
        padding: 12px 15px;
        margin-top: 15px;
    }

    .member-wrap.leave .txt ul {
    }

    .member-wrap.leave .txt ul li {
        font-size: 11px;
        padding-left: 5px;
    }

    .member-wrap.leave .txt ul li:nth-child(n+2) {
        margin-top: 10px;
    }

    .member-wrap.leave .txt ul li:before {
        width: 2px;
        height: 2px;
        top: 8px;
    }

    .member-wrap.leave .agrees {
        margin-top: 10px;
    }

    .member-wrap.leave .agrees .chk-check input[type="checkbox"] + label {
        font-size: 11px;
    }

    .member-wrap.leave .lower {
        margin-top: 28px;
    }

    .member-wrap.leave .lower .enter {
        font-size: 14px;
        line-height: 45px;
        width: 152px;
    }
}


/*=======================================================
    .nbsp-wrap
=========================================================*/

.nbsp-wrap {
    min-height: 60vw
}

@media only screen and (min-width: 999px) {
    .nbsp-cont {
        min-height: 600px
    }
}

@media only screen and (max-width: 500px) {
    .nbsp-cont {
        min-height: 300px
    }
}


/*=======================================================
    .layer-wrap
=========================================================*/

.layer-wrap.leave {
    width: 60.4vw;
    border-radius: 1.2vw;
    background: #fff;
    position: absolute;
}

.layer-wrap.leave .is-con {
    padding: 3.4vw 0;
    text-align: center;
}

.layer-wrap.leave .is-con h3 {
    margin-top: 3.4vw;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.4em;
}

.layer-wrap.leave .is-con .chk-input {
    margin-top: 3.4vw;
    width: 44.6vw;
}

.layer-wrap.leave .is-con .chk-input input {
    height: 10vw;
    min-height: 50px;
    border-radius: 0;
    text-align: Center;
    font-size: 2.8vw;
}

.layer-wrap.leave .is-con .chk-input input::placeholder {
    color: #ccc
}

.layer-wrap.leave .is-con .thanks {
    padding: 2vw 0;
    font-size: 2.8vw;
    color: #222222;
    letter-spacing: -0.035em;
    line-height: 1.35em;
    text-align: center;
}

.layer-wrap.leave .is-btm {
    border-top: 1px solid #eee
}

.layer-wrap.leave .is-btm:after {
    display: block;
    content: "";
    clear: both;
}

.layer-wrap.leave .is-btm a {
    display: block;
    float: left;
    width: 50%;
    line-height: 10vw;
    font-size: 3vw;
    color: #2D2D2D;
    letter-spacing: -0.03em;
    text-align: center;
    box-sizing: border-box;
}

.layer-wrap.leave .is-btm .cancel {
}

.layer-wrap.leave .is-btm .enter {
    float: right;
    width: 50%;
    border-left: 1px solid #eee
}

.layer-wrap.leave .is-btm.full .enter {
    float: none;
    width: auto;
    display: block;
    border-left: 0;
    font-weight: 700
}

@media only screen and (min-width: 999px) {
    .layer-wrap.leave {
        width: 604px;
        border-radius: 12px;
    }

    .layer-wrap.leave .is-con {
        padding: 34px 0;
    }

    .layer-wrap.leave .is-con h3 {
        margin-top: 34px;
        font-size: 28px;
    }

    .layer-wrap.leave .is-con .chk-input {
        margin-top: 34px;
        width: 446px;
    }

    .layer-wrap.leave .is-con .chk-input input {
        height: 100px;
        font-size: 28px;
    }

    .layer-wrap.leave .is-con .thanks {
        padding: 20px 0;
        font-size: 28px;
    }

    .layer-wrap.leave .is-btm a {
        line-height: 100px;
        font-size: 30px;
    }
}

@media only screen and (max-width: 500px) {
    .layer-wrap.leave {
        width: 302px;
        border-radius: 6px;
    }

    .layer-wrap.leave .is-con {
        padding: 17px 0;
    }

    .layer-wrap.leave .is-con h3 {
        margin-top: 17px;
        font-size: 14px;
    }

    .layer-wrap.leave .is-con .chk-input {
        margin-top: 17px;
        width: 223px;
    }

    .layer-wrap.leave .is-con .chk-input input {
        height: 50px;
        font-size: 14px;
    }

    .layer-wrap.leave .is-con .thanks {
        padding: 10px 0;
        font-size: 14px;
    }

    .layer-wrap.leave .is-btm a {
        line-height: 50px;
        font-size: 15px;
    }
}


/*=======================================================
    .addr-wrap
=========================================================*/

.addr-wrap {
    padding: 0 15px;
}

.addr-wrap .list {
    padding: 3vw 0
}

.addr-wrap .list.no-pad {
    padding: 0;
}

.addr-wrap .list h3 {
    font-size: 3vw;
    font-weight: 700;
    line-height: 4vw;
    color: #222;
    letter-spacing: -0.03em;
    margin-bottom: 1vw;
}

.addr-wrap .list li {
    position: relative;
}

.addr-wrap .list li:after {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    height: 1px;
    background: #eee;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}

.addr-wrap .list li a {
    display: block;
    padding: 4vw 4vw 4vw 0
}

.addr-wrap .list li .btxt {
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.addr-wrap .list li .stxt {
    position: relative;
    font-size: 2.8vw;
    color: #888888;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    padding-left: 8vw;
    margin-top: 1.6vw;
}

.addr-wrap .list li .stxt span {
    width: 6.6vw;
    line-height: 2.8vw;
    height: 3.2vw;
    text-align: center;
    font-size: 2vw;
    border: 1px solid #888;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 1px;
}

.addr-wrap .list li .delete {
    position: absolute;
    right: 0;
    top: 50%;
    width: 4vw;
    height: 4vw;
    background: url(../_Img/Sub/addr-delete.png) no-repeat center center;
    background-size: 50% auto;
    display: block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
}

@media only screen and (min-width: 999px) {
    .addr-wrap .list {
        padding: 30px 0
    }

    .addr-wrap .list h3 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 40px;
    }

    .addr-wrap .list li:after {
        width: calc(100% + 60px);
        margin-left: -30px
    }

    .addr-wrap .list li a {
        padding: 40px 40px 40px 0;
    }

    .addr-wrap .list li .btxt {
        font-size: 28px;
    }

    .addr-wrap .list li .stxt {
        font-size: 28px;
        padding-left: 80px;
        margin-top: 16px;
    }

    .addr-wrap .list li .stxt span {
        width: 66px;
        line-height: 28px;
        height: 32px;
        font-size: 20px;
    }

    .addr-wrap .list li .delete {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .addr-wrap .list {
        padding: 15px 0
    }

    .addr-wrap .list h3 {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .addr-wrap .list li:after {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .addr-wrap .list li a {
        padding: 20px 20px 20px 0;
    }

    .addr-wrap .list li .btxt {
        font-size: 14px;
    }

    .addr-wrap .list li .stxt {
        font-size: 14px;
        padding-left: 40px;
        margin-top: 8px;
    }

    .addr-wrap .list li .stxt span {
        width: 33px;
        line-height: 14px;
        height: 16px;
        font-size: 10px;
    }

    .addr-wrap .list li .delete {
        width: 20px;
        height: 20px;
    }
}

.addr-wrap .bd-line {
    border-top: none;
}

.addr-wrap .filter {
    padding: 4vw 0
}

.addr-wrap .filter h3 {
    font-size: 3.2vw;
    line-height: 1.2em;
    color: #222;
    font-weight: 400;
    letter-spacing: -0.03em;
}

.addr-wrap .filter .field {
    margin-top: 2vw;
    padding-right: 10vw;
}

.addr-wrap .filter .field .chk-input {
    width: 100%;
}

.addr-wrap .filter .field .chk-input input {
    border-radius: 0;
    cursor: pointer;
}

.addr-wrap .filter .field .enter {
    width: 9vw;
    height: 9vw;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: url(../_Img/Sub/ico-search.png) no-repeat center center;
    background-size: 45% auto;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

@media only screen and (min-width: 999px) {
    .addr-wrap .filter {
        padding: 40px 0
    }

    .addr-wrap .filter h3 {
        font-size: 32px;
    }

    .addr-wrap .filter .field {
        margin-top: 20px;
        padding-right: 100px;
    }

    .addr-wrap .filter .field .enter {
        width: 90px;
        height: 90px;
    }
}

@media only screen and (max-width: 500px) {
    .addr-wrap .filter {
        padding: 20px 0
    }

    .addr-wrap .filter h3 {
        font-size: 16px;
    }

    .addr-wrap .filter .field {
        margin-top: 10px;
        padding-right: 50px;
    }

    .addr-wrap .filter .field .enter {
        width: 45px;
        height: 45px;
    }
}

.addr-wrap .search {
    padding: 0
}

.addr-wrap .search .field {
    padding-right: 9vw;
}

.addr-wrap .search .field .chk-input {
    width: 100%;
}

.addr-wrap .search .field .chk-input input {
    border-radius: 0;
    border: none;
    padding-right: 4vw;
}

.addr-wrap .search .field .chk-input .delete {
    display: none
}

.addr-wrap .search .field .chk-input.active .delete {
    display: block;
}

.addr-wrap .search .field .enter {
    width: 8vw;
    height: 9vw;
    box-sizing: border-box;
    border: none;
    background: url(../_Img/Sub/ico-search.png) no-repeat center center;
    background-size: 45% auto;
    position: absolute;
    right: 0;
    top: 0;
}

.addr-wrap .search .field .delete {
    position: absolute;
    z-index: 912;
    right: 0;
    top: 50%;
    width: 4vw;
    height: 4vw;
    background: url(../_Img/Sub/addr-delete.png) no-repeat center center;
    background-size: 60% auto;
    display: block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
}

@media only screen and (min-width: 999px) {
    .addr-wrap .search {
        padding: 0
    }

    .addr-wrap .search .field {
        padding-right: 90px;
    }

    .addr-wrap .search .field .chk-input input {
        padding-right: 40px;
    }

    .addr-wrap .search .field .enter {
        width: 80px;
        height: 90px;
    }

    .addr-wrap .search .field .delete {
        width: 40px;
        height: 40px;
        right: 0;
    }
}

@media only screen and (max-width: 500px) {
    .addr-wrap .search {
        padding: 0
    }

    .addr-wrap .search .field {
        padding-right: 45px;
    }

    .addr-wrap .search .field .chk-input input {
        padding-right: 20px;
    }

    .addr-wrap .search .field .enter {
        width: 40px;
        height: 45px;
    }

    .addr-wrap .search .field .delete {
        width: 20px;
        height: 20px;
        right: 0;
    }
}

.addr-wrap .last .info {
    display: block;
    padding: 3vw 0 0 0
}

.addr-wrap .last .info .btxt {
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.addr-wrap .last .info .stxt {
    position: relative;
    font-size: 2.8vw;
    color: #888888;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    padding-left: 8vw;
    margin-top: 1.6vw;
}

.addr-wrap .last .info .stxt span {
    width: 6.6vw;
    line-height: 2.8vw;
    height: 3.2vw;
    text-align: center;
    font-size: 2vw;
    border: 1px solid #888;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 1px;
}

.addr-wrap .last .field {
    margin-top: 4vw;
}

.addr-wrap .last .field .chk-input {
    width: 100%;
}

.addr-wrap .last .field .chk-input input {
    border-radius: 0
}

.addr-wrap .last .field .enter {
    display: block;
    margin-top: 2vw;
    line-height: 8.8vw;
    color: #fff;
    background: #5190F0;
    font-size: 3.2vw;
    letter-spacing: -0.03em;
    font-weight: 400;
    text-align: center;
}

.scontainer.mexi .addr-wrap .last .field .enter {
    background: #1c355e;
}


@media only screen and (min-width: 999px) {
    .addr-wrap .last .info {
        padding: 30px 0 0 0;
    }

    .addr-wrap .last .info .btxt {
        font-size: 28px;
    }

    .addr-wrap .last .info .stxt {
        font-size: 28px;
        padding-left: 80px;
        margin-top: 16px;
    }

    .addr-wrap .last .info .stxt span {
        width: 66px;
        line-height: 28px;
        height: 32px;
        font-size: 20px;
    }

    .addr-wrap .last .field {
        margin-top: 40px;
    }

    .addr-wrap .last .field .enter {
        margin-top: 20px;
        font-size: 32px;
        line-height: 88px;
    }
}

@media only screen and (max-width: 500px) {
    .addr-wrap .last .info {
        padding: 15px 0 0 0;
    }

    .addr-wrap .last .info .btxt {
        font-size: 14px;
    }

    .addr-wrap .last .info .stxt {
        font-size: 14px;
        padding-left: 40px;
        margin-top: 8px;
    }

    .addr-wrap .last .info .stxt span {
        width: 33px;
        line-height: 14px;
        height: 16px;
        font-size: 10px;
    }

    .addr-wrap .last .field {
        margin: 20px 0;
    }

    .addr-wrap .last .field .enter {
        margin-top: 10px;
        font-size: 16px;
        line-height: 44px;
    }
}


/*=======================================================
    .joinAgree
=========================================================*/

.joinAgree {
    position: fixed;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #5190F0;
    max-width: 750px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.scontainer.mexi .joinAgree {

    background: #1c355e;
}


.joinAgree .close {
    width: 9.6vw;
    height: 9.6vw;
    background: url(../_Img/Sub/layer-close.png) no-repeat center center;
    background-size: 35% auto;
    position: absolute;
    left: 0;
    top: 0;
}

.joinAgree .is-top {
    height: 12.8vw;
}

.joinAgree .is-con {
    position: relative;
    padding: 0 3vw;
}

.joinAgree .is-con h3 {
    font-size: 4vw;
    font-weight: 400;
    color: #000000;
    letter-spacing: -0.03em;
    line-height: 6vw;
}

.joinAgree .is-con .chk-check.all {
    position: absolute;
    right: 3vw;
    top: 0.6vw
}

.joinAgree .is-con .chk-check.all input[type="checkbox"] + label {
    position: relative;
    display: block;
    padding-left: 0;
    padding-right: 7vw;
    font-size: 2.2vw;
    font-weight: 400;
    letter-spacing: -0.03em;
    color: #000000;
    opacity: 0.7;
    line-height: 5.4vw;
    height: 5.4vw;
}

.joinAgree .is-con .chk-check.all input[type="checkbox"] + label:after {
    width: 5.4vw;
    height: 5.4vw;
    opacity: 0.5;
    min-width: auto;
    min-height: auto;
    position: absolute;
    border-radius: 100%;
    right: 0;
    left: auto;
    top: 0;
    display: block;
    content: "";
    box-sizing: border-box;
    background: url(../_Img/Sub/join-agree01.png) no-repeat center center;
    background-size: 100% auto !important;
    display: block;
    content: "";
    z-index: 1;
    border: none;
}

.joinAgree .is-con .chk-check.all input[type="checkbox"]:checked + label:after {
    opacity: 1;
    z-index: 3;
}

.joinAgree .is-con .chk-check.all input[type="checkbox"]:checked + label {
    color: #000000;
}

.joinAgree .is-con ul {
    margin-top: 12vw
}

.joinAgree .is-con li:nth-child(n+2) {
    margin-top: 4vw;
}

.joinAgree .is-con li .chk-check {
    display: block;
}

.joinAgree .is-con li .chk-check a {
    color: #000000;
}

.joinAgree .is-con li .chk-check input[type="checkbox"] + label {
    position: relative;
    display: block;
    padding-left: 0;
    padding-right: 7vw;
    font-size: 2.8vw;
    text-decoration: underline;
    font-weight: 400;
    letter-spacing: -0.03em;
    color: #000000;
    line-height: 4vw;
    height: 4vw;
}

.joinAgree .is-con li .chk-check input[type="checkbox"] + label:after {
    width: 4vw;
    height: 4vw;
    opacity: 0.5;
    min-width: auto;
    min-height: auto;
    position: absolute;
    border-radius: 100%;
    right: 0;
    left: auto;
    top: 0;
    display: block;
    content: "";
    box-sizing: border-box;
    background: url(../_Img/Sub/join-agree02.png) no-repeat center center;
    background-size: 60% auto !important;
    display: block;
    content: "";
    z-index: 1;
    border: none;
}

.joinAgree .is-con li .chk-check input[type="checkbox"]:checked + label:after {
    z-index: 3;
    opacity: 1;
}

.joinAgree .is-con li .chk-check input[type="checkbox"]:checked + label {
    color: #000000;
}

.joinAgree .is-btm {
    height: 9vw;
}

.joinAgree .is-btm .next {
    position: fixed;
    right: 3vw;
    bottom: 3vw;
    padding-right: 11vw;
    background: url(../_Img/Sub/join-next.png) no-repeat right center;
    line-height: 9vw;
    background-size: 9vw auto;
    font-size: 3.2vw;
    color: #B8D4FF;
    letter-spacing: -0.03em;
}

.joinAgree .is-btm .next.active {
    color: #fff;
    background-image: url(../_Img/Sub/join-nexto.png)
}


.red_alert {
    position: relative;
    color: #ff565e;
}

.temp_join_btn {
    line-height: 10vw;
    text-align: center;
    border-radius: 0.8vw;
    color: #fff;
    font-size: 3.2vw;
    display: block;
    background: #BDBDBD;
    position: relative;
    margin: 50px 10px 10px 10px;
    line-height: 50px;
}


@media only screen and (min-width: 999px) {
    .joinAgree .close {
        width: 96px;
        height: 96px
    }

    .joinAgree .is-top {
        height: 128px;
    }

    .joinAgree .is-con {
        padding: 0 30px;
    }

    .joinAgree .is-con h3 {
        font-size: 40px;
        line-height: 60px;
    }

    .joinAgree .is-con .chk-check.all {
        right: 30px;
        top: 6px
    }

    .joinAgree .is-con .chk-check.all input[type="checkbox"] + label {
        padding-right: 70px;
        font-size: 22px;
        line-height: 54px;
        height: 54px;
    }

    .joinAgree .is-con .chk-check.all input[type="checkbox"] + label:after {
        width: 54px;
        height: 54px
    }

    .joinAgree .is-con ul {
        margin-top: 120px
    }

    .joinAgree .is-con li:nth-child(n+2) {
        margin-top: 40px;
    }

    .joinAgree .is-con li .chk-check input[type="checkbox"] + label {
        padding-right: 70px;
        font-size: 28px;
        line-height: 40px;
        height: 40px;
    }

    .joinAgree .is-con li .chk-check input[type="checkbox"] + label:after {
        width: 40px;
        height: 40px;
    }

    .joinAgree .is-btm {
        height: 90px;
    }

    .joinAgree .is-btm .next {
        right: 30px;
        bottom: 0px;
        padding-right: 110px;
        line-height: 90px;
        background-size: 60px auto;
        font-size: 32px;
    }
}

@media only screen and (max-width: 500px) {
    .joinAgree .close {
        width: 48px;
        height: 48px
    }

    .joinAgree .is-top {
        height: 64px;
    }

    .joinAgree .is-con {
        padding: 0 15px;
    }

    .joinAgree .is-con h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .joinAgree .is-con .chk-check.all {
        right: 15px;
        top: 3px
    }

    .joinAgree .is-con .chk-check.all input[type="checkbox"] + label {
        padding-right: 35px;
        font-size: 11px;
        line-height: 27px;
        height: 27px;
    }

    .joinAgree .is-con .chk-check.all input[type="checkbox"] + label:after {
        width: 27px;
        height: 27px
    }

    .joinAgree .is-con ul {
        margin-top: 60px
    }

    .joinAgree .is-con li:nth-child(n+2) {
        margin-top: 20px;
    }

    .joinAgree .is-con li .chk-check input[type="checkbox"] + label {
        padding-right: 35px;
        font-size: 14px;
        line-height: 20px;
        height: 20px;
    }

    .joinAgree .is-con li .chk-check input[type="checkbox"] + label:after {
        width: 20px;
        height: 20px;
    }

    .joinAgree .is-btm {
        height: 45px;
    }

    .joinAgree .is-btm .next {
        right: 15px;
        bottom: 15px;
        padding-right: 55px;
        line-height: 45px;
        background-size: 45px auto;
        font-size: 16px;
    }
}


/*=======================================================
    .mypage-wrap
=========================================================*/

.mypage-wrap .bd-line:first-child {
    border-top: none;
}

.mypage-wrap .my-entry {
}

.mypage-wrap .my-entry .info {
    display: block;
    height: 16vw;
    position: relative;
    padding: 0 4vw 0 12vw
}

.mypage-wrap .my-entry.baebi .info {
    display: block;
    height: 16vw;
    position: relative;
    padding: 0 4vw 0 0;
}

.mypage-wrap .my-entry .info:before {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    height: 1px;
    background: #eee;
}

.mypage-wrap .my-entry .info .photo {
    border: solid 1px #C8C8C8;
    position: absolute;
    left: 0;
    top: 50%;
    width: 9.8vw;
    height: 9.8vw;
    border-radius: 100%;
    overflow: hidden;
    background: url(../_Img/Content/my-photo.png) no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mypage-wrap .my-entry .info .photo img {
    width: 100%;
    height: 10vw;
    object-fit: cover;
}

.mypage-wrap .my-entry .info .txt {
    padding: 0 0 0 0px;
    line-height: 16vw;
    font-size: 3.6vw;
    font-weight: 400;
    letter-spacing: -0.03em;
    color: #222;
}

.mypage-wrap .my-entry .info .txt.baebi {
    padding: 0 0 0 0px;
    line-height: 16vw;
    font-size: 3.6vw;
    font-weight: 400;
    letter-spacing: -0.03em;
    color: #222;
    display: inline-block;
}

.mypage-wrap .my-entry .info:after {
    width: 2vw;
    height: 4vw;
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../_Img/Content/my-more.png) no-repeat center center;
    background-size: 60% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    content: ""
}

.mypage-wrap .my-entry ul {
    padding: 4vw 0
}

.mypage-wrap .my-entry ul:after {
    display: block;
    content: "";
    clear: both;
}

.mypage-wrap .my-entry li {
    float: left;
    width: 33.333333%;
}

.mypage-wrap .my-entry.baebi li {
    float: left;
    width: 49%;
    background: #ececec;
    margin: 1px;
    border-radius: 4px;
}


.mypage-wrap .my-entry li:nth-child(n+4) {
    margin-top: 5vw;
}

.mypage-wrap .my-entry.baebi li:nth-child(n+4) {
    margin-top: 0vw;
}

.mypage-wrap .my-entry li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 13.2vw;
    text-align: center;
}

.mypage-wrap .my-entry li .vc {
    width: 100%;
}

.mypage-wrap .my-entry li .ico {
    text-align: center;
    height: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mypage-wrap .my-entry.baebi li .ico {
    text-align: center;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-block;
}

.mypage-wrap .my-entry li .ico span {
    position: absolute;
    left: 56%;
    padding: 0 0.9vw;
    top: 1.3vw;
    background: #ec0000;
    border-radius: 100px;
    color: #fff;
    font-size: 2.0vw;
    text-align: center;
    /*width: 3vw;*/
    height: 3vw;
    line-height: 3vw;
}

.mypage-wrap .my-entry li .ico img {
    width: 6vw;
    vertical-align: middle;

}

.scontainer.mexi .mypage-wrap .my-entry li .ico svg {
    width: 6vw;
    vertical-align: middle;
    height: auto;
}

.scontainer.mexi .mypage-wrap .my-entry li .ico svg .mexi {
    fill: #1c355e;
}


.mypage-wrap .my-entry li .txt {
    font-size: 2.2vw;
    margin-top: 1vw;
    color: #222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
}

.mypage-wrap .my-entry.baebi li .txt {
    font-size: 2.2vw;
    /*margin-top: 1vw;*/
    color: #222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    display: inline-block;
}

.mypage-wrap .my-entry li a:before {
    width: 1px;
    height: 60%;
    background: #eee;
    position: absolute;
    left: -1px;
    top: 50%;
    display: block;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mypage-wrap .my-entry.baebi li a:before {
    width: 0px;

}


.mypage-wrap .my-entry li:nth-child(3n+1) a:before {
    display: none;
}

.fix.address {
    position: fixed;
    width: 100%;
    bottom: 0;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .my-entry.baebi li .txt {
        font-size: 32px;

        line-height: 85px;

    }

    .mypage-wrap .my-entry .info .txt.baebi {
        padding: 0 0 0 0px;
        line-height: 150px;
        font-size: 36px;
        font-weight: 400;
        letter-spacing: -0.03em;
        color: #222;
        display: inline-block;
    }

    .mypage-wrap .my-entry {
    }

    .mypage-wrap .my-entry.baebi .info {
        display: block;
        height: 160px;
        position: relative;
        padding: 0 4vw 0 0;
    }


    .mypage-wrap .my-entry .info {
        height: 160px;
        padding: 0 40px 0 120px
    }

    .mypage-wrap .my-entry .info:before {
        width: calc(100% + 60px);
        margin-left: -30px
    }

    .mypage-wrap .my-entry .info .photo {
        width: 98px;
        height: 98px;;
    }

    .mypage-wrap .my-entry .info .photo img {
        height: 100px;
    }

    .mypage-wrap .my-entry .info .txt {
        line-height: 160px;
        font-size: 36px;
    }

    .mypage-wrap .my-entry .info:after {
        width: 20px;
        height: 40px;
    }

    .mypage-wrap .my-entry ul {
        padding: 40px 0
    }

    .mypage-wrap .my-entry li a {
        height: 132px
    }

    .mypage-wrap .my-entry li:nth-child(n+4) {
        margin-top: 50px;
    }

    .mypage-wrap .my-entry li .ico {
        height: 80px;
    }

    .mypage-wrap .my-entry li .ico span {
        font-size: 21px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        top: 9px;
        left: 133px;
        padding: 5px 5px;

    }

    .mypage-wrap .my-entry li .ico img {
        width: 42px;
        position: relative;
        top: -6px;

    }

    .scontainer.mexi .mypage-wrap .my-entry li .ico svg {
        width: 42px;
        position: relative;
        top: -6px;
        height: auto;
    }

    .mypage-wrap .my-entry li .txt {
        font-size: 22px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .my-entry {
        padding: 0;
    }

    .mypage-wrap .my-entry .info {
        height: 80px;
        padding: 0 20px 0 60px
    }

    .mypage-wrap .my-entry .info.baebi {
        height: 80px;
        padding: 0 20px 0 0px
    }

    .mypage-wrap .my-entry .info:before {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .mypage-wrap .my-entry .info .photo {
        width: 56px;
        height: 56px;
    }

    .mypage-wrap .my-entry .info .photo img {
        height: 56px;
    }

    .mypage-wrap .my-entry .info .txt {
        line-height: 80px;
        font-size: 18px;
        padding-left: 17px;
        display: inline-block;
    }

    .mypage-wrap .my-entry.baebi .info .txt {
        padding-left: 0px;
    }


    .mypage-wrap .my-entry .info .txt.baebi {
        line-height: 80px;
        font-size: 18px;
        display: inline-block;
    }

    .mypage-wrap .my-entry .info:after {
        width: 10px;
        height: 20px;
    }

    .mypage-wrap .my-entry ul {
        padding: 20px 0
    }

    .mypage-wrap .my-entry li a {
        height: 66px
    }

    .mypage-wrap .my-entry li:nth-child(n+4) {
        margin-top: 25px;
    }

    .mypage-wrap .my-entry.baebi li:nth-child(n+4) {
        margin-top: 0px;
    }

    .mypage-wrap .my-entry li .ico {
        height: 40px;
    }

    .mypage-wrap .my-entry.baebi li .ico {
        height: 0px;
        display: inline-block;
    }

    .mypage-wrap .my-entry li .ico span {
        font-size: 8px;
        min-width: 10px;
        height: 18px;
        line-height: 18px;
        top: 4px;
    }

    .mypage-wrap .my-entry.baebi li .ico span {
        font-size: 8px;
        min-width: 10px;
        height: 18px;
        line-height: 18px;
        top: 25px;
        left: 156px;
    }


    .mypage-wrap .my-entry li .ico img {
        width: 29px;
    }

    .scontainer.mexi .mypage-wrap .my-entry li .ico svg {
        width: 29px;
        height: auto;
    }

    .mypage-wrap .my-entry li .txt {
        font-size: 14px;
        margin-top: 5px;
    }

    .mypage-wrap .my-entry.baebi li .txt {
        font-size: 14px;
        margin-top: 5px;
        display: inline-block;
    }
}

.mypage-wrap .my-menu {
    padding: 0 0;
}

.mypage-wrap .my-menu li:nth-child(n+2) a:before {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    height: 1px;
    background: #eee;
}

.mypage-wrap .my-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12vw;
}

.mypage-wrap .my-menu li a:after {
    width: 2vw;
    height: 4vw;
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../_Img/Content/my-more.png) no-repeat center center;
    background-size: 60% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    content: ""
}

.mypage-wrap .my-menu li:first-child a {
    height: 15.6vw;
}

.mypage-wrap .my-menu.baebi li:first-child a {
    height: 12vw;
}

.mypage-wrap .my-menu li .vc {
    width: 100%;
}

.mypage-wrap .my-menu.baebi li .vc.coupon img {
    width: 35px;
    margin-right: 8px;

}

.mypage-wrap .my-menu.baebi li .vc.stamp img {
    height: 30px;
    margin-right: 8px;

}

.mypage-wrap .my-menu li .btxt {
    font-size: 3.2vw;
    color: #222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    display: inline-block;
    vertical-align: top;
}

.mypage-wrap .my-menu li .btxt.new {
    padding-right: 3.4vw;
    background: url(../_Img/Sub/ico-new.png) no-repeat right 52%;
    background-size: 2.4vw auto;
}

.mypage-wrap .my-menu li .stxt {
    font-size: 2.4vw;
    color: #999;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    margin-top: 0.8vw;
}

.mypage-wrap a.call_group {
    display: flex;
    border: 2px solid #1c355e;
    border-radius: 10px;
    margin: 20px 0;
}

.mypage-wrap a.call_group div.logo_group,
.mypage-wrap a.call_group div.tel_group {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 70px;
}

.mypage-wrap a.call_group div.logo_group div.icon_mexicana {
    width: 100%;
    height: 100%;
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Sub/icon_mexicana.png') no-repeat 50%;
    background-size: 60%;
}

.mypage-wrap a.call_group div.tel_group div.icon_call {
    width: 50px;
    height: 100%;
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Sub/icon_call.png') no-repeat 0 50%;
    background-size: 100%;
}

.mypage-wrap a.call_group div.tel_group p.icon_call_text {
    flex: 1;
    font-size: 3.2vw;
    color: #1c355e;
}

@media only screen and (max-width: 500px) {
    .mypage-wrap a.call_group div.logo_group,
    .mypage-wrap a.call_group div.tel_group {
        height: 50px;
    }
    .mypage-wrap a.call_group div.tel_group div.icon_call {
        width: 30px;
    }
}

@media only screen and (min-width: 501px) and (max-width: 998px) {
    .mypage-wrap a.call_group div.logo_group,
    .mypage-wrap a.call_group div.tel_group {
        height: 100px;
    }
}

@media only screen and (min-width: 999px) {
    .mypage-wrap a.call_group div.logo_group,
    .mypage-wrap a.call_group div.tel_group {
        height: 100px;
    }

    .mypage-wrap a.call_group div.tel_group p.icon_call_text {
        font-size: 32px;
    }
}

.mypage-wrap .copy .fix {
    background: #F6F6F6;
    text-align: center;
}

.mypage-wrap .copy p {
    font-size: 1.8vw;
    color: #888888;
    line-height: 1.2em;
    letter-spacing: -0.01em;
}

.mypage-wrap .copy.fix .fix {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: 750px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mypage-wrap .copy.rlz .fix {
    width: calc(100% + 6vw);
    margin-left: -3vw;
}

.mypage-wrap .my-menu ul:after {
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
    top: 0;
    display: block;
    content: "";
    height: 1px;
    background: #eee;
}

.creditcard, .kakao_type {
    font-size: 1rem;
    width: calc(100% + 30px);
    background: #fff;
    margin-left: -15px;
    padding: 10px 15px;

}

.creditcard select, .kakao_type select {
    font-size: 1rem;
    border-radius: 10px;
    height: 6vw;
    border: solid 1px #ccc;
    /*-webkit-appearance: none;
       background: none;
       -moz-appearance: none;
      appearance: none;
      */
    width: 33%;
    position: relative;
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;

}

.creditcard select:after, .kakao_type select:after {
    background: url(../_Img/Layout/select-arrow.png) no-repeat center center;

    opacity: 0.8;
    position: absolute;
    width: 2vw;
    height: 2vw;
    min-width: 16px;
    min-height: 16px;
    right: 2vw;
    top: 50%;
    display: block;
    content: "";
    z-index: 3;
    background-size: 70% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}

.mypage-wrap .my-menu.baebi li .vc.stamp p.btxt {
    padding-left: 1vw;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .my-menu ul:after {
        width: calc(100% + 30px);
        position: relative;
        left: -15px;
        top: 0;
        display: block;
        content: "";
        height: 1px;
        background: #eee;
    }

    .mypage-wrap .my-menu.baebi li .vc.coupon img {
        width: 60px;
    }

    .mypage-wrap .my-menu.baebi li .vc.stamp img {
        height: 50px;

    }


    .mypage-wrap .copy .fix {
        /*       padding: 70px 0;*/
    }

    .mypage-wrap .copy p {
        font-size: 18px
    }

    .mypage-wrap .copy.rlz .fix {
        width: calc(100% + 60px);
        margin-left: -30px
    }

    .mypage-wrap .my-menu li:nth-child(n+2) a:before {
        width: calc(100% + 60px);
        margin-left: -30px
    }

    .mypage-wrap .my-menu li:first-child a {
        height: 156px;
    }

    .mypage-wrap .my-menu.baebi li:first-child a {
        height: 120px;
    }


    .mypage-wrap .my-menu li a {
        height: 120px;
    }

    .mypage-wrap .my-menu li a:after {
        width: 20px;
        height: 40px;
    }

    .mypage-wrap .my-menu li .btxt {
        font-size: 32px
    }

    .mypage-wrap .my-menu li .btxt.new {
        padding-right: 34px;
        background-size: 24px auto;
    }

    .mypage-wrap .my-menu li .stxt {
        font-size: 24px;
        margin-top: 8px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .my-menu.baebi li .vc.stamp p.btxt {
        padding-left: 9px;
    }

    .creditcard, .kakao_type {
        font-size: 14px;
        width: calc(100% + 30px);
        background: #fff;
        margin-left: -15px;
        padding: 10px 15px;

    }

    .creditcard select, .kakao_type select {
        font-size: 14px;
        border-radius: 10px;
        height: 40px;
        border: solid 1px #ccc;
        /*-webkit-appearance: none;
           background: none;
           -moz-appearance: none;
          appearance: none;
          */
        width: 33%;
        position: relative;
        display: inline-block;
        margin-left: 10px;
        padding-left: 10px;

    }

    .creditcard select:after, .kakao_type select:after {
        background: url(../_Img/Layout/select-arrow.png) no-repeat center center;

        opacity: 0.8;
        position: absolute;
        width: 2vw;
        height: 2vw;
        min-width: 16px;
        min-height: 16px;
        right: 2vw;
        top: 50%;
        display: block;
        content: "";
        z-index: 3;
        background-size: 70% auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);

    }


    .mypage-wrap .copy .fix {
        /* padding: 35px 0;*/
    }

    .mypage-wrap .copy p {
        font-size: 9px
    }

    .mypage-wrap .copy.rlz .fix {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .mypage-wrap .my-menu ul:after {
        width: calc(100% + 30px);
        position: relative;
        left: -15px;
        top: 0;
        display: block;
        content: "";
        height: 1px;
        background: #eee;
    }

    .mypage-wrap .my-menu li:nth-child(n+2) a:before {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .mypage-wrap .my-menu li:first-child a {
        height: 60px;
    }

    .mypage-wrap .my-menu li a {
        height: 60px;
    }

    .mypage-wrap .my-menu li a:after {
        width: 10px;
        height: 20px;

    }

    .mypage-wrap .my-menu li:last-child a:after {


    }

    .mypage-wrap .my-menu li .btxt {
        font-size: 16px
    }

    .mypage-wrap .my-menu li .btxt.new {
        padding-right: 17px;
        background-size: 12px auto;
    }

    .mypage-wrap .my-menu li .stxt {
        font-size: 12px;
        margin-top: 4px;
    }
}

.mypage-wrap .notice.list {
}

.mypage-wrap .notice.list li a:before {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    height: 1px;
    background: #eee;
}

.mypage-wrap .notice.list li a {
    position: relative;
    padding: 4vw 0;
    display: block;
}

.mypage-wrap .notice.list li a:after {
    width: 2vw;
    height: 4vw;
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../_Img/Content/my-more.png) no-repeat center center;
    background-size: 60% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    content: ""
}

.mypage-wrap .notice.list li .vc {
    width: 100%;
    box-sizing: border-box;
    padding-right: 4vw;
}

.mypage-wrap .notice.list li .btxt {
    font-size: 3vw;
    color: #222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

.mypage-wrap .notice.list li .btxt.new {
    padding-right: 3.4vw;
    background: url(../_Img/Sub/ico-new.png) no-repeat right 52%;
    background-size: 2.4vw auto;
}

.mypage-wrap .notice.list li .stxt {
    font-size: 2.4vw;
    color: #999;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    margin-top: 0.8vw;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .notice.list li a:before {
        width: calc(100% + 60px);
        margin-left: -30px
    }

    .mypage-wrap .notice.list li a {
        padding: 40px 0;
    }

    .mypage-wrap .notice.list li a:after {
        width: 20px;
        height: 40px;
    }

    .mypage-wrap .notice.list li .vc {
        padding-right: 40px;
    }

    .mypage-wrap .notice.list li .btxt {
        font-size: 30px
    }

    .mypage-wrap .notice.list li .btxt.new {
        padding-right: 34px;
        background-size: 24px auto;
    }

    .mypage-wrap .notice.list li .stxt {
        font-size: 24px;
        margin-top: 8px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .notice.list li a:before {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .mypage-wrap .notice.list li a {
        padding: 20px 0
    }

    .mypage-wrap .notice.list li a:after {
        width: 10px;
        height: 20px;
    }

    .mypage-wrap .notice.list li .vc {
        padding-right: 20px;
    }

    .mypage-wrap .notice.list li .btxt {
        font-size: 15px
    }

    .mypage-wrap .notice.list li .btxt.new {
        padding-right: 17px;
        background-size: 12px auto;
    }

    .mypage-wrap .notice.list li .stxt {
        font-size: 12px;
        margin-top: 4px;
    }
}

.mypage-wrap .notice.detail {
}

.mypage-wrap .notice.detail .info {
    position: relative;
    padding: 4vw 0;
}

.mypage-wrap .notice.detail .info:after {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    height: 1px;
    background: #eee;
}

.mypage-wrap .notice.detail .info .btxt {
    font-size: 3vw;
    color: #222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

.mypage-wrap .notice.detail .info .stxt {
    font-size: 2.4vw;
    color: #999;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    margin-top: 0.8vw;
}

.mypage-wrap .notice.detail .txt {
    padding: 4vw 0;
}

.mypage-wrap .notice.detail .txt p {
    font-size: 2.8vw;
    color: #666;
    line-height: 1.5em;
    letter-spacing: -0.035em;
    word-break: keep-all;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .notice.detail .info {
        padding: 40px 0
    }

    .mypage-wrap .notice.detail .info:after {
        width: calc(100% + 60px);
        margin-left: -30px
    }

    .mypage-wrap .notice.detail .info .btxt {
        font-size: 30px
    }

    .mypage-wrap .notice.detail .info .stxt {
        font-size: 24px;
        margin-top: 8px;
    }

    .mypage-wrap .notice.detail .txt {
        padding: 40px 0;
    }

    .mypage-wrap .notice.detail .txt p {
        font-size: 28px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .notice.detail .info {
        padding: 20px 0
    }

    .mypage-wrap .notice.detail .info:after {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .mypage-wrap .notice.detail .info .btxt {
        font-size: 15px
    }

    .mypage-wrap .notice.detail .info .stxt {
        font-size: 12px;
        margin-top: 4px;
    }

    .mypage-wrap .notice.detail .txt {
        padding: 20px 0;
    }

    .mypage-wrap .notice.detail .txt p {
        font-size: 14px;
    }
}


/*=======================================================
    .mypage-wrap .event
=========================================================*/

.mypage-wrap .event.list {
    padding: 4.8vw 0
}

.mypage-wrap .event.list h3 {
    text-align: center;
    font-size: 4.4vw;
    color: #222;
    font-weight: 700;
    line-height: 1.1em;
    letter-spacing: -0.03em;
}

.mypage-wrap .event.list ul {
    margin-top: 4.8vw;
}

.mypage-wrap .event.list li {
}

.mypage-wrap .event.list li:nth-child(n+2) {
    margin-top: 4vw;
}

.mypage-wrap .event.list li a {
    position: relative;
    display: block;
    background: #ccc;
    box-sizing: border-box;
    min-height: 47.2vw;
}

.mypage-wrap .event.list li .btxt {
    font-weight: 400;
    color: #fff;
    font-size: 2.6vw;
    line-height: 1.3em;
    letter-spacing: -0.03em;
}

.mypage-wrap .event.list li .stxt {
    font-weight: 700;
    color: #fff;
    font-size: 6.6vw;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    margin-top: 1vw;
}

.mypage-wrap .event.list li .ctxt {
    position: absolute;
    right: 2.4vw;
    bottom: 2.4vw;
    background: rgba(255, 255, 255, 0.52);
    border-radius: 4.8vw;
    line-height: 4.8vw;
    text-align: center;
    color: #222;
    font-size: 2.4vw;
    padding: 0 3vw;
}

.mypage-wrap .event.list .lower {
    margin-top: 9vw;
    text-align: center;
}

.mypage-wrap .event.list .more {
    display: inline-block;
    vertical-align: top;
    font-size: 3.2vw;
    letter-spacing: -0.03em;
    width: 36vw;
    height: 7.4vw;
    text-align: center;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 7.2vw;
    border-radius: 2.4vw;
    color: #222
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .event.list {
        padding: 48px 0
    }

    .mypage-wrap .event.list h3 {
        font-size: 54px;
    }

    .mypage-wrap .event.list ul {
        margin-top: 48px;
    }

    .mypage-wrap .event.list li:nth-child(n+2) {
        margin-top: 40px;
    }

    .mypage-wrap .event.list li a {
        min-height: 332px
    }

    .mypage-wrap .event.list li .btxt {
        font-size: 26px;
    }

    .mypage-wrap .event.list li .stxt {
        font-size: 66px;
        margin-top: 10px;
    }

    .mypage-wrap .event.list li .ctxt {
        right: 24px;
        bottom: 24px;
        border-radius: 48px;
        line-height: 48px;
        font-size: 24px;
        padding: 0 30px;
    }

    .mypage-wrap .event.list .lower {
        margin-top: 90px
    }

    .mypage-wrap .event.list .more {
        width: 360px;
        height: 74px;
        line-height: 72px;
        font-size: 32px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .event.list {
        padding: 24px 0
    }

    .mypage-wrap .event.list h3 {
        font-size: 17px;
    }

    .mypage-wrap .event.list ul {
        margin-top: 24px;
    }

    .mypage-wrap .event.list li:nth-child(n+2) {
        margin-top: 20px;
    }

    .mypage-wrap .event.list li a {
        min-height: 45vw;
    }

    .mypage-wrap .event.list li .btxt {
        font-size: 13px;
    }

    .mypage-wrap .event.list li .stxt {
        font-size: 33px;
        margin-top: 5px;
    }

    .mypage-wrap .event.list li .ctxt {
        right: 12px;
        bottom: 12px;
        border-radius: 24px;
        line-height: 24px;
        font-size: 12px;
        padding: 0 15px;
    }

    .mypage-wrap .event.list .lower {
        margin-top: 45px
    }

    .mypage-wrap .event.list .more {
        width: 180px;
        height: 37px;
        line-height: 36px;
        font-size: 16px;
    }
}

.mypage-wrap .event.detail {
}

.mypage-wrap .event.detail .roulette {
    width: calc(100% + 6vw);
    margin-left: -3vw;
}

.mypage-wrap .event.detail .roulette img {
    width: 100%;
}

.mypage-wrap .event.detail .txt {
    margin-top: 6vw;
    text-align: center;
    font-size: 3.2vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.5em;
}

.mypage-wrap .event.detail .btns {
    margin-top: 9vw;
    padding: 0 2vw
}

.mypage-wrap .event.detail .btns a {
    display: block;
    font-size: 4.6vw;
    line-height: 14vw;
    border-radius: 1.2vw;
    background: #222;
    font-weight: 400;
    color: #fff;
    letter-spacing: -0.03em;
}

.mypage-wrap .event.detail .ul-list03 {
    margin-top: 10.6vw;
    min-height: 64.4vw;
    background: #F3F3F3;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    box-sizing: border-box;
    padding: 3.6vw 3vw
}

.mypage-wrap .event.detail .lower {
    /* width: calc(100% + 6vw);
     margin-left: -3vw;*/
}

.mypage-wrap .event.detail .lower .other-btn {
    line-height: 12vw;
    text-align: center;
    letter-spacing: -0.03em;
    background: #5190F0;
    font-size: 3.2vw;
    color: #fff;
    display: block;
    border-radius: 2.5vw;
    margin: 2vw 4vw;
}

/*temp*/
.mypage-wrap .event.detail .txt .enter-div {
    text-align: center;
    margin-bottom: 10px;
}

.mypage-wrap .event.detail .txt .enter-div p {
    font-size: 0.8em;
    margin-top: 10px;
}

.mypage-wrap .event.detail .txt .enter-div .enter-btn {
    display: block;
    width: 50%;
    background: #533D90;
    line-height: 10vw;
    font-size: 3.2vw;
    color: #fff;
    border: 1px solid #533D90;
    margin: 0 auto;
    box-shadow: 3px 3px 6px rgba(24, 56, 10, 0.5);
}

.mypage-wrap .event.detail .txt .enter-div .enter-btn {
}

.mypage-wrap .notice.detail .lower .other-btn {
    line-height: 12vw;
    text-align: center;
    letter-spacing: -0.03em;
    background: #5190F0;
    font-size: 3.2vw;
    color: #fff;
    display: block;
    border-radius: 2.5vw;
    margin: 2vw 4vw;

}

.scontainer.mexi .mypage-wrap .event.detail .lower .other-btn {
    background: #1c355e;
}

.scontainer.mexi .mypage-wrap .notice.detail .lower .other-btn {
    background: #1c355e;
}

.clause-wrap table tr th, .clause-wrap tbody tr td {
    padding: 1.5vw 1.5vw;
    border: solid 1px #ccc;
}

.clause-wrap .txt .btxt th, .clause-wrap table td {
    border: solid 1px #ccc;
    font-size: 11px;
    line-height: 2.5vw;
    vertical-align: middle;
}

.red_alert {
    position: relative;
    color: #ff565e;
    font-size: 2.0vw;
    top: 0.3vw;
    padding-left: 1.8vw;
}

.gray_alert {
    position: relative;
    font-size: 2.0vw;
    color: #8C8C8C;
    top: 0.3vw;
    padding-left: 1.8vw;
}

.far.fa-question-circle.joinstep2 {
    position: relative;
    top: 0.1vw;
}

.cerfity-btn {
    background-color: #fff;
}

#next_btn {
    color: #444;
}

.enginput {
    ime-mode: disabled;

}

.clause-wrap .intendstyle1 li {
    font-size: 2vw;
    line-height: 2.5vw;
    color: #999999;
}

.card {
    margin-bottom: 10px;
}

@media only screen and (min-width: 999px) {
    .clause-wrap .intendstyle1 li {
        font-size: 20px;
        line-height: 25px;

    }

    .red_alert {
        font-size: 20px;
    }

    .gray_alert {
        font-size: 20px;
    }

    .clause-wrap table tr th, .clause-wrap tbody tr td {
        padding: 15px 15px;
        line-height: 18px;
        font-size: 12px;
    }

    .clause-wrap table tr, tbody tr td {
        padding: 15px 15px;
    }

    .mypage-wrap .event.detail .roulette {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .mypage-wrap .event.detail .txt {
        margin-top: 60px;
        font-size: 32px;
    }

    .mypage-wrap .event.detail .btns {
        margin-top: 90px;
        padding: 0 20px
    }

    .mypage-wrap .event.detail .btns a {
        font-size: 46px;
        line-height: 140px;
        border-radius: 12px;
    }

    .mypage-wrap .event.detail .ul-list03 {
        margin-top: 106px;
        min-height: 644px;
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 36px 30px
    }

    .mypage-wrap .event.detail .lower {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .mypage-wrap .event.detail .lower .other-btn {
        line-height: 120px;
        font-size: 32px;
        border-radius: 20px;
        margin: 20px 62px;
    }

    /*temp*/
    .mypage-wrap .event.detail .txt .enter-div .enter-btn {
        line-height: 80px;
        font-size: 32px;
    }
}

@media only screen and (max-width: 500px) {
    .clause-wrap .intendstyle1 li {
        font-size: 11px;
        line-height: 17px;
        padding-left: 10px;
    }

    .red_alert {
        font-size: 11px;
        padding-left: 10px;
    }

    .gray_alert {
        font-size: 11px;
        padding-left: 10px;
    }

    .clause-wrap table thead tr th {
        padding: 11px;
        font-size: 12px;
        line-height: 1.5em;
    }


    .clause-wrap table tr, tbody tr td {
        padding: 5px 5px;
    }

    .mypage-wrap .event.detail .roulette {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .mypage-wrap .event.detail .txt {
        margin-top: 30px;
        font-size: 16px;
    }

    .mypage-wrap .event.detail .btns {
        margin-top: 45px;
        padding: 0 10px
    }

    .mypage-wrap .event.detail .btns a {
        font-size: 23px;
        line-height: 70px;
        border-radius: 6px;
    }

    .mypage-wrap .event.detail .ul-list03 {
        margin-top: 53px;
        min-height: 322px;
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 18px 15px
    }

    .mypage-wrap .event.detail .lower {
        /* width: calc(100% + 30px);
         margin-left: -15px;*/
    }

    .mypage-wrap .event.detail .lower .other-btn {
        line-height: 60px;
        font-size: 16px;
        border-radius: 12px;
        margin: 15px 15px;
    }

    /*temp*/
    .mypage-wrap .event.detail .txt .enter-div .enter-btn {
        line-height: 40px;
        font-size: 16px;
    }
}


/*=======================================================
    .mypage-wrap .customer
=========================================================*/

.mypage-wrap .customer.list {
}

.mypage-wrap .customer.list .tits {
    padding: 4vw 0;
    position: relative;
    background-color: #f3f3f3;
}

/*.mypage-wrap .customer.list .tits:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
    content: "";
    background: url(../_Img/Content/customer-img01.png) no-repeat left center;
    background-size: 25.2vw auto
}*/

.mypage-wrap .customer.list .tits h3 {
    font-size: 4vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.3em;
    font-weight: 400;
    position: relative;
    /*left: 32vw;*/
}

.mypage-wrap .customer.list .tits p {
    margin-top: 2vw;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    position: relative;
    left: 32vw;
}

.mypage-wrap .customer.list .order {
    background: #f3f3f3;
    box-sizing: border-box;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    padding: 4vw 3vw
}

.mypage-wrap .customer.list.baebi .order {
    background: #5190f0;
    box-sizing: border-box;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    padding: 4vw 3vw
}


.mypage-wrap .customer.list .order a {
    background: #fff;
    display: block;
    border: 1px solid #d7d7d7;
    height: 9vw;
    box-sizing: border-box;
    line-height: 8.8vw;
    text-align: center;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
}

.mypage-wrap .customer.list.baebi .order a {
    background: #fff;
    display: block;
    border: 0px solid #d7d7d7;
    height: 9vw;
    border-radius: 4px;
    box-sizing: border-box;
    line-height: 8.8vw;
    text-align: center;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
}


.mypage-wrap .customer.list .order a span {
    display: inline-block;
    vertical-align: top;
    padding-left: 4vw;
    background: url(../_Img/Content/customer-phone.png) no-repeat left 52%;
    background-size: 3vw auto;
    color: #5190f0;
    font-weight: bold;
}

.scontainer.mexi .mypage-wrap .customer.list .order a span {
    color: #1c355e;
}


.mypage-wrap .customer.list .order .btxt {
    margin-top: 1.6vw;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.1em;
}

.mypage-wrap .customer.list .order .stxt {
    margin-top: 1vw;
    font-size: 2.4vw;
    color: #888;
    letter-spacing: -0.03em;
    line-height: 1.1em;
}

.mypage-wrap .customer.list.baebi .order .stxt {
    margin-top: 1vw;
    font-size: 2.4vw;
    color: #fff;
    letter-spacing: -0.03em;
    line-height: 1.1em;
    text-align: center;
    padding-top: 5px;

}


.mypage-wrap .customer.list .counsel {
    margin-top: 6vw;
}

.mypage-wrap .customer.list .counsel ul {
}

.mypage-wrap .customer.list .counsel li {
    position: relative;
}

.mypage-wrap .customer.list.baebi .counsel li {
    position: relative;
}


.mypage-wrap .customer.list .counsel li:nth-child(n+2) {
    margin-top: 3vw;
}


.mypage-wrap .customer.list .counsel li a {
    display: block;
    border: 1px solid #d7d7d7;
    height: 9vw;
    box-sizing: border-box;
    line-height: 8.8vw;
    text-align: center;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
}

.mypage-wrap .customer.list.baebi .counsel li a {
    display: block;
    border: 0px solid #d7d7d7;
    height: 9vw;
    box-sizing: border-box;
    line-height: 4.8vw;
    text-align: left;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
}

.mypage-wrap .customer.list.baebi .counsel li .phoneconfirm {
    font-size: 12px;
}


.mypage-wrap .customer.list .counsel li a span {
    display: inline-block;
    vertical-align: top;
}

.mypage-wrap .customer.list .counsel li:nth-child(0) a span {
    padding-left: 5.6vw;
    background: url(../_Img/Content/customer-kakao.png) no-repeat left 52%;
    background-size: 4.4vw auto;
}

.mypage-wrap .customer.list .counsel li:nth-child(1) a span {
    padding-left: 4vw;
    background: url(../_Img/Content/customer-phone.png) no-repeat left 52%;
    background-size: 3vw auto;
}

.mypage-wrap .customer.list .counsel li a.kakao span {
    background: url(../_Img/Content/contact.png) no-repeat left 52%;
    background-size: 4.2vw;
    padding-left: 5vw;

}


.mypage-wrap .customer.list.baebi .counsel li:nth-child(3) a span {
    padding-left: 5.6vw;
    background: url(../_Img/Content/contact.png) no-repeat left 52%;
    background-size: 4.4vw auto;
}

.mypage-wrap .customer.list .counsel li:nth-child(2) a span {
    padding-left: 5.6vw;
    background: url(../_Img/Content/report.png) no-repeat left 52%;
    background-size: 3.4vw auto;
}


.mypage-wrap .customer.list .counsel .notify {
    margin: 6.4vw 0vw;
    text-align: center;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 4vw;
}

.mypage-wrap .customer.list .counsel li a.kakao {
    background: #ffd22d;
    border: 0px;
}

.mypage-wrap .customer.list.baebi .counsel li a.kakao {
    background: #fff;
    border: 0px;
}

.mypage-wrap .customer.list .counsel .cscenter_info,
.mypage-wrap .customer.list .counsel .cscenter_info h5 {
    margin-top: 15px;
}

.mypage-wrap .customer.list .counsel .cscenter_info > div {
    margin-top: 8px;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .customer.list .tits {
        padding: 40px 0;

    }

    .mypage-wrap .customer.list .tits:after {
        background-size: 252px auto;
    }

    .mypage-wrap .customer.list .tits h3 {
        font-size: 40px;
        position: relative;
        /*left: 330px;*/
    }

    .mypage-wrap .customer.list .tits p {
        margin-top: 20px;
        font-size: 28px;
        position: relative;
        left: 330px;
    }

    .mypage-wrap .customer.list .order {
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 40px 30px
    }

    .mypage-wrap .customer.list .order a {
        height: 90px;
        line-height: 88px;
        font-size: 28px;
    }

    .mypage-wrap .customer.list .order a span {
        padding-left: 40px;
        background-size: 30px auto;
        color: #5190f0;
        font-weight: bold;
    }

    .mypage-wrap .customer.list .order .btxt {
        margin-top: 16px;
        font-size: 28px;
    }

    .mypage-wrap .customer.list .order .stxt {
        margin-top: 10px;
        font-size: 24px;
    }

    .mypage-wrap .customer.list .counsel {
        margin-top: 60px;
    }

    .mypage-wrap .customer.list .counsel li:nth-child(n+2) {
        margin-top: 30px;
    }

    .mypage-wrap .customer.list .counsel li a {
        height: 90px;
        line-height: 88px;
        font-size: 28px;
    }

    .mypage-wrap .customer.list .counsel li:nth-child(1) a span {
        padding-left: 56px;
        background-size: 44px auto;
    }

    .mypage-wrap .customer.list .counsel li:nth-child(2) a span {
        padding-left: 40px;
        background-size: 30px auto;
    }

    .mypage-wrap .customer.list .counsel .notify {
        margin-top: 64px;
        font-size: 28px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .customer.list .tits {
        width: 100%;
        padding: 20px 15px;
        margin-left: -15px;
    }

    .mypage-wrap .customer.list .tits:after {
        background-size: 126px auto;
    }

    .mypage-wrap .customer.list .tits h3 {
        font-size: 20px;
        position: relative;
        /*left: 41%;*/
    }

    .mypage-wrap .customer.list .tits p {
        margin-top: 10px;
        font-size: 14px;
        position: relative;
        left: 41%;
    }

    .mypage-wrap .customer.list .order {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 20px 15px
    }

    .mypage-wrap .customer.list .order a {
        height: 45px;
        line-height: 44px;
        font-size: 14px;
    }

    .mypage-wrap .customer.list .order a span {
        padding-left: 20px;
        background-size: 15px auto;
        color: #5190f0;
        font-weight: bold;
    }

    .mypage-wrap .customer.list .order .btxt {
        margin-top: 8px;
        font-size: 14px;
    }

    .mypage-wrap .customer.list.baebi .order .btxt {
        margin-top: 8px;
        font-size: 14px;
        text-align: center;
        padding-bottom: 20px;
        color: #fff;
    }

    .mypage-wrap .customer.list .order .stxt {
        margin-top: 5px;
        font-size: 12px;
    }

    .mypage-wrap .customer.list .counsel {
        margin-top: 30px;
    }

    .mypage-wrap .customer.list .counsel li:nth-child(n+2) {
        margin-top: 15px;
        position: relative;
    }

    .mypage-wrap .customer.list .counsel li a {
        height: 45px;
        line-height: 44px;
        font-size: 14px;
    }


    .mypage-wrap .customer.list .counsel li:nth-child(1) a span {
        padding-left: 28px;
        background-size: 15px auto;
    }

    .mypage-wrap .customer.list .counsel li a.kakao span {
        background: url(../_Img/Content/contact.png) no-repeat left 52%;
        background-size: 20px auto;
    }


    .mypage-wrap .customer.list .counsel li:nth-child(2) a span {
        padding-left: 20px;
        background-size: 15px auto;
    }

    .mypage-wrap .customer.list.baebi .counsel li:nth-child(2) a span {
        padding-left: 28px;
        background-size: 15px auto;
    }

    .mypage-wrap .customer.list.baebi .counsel li:nth-child(3) a span {
        padding-left: 24px;
        background-size: 15px auto;
    }


    .mypage-wrap .customer.list.baebi .counsel li:nth-child(n+1) a:before {

        width: calc(100% + 30px);
        margin-left: -15px;
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        content: "";
        height: 1px;
        background: #eee;

    }


    .mypage-wrap .customer.list .counsel .notify {
        margin: 32px 0;
        font-size: 14px;
        line-height: 20px;
    }
}

.mypage-wrap .customer.entry {
    padding: 4vw 2vw 3vw 2vw;
}


.mypage-wrap .customer.entry ul {
}

.mypage-wrap .customer.entry li {
    position: relative;
    padding-left: 17vw
}

.mypage-wrap .customer.entry li:nth-child(n+2) {
    margin-top: 2vw;
}

.mypage-wrap .customer.entry li .btxt {
    font-size: 2.8vw;
    line-height: 8.2vw;
    letter-spacing: -0.03em;
    letter-spacing: -0.03em;
    position: absolute;
    left: 0;
    top: 0;
}

.mypage-wrap .customer.entry li .btxt.nec span {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.mypage-wrap .customer.entry li .btxt.nec span:after {
    width: 3.8vw;
    height: 0.8vw;
    position: absolute;
    /*right: -1.6vw;*/
    top: 2.6vw;
    display: block;
    content: "선택";
    color: #57aaff;
    font-size: 10px;
    /*background: #5190F0;*/
    border-radius: 100%;

}

.scontainer.mexi .mypage-wrap .customer.entry li .btxt.nec span:after {
    color: #e20000;
}

.mypage-wrap .customer.entry li .chk-input {
    width: 100%
}

.mypage-wrap .customer.entry li .chk-input input {
    border-radius: 0;
    height: 8.2vw;
}

.mypage-wrap .customer.entry li .chk-input textarea {
    height: 36.6vw;
    box-sizing: border-box;
    resize: none;
    width: 100%;
    border: 1px solid #ccc;
    padding: 2vw;
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    line-height: 1.5em;
}

.mypage-wrap .customer.entry li .chk-select {
    width: 100%;
    border: 1px solid #ccc;
    background: none;
    border-radius: 0;
}

.mypage-wrap .customer.entry li .chk-select:after {
    width: 8.2vw;
    height: 8.2vw;
    border-left: 1px solid #ccc;
    background-size: 30% auto;
    right: 0;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.mypage-wrap .customer.entry li .chk-select select {
    height: 8.2vw;
    padding-right: 8.2vw;
}

.mypage-wrap .customer.entry li .field.files .upload-photo {
    display: inline-block;
    vertical-align: top;
}

.mypage-wrap .customer.entry li .field.files .upload-photo:nth-child(n+2) {
    margin-left: 2vw
}

.mypage-wrap .customer.entry li .field.agree {
}

.mypage-wrap .customer.entry li .field.agree .chk-check {
    display: block;
    height: 8vw;
}

.mypage-wrap .customer.entry li .field.agree .chk-check input[type="checkbox"] + label {
    display: block;
    padding: 0;
    line-height: 8vw;
    height: 8vw;
    text-align: center;
    background: #ccc;
    border-radius: 0;
    font-size: 3vw;
    color: #fff;
}

.mypage-wrap .customer.entry li .field.agree .chk-check input[type="checkbox"] + label:after {
    display: none
}

.mypage-wrap .customer.entry li .field.agree .chk-check input[type="checkbox"]:checked + label {
    background: #5190F0;
}

.mypage-wrap .customer.entry li .field.agree .chk-check input[type="checkbox"] + label span {
    display: inline-block;
    vertical-align: top;
    padding-left: 4.4vw;
    background: url(../_Img/Sub/check-on.png) no-repeat left 52%;
    background-size: 3vw auto;
}

.mypage-wrap .customer.entry li .field.agree a {
    position: relative;
    display: block;
    margin-top: 3vw;
    font-size: 2.2vw;
    padding-right: 3vw;
    color: #9a9a9a;
    line-height: 3.2vw;
    text-align: right;
}

.mypage-wrap .customer.entry li .field.agree a:after {
    width: 4vw;
    background: url(../_Img/Sub/agree-arrow.jpg) no-repeat right 50%;
    background-size: 1.4vw auto;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: block;
    content: ""
}

.mypage-wrap .customer.entry .lower {
    margin-top: 6vw;
    width: 100%;
    margin-left: -1vw;
    padding: 0 1vw;
}

.mypage-wrap .customer.entry .lower a {
    width: 50%;
    line-height: 14vw;
    text-align: Center;
    color: #fff;
    font-size: 3.4vw;
    letter-spacing: -0.03em;
}

.mypage-wrap .customer.entry .lower .cancel-btn {
    float: left;
    background: #707070
}

.mypage-wrap .customer.entry .lower .enter-btn {
    float: right;
    background: #5190F0;
    border-radius: 12px;
}

.scontainer.mexi .mypage-wrap .customer.entry .lower .enter-btn {
    background: #1c355e;
}


@media only screen and (min-width: 999px) {
    .mypage-wrap .customer.entry {
        padding: 40px 20px 30px 20px;
    }

    .mypage-wrap .customer.entry li {
        padding-left: 170px
    }

    .mypage-wrap .customer.entry li:nth-child(n+2) {
        margin-top: 20px;
    }

    .mypage-wrap .customer.entry li .btxt {
        font-size: 28px;
        line-height: 82px;
    }

    .mypage-wrap .customer.entry li .btxt.nec span:after {
        width: 26px;
        height: 8px;
        /*right: -16px;*/
        top: 26px;
        left: 0px;
        font-size: 14px
    }

    .mypage-wrap .customer.entry li .chk-input input {
        height: 82px;
    }

    .mypage-wrap .customer.entry li .chk-input textarea {
        height: 366px;
        padding: 20px;
        font-size: 28px;
    }

    .mypage-wrap .customer.entry li .chk-select:after {
        width: 82px;
        height: 82px;
    }

    .mypage-wrap .customer.entry li .chk-select select {
        height: 82px;
    }

    .mypage-wrap .customer.entry li .field.files .upload-photo:nth-child(n+2) {
        margin-left: 20px
    }

    .mypage-wrap .customer.entry li .field.agree .chk-check {
        height: 80px;
    }

    .mypage-wrap .customer.entry li .field.agree .chk-check input[type="checkbox"] + label {
        line-height: 80px;
        height: 80px;
        font-size: 30px;
    }

    .mypage-wrap .customer.entry li .field.agree .chk-check input[type="checkbox"] + label span {
        padding-left: 44px;
        background-size: 30px auto;
    }

    .mypage-wrap .customer.entry li .field.agree a {
        margin-top: 30px;
        font-size: 22px;
        padding-right: 30px;
        line-height: 32px
    }

    .mypage-wrap .customer.entry li .field.agree a:after {
        width: 40px;
        font-size: 16px;
        background-size: 14px auto;
    }

    .mypage-wrap .customer.entry .lower {
        margin-top: 60px;
        width: 100%;
        margin-left: -15px;
        padding: 0 15px;
    }

    .mypage-wrap .customer.entry .lower a {
        font-size: 34px;
        line-height: 110px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .customer.entry {
        padding: 20px 0;
    }

    .mypage-wrap .customer.entry li {
        padding-left: 85px
    }

    .mypage-wrap .customer.entry li:nth-child(n+2) {
        margin-top: 10px;
    }

    .mypage-wrap .customer.entry li .btxt {
        font-size: 14px;
        line-height: 41px;
    }

    .mypage-wrap .customer.entry li .btxt.nec span:after {
        width: 23px;
        height: 4px;
        /*right: -8px;*/
        top: 14px;
        left: 0px
    }

    .mypage-wrap .customer.entry li .chk-input input {
        height: 41px;
    }

    .mypage-wrap .customer.entry li .chk-input textarea {
        height: 183px;
        padding: 10px;
        font-size: 14px;
    }

    .mypage-wrap .customer.entry li .chk-select:after {
        width: 41px;
        height: 41px;
    }

    .mypage-wrap .customer.entry li .chk-select select {
        height: 41px;
    }

    .mypage-wrap .customer.entry li .field.files .upload-photo:nth-child(n+2) {
        margin-left: 10px
    }

    .mypage-wrap .customer.entry li .field.agree .chk-check {
        height: 40px;
    }

    .mypage-wrap .customer.entry li .field.agree .chk-check input[type="checkbox"] + label {
        line-height: 40px;
        height: 40px;
        font-size: 15px
    }

    .mypage-wrap .customer.entry li .field.agree .chk-check input[type="checkbox"] + label span {
        padding-left: 22px;
        background-size: 15px auto;
    }

    .mypage-wrap .customer.entry li .field.agree a {
        margin-top: 15px;
        font-size: 11px;
        padding-right: 15px;
        line-height: 16px
    }

    .mypage-wrap .customer.entry li .field.agree a:after {
        width: 20px;
        background-size: 7px auto;
    }

    .mypage-wrap .customer.entry .lower {
        margin-top: 30px;
        width: 100%;
        margin-left: -15px;
        padding: 0 15px;

    }

    .mypage-wrap .customer.entry .lower a {
        font-size: 17px;
        line-height: 70px;
    }
}

.mypage-wrap .upload-photo {
}

.mypage-wrap .upload-photo.hides .delete-file {
    display: none;
}

.mypage-wrap .upload-photo input[type="file"] {
    display: none
}

.mypage-wrap .upload-photo .show .delete-file {
    display: block;
}

.mypage-wrap .upload-photo .delete-file {
    display: none;
    position: Absolute;
    cursor: pointer;
    border: none;
    width: 4vw;
    height: 4vw;
    right: 0;
    top: 0;
    background: url(../_Img/Sub/photo-delete.png) no-repeat center center rgba(0, 0, 0, 0.95);
    background-size: 40% auto;
    -webkit-transition: background 0s ease-out;
    -moz-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
}

.mypage-wrap .upload-photo label {
    width: 14.4vw;
    height: 14.4vw;
    display: block;
    background: url(../_Img/Sub/ico-photo.png) no-repeat center center;
    background-size: 40% auto;
    z-index: -1;
}

.mypage-wrap .upload-photo .add-file.show ~ label:after,
.mypage-wrap .upload-photo .add-file.show ~ label {
    display: none
}

.mypage-wrap .upload-photo .add-file {
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
    height: 14.4vw;
    width: 14.4vw;
}

.mypage-wrap .upload-photo .add-file.show {
    display: inline-block;
    vertical-align: top;
}

.mypage-wrap .upload-photo .add-file img {
    width: 100%;
    height: 14.4vw;
    object-fit: cover;
}

.mypage-wrap .upload-photo.active label {
    display: none;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .upload-photo {
    }

    .mypage-wrap .show .delete-file {
        width: 40px;
        height: 40px;
    }

    .mypage-wrap .upload-photo label {
        width: 144px;
        height: 144px;
    }

    .mypage-wrap .upload-photo .add-file {
        height: 144px;
        width: 144px
    }

    .mypage-wrap .upload-photo .add-file.show {
        height: 144px;
        width: 144px;
    }

    .mypage-wrap .upload-photo .add-file img {
        height: 144px;
    }

    .mypage-wrap .upload-photo .delete-file {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .upload-photo {
    }

    .mypage-wrap .upload-photo label {
        width: 72px;
        height: 72px
    }

    .mypage-wrap .upload-photo .add-file {
        height: 72px;
        width: 72px
    }

    .mypage-wrap .upload-photo .add-file img {
        height: 72px;
    }

    .mypage-wrap .upload-photo .delete-file {
        width: 20px;
        height: 20px;
    }
}

.mypage-wrap .counsel.mylist {
}

.mypage-wrap .counsel.mylist li {
    position: relative;
}

.mypage-wrap .counsel.mylist li:nth-child(n+2):before {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    height: 1px;
    background: #eee;
}

.mypage-wrap .counsel.mylist li a:before {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    height: 1px;
    background: #eee;
}

.mypage-wrap .counsel.mylist li.active a:before {
    display: none;
}

.mypage-wrap .counsel.mylist li a {
    position: relative;
    padding: 4vw 0;
    display: block;
}

.mypage-wrap .counsel.mylist li .vc {
    width: 100%;
    box-sizing: border-box;
    padding-right: 4vw;
}

.mypage-wrap .counsel.mylist li .vc .btxt {
    font-size: 3vw;
    color: #222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

.mypage-wrap .counsel.mylist li .vc .btxt.new {
    padding-right: 3.4vw;
    background: url(../_Img/Sub/ico-new.png) no-repeat right 52%;
    background-size: 2.4vw auto;
}

.mypage-wrap .counsel.mylist li .vc .stxt {
    font-size: 2.4vw;
    color: #999;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    margin-top: 0.8vw;
}

.mypage-wrap .counsel.mylist li .vc .state {
    position: absolute;
    right: 0;
    top: 4vw;
    line-height: 4vw;
    width: 11vw;
    text-align: center;
    color: #fff;
    font-size: 2.2vw;
    letter-spacing: -0.03em;
}

.mypage-wrap .counsel.mylist li .vc .state.end {
    background: #ccc;
}

.mypage-wrap .counsel.mylist li .vc .state.ready {
    background: #1c355e;
}

.mypage-wrap .counsel.mylist li .con ul {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999
}

.mypage-wrap .counsel.mylist li .con ul li {
    padding: 2vw 0;
    position: relative;
    text-align: right;
}

.mypage-wrap .counsel.mylist li .con ul li:nth-child(n+2) {
    border-top: 1px solid #eee;
}

.mypage-wrap .counsel.mylist li .con ul li .btxt {
    position: absolute;
    left: 0;
    top: 2vw;
    line-height: 3vw;
    font-size: 2vw;
    color: #222222;
    letter-spacing: -0.03em;
}

.mypage-wrap .counsel.mylist li .con ul li .stxt {
    line-height: 3vw;
    font-size: 2vw;
    color: #656565;
    letter-spacing: -0.03em;
}

.mypage-wrap .counsel.mylist li .con ul li:before {
    display: none;
}

.mypage-wrap .counsel.mylist li .con .txt {
    padding: 2vw 0;
}

.mypage-wrap .counsel.mylist li .con .txt p {
    font-size: 2.6vw;
    color: #666666;
    line-height: 1.4em;
    letter-spacing: -0.03em;
}

.mypage-wrap .counsel.mylist li .answer {
    padding: 2.4vw;
    background: #F5F5F5;
    margin-bottom: 4vw
}

.mypage-wrap .counsel.mylist li .answer .atxt {
    font-weight: 700;
    color: #222222;
    line-height: 1.2em;
    font-size: 2.6vw;
    letter-spacing: -0.03em;
}

.mypage-wrap .counsel.mylist li .answer .txt {
    margin-top: 2vw;
}

.mypage-wrap .counsel.mylist li .answer .txt p {
    font-size: 2.6vw;
    color: #222;
    line-height: 1.4em;
    letter-spacing: -0.03em;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .counsel.mylist li:nth-child(n+2):before {
        width: calc(100% + 60px);
        margin-left: -30px
    }

    .mypage-wrap .counsel.mylist li a:before {
        width: calc(100% + 60px);
        margin-left: -30px
    }

    .mypage-wrap .counsel.mylist li a {
        padding: 40px 0;
    }

    .mypage-wrap .counsel.mylist li .vc {
        padding-right: 40px;
    }

    .mypage-wrap .counsel.mylist li .vc .btxt {
        font-size: 30px
    }

    .mypage-wrap .counsel.mylist li .vc .btxt.new {
        padding-right: 34px;
        background-size: 24px auto;
    }

    .mypage-wrap .counsel.mylist li .vc .stxt {
        font-size: 24px;
        margin-top: 8px;
    }

    .mypage-wrap .counsel.mylist li .vc .state {
        line-height: 40px;
        width: 110px;
        top: 40px;
        font-size: 22px;
    }

    .mypage-wrap .counsel.mylist li .con ul li {
        padding: 20px 0
    }

    .mypage-wrap .counsel.mylist li .con ul li .btxt {
        top: 20px;
        line-height: 30px;
        font-size: 20px;
    }

    .mypage-wrap .counsel.mylist li .con ul li .stxt {
        line-height: 30px;
        font-size: 20px;
    }

    .mypage-wrap .counsel.mylist li .con .txt {
        padding: 20px 0;
    }

    .mypage-wrap .counsel.mylist li .con .txt p {
        font-size: 26px
    }

    .mypage-wrap .counsel.mylist li .answer {
        padding: 24px;
        margin-bottom: 40px
    }

    .mypage-wrap .counsel.mylist li .answer .atxt {
        font-size: 26px;
    }

    .mypage-wrap .counsel.mylist li .answer .txt {
        margin-top: 20px;
    }

    .mypage-wrap .counsel.mylist li .answer .txt p {
        font-size: 26px
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .counsel.mylist li:nth-child(n+2):before {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .mypage-wrap .counsel.mylist li a:before {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .mypage-wrap .counsel.mylist li a {
        padding: 20px 0
    }

    .mypage-wrap .counsel.mylist li .vc {
        padding-right: 20px;
    }

    .mypage-wrap .counsel.mylist li .vc .btxt {
        font-size: 15px
    }

    .mypage-wrap .counsel.mylist li .vc .btxt.new {
        padding-right: 17px;
        background-size: 12px auto;
    }

    .mypage-wrap .counsel.mylist li .vc .stxt {
        font-size: 12px;
        margin-top: 4px;
    }

    .mypage-wrap .counsel.mylist li .vc .state {
        line-height: 20px;
        width: 55px;
        top: 20px;
        font-size: 11px;
    }

    .mypage-wrap .counsel.mylist li .con ul li {
        padding: 10px 0
    }

    .mypage-wrap .counsel.mylist li .con ul li .btxt {
        top: 10px;
        line-height: 15px;
        font-size: 10px;
    }

    .mypage-wrap .counsel.mylist li .con ul li .stxt {
        line-height: 15px;
        font-size: 10px;
    }

    .mypage-wrap .counsel.mylist li .con .txt {
        padding: 10px 0;
    }

    .mypage-wrap .counsel.mylist li .con .txt p {
        font-size: 13px
    }

    .mypage-wrap .counsel.mylist li .answer {
        padding: 12px;
        margin-bottom: 20px
    }

    .mypage-wrap .counsel.mylist li .answer .atxt {
        font-size: 13px;
    }

    .mypage-wrap .counsel.mylist li .answer .txt {
        margin-top: 10px;
    }

    .mypage-wrap .counsel.mylist li .answer .txt p {
        font-size: 13px
    }
}


/*===========================================
   mypage-wrap .config
=============================================*/

.mypage-wrap .config ul {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    box-sizing: border-box;
}

.mypage-wrap .config li {
    border-bottom: 1px solid #eee;
    position: relative;
}

.mypage-wrap .config li a {
    display: block;
    padding: 4vw 3vw;
}

.mypage-wrap .config li a .btxt {
    font-size: 2.8vw;
    line-height: 4vw;
    color: #222;
    letter-spacing: -0.03em;
    font-weight: 400
}

.mypage-wrap .config li a .stxt {
    font-size: 2.4vw;
    line-height: 3.2vw;
    margin-top: 0.6vw;
    color: #9a9a9a;
    letter-spacing: -0.03em;
}

.mypage-wrap .config li .agree-chk {
    position: absolute;
    right: 3vw;
    top: 5vw;
}

/* 스탬프 jsp에서 들고온 스타일 2021  4 22 목 */
.card {
    margin-bottom: 20px;
}

.mypage-wrap .stamp.state .list .item li.coupon_get {
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Content/stamp-coupon-bg.gif) no-repeat center center;
    background-size: contain;
}

.mypage-wrap .stamp.state .list .item li a.coupon_get {
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Content/stamp-coupon-get.gif) no-repeat center center;
    background-size: 98% auto;
}

/* 쿠폰 이미지(과거) - 케이준 V컷감자 */
/*.scontainer.mexi .mypage-wrap .stamp.state .list .item li:nth-child(3) a.coupon_get {*/
/*    background: url(../_Img/Content/kjunon.png) no-repeat center center;*/
/*    background-size: 98% auto;*/
/*}*/

/* 쿠폰 이미지(과거) - 더블 치즈볼 */
/*.scontainer.mexi .mypage-wrap .stamp.state .list .item li:nth-child(6) a.coupon_get {*/
/*    background: url(../_Img/Content/cheezeballon.png) no-repeat center center;*/
/*    background-size: 98% auto;*/
/*}*/

/* 쿠폰 이미지(과거) - 치킨 1마리 */
/*.scontainer.mexi .mypage-wrap .stamp.state .list .item li:nth-child(10) a.coupon_get {*/
/*    background: url(../_Img/Content/stamp10on.png) no-repeat center center;*/
/*    background-size: 98% auto;*/
/*}*/

.mypage-wrap .stamp.state .list .item li a.coupon_got {
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Content/stamp-coupon-got.png) no-repeat center center;
    background-size: 98% auto;
}

.mypage-wrap .stamp.state .logo .back {
    width: 5vw;
    height: 5vw;
    border: none;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Sub/stamp-prev.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


@media only screen and (min-width: 999px) {
    .mypage-wrap .config ul {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .mypage-wrap .config li a {
        padding: 40px 30px;
    }

    .mypage-wrap .config li a .btxt {
        font-size: 28px;
        line-height: 40px;
    }

    .mypage-wrap .config li a .stxt {
        font-size: 24px;
        line-height: 32px;
        margin-top: 6px
    }

    .mypage-wrap .config li .agree-chk {
        right: 30px;
        top: 50px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .config ul {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .mypage-wrap .config li a {
        padding: 20px 15px
    }

    .mypage-wrap .config li a .btxt {
        font-size: 14px;
        line-height: 20px;
    }

    .mypage-wrap .config li a .stxt {
        font-size: 12px;
        line-height: 16px;
        margin-top: 3px
    }

    .mypage-wrap .config li .agree-chk {
        right: 15px;
        top: 25px;
    }
}


/*===========================================
   mypage-wrap .stamp
=============================================*/
.mypage-wrap .stamp.state {padding: 3.4vw 0 0 0}
.mypage-wrap .stamp.state .con {min-height: 9vw; background: #fff; padding: 4vw 4vw; border-radius: 2vw; overflow: hidden; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.03)}
.mypage-wrap .stamplist .logo {padding: 0 0 0 11vw; position: relative; font-size: 2.5vw; color: #111111; line-height: 5vw}
.mypage-wrap .stamp.state .logo a {display: inline-block; vertical-align: top; padding-right: 3vw; background: url(../_Img/Content/stamp-next.png) no-repeat right 52%; background-size: 1.4vw auto; font-size: 3vw; line-height: 5vw}
.mypage-wrap .stamp.state .logo img {max-width: 20vw}
.mypage-wrap .stamp.state .logo .more {width: 4vw; height: 6vw; border: none; background: url(../_Img/Sub/stamp-more.png) no-repeat; background-size: 100% auto; position: Absolute; right: 3vw; top: 7vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.mypage-wrap .stamp.state .logo .prev {width: 4vw; height: 5vw; border: none; background: url(../_Img/Sub/stamp-prev.png) no-repeat; background-size: 100% auto; position: Absolute; right: 3vw; top: 7vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.mypage-wrap .stamp.state .logo p {color: #222; font-size: 2vw; line-height: 1.2em; letter-spacing: -0.02em}
.mypage-wrap .stamp.state .list {margin-top: 4vw}
.mypage-wrap .stamp.state .list .stamp-slide {margin: 0 -3vw}
.mypage-wrap .stamp.state .list .slick-list {overflow: visible}
.mypage-wrap .stamp.state .list .item {position: relative; margin: 0 3vw}
.mypage-wrap .stamp.state .list .item ul:after {display: block; content: ""; clear: both}
.mypage-wrap .stamp.state .list .item li {float: left; position: relative}
.mypage-wrap .stamp.state .list .item li a {position: relative; display: inline-block; vertical-align: top}
.mypage-wrap .stamp.state .list .item li a.s-on:before {width: 0.8vw; height: 0.8vw; position: absolute; background: #B32D3A; border-radius: 100%; display: block; content: ""; top: 0}
.mypage-wrap .stamp.state .list .item li a.s-on.no-dot:before {display: none}
.mypage-wrap .stamp.state .list .item li a.s-on {background: url(../_Img/Content/stamp-off.png) no-repeat center center; background-size: 98% auto}
.mypage-wrap .stamp.state .list .item li a.s-on:after {background: url(../_Img/Content/stamp-on.png) no-repeat center center; background-size: 98% auto; position: absolute; left: 0.4vw; top: 0; display: block; content: ""; width: 100%; height: 100%}
.mypage-wrap .stamp.state .list .item li a.common-s-on {background: url(../_Img/Content/common-stamp/stamp-off.png) no-repeat center center; background-size: 98% auto}
.mypage-wrap .stamp.state .list .item li a.common-s-on:after {background: url(../_Img/Content/common-stamp/stamp-on.png) no-repeat center center; background-size: 98% auto; position: absolute; left: 0.4vw; top: 0; display: block; content: ""; width: 100%; height: 100%}
.mypage-wrap .stamp.state .list .item li a.common-s-off {background: url(../_Img/Content/common-stamp/stamp-off.png) no-repeat center center; background-size: 98% auto}
.mypage-wrap .stamp.state .list .item li a.common-coupon {background: url(../_Img/Content/common-stamp/stamp-coupon.png) no-repeat center center; background-size: 98% auto}
.mypage-wrap .stamp.state .list .item li a.mexi-common-coupon {background: url(../_Img/Content/common-stamp/mexi-stamp-coupon.png) no-repeat center center; background-size: 98% auto}
.mypage-wrap .stamp.state .list .item li a.s-off {background: url(../_Img/Content/stamp-off.png) no-repeat center center; background-size: 98% auto}
.mypage-wrap .stamp.state .list .item li a.s-off {background: url(../_Img/Content/stamp-off.png) no-repeat center center; background-size: 98% auto}
.mypage-wrap .move_group {display: flex; flex-direction: column; text-align: center; margin: 10px 0}
.mypage-wrap .move_group a {color: #222; font-weight: bold}
.mypage-wrap .move_group a.move_app {position: relative; width: 100%; height: 50px; background-color: #1c355e; color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 10px; box-sizing: border-box; box-shadow: 5px 5px 5px #bdbcbc; padding-right: 50px}
.mypage-wrap .move_group a.move_app img {position: absolute; right: -1px; width: 75px; height: 52px}
.mypage-wrap .move_group a.move_home {margin-top: 10px}
.mypage-wrap .move_group a.move_home span {color: #1c355e; text-decoration: underline}
/*.mypage-wrap .stamp.state .logo p:first-child {display: inline-block; vertical-align: top; padding-right: 3vw; background: url(../_Img/Content/stamp-next.png) no-repeat right 52%; background-size: 1.4vw auto; font-size: 1rem; line-height: 5vw; font-weight: bold}*/
.mypage-wrap .stamp.state .list .item li a.coupon {background: url(../_Img/Content/stamp-coupon.png) no-repeat center center; background-size: 98% auto}
.mypage-wrap .stamp.state .list .item li .ov {position: relative; display: inline-block; vertical-align: top; overflow: visible}
.mypage-wrap .stamp.state .list .item li.active .ov-txt {display: block}
.mypage-wrap .stamp.state .list .item li .ov-txt {display: none; position: absolute; left: -30%; top: -3.4vw; line-height: 2.8vw; background: #fff; border: 1px solid #222; border-radius: 0.4vw; letter-spacing: -0.035em; color: #222; font-size: 1.6vw; width: 20vw; box-sizing: border-box; text-align: center; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out}
.mypage-wrap .stamp.state .list .item li .ov-txt:after {width: 1.6vw; height: 0.8vw; background: url(../_Img/Sub/ov-txt.png) no-repeat center bottom; background-size: 100% auto; display: block; content: ""; position: absolute; bottom: -0.8vw; left: 0}
.mypage-wrap .stamp.state .list .item li .ov-txt.ov-center {left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%)}
.mypage-wrap .stamp.state .list .item li .ov-txt.ov-right {left: auto; right: 0}
.mypage-wrap .stamp.state .list .item li .ov-txt.ov-center:after {left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%)}
.mypage-wrap .stamp.state .list .item li.coupon_get {background: url(https://cdn.spge.kr/upload/mexicana/_Img/Content/stamp-coupon-bg.gif) no-repeat center center; background-size: contain}
.mypage-wrap .stamp.state .list .item li a.coupon_get {background: url(https://cdn.spge.kr/upload/mexicana/_Img/Content/stamp-coupon-get.gif) no-repeat center center; background-size: 98% auto}
.mypage-wrap .stamp.state .list .item li a.coupon_got {background: url(https://cdn.spge.kr/upload/mexicana/_Img/Content/stamp-coupon-got.png) no-repeat center center; background-size: 98% auto}
.mypage-wrap .stamp.state .list .item .c05 {margin: 0 -4%}
.mypage-wrap .stamp.state .list .item .c05 li {width: 20%; text-align: center}
.mypage-wrap .stamp.state .list .item .c05 li:nth-child(n+6) {margin-top: 3.4vw}
.mypage-wrap .stamp.state .list .item .c05 li a {width: 9vw; height: 9vw}
.mypage-wrap .stamp.state .list .item .c05 li a.s-on:before {left: 9vw}
.mypage-wrap .stamp.state .list .item .c05 li .ov-txt.ov-left:after {left: 3.6vw}
.mypage-wrap .stamp.state .list .item .c05 li .ov-txt.ov-right:after {left: auto; right: 3.6vw}
.mypage-wrap .stamp.state .list .item .c04 {margin: 0 -4%}
.mypage-wrap .stamp.state .list .item .c04 li {width: 25%; text-align: center}
.mypage-wrap .stamp.state .list .item .c04 li:nth-child(n+5) {margin-top: 3.4vw}
.mypage-wrap .stamp.state .list .item .c04 li a {width: 11vw; height: 11vw}
.mypage-wrap .stamp.state .list .item .c04 li a.s-on:before {left: 11vw}
.mypage-wrap .stamp.state .list .item .c04 li .ov-txt.ov-left:after {left: 4.4vw}
.mypage-wrap .stamp.state .list .item .c04 li .ov-txt.ov-right:after {left: auto; right: 4.4vw}
.mypage-wrap .stamp.state .list .item .c08 {margin: 0 -2%}
.mypage-wrap .stamp.state .list .item .c08 li {width: 12.5%; text-align: center}
.mypage-wrap .stamp.state .list .item .c08 li:nth-child(n+9) {margin-top: 2.6vw}
.mypage-wrap .stamp.state .list .item .c08 li a {width: 5.4vw; height: 5.4vw}
.mypage-wrap .stamp.state .list .item .c08 li a.s-on:before {left: 5.5vw}
.mypage-wrap .stamp.state .list .item .c08 li .ov-txt.ov-left:after {left: 1.8vw}
.mypage-wrap .stamp.state .list .item .c08 li .ov-txt.ov-right:after {left: auto; right: 1.6vw}
.mypage-wrap .stamp.state .list .item .c10 {margin: 0 -2%}
.mypage-wrap .stamp.state .list .item .c10 li {width: 10%; text-align: center}
.mypage-wrap .stamp.state .list .item .c10 li:nth-child(n+11) {margin-top: 2.6vw}
.mypage-wrap .stamp.state .list .item .c10 li a {width: 4.4vw; height: 4.4vw}
.mypage-wrap .stamp.state .list .item .c10 li a.s-on:before {left: 4.4vw}
.mypage-wrap .stamp.state .list .item .c10 li .ov-txt.ov-left:after {left: 1.4vw}
.mypage-wrap .stamp.state .list .item .c10 li .ov-txt.ov-right:after {left: auto; right: 1.2vw}
.mypage-wrap .stamp.state .c-list01 {margin-top: 1.6vw}
.mypage-wrap .stamp.state .c-list01 li {color: #222222; line-height: 1.4em; font-size: 2vw; letter-spacing: -0.03em}
.mypage-wrap .stamp.state .c-list01 li:nth-child(n+4) {padding-top: 10px}
.mypage-wrap .stamp.state .c-list02 {margin-top: 2vw; padding-top: 2vw; border-top: 1px solid #e6e6e6; padding-bottom: 2vw}
.mypage-wrap .stamp.state .c-list02 dt {color: #222222; line-height: 1.3em; font-size: 2vw; letter-spacing: -0.03em}
.mypage-wrap .stamp.state .c-list02 dd {color: #222222; line-height: 1.3em; font-size: 2vw; letter-spacing: -0.03em}
.mypage-wrap .stamp.state .c-list02 dd:nth-child(n+2) {margin-top: 1.2vw}
.mypage-wrap .stamp.state .ctrl {margin-top: 3vw; text-align: center; font-size: 0}
.mypage-wrap .stamp.state .ctrl a {display: inline-block; vertical-align: top; width: 3.6vw; height: 3.6vw}
.mypage-wrap .stamp.state .ctrl .prev {background: url(../_Img/Content/stamp-prev.png) no-repeat center 52%; background-size: 45% auto}
.mypage-wrap .stamp.state .ctrl .next {background: url(../_Img/Content/stamp-next.png) no-repeat center 52%; background-size: 45% auto}
.mypage-wrap .stamp.state .ctrl .count {display: inline-block; vertical-align: top; padding: 0 4vw; height: 3.6vw; font-size: 2.4vw; color: #999; line-height: 3.6vw; font-weight: 400}
.mypage-wrap .stamp.state .ctrl .count .current {color: #222}
.mypage-wrap .stamp.state .list .item li button {border-width: 0; border-radius: 2px; backface-visibility: hidden; padding: 2px 7px; background: #b32d3a; color: #fff; margin-bottom: 4px}
.mypage-wrap .stamp.state .logo .totalb:after {background: url(../_Img/Content/baebilogo.jpg) no-repeat; width: 16vw; height: 5vw; content: " "; background-size: 15vw; color: #fff; display: block; position: absolute; top: 0; left: 0}
.mypage-wrap .stamp.state .logo .totald:after {background: url(../_Img/Content/bdrdlogo.png) no-repeat; width: 16vw; height: 5vw; content: " "; background-size: 15vw; color: #fff; display: block; position: absolute; top: 6vw; left: 6vw}
.mypage-wrap .stamp.state .logo .totals:after {background: url(../_Img/Content/lovelogo.jpg) no-repeat; width: 16vw; height: 5vw; content: " "; background-size: 15vw; color: #fff; display: block; position: absolute; top: 6vw; left: 8vw}
.mypage-wrap .stamp.state .logo .totalm:after {background: url(../_Img/Main/mexilogo.svg) no-repeat; width: 16vw; height: 5vw; content: " "; background-size: 15vw; color: #fff; display: block; position: absolute; top: 6vw; left: 8vw}
.mypage-wrap .stamp.state .logo .back {width: 5vw; height: 5vw; border: none; background: url(https://cdn.spge.kr/upload/mexicana/_Img/Sub/stamp-prev.png) no-repeat; background-size: 100% auto; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.s-on {background: url(../_Img/Content/mexistampoff.png) no-repeat center center; background-size: 98% auto}

/* 스탬프 반개 */
.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.s-on:after {background: url(../_Img/Content/mexistampon.png) no-repeat center center; background-size: 98% auto; position: absolute; left: 0; top: 0; display: block; content: ""; width: 100%; height: 100%}
.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.s-on.half:after {background: url(../_Img/Content/mexi_stamp_half_on.png) no-repeat center center; background-size: 98% auto; position: absolute; left: 0; top: 0; display: block; content: ""; width: 100%; height: 100%}
/* 스탬프 반개 */

.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.s-off {background: url(../_Img/Content/mexistampoff.png) no-repeat center center; background-size: 98% auto}
.scontainer.mexi .mypage-wrap .stamp.state .list .item li:nth-child(3) a.s-off {background: url(../_Img/Content/kjunoff.png) no-repeat center center; background-size: 98% auto}
.scontainer.mexi .mypage-wrap .stamp.state .list .item li:nth-child(6) a.s-off {background: url(../_Img/Content/cheezeballoff.png) no-repeat center center; background-size: 98% auto}
.scontainer.mexi .mypage-wrap .stamp.state .list .item li:nth-child(10) a.s-off {background: url(../_Img/Content/stamp10off.png) no-repeat center center; background-size: 98% auto}
.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon {background: url(../_Img/Content/stamp10off.png) no-repeat center center; background-size: 98% auto}
.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon,
.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon_get {background: unset; border-radius: 50%; display: flex; justify-content: center; align-items: center}
.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon {background-color: #b0b0b0}
.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon_get {background-color: #1c355e}

/* 스탬프 반개 */
.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon.half {background: linear-gradient(90deg, #1c355e 50%, #b0b0b0 50%)}
/* 스탬프 반개 */

.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon span,
.scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon_get span {font-weight: bold; color: #ffffff}
.scontainer.mexi .mypage-wrap .stamp.state .guide_area {position: relative; margin-top: 10px}
.scontainer.mexi .mypage-wrap .stamp.state .guide_area img {width: 100%; border-radius: 20px}
.scontainer.mexi .mypage-wrap .stamp.state .guide_area button {position: absolute; bottom: 0; left: 0; width: 100%; height: 65px; border: unset; background-color: transparent}

@media only screen and (min-width: 999px) {
    /*#doc #container-wrap #contents .mypage-wrap .stamp.state .logo p:first-child {font-size: 32px; line-height: 52px; padding-right: 30px}*/
    .scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon span,
    .scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon_get span {font-size: 25px; line-height: 30px}
    .mypage-wrap .stamplist .logo {padding: 0 0 0 130px; position: relative; font-size: 26px; color: #111111; line-height: 48px}
    .mypage-wrap .stamp.state .logo .totalb:after {background: url(../_Img/Content/baebilogo.jpg) no-repeat; width: 157px; height: 50px; content: " "; background-size: 135px; color: #fff; display: block; position: absolute; top: 60px; left: 60px}
    .mypage-wrap .stamp.state .logo .totald:after {background: url(../_Img/Content/bdrdlogo.png) no-repeat; width: 157px; height: 50px; content: " "; background-size: 135px; color: #fff; display: block; position: absolute; top: 60px; left: 60px}
    .mypage-wrap .stamp.state .logo .totals:after {background: url(../_Img/Content/lovelogo.jpg) no-repeat; width: 157px; height: 50px; content: " "; background-size: 135px; color: #fff; display: block; position: absolute; top: 60px; left: 60px}
    .mypage-wrap .stamp.state .logo .totalm:after {background: url(../_Img/Main/mexilogo.svg) no-repeat; width: 157px; height: 50px; content: " "; background-size: 135px; color: #fff; display: block; position: absolute; top: 60px; left: 60px}
    .mypage-wrap .stamp.state .list .item li button {border-width: 0; border-radius: 2px; backface-visibility: hidden; padding: 2px 7px; background: #b32d3a; color: #fff; margin-bottom: 4px}
    .mypage-wrap .stamp.state {padding: 28px 0 0 0}
    .mypage-wrap .stamp.state .con {padding: 40px 40px; border-radius: 20px; min-height: 102px}
    .mypage-wrap .stamp.state .logo a {padding-right: 30px; background-size: 14px auto; font-size: 32px; line-height: 52px}
    .mypage-wrap .stamp.state .logo img {max-width: 200px; max-height: 90px}
    .mypage-wrap .stamp.state .logo .more {width: 35px; height: 45px; top: 65px}
    .mypage-wrap .stamp.state .logo .prev {width: 35px; height: 45px; top: 65px}
    .mypage-wrap .stamp.state .logo p {font-size: 20px}
    .mypage-wrap .stamp.state .c-list01 {margin-top: 16px}
    .mypage-wrap .stamp.state .c-list01 li {font-size: 20px}
    .mypage-wrap .stamp.state .c-list02 {margin-top: 20px; padding-top: 20px; padding-bottom: 20px}
    .mypage-wrap .stamp.state .c-list02 dt {font-size: 20px}
    .mypage-wrap .stamp.state .c-list02 dd {font-size: 20px}
    .mypage-wrap .stamp.state .c-list02 dd:nth-child(n+2) {margin-top: 12px}
    .mypage-wrap .stamp.state .list {margin-top: 40px}
    .mypage-wrap .stamp.state .list .stamp-slide {margin: 0 -30px}
    .mypage-wrap .stamp.state .list .item {margin: 0 30px}
    .mypage-wrap .stamp.state .list .item li a.s-on:before {width: 8px; height: 8px}
    .mypage-wrap .stamp.state .list .item li a.s-on:after {left: 4px; top: 0}
    .mypage-wrap .stamp.state .list .item li .ov-txt {top: -34px; line-height: 28px; border-radius: 4px; font-size: 16px; width: 166px}
    .mypage-wrap .stamp.state .list .item li .ov-txt:after {width: 16px; height: 8px; bottom: -8px}
    .mypage-wrap .stamp.state .list .item .c05 li:nth-child(n+6) {margin-top: 34px}
    .mypage-wrap .stamp.state .list .item .c05 li a {width: 90px; height: 90px}
    .mypage-wrap .stamp.state .list .item .c05 li a.s-on:before {left: 90px}
    .mypage-wrap .stamp.state .list .item .c05 li .ov-txt.ov-left:after {left: 36px}
    .mypage-wrap .stamp.state .list .item .c05 li .ov-txt.ov-right:after {left: auto; right: 36px}
    .mypage-wrap .stamp.state .list .item .c04 li:nth-child(n+5) {margin-top: 34px}
    .mypage-wrap .stamp.state .list .item .c04 li a {width: 110px; height: 110px}
    .mypage-wrap .stamp.state .list .item .c04 li a.s-on:before {left: 110px}
    .mypage-wrap .stamp.state .list .item .c04 li .ov-txt.ov-left:after {left: 44px}
    .mypage-wrap .stamp.state .list .item .c04 li .ov-txt.ov-right:after {left: auto; right: 44px}
    .mypage-wrap .stamp.state .list .item .c08 li:nth-child(n+9) {margin-top: 26px}
    .mypage-wrap .stamp.state .list .item .c08 li a {width: 54px; height: 54px}
    .mypage-wrap .stamp.state .list .item .c08 li a.s-on:before {left: 54px}
    .mypage-wrap .stamp.state .list .item .c08 li .ov-txt.ov-left:after {left: 18px}
    .mypage-wrap .stamp.state .list .item .c08 li .ov-txt.ov-right:after {left: auto; right: 16px}
    .mypage-wrap .stamp.state .list .item .c10 li:nth-child(n+11) {margin-top: 26px}
    .mypage-wrap .stamp.state .list .item .c10 li a {width: 44px; height: 44px}
    .mypage-wrap .stamp.state .list .item .c10 li a.s-on:before {left: 44px}
    .mypage-wrap .stamp.state .list .item .c10 li .ov-txt.ov-left:after {left: 14px}
    .mypage-wrap .stamp.state .list .item .c10 li .ov-txt.ov-right:after {left: auto; right: 12px}
    .mypage-wrap .stamp.state .ctrl {margin-top: 30px}
    .mypage-wrap .stamp.state .ctrl a {width: 36px; height: 36px}
    .mypage-wrap .stamp.state .ctrl .count {padding: 0 40px; height: 36px; font-size: 24px; line-height: 36px}
}

@media only screen and (max-width: 500px) {
    .scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon span,
    .scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon_get span {font-size: 12px; line-height: 15px; margin-bottom: 3px}
    .scontainer.mexi .mypage-wrap .guide_area button {height: 45px}
    .mypage-wrap .stamp.state {padding: 15px 0 0 0}
    .mypage-wrap .stamp.state .con {padding: 20px 20px; min-height: 50px; border-radius: 10px}
    .mypage-wrap .stamplist .logo {padding: 9px 0 0 61px; font-size: 100%; width: 57%; overflow: hidden; line-height: 19px; text-overflow: ellipsis; white-space: nowrap}
    .mypage-wrap .stamp.state .logo a {padding-right: 15px; background-size: 7px auto; font-size: 1rem}
    .mypage-wrap .stamp.state .logo .totalb:after {background: url(../_Img/Content/baebilogo.jpg) no-repeat; width: 107px; height: 30px; content: " "; background-size: 75px; color: #fff; display: block; position: absolute; top: 30px; left: 41px}
    .mypage-wrap .stamp.state .logo .totald:after {background: url(../_Img/Content/bdrdlogo.png) no-repeat; width: 107px; height: 30px; content: " "; background-size: 75px; color: #fff; display: block; position: absolute; top: 30px; left: 41px}
    .mypage-wrap .stamp.state .logo .totals:after {background: url(../_Img/Content/lovelogo.jpg) no-repeat; width: 107px; height: 30px; content: " "; background-size: 75px; color: #fff; display: block; position: absolute; top: 32px; left: 40px}
    .mypage-wrap .stamp.state .logo .totalm:after {background: url(../_Img/Main/mexilogo.svg) no-repeat; width: 107px; height: 30px; content: " "; background-size: 75px; color: #fff; display: block; position: absolute; top: 32px; left: 40px}
    .mypage-wrap .stamp.state .logo img {max-width: 150px; max-height: 50px}
    .mypage-wrap .stamp.state .logo .more {width: 15px; height: 30px; top: 37px; right: 18px}
    .mypage-wrap .stamp.state .logo .prev {width: 15px; height: 30px; top: 37px; right: 18px}
    .mypage-wrap .stamp.state .logo p {font-size: 10px}
    .mypage-wrap .stamp.state .c-list01 {margin-top: 8px}
    .mypage-wrap .stamp.state .c-list01 li {font-size: 10px}
    .mypage-wrap .stamp.state .c-list02 {margin-top: 10px; padding-top: 10px; padding-bottom: 10px}
    .mypage-wrap .stamp.state .c-list02 dt {font-size: 10px}
    .mypage-wrap .stamp.state .c-list02 dd {font-size: 10px}
    .mypage-wrap .stamp.state .c-list02 dd:nth-child(n+2) {margin-top: 6px}
    .mypage-wrap .stamp.state .list {margin-top: 20px}
    .mypage-wrap .stamp.state .list .stamp-slide {margin: 0 -15px}
    .mypage-wrap .stamp.state .list .item {margin: 0 15px}
    .mypage-wrap .stamp.state .list .item li a.s-on:before {width: 4px; height: 4px}
    .mypage-wrap .stamp.state .list .item li a.s-on:after {left: 2px; top: 0}
    .mypage-wrap .stamp.state .list .item li .ov-txt {top: -21px; left: -18px; line-height: 12px; border-radius: 2px; font-size: 8px; width: 98px}
    .mypage-wrap .stamp.state .list .item li button {border-width: 0px; border-radius: 2px; backface-visibility: hidden; padding: 2px 7px; background: #b32d3a; color: #fff; margin-bottom: 4px}
    .mypage-wrap .stamp.state .list .item li .ov-txt:after {width: 8px; height: 4px; bottom: -4px}
    .mypage-wrap .stamp.state .list .item .c05 li:nth-child(n+6) {margin-top: 17px}
    .mypage-wrap .stamp.state .list .item .c05 li a {width: 45px; height: 45px}
    .mypage-wrap .stamp.state .list .item .c05 li a.s-on:before {left: 45px}
    .mypage-wrap .stamp.state .list .item .c05 li .ov-txt.ov-left:after {left: 18px}
    .mypage-wrap .stamp.state .list .item .c05 li .ov-txt.ov-right:after {left: auto; right: 18px}
    .mypage-wrap .stamp.state .list .item .c04 li:nth-child(n+5) {margin-top: 17px}
    .mypage-wrap .stamp.state .list .item .c04 li a {width: 55px; height: 55px}
    .mypage-wrap .stamp.state .list .item .c04 li a.s-on:before {left: 55px}
    .mypage-wrap .stamp.state .list .item .c04 li .ov-txt.ov-left:after {left: 22px}
    .mypage-wrap .stamp.state .list .item .c04 li .ov-txt.ov-right:after {left: auto; right: 22px}
    .mypage-wrap .stamp.state .list .item .c08 li:nth-child(n+9) {margin-top: 13px}
    .mypage-wrap .stamp.state .list .item .c08 li a {width: 27px; height: 27px}
    .mypage-wrap .stamp.state .list .item .c08 li a.s-on:before {left: 27px}
    .mypage-wrap .stamp.state .list .item .c08 li .ov-txt.ov-left:after {left: 9px}
    .mypage-wrap .stamp.state .list .item .c08 li .ov-txt.ov-right:after {left: auto; right: 8px}
    .mypage-wrap .stamp.state .list .item .c10 li:nth-child(n+11) {margin-top: 13px}
    .mypage-wrap .stamp.state .list .item .c10 li a {width: 22px; height: 22px}
    .mypage-wrap .stamp.state .list .item .c10 li a.s-on:before {left: 22px}
    .mypage-wrap .stamp.state .list .item .c10 li .ov-txt.ov-left:after {left: 7px}
    .mypage-wrap .stamp.state .list .item .c10 li .ov-txt.ov-right:after {left: auto; right: 6px}
    .mypage-wrap .stamp.state .ctrl {margin-top: 15px}
    .mypage-wrap .stamp.state .ctrl a {width: 18px; height: 18px}
    .mypage-wrap .stamp.state .ctrl .count {padding: 0 20px; height: 18px; font-size: 12px; line-height: 18px}
}

.mypage-wrap .stamp.detail {
}

.mypage-wrap .stamp.detail li {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    padding: 0 3vw;
    box-sizing: border-box;
    border-bottom: 1px solid #E6E6E6
}

.mypage-wrap .stamp.detail li a {
    display: block;
    padding: 4vw 0;
    position: relative;
}

.mypage-wrap .stamp.detail li .btxt {
    display: inline-block;
    vertical-align: top;
    font-size: 2.8vw;
    line-height: 1.5em;
    color: #222;
    letter-spacing: -0.03em;
    padding-right: 3vw;
    background: url(../_Img/Content/stamp-next.png) no-repeat right 52%;
    background-size: 1.4vw auto;
}

.mypage-wrap .stamp.detail li .stxt {
    font-size: 2.4vw;
    color: #9A9A9A;
    line-height: 1.5em;
}

.mypage-wrap .stamp.detail li .abr {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mypage-wrap .stamp.detail li .abr p {
    font-size: 2.8vw;
    line-height: 1.5em;
    color: #222;
    letter-spacing: -0.03em;
    text-align: right;
}

.mypage-wrap .stamp.detail li .abr p span {
    display: block;
}

.mypage-wrap .stamp.state .stampcount {
    position: absolute;
    top: 3vw;
    right: 6%;
    font-size: 3vw;
    color: #222222;
}

.mypage-wrap .stamp.state .stampcount span {
    color: #ccc;
}


.con.stamplist .infos .thumbnailmask img {
    height: 9vw;
}

.mypage-wrap .stamp.state .con.stamplist {
    background: url(../_Img/Content/stamp-next.png) no-repeat 96% 53% #fff;
    background-size: 2.4vw auto;
    cursor: pointer;
}


@media only screen and (min-width: 999px) {
    .con.stamplist .infos .thumbnailmask img {
        height: 100px;
    }

    .mypage-wrap .stamp.state .con.stamplist {
        background: url(../_Img/Content/stamp-next.png) no-repeat 96% 53% #fff;
        background-size: 1.8vw auto;
    }


    .mypage-wrap .stamp.state .stampcount {
        position: absolute;
        top: 45px;
        right: 6%;
        font-size: 25px;
    }

    .mypage-wrap .stamp.detail li {
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 0 30px;
    }

    .mypage-wrap .stamp.detail li a {
        padding: 40px 0
    }

    .mypage-wrap .stamp.detail li .btxt {
        font-size: 28px;
        padding-right: 30px;
        background-size: 14px auto;
    }

    .mypage-wrap .stamp.detail li .stxt {
        font-size: 24px;
    }

    .mypage-wrap .stamp.detail li .abr p {
        font-size: 28px;
    }
}

@media only screen and (max-width: 500px) {
    .con.stamplist .infos .thumbnailmask img {height: 50px}
    .mypage-wrap .stamp.state .con.stamplist {background: url(../_Img/Content/stamp-next.png) no-repeat 96% 53% #fff; background-size: 2.4vw auto}
    .mypage-wrap .stamp.state .stampcount {position: absolute; top: 20%; right: 6%; font-size: 11px; line-height: 36px}
    .mypage-wrap .stamp.detail li {width: calc(100% + 30px); margin-left: -15px; padding: 0 15px}
    .mypage-wrap .stamp.detail li a {padding: 20px 0}
    .mypage-wrap .stamp.detail li .btxt {font-size: 14px; padding-right: 15px; background-size: 7px auto}
    .mypage-wrap .stamp.detail li .stxt {font-size: 12px}
    .mypage-wrap .stamp.detail li .abr p {font-size: 14px}
}


/*===========================================
   mypage-wrap .coupon
=============================================*/
.mypage-wrap .coupon.state {padding: 5.4vw 0}
.mypage-wrap .coupon.state .con {background: #fff; padding: 2vw 4vw; box-sizing: Border-box; min-height: 23vw; border: solid 1px #ececec; overflow: hidden}
.mypage-wrap .coupon.state .con.mexi {border-radius: 2vw}
.mypage-wrap .coupon.state .logo {position: relative}
.mypage-wrap .coupon.state .logo a {display: inline-block; vertical-align: top; padding-right: 3vw; background: url(../_Img/Content/stamp-next.png) no-repeat right 52%; background-size: 1.4vw auto; font-size: 3vw; line-height: 5vw}
.mypage-wrap .coupon.state .card .con.card-front, .mypage-wrap .coupon.state .card .card-back {min-height: unset!important}
.mypage-wrap .coupon.state .card .con.card-front {position: relative!important}
.mypage-wrap .coupon.state .card .con.card-back {position: absolute!important; top: 0; left: 0}
.mypage-wrap .coupon.state .card .con.card-back .logo a {background: #fff}
.mypage-wrap .coupon.state .logo img {max-width: 9vw}
.mypage-wrap .coupon.state .logo .more {width: 4vw; height: 5vw; border: none; background: url(../_Img/Sub/stamp-more.png) no-repeat; background-size: 73% auto; position: absolute; right: 0; top: 4vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.mypage-wrap .coupon.state .logo .back {width: 4vw; height: 5vw; border: none; background: url(../_Img/Sub/stamp-prev.png) no-repeat; background-size: 73% auto; position: absolute; right: 0; top: 3vw; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.mypage-wrap .coupon.state .logo p {color: #222; font-size: 2vw; line-height: 1.2em; letter-spacing: -0.02em}
.mypage-wrap .coupon.state .money .won {font-size: 4.2vw; font-weight: 700; color: #5190f0; line-height: 1.2em; letter-spacing: -0.03em; margin-top: 1vw}
.mypage-wrap .coupon.state .money .minamount {color: #aaaaaa}
.mypage-wrap .coupon.state .money .cate {margin-top: 2.4vw; display: inline-block; vertical-align: top; padding: 0 1.6vw; line-height: 3.2vw; background: #CAA579; border-radius: 0.4vw; color: #fff; font-size: 1.8vw; letter-spacing: -0.02em; text-align: center}
.mypage-wrap .coupon.state .money .cate.ord02 {background-color: #1c355e}
.mypage-wrap .coupon.state .money .cate.ord01 {background-color: #299d57}
.mypage-wrap .coupon.state .money ul li {position: relative; color: #222222; letter-spacing: -0.02em; line-height: 1.2em}
.mypage-wrap .coupon.state .money ul li.validity {color: #FF8500!important; line-height: 3.2vw; padding-left: 3vw}
.mypage-wrap .coupon.state .money ul li.validity:before {position: absolute; left: 0; top: 0.2vw; display: block; content: "?"; width: 2.4vw; height: 2.4vw; line-height: 2.2vw; font-size: 1.8vw; text-align: center; border: 1px solid #FF8500; margin-top: 1px; box-sizing: border-box; border-radius: 100%}
.mypage-wrap .coupon.state .money .msg {color: #1c355e!important}
.mypage-wrap .coupon.state .note {margin-top: 1vw}
.mypage-wrap .coupon.state .note dt, .mypage-wrap .coupon.state .note dd {color: #222222; font-size: 2vw; font-weight: 400; letter-spacing: -0.02em}
.mypage-wrap .coupon.state .note dt {line-height: 1.2em}
.mypage-wrap .coupon.state .note dd {line-height: 1.4em; word-break: keep-all}
.mypage-wrap .coupon.state .note dd:nth-child(n+2) {margin-top: 1.6vw}
.mypage-wrap .coupon.state.mexi {padding: 0}
.mypage-wrap .coupon.state .field .titlecoupon span {font-size: 0.7em}
.mypage-wrap .coupon.state .guide_area {position: relative; margin-top: 10px}
.mypage-wrap .coupon.state .guide_area img {width: 100%; border-radius: 20px}
.mypage-wrap .coupon.state .guide_area button {position: absolute; bottom: 0; left: 0; width: 100%; height: 65px; border: unset; background-color: transparent}
.mypage-wrap .coupon.mylist {padding: 0}
.mypage-wrap .coupon.mylist li {position: relative}
.mypage-wrap .coupon.mylist li:before {width: calc(100% + 6vw); margin-left: -3vw; position: absolute; left: 0; bottom: 0; display: block; content: ""; height: 1px; background: #eee}
.mypage-wrap .coupon.mylist li.active a:before {display: none}
.mypage-wrap .coupon.mylist li a {position: relative; padding: 4vw 0; display: block}
.mypage-wrap .coupon.mylist li .vc {width: 100%; box-sizing: border-box; padding-right: 4vw}
.mypage-wrap .coupon.mylist li .vc .btxt {font-size: 3vw; color: #222; line-height: 1.2em; letter-spacing: -0.03em; word-break: keep-all}
.mypage-wrap .coupon.mylist li .vc .btxt.new {padding-right: 3.4vw; background: url(../_Img/Sub/ico-new.png) no-repeat right 52%; background-size: 2.4vw auto}
.mypage-wrap .coupon.mylist li .vc .stxt {font-size: 2.4vw; color: #999; line-height: 1.2em; letter-spacing: -0.03em; margin-top: 0.8vw}
.mypage-wrap .coupon.mylist li .vc .abr {position: absolute; right: 0; top: 50%; font-size: 2.8vw; color: #222; line-height: 1.2em; text-align: right; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.mypage-wrap .coupon.mylist li .vc .abr span {font-size: 2.8vw; line-height: 1.2em; margin-top: 1vw; display: block}
.mypage-wrap .ecouponcard {margin: 0 auto; border: solid 1px #ebebeb; border-radius: 2vw; padding: 6vw; text-align: center; font-size: 3vw; line-height: 4vw; margin-bottom: 3vw}
.mypage-wrap .ecouponcard .menuname {width: 78%; display: inline-block; padding: 2vw 0; text-align: left}
.mypage-wrap .ecouponcard .menuname span {font-size: 1.4em; color: #1c355e; font-weight: bold}
.mypage-wrap .ecouponcard button {width: 100%; height: 7vw; font-size: 2vw; color: #fff; background: #1c355e; border: 0; border-radius: 10px; margin-top: 13px}
.mypage-wrap .ecouponcard img {width: 39vw; display: block; margin: 0 auto}
.mypage-wrap .ecouponmargin {margin-bottom: 20px}
.mypage-wrap .largebuy {padding-left: 1vw; padding-top: 1vw; font-size: 2.5vw; line-height: 4vw; min-height: 22vw; background-size: 17vw}
.mypage-wrap .largebuy span {color: #1c355e; font-size: 1.2em}
.mypage-wrap .ecouponstore img {width: 100%}
.mypage-wrap #coupon_code {width: calc(100% - 18.5vw); border: solid 2px #1c355e}
.mypage-wrap #coupon_code_btn.enter {width: 17vw}
.scontainer.mexi .mypage-wrap .coupon.state .money .won {color: #FF8500}
.k-checkbox {opacity: 0; display: none}

@media only screen and (min-width: 999px) {
    .mypage-wrap .ecouponcard {padding: 40px; font-size: 30px; line-height: 40px}
    .mypage-wrap .ecouponcard img {width: 340px; display: block; margin: 0 auto}
    .mypage-wrap .ecouponcard button {height: 70px; border-radius: 10px; font-size: 20px}
    .mypage-wrap .largebuy {padding-top: 10px; font-size: 23px; line-height: 40px; min-height: 200px; background-size: 171px}
    .mypage-wrap .titlecoupon {font-size: 25px; padding: 20px 0}
    .mypage-wrap .coupon.state {padding: 15px}
    .mypage-wrap .coupon.state .con {padding: 20px 40px; border-radius: 0; min-height: 240px}
    .mypage-wrap .coupon.state .logo a {padding-right: 30px; background-size: 14px auto; font-size: 24px; line-height: 34px}
    .mypage-wrap .coupon.state .logo img {max-width: 200px; max-height: 90px}
    .mypage-wrap .coupon.state .logo .more {width: 40px; height: 50px; top: 32px}
    .mypage-wrap .coupon.state .logo .back {width: 40px; height: 50px; right: -2px; top: 26px}
    .mypage-wrap .coupon.state .logo p {font-size: 20px}
    .mypage-wrap .coupon.state .money .won {font-size: 36px; margin-top: 10px}
    .mypage-wrap .coupon.state .money .cate {padding: 0 16px; font-size: 18px; line-height: 32px; border-radius: 4px; margin-top: 24px}
    .mypage-wrap .coupon.state .note {margin-top: 10px}
    .mypage-wrap .coupon.state .note dt,
    .mypage-wrap .coupon.state .note dd {font-size: 20px}
    .mypage-wrap .coupon.state .note dd:nth-child(n+2) {margin-top: 16px}
    .mypage-wrap .coupon.state .money .minamount, .mypage-wrap .coupon.state .money .msg, .mypage-wrap .coupon.state .money ul li.validity {font-size: 22px}
    .mypage-wrap .coupon.state .money .minamount, .mypage-wrap .coupon.state .money ul li.validity, .mypage-wrap .coupon.state .money .msg, .mypage-wrap .coupon.state .money dl {margin-top: 15px}
    .mypage-wrap .coupon.state .money .msg {line-height: 30px}
    .mypage-wrap .coupon.state .money ul li.validity {line-height: 32px; padding-left: 30px}
    .mypage-wrap .coupon.state .money ul li.validity:before {width: 24px; height: 24px; line-height: 22px; font-size: 18px; top: 4px}
    .mypage-wrap #coupon_code {width: calc(100% - 160px); border: solid 2px #1c355e}
    .mypage-wrap #coupon_code_btn.enter {width: 150px}
    .mypage-wrap .coupon.mylist li:before {width: calc(100% + 60px); margin-left: -30px}
    .mypage-wrap .coupon.mylist li a {padding: 40px 0}
    .mypage-wrap .coupon.mylist li .vc {padding-right: 40px}
    .mypage-wrap .coupon.mylist li .vc .btxt {font-size: 30px}
    .mypage-wrap .coupon.mylist li .vc .btxt.new {padding-right: 34px; background-size: 24px auto}
    .mypage-wrap .coupon.mylist li .vc .stxt {font-size: 24px; margin-top: 8px}
    .mypage-wrap .coupon.mylist li .vc .abr {font-size: 28px; display: inline-block; width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
    .mypage-wrap .coupon.mylist li .vc .abr span {font-size: 28px; margin-top: 10px}
    .mypage-wrap .ecouponmargin {margin-bottom: 40px}
}

@media only screen and (min-width: 501px) and (max-width: 998px) {
    .mypage-wrap .titlecoupon {font-size: 25px; padding: 20px 0}
    .mypage-wrap .coupon.state {padding: 15px 0}
    .mypage-wrap .coupon.state .money .minamount, .mypage-wrap .coupon.state .money .msg, .mypage-wrap .coupon.state .money ul li.validity {font-size: 22px}
    .mypage-wrap .coupon.state .money .minamount, .mypage-wrap .coupon.state .money ul li.validity, .mypage-wrap .coupon.state .money .msg, .mypage-wrap .coupon.state .money dl {margin-top: 15px}
    .mypage-wrap .coupon.state .money .msg {line-height: 30px}
    .mypage-wrap .ecouponmargin {margin-bottom: 30px}
    .scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon span,
    .scontainer.mexi .mypage-wrap .stamp.state .list .item li a.coupon_get span {font-size: 25px; line-height: 30px}
    .mypage-wrap .coupon.mylist li .vc .abr {display: inline-block; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .ecouponcard button {width: 100%; margin-top: 13px; border: 0; background: #1c355e; color: #fff; height: 45px; border-radius: 10px; font-size: 14px}
    .mypage-wrap .largebuy {padding-top: 7px; font-size: 12px; line-height: 22px; min-height: 110px; background-size: 87px}
    .mypage-wrap .titlecoupon {font-size: 16px; padding: 10px 0}
    .mypage-wrap .coupon.state {padding: 10px 0}
    .mypage-wrap .coupon.state .con {padding: 18px 20px; min-height: 150px}
    .mypage-wrap .coupon.state .logo a {padding-right: 15px; background-size: 7px auto; font-size: 14px}
    .mypage-wrap .coupon.state .logo img {max-width: 150px; max-height: 50px}
    .mypage-wrap .coupon.state .logo .more {width: 20px; height: 25px}
    .mypage-wrap .coupon.state .logo .back {width: 20px; height: 25px; right: 0; top: 10px}
    .mypage-wrap .coupon.state .logo p {font-size: 10px}
    .mypage-wrap .coupon.state .money .won {font-size: 26px; margin-top: 5px}
    .mypage-wrap .coupon.state .money .cate {padding: 0 6px; line-height: 16px; font-size: 10px; margin-top: 12px}
    .mypage-wrap .coupon.state .money .minamount, .mypage-wrap .coupon.state .money ul li.validity, .mypage-wrap .coupon.state .money .msg, .mypage-wrap .coupon.state .money dl {margin-top: 7px}
    .mypage-wrap .coupon.state .money .msg {line-height: 18px}
    .mypage-wrap .coupon.state .note {margin-top: 5px}
    .mypage-wrap .coupon.state .note dt, .mypage-wrap .coupon.state .note dd {font-size: 10px}
    .mypage-wrap .coupon.state .note dd:nth-child(n+2) {margin-top: 8px}
    .mypage-wrap .coupon.mylist li:before {width: calc(100% + 30px); margin-left: -15px}
    .mypage-wrap .coupon.mylist li a {padding: 20px 0}
    .mypage-wrap .coupon.mylist li .vc {padding-right: 20px}
    .mypage-wrap .coupon.mylist li .vc .btxt {font-size: 15px}
    .mypage-wrap .coupon.mylist li .vc .btxt.new {padding-right: 17px; background-size: 12px auto}
    .mypage-wrap .coupon.mylist li .vc .stxt {font-size: 12px; margin-top: 4px}
    .mypage-wrap .coupon.mylist li .vc .abr {font-size: 14px; display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis    }
    .mypage-wrap .coupon.mylist li .vc .abr span {font-size: 14px; margin-top: 5px}
    .mypage-wrap #coupon_code {width: calc(100% - 80px); border: solid 2px #1c355e}
    .mypage-wrap #coupon_code_btn.enter {width: 76px}
    .scontainer.mexi .mypage-wrap .coupon.state .con {min-height: 150px}
}

/*===========================================
   mypage-wrap .msg
=============================================*/

.mypage-wrap .msg.list {
}

.mypage-wrap .msg.list li a:before {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    height: 1px;
    background: #eee;
}

.mypage-wrap .msg.list li a {
    position: relative;
    padding: 4vw 0;
    display: block;
}

.mypage-wrap .msg.list li a:after {
    width: 2vw;
    height: 4vw;
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../_Img/Content/my-more.png) no-repeat center center;
    background-size: 60% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    content: ""
}

.mypage-wrap .msg.list li .vc {
    width: 100%;
    box-sizing: border-box;
}

.mypage-wrap .msg.list li a.new .vc {
    padding-left: 4vw;
    background: url(../_Img/Sub/ico-new.png) no-repeat left 0.4vw;
    background-size: 2.4vw auto;
}

.mypage-wrap .msg.list li .btxt {
    font-size: 3vw;
    color: #222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

.mypage-wrap .msg.list li .stxt {
    font-size: 2.4vw;
    color: #555;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    margin-top: 0.8vw;
}

.mypage-wrap .msg.list li .ctxt {
    font-size: 2.4vw;
    color: #999;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    margin-top: 1.6vw;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .msg.list li a:before {
        width: calc(100% + 60px);
        margin-left: -30px
    }

    .mypage-wrap .msg.list li a {
        padding: 40px 0;
    }

    .mypage-wrap .msg.list li a:after {
        width: 20px;
        height: 40px;
    }

    .mypage-wrap .msg.list li .vc {
    }

    .mypage-wrap .msg.list li a.new .vc {
        padding-left: 40px;
        background-position: left 4px;
        background-size: 24px auto;
    }

    .mypage-wrap .msg.list li .btxt {
        font-size: 30px
    }

    .mypage-wrap .msg.list li .stxt {
        font-size: 24px;
        margin-top: 8px;
    }

    .mypage-wrap .msg.list li .ctxt {
        font-size: 24px;
        margin-top: 1.6px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .msg.list li a:before {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .mypage-wrap .msg.list li a {
        padding: 20px 0
    }

    .mypage-wrap .msg.list li a:after {
        width: 10px;
        height: 20px;
    }

    .mypage-wrap .msg.list li a.new .vc {
        padding-left: 20px;
        background-position: left 2px;
        background-size: 12px auto;
    }

    .mypage-wrap .msg.list li .vc {
    }

    .mypage-wrap .msg.list li .btxt {
        font-size: 15px
    }

    .mypage-wrap .msg.list li .stxt {
        font-size: 12px;
        margin-top: 4px;
    }

    .mypage-wrap .msg.list li .ctxt {
        font-size: 12px;
        margin-top: 8px;
    }
}


/*===========================================
   mypage-wrap .order
=============================================*/

.mypage-wrap .order {
}

.mypage-wrap .order.list {
}

.mypage-wrap .order.list .item {
    padding: 4vw 0
}

.mypage-wrap .order.list .txt {
    padding-left: 12vw;
}

.mypage-wrap .order.list .txt .btxt {
    font-size: 3.4vw;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 5vw;
}

.mypage-wrap .order.list .txt .btxt span {
    display: inline-block;
    vertical-align: top;
    margin-left: 2vw;
    font-size: 2.6vw;
    color: #888;
    line-height: 5vw;
    font-weight: 400;
}

.mypage-wrap .order.list .txt .stxt {
    font-size: 2.6vw;
    color: #222;
    line-height: 4vw;
    letter-spacing: 0;
    font-weight: 400
}

.mypage-wrap .order.list .btns {
    font-size: 0;
    margin: 3.4vw -1% 0 -1%
}

.mypage-wrap .order.list .btns a {
    width: 31.33333%;
    margin: 0 1%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 2.4vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 8.6vw;
    height: 8.8vw;
    /*border: 1px solid #d7d7d7;
    border-radius: 0.8vw;*/
    text-align: center;
    border-radius: 40px;
    background: #efefef;

}

.mypage-wrap .order.list .btns a span {
    display: inline-block;
    vertical-align: top
}

.mypage-wrap .order.list .btns .review-btn span {
    padding-left: 4vw;
    background: url(../_Img/Content/order-review.png) no-repeat left 52%;
    background-size: 3vw auto;
}

.mypage-wrap .order.list .btns .franchise-btn span {
    padding-left: 4.2vw;
    background: url(../_Img/Content/order-franchise.png) no-repeat left 52%;
    background-size: 3.2vw auto;
}

.mypage-wrap .order.list .btns .detail-btn span {
    padding-left: 4vw;
    background: url(../_Img/Content/order-detail.png) no-repeat left 52%;
    background-size: 2.8vw auto;
}

.mypage-wrap .order.list .btns .disabled {
    opacity: 0.4
}

.mypage-wrap .order.list .ex {
    font-size: 2.4vw;
    color: #878787;
    margin-top: 1.2vw;
    letter-spacing: -0.03em;
    line-height: 1.1em;
}

.mypage-wrap .order.list .item .myorderthumbnail {
    position: absolute;
    width: 9.6vw;
    height: 9.6vw;
    border: solid 1px #ddd;
    border-radius: 3.5vw;
}

.mypage-wrap .order.list .item .myorderthumbnail img {

    border-radius: 3vw;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .order.list .item .myorderthumbnail img {

        border-radius: 30px;
    }

    .mypage-wrap .order.list .txt {
        padding-left: 130px;
    }

    .mypage-wrap .order.list .item .myorderthumbnail {
        position: absolute;
        width: 95px;
        height: 95px;
        border: solid 1px #ddd;
        border-radius: 33px;
    }

    .mypage-wrap .order.list .item {
        padding: 40px 0
    }

    .mypage-wrap .order.list .txt .btxt {
        font-size: 34px;
        line-height: 50px;
    }

    .mypage-wrap .order.list .txt .btxt span {
        margin-left: 20px;
        font-size: 26px;
        line-height: 50px;
    }

    .mypage-wrap .order.list .txt .stxt {
        font-size: 26px;
        line-height: 40px;
    }

    .mypage-wrap .order.list .btns {
        margin-top: 34px;
    }

    .mypage-wrap .order.list .btns a {
        font-size: 24px;
        line-height: 86px;
        height: 88px;
        border-radius: 62px;
    }

    .mypage-wrap .order.list .ex {
        font-size: 24px;
        margin-top: 12px;
    }

    .mypage-wrap .order.list .btns .review-btn span {
        padding-left: 40px;
        background-size: 30px auto;
    }

    .mypage-wrap .order.list .btns .franchise-btn span {
        padding-left: 42px;
        background-size: 32px auto;
    }

    .mypage-wrap .order.list .btns .detail-btn span {
        padding-left: 40px;
        background-size: 28px auto;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .order.list .txt {
        padding-left: 60px;
    }

    .mypage-wrap .order.list .item .myorderthumbnail {
        position: absolute;
        width: 48px;
        height: 48px;
        border: solid 1px #ddd;
        border-radius: 18px;
    }

    .mypage-wrap .order.list .item .myorderthumbnail img {

        border-radius: 16px;
    }

    .mypage-wrap .order.list .item {
        padding: 20px 0;
    }


    .mypage-wrap .order.list .txt .btxt {
        font-size: 17px;
        line-height: 25px;
    }

    .mypage-wrap .order.list .txt .btxt span {
        margin-left: 10px;
        font-size: 13px;
        line-height: 25px;
    }

    .mypage-wrap .order.list .txt .stxt {
        font-size: 13px;
        line-height: 20px;
    }

    .mypage-wrap .order.list .btns {
        margin-top: 17px;
    }

    .mypage-wrap .order.list .btns a {
        font-size: 12px;
        line-height: 43px;
        height: 44px;
        border-radius: 40px;
        background: #efefef;
    }

    .mypage-wrap .order.list .ex {
        font-size: 12px;
        margin-top: 6px;
    }

    .mypage-wrap .order.list .btns .review-btn span {
        padding-left: 25px;
        background-size: 22px auto;
    }

    .mypage-wrap .order.list .btns .franchise-btn span {
        padding-left: 21px;
        background-size: 16px auto;
    }

    .mypage-wrap .order.list .btns .detail-btn span {
        padding-left: 20px;
        background-size: 16px auto;
    }
}


/*===========================================
   mypage-wrap .order
=============================================*/
.mypage-wrap .order {}
.mypage-wrap .order.detail {}
.mypage-wrap .order.detail .item {padding: 4vw 0}
.mypage-wrap .order.detail .txt {}
.mypage-wrap .order.detail .txt .atxt {font-size: 3.8vw; color: #5190f0; font-weight: bold; letter-spacing: -0.03em; line-height: 4vw; margin-bottom: 5px}
.mypage-wrap .order.detail .txt .atxt.red {color: #a91201}
.mypage-wrap .order.detail .txt .btxt {font-size: 3.8vw; color: #222; font-weight: 700; letter-spacing: -0.03em; line-height: 5vw}
.mypage-wrap .order.detail .txt .btxt span {display: inline-block; vertical-align: top; margin-left: 2vw; font-size: 2.6vw; color: #888; line-height: 5vw; font-weight: 400}
.mypage-wrap .order.detail .txt .stxt {font-size: 3vw; color: #222; line-height: 4vw; letter-spacing: 0; font-weight: 400}
.mypage-wrap .order.detail .date {margin-top: 3vw}
.mypage-wrap .order.detail .date li {font-size: 3vw; color: #888; font-weight: 400; letter-spacing: -0.03em; line-height: 1.2em}
.mypage-wrap .order.detail .date li:nth-child(n+2) {margin-top: 0.6vw}
.mypage-wrap .order.detail .btns {font-size: 0; margin: 3.4vw -1% 0 -1%}
.mypage-wrap .order.detail .btns a {width: 48%; margin: 0 1%; display: inline-block; vertical-align: top; box-sizing: border-box; font-size: 2.4vw; color: #222; letter-spacing: -0.03em; line-height: 8.6vw; height: 8.8vw; border: 1px solid #d7d7d7; border-radius: 0.8vw; text-align: center}
.mypage-wrap .order.detail .btns a span {display: inline-block; vertical-align: top}
.mypage-wrap .order.detail .btns .tel-btn span {padding-left: 4vw; background: url(../_Img/Content/customer-phone.png) no-repeat left 52%; background-size: 3vw auto}
.mypage-wrap .order.detail .btns .franchise-btn span {padding-left: 4.2vw; background: url(../_Img/Content/order-franchise.png) no-repeat left 52%; background-size: 3.2vw auto}
.mypage-wrap .order.detail .btns .disabled {opacity: 0.4}
.mypage-wrap .order.detail .result {padding: 5vw 0}
.mypage-wrap .order.detail .result .ord {font-size: 3vw; color: #222; letter-spacing: -0.03em; line-height: 1.2em; position: relative; padding-right: 20vw}
.mypage-wrap .order.detail .result .ord span {position: absolute; right: 0; top: 0}
.mypage-wrap .order.detail .result ul {margin-top: 2vw}
.mypage-wrap .order.detail .result ul li {color: #999; font-size: 2.6vw; line-height: 1.4em; position: relative; padding-left: 1vw; letter-spacing: -0.03em; word-break: keep-all}
.mypage-wrap .order.detail .result ul li:before {width: 0.4vw; height: 0.4vw; background: #999; border-radius: 100%; position: absolute; left: 0; top: 1.4vw; display: block; content: ""}
.mypage-wrap .order.detail .total {padding-top: 5vw; border-top: 1px solid #eee}
.mypage-wrap .order.detail .total ul {}
.mypage-wrap .order.detail .total ul li {position: relative; text-align: right}
.mypage-wrap .order.detail .total ul li:nth-child(n+2) {margin-top: 0.8vw}
.mypage-wrap .order.detail .total ul li .btxt {position: absolute; left: 0; font-size: 3vw; font-weight: 700; color: #222; line-height: 1.3em}
.mypage-wrap .order.detail .total ul li .stxt {font-size: 3vw; font-weight: 700; color: #222; line-height: 1.3em}
/*.mypage-wrap .order.detail .total ul li:last-child {margin-top: 3vw}*/
.mypage-wrap .order.detail .total ul li.sub-li p {color: #999; line-height: 1.3em; letter-spacing: -0.03em; font-weight: 400; word-break: keep-all}
.mypage-wrap .order.detail .total ul li.sub-li .btxt {padding-left: 1vw}
.mypage-wrap .order.detail .total ul li.sub-li .stxt {letter-spacing: -0.03em}
.mypage-wrap .order.detail .payment {margin-top: 5vw; border-top: 2px solid #888; padding: 5vw 0}
.mypage-wrap .order.detail .payment .btxt {font-size: 3.8vw; color: #222; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2em; position: relative}
.mypage-wrap .order.detail .payment .btxt span {position: absolute; right: 0; top: 0}
.mypage-wrap .order.detail .payment .stxt {margin-top: 1vw; font-size: 3.8vw; color: #222; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2em; position: relative}
.mypage-wrap .order.detail .payment .stxt span {position: absolute; right: 0; top: 0}
.mypage-wrap .order.detail .infos {}
.mypage-wrap .order.detail .infos ul {}
.mypage-wrap .order.detail .infos li {position: relative; padding: 3vw 0}
.mypage-wrap .order.detail .infos li:nth-child(n+2) {border-top: 1px solid #eee}
.mypage-wrap .order.detail .infos li .btxt {font-size: 3vw; color: #222; letter-spacing: -0.03em; line-height: 1.2em; font-weight: 700}
.mypage-wrap .order.detail .infos li .stxt {margin-top: 1vw; font-size: 2.6vw; color: #888; font-weight: 400; letter-spacing: -0.03em; line-height: 1.4em}
.mypage-wrap .order.detail .lower {width: calc(100% + 6vw); margin-left: -3vw}
.mypage-wrap .order.detail .lower a {font-size: 3vw; color: #F16160; line-height: 12.4vw; display: block; text-align: center}

@media only screen and (min-width: 999px) {
    .mypage-wrap .order.detail .item {
        padding: 40px 0
    }

    .mypage-wrap .order.detail .txt .atxt {
        line-height: 40px;
        font-size: 38px;
    }

    .mypage-wrap .order.detail .txt .btxt {
        font-size: 38px;
        line-height: 50px;
    }

    .mypage-wrap .order.detail .txt .btxt span {
        margin-left: 20px;
        font-size: 26px;
        line-height: 50px;
    }

    .mypage-wrap .order.detail .txt .stxt {
        font-size: 30px;
        line-height: 40px;
    }

    .mypage-wrap .order.detail .date {
        margin-top: 30px
    }

    .mypage-wrap .order.detail .date li {
        font-size: 30px;
    }

    .mypage-wrap .order.detail .date li:nth-child(n+2) {
        margin-top: 6px;
    }

    .mypage-wrap .order.detail .btns {
        margin-top: 34px;
    }

    .mypage-wrap .order.detail .btns a {
        font-size: 24px;
        line-height: 86px;
        height: 88px;
        border-radius: 8px;
    }

    .mypage-wrap .order.detail .btns .tel-btn span {
        padding-left: 40px;
        background-size: 30px auto;
    }

    .mypage-wrap .order.detail .btns .franchise-btn span {
        padding-left: 42px;
        background-size: 32px auto;
    }

    .mypage-wrap .order.detail .result {
        padding: 50px 0;
    }

    .mypage-wrap .order.detail .result .ord {
        font-size: 30px;
        padding-right: 200px;
    }

    .mypage-wrap .order.detail .result ul {
        margin-top: 20px;
    }

    .mypage-wrap .order.detail .result ul li {
        font-size: 26px;
        padding-left: 10px;
    }

    .mypage-wrap .order.detail .result ul li:before {
        width: 4px;
        height: 4px;
        top: 14px;
    }

    .mypage-wrap .order.detail .total {
        padding-top: 50px;
    }

    .mypage-wrap .order.detail .total ul {
    }

    .mypage-wrap .order.detail .total ul li {
    }

    .mypage-wrap .order.detail .total ul li:nth-child(n+2) {
        margin-top: 8px
    }

    .mypage-wrap .order.detail .total ul li .btxt {
        font-size: 30px
    }

    .mypage-wrap .order.detail .total ul li .stxt {
        font-size: 30px
    }

    /*.mypage-wrap .order.detail .total ul li:last-child {*/
    /*    margin-top: 30px;*/
    /*}*/

    /*.mypage-wrap .order.detail .total ul li:last-child .btxt {*/
    /*    font-size: 26px;*/
    /*    padding-left: 10px;*/
    /*}*/

    /*.mypage-wrap .order.detail .total ul li:last-child .btxt:before {*/
    /*    width: 4px;*/
    /*    height: 4px;*/
    /*    top: 14px;*/
    /*}*/

    /*.mypage-wrap .order.detail .total ul li:last-child .stxt {*/
    /*    font-size: 26px;*/
    /*}*/

    .mypage-wrap .order.detail .payment {
        margin-top: 50px;
        padding: 50px 0;
    }

    .mypage-wrap .order.detail .payment .btxt {
        font-size: 38px
    }

    .mypage-wrap .order.detail .payment .stxt {
        margin-top: 10px;
        font-size: 38px
    }

    .mypage-wrap .order.detail .infos li {
        padding: 30px 0;
    }

    .mypage-wrap .order.detail .infos li .btxt {
        font-size: 30px;
    }

    .mypage-wrap .order.detail .infos li .stxt {
        margin-top: 10px;
        font-size: 26px;
    }

    .mypage-wrap .order.detail .lower {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .mypage-wrap .order.detail .lower a {
        font-size: 30px;
        line-height: 124px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .order.detail .item {
        padding: 20px 0
    }

    .mypage-wrap .order.detail .txt .atxt {
        font-size: 19px;
        line-height: 20px;
    }

    .mypage-wrap .order.detail .txt .btxt {
        font-size: 19px;
        line-height: 25px;
    }

    .mypage-wrap .order.detail .txt .btxt span {
        margin-left: 10px;
        font-size: 13px;
        line-height: 25px;
    }

    .mypage-wrap .order.detail .txt .stxt {
        font-size: 15px;
        line-height: 20px;
    }

    .mypage-wrap .order.detail .date {
        margin-top: 15px
    }

    .mypage-wrap .order.detail .date li {
        font-size: 15px;
    }

    .mypage-wrap .order.detail .date li:nth-child(n+2) {
        margin-top: 3px;
    }

    .mypage-wrap .order.detail .btns {
        margin-top: 17px;
    }

    .mypage-wrap .order.detail .btns a {
        font-size: 12px;
        line-height: 43px;
        height: 44px;
        border-radius: 4px;
    }

    .mypage-wrap .order.detail .btns .tel-btn span {
        padding-left: 20px;
        background-size: 15px auto;
    }

    .mypage-wrap .order.detail .btns .franchise-btn span {
        padding-left: 21px;
        background-size: 16px auto;
    }

    .mypage-wrap .order.detail .result {
        padding: 25px 0;
    }

    .mypage-wrap .order.detail .result .ord {
        font-size: 15px;
        padding-right: 100px;
    }

    .mypage-wrap .order.detail .result ul {
        margin-top: 10px;
    }

    .mypage-wrap .order.detail .result ul li {
        font-size: 13px;
        padding-left: 5px;
    }

    .mypage-wrap .order.detail .result ul li:before {
        width: 2px;
        height: 2px;
        top: 7px;
    }

    .mypage-wrap .order.detail .total {
        padding-top: 25px;
    }

    .mypage-wrap .order.detail .total ul {
    }

    .mypage-wrap .order.detail .total ul li {
    }

    .mypage-wrap .order.detail .total ul li:nth-child(n+2) {
        margin-top: 4px
    }

    .mypage-wrap .order.detail .total ul li .btxt {
        font-size: 15px
    }

    .mypage-wrap .order.detail .total ul li .stxt {
        font-size: 15px
    }

    /*.mypage-wrap .order.detail .total ul li:last-child {*/
    /*    margin-top: 15px;*/
    /*}*/

    /*.mypage-wrap .order.detail .total ul li:last-child .btxt {*/
    /*    font-size: 13px;*/
    /*    padding-left: 5px;*/
    /*}*/

    /*.mypage-wrap .order.detail .total ul li:last-child .btxt:before {*/
    /*    width: 2px;*/
    /*    height: 2px;*/
    /*    top: 7px;*/
    /*}*/

    /*.mypage-wrap .order.detail .total ul li:last-child .stxt {*/
    /*    font-size: 13px;*/
    /*}*/

    .mypage-wrap .order.detail .payment {
        margin-top: 25px;
        padding: 25px 0;
    }

    .mypage-wrap .order.detail .payment .btxt {
        font-size: 19px
    }

    .mypage-wrap .order.detail .payment .stxt {
        margin-top: 5px;
        font-size: 19px
    }

    .mypage-wrap .order.detail .infos li {
        padding: 15px 0;
    }

    .mypage-wrap .order.detail .infos li .btxt {
        font-size: 15px;
    }

    .mypage-wrap .order.detail .infos li .stxt {
        margin-top: 5px;
        font-size: 13px;
    }

    .mypage-wrap .order.detail .lower {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .mypage-wrap .order.detail .lower a {
        font-size: 15px;
        line-height: 62px;
    }
}


/*=======================================================
    .mypage-wrap .review.list
=========================================================*/

.mypage-wrap .review.list .item.first {
    padding-top: 3vw;
}

.mypage-wrap .review.list .info {
    position: relative;
    margin-bottom: 2.8vw;
}

.mypage-wrap .review.list .info .odr {
    display: inline-block;
    vertical-align: top;
    padding-right: 2.4vw;
    font-size: 2.8vw;
    color: #222;
    line-height: 1.2em;
    margin-bottom: 1vw;
    background: url(../_Img/Content/stamp-next.png) no-repeat right 54%;
    background-size: 1.6vw auto;
}

.mypage-wrap .review.list .info .star {
    height: 3vw;
}

.mypage-wrap .review.list .info .rating-star {
    width: 15vw;
    height: 3vw;
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

.mypage-wrap .review.list .info .rating-star * {
    vertical-align: top;
}

.mypage-wrap .review.list .info .rtxt {
    display: inline-block;
    vertical-align: top;
    color: #999;
    font-size: 2.2vw;
    line-height: 3vw;
    letter-spacing: -0.035em;
    margin-left: 1vw;
}

.mypage-wrap .review.list .info .delete {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 9vw;
    height: 5vw;
    text-align: center;
    border-radius: 5vw;
    background: #f6f6f6;
    color: #222;
    letter-spacing: -0.03em;
    font-size: 2.8vw;
    line-height: 5vw;
}

.mypage-wrap .review.list .info .modify {
    position: absolute;
    right: 10vw;
    bottom: 0;
    width: 9vw;
    height: 5vw;
    text-align: center;
    border-radius: 5vw;
    background: #f6f6f6;
    color: #222;
    letter-spacing: -0.03em;
    font-size: 2.8vw;
    line-height: 5vw;
}

.mypage-wrap .review.list .img {
}

.mypage-wrap .review.list .img img {
    width: 100%;
    height: 32vw;
    object-fit: cover;
}

.mypage-wrap .review.list .img.c01 {
    overflow: hidden;
    border-radius: 1vw;
}

.mypage-wrap .review.list .img.c01.vh img {
    height: 66vw;
    object-fit: cover;
}

.mypage-wrap .review.list .img.c02 ul:after {
    display: block;
    content: "";
    clear: both
}

.mypage-wrap .review.list .img.c02 li {
    float: left;
    width: 49%;
    border-radius: 1vw;
    overflow: hidden;
}

.mypage-wrap .review.list .img.c02 li:nth-child(even) {
    float: right;
}

.mypage-wrap .review.list .img.c04 ul:after {
    display: block;
    content: "";
    clear: both
}

.mypage-wrap .review.list .img.c04 li {
    float: left;
    width: 49%;
    border-radius: 1vw;
    overflow: hidden;
}

.mypage-wrap .review.list .img.c04 li:nth-child(even) {
    float: right;
}

.mypage-wrap .review.list .img.c04 li:nth-child(n+3) {
    margin-top: 2%
}

.mypage-wrap .review.list .img.mg2t {
    margin-top: 2vw;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .review.list .item.first {
        padding-top: 30px;
    }

    .mypage-wrap .review.list .info {
        margin-bottom: 28px;
    }

    .mypage-wrap .review.list .info .odr {
        font-size: 28px;
        margin-bottom: 10px;
        padding-right: 24px;
        background-size: 16px auto;
    }

    .mypage-wrap .review.list .info .star {
        height: 30px;
    }

    .mypage-wrap .review.list .info .rating-star {
        width: 150px;
        height: 30px;
    }

    .mypage-wrap .review.list .info .rtxt {
        font-size: 22px;
        line-height: 30px;
        margin-left: 10px;
    }

    .mypage-wrap .review.list .info .delete {
        width: 90px;
        height: 50px;
        border-radius: 50px;
        font-size: 28px;
        line-height: 50px;
    }

    .mypage-wrap .review.list .info .modify {
        width: 90px;
        height: 50px;
        right: 100px;
        border-radius: 50px;
        font-size: 28px;
        line-height: 50px;
    }

    .mypage-wrap .review.list .img {
        border-radius: 10px;
    }

    .mypage-wrap .review.list .img img {
        height: 320px;
    }

    .mypage-wrap .review.list .img.c01.vh img {
        height: 660px
    }

    .mypage-wrap .review.list .img.c02 li {
        border-radius: 10px;
    }

    .mypage-wrap .review.list .img.c04 li {
        border-radius: 10px;
    }

    .mypage-wrap .review.list .img.mg2t {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .review.list .item.first {
        padding-top: 15px;
    }

    .mypage-wrap .review.list .info {
        margin-bottom: 14px;
    }

    .mypage-wrap .review.list .info .odr {
        font-size: 14px;
        margin-bottom: 5px;
        padding-right: 12px;
    }

    .mypage-wrap .review.list .info .star {
        height: 15px;
    }

    .mypage-wrap .review.list .info .rating-star {
        width: 75px;
        height: 15px;
        background-size: 8px auto;
    }

    .mypage-wrap .review.list .info .rtxt {
        font-size: 11px;
        line-height: 15px;
        margin-left: 5px;
    }

    .mypage-wrap .review.list .info .delete {
        width: 45px;
        height: 25px;
        border-radius: 25px;
        font-size: 14px;
        line-height: 25px;
    }

    .mypage-wrap .review.list .info .modify {
        width: 45px;
        height: 25px;
        right: 50px;
        border-radius: 25px;
        font-size: 14px;
        line-height: 25px;
    }

    .mypage-wrap .review.list .img {
        border-radius: 5px;
    }

    .mypage-wrap .review.list .img img {
        height: 160px;
    }

    .mypage-wrap .review.list .img.c01.vh img {
        height: 330px
    }

    .mypage-wrap .review.list .img.c02 li {
        border-radius: 5px;
    }

    .mypage-wrap .review.list .img.c04 li {
        border-radius: 5px;
    }

    .mypage-wrap .review.list .img.mg2t {
        margin-top: 10px;
    }
}

.mypage-wrap .review.list .txt {
    margin-top: 2vw;
}

.mypage-wrap .review.list .txt p {
    font-size: 3.2vw;
    color: #222222;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    word-break: keep-all;
}

.mypage-wrap .review.list .eat {
    margin-top: 2vw;
}

.mypage-wrap .review.list .eat .odr {
    background: #F6F6F6;
    line-height: 5vw;
    border-radius: 5vw;
    padding: 0 2vw;
    font-size: 2.6vw;
    color: #222222;
    letter-spacing: -0.035em;
    display: inline-block;
    vertical-align: top;
}

.mypage-wrap .review.list .eat .star {
    display: inline-block;
    vertical-align: top;
    height: 5vw;
    margin-left: 1vw;
}

.mypage-wrap .review.list .eat .rating-star * {
    vertical-align: top;
}

.mypage-wrap .review.list .eat .rating-star {
    width: 15vw;
    height: 3vw;
    display: inline-block;
    vertical-align: top;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: relative;
}

.mypage-wrap .review.list .answer {
    position: relative;
    background: #F6F6F6;
    border-radius: 2vw;
    padding: 2.4vw;
    margin-top: 5vw;
}

.mypage-wrap .review.list .answer:before {
    width: 3vw;
    height: 6vw;
    top: -3vw;
    position: absolute;
    left: 0;
    display: block;
    content: "";
    background: url(../_Img/Content/anwer-arrow.jpg) no-repeat;
    background-size: 100% auto;
}

.mypage-wrap .review.list .answer .btxt {
    font-size: 3.2vw;
    font-weight: 700;
    color: #222;
    line-height: 1.4em;
    letter-spacing: -0.03em;
}

.mypage-wrap .review.list .answer .btxt span {
    font-size: 2.4vw;
    color: #888;
    margin-left: 1.6vw;
    font-weight: 400
}

.mypage-wrap .review.list .answer .stxt {
    margin-top: 2vw;
    font-size: 3.2vw;
    color: #222;
    line-height: 1.4em;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .review.list .txt {
        margin-top: 20px;
    }

    .mypage-wrap .review.list .txt p {
        font-size: 32px;
    }

    .mypage-wrap .review.list .eat {
        margin-top: 20px;
    }

    .mypage-wrap .review.list .eat .odr {
        line-height: 50px;
        border-radius: 50px;
        padding: 0 20px;
        font-size: 26px;
    }

    .mypage-wrap .review.list .eat .star {
        height: 50px;
        margin-left: 10px;
    }

    .mypage-wrap .review.list .eat .rating-star {
        width: 150px;
        height: 30px;
    }

    .mypage-wrap .review.list .answer {
        border-radius: 20px;
        padding: 24px;
        margin-top: 50px;
    }

    .mypage-wrap .review.list .answer:before {
        width: 30px;
        height: 60px;
        top: -30px;
    }

    .mypage-wrap .review.list .answer .btxt {
        font-size: 32px;
    }

    .mypage-wrap .review.list .answer .btxt span {
        font-size: 24px;
        margin-left: 16px
    }

    .mypage-wrap .review.list .answer .stxt {
        font-size: 32px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .review.list .txt {
        margin-top: 10px;
    }

    .mypage-wrap .review.list .txt p {
        font-size: 16px;
    }

    .mypage-wrap .review.list .eat {
        margin-top: 10px;
    }

    .mypage-wrap .review.list .eat .odr {
        line-height: 25px;
        border-radius: 25px;
        padding: 0 10px;
        font-size: 13px;
    }

    .mypage-wrap .review.list .eat .star {
        height: 25px;
        margin-left: 5px;
    }

    .mypage-wrap .review.list .eat .rating-star {
        width: 75px;
        height: 15px;
    }

    .mypage-wrap .review.list .answer {
        border-radius: 10px;
        padding: 12px;
        margin-top: 25px;
    }

    .mypage-wrap .review.list .answer:before {
        width: 15px;
        height: 30px;
        top: -15px;
    }

    .mypage-wrap .review.list .answer .btxt {
        font-size: 16px;
    }

    .mypage-wrap .review.list .answer .btxt span {
        font-size: 12px;
        margin-left: 8px
    }

    .mypage-wrap .review.list .answer .stxt {
        font-size: 16px;
        margin-top: 5px;
    }
}

.mypage-wrap .review.list .tits {
    position: relative;
    padding: 3vw 0;
}

.mypage-wrap .review.list .tits:before {
    left: 0;
    bottom: 0;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    box-sizing: border-box;
    height: 1px;
    background: #eee;
    position: absolute;
    display: block;
    content: "";
}

.mypage-wrap .review.list .tits h3 {
    font-size: 4vw;
    color: #222;
    line-height: 6vw;
    font-weight: 400;
    letter-spacing: -0.03em;
}

.mypage-wrap .review.list .tits p {
    font-size: 2.2vw;
    color: #222;
    line-height: 2.4vw;
    letter-spacing: -0.03em;
    display: inline-block;
    vertical-align: top;
}

.mypage-wrap .review.list .help {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 2.4vw;
    margin-left: 1.4vw;
    height: 2.4vw;
}

.mypage-wrap .review.list .help:after {
    position: absolute;
    right: 0;
    top: 50%;
    width: 2.5vw;
    height: 2.5vw;
    line-height: 2.5vw;
    border: 1px solid #222;
    font-size: 2vw;
    border-radius: 100%;
    color: #222;
    display: block;
    content: "?";
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mypage-wrap .review.list .sgap {
    height: 10vw
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .review.list .tits {
        padding: 30px 0;
    }

    .mypage-wrap .review.list .tits:before {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .mypage-wrap .review.list .tits h3 {
        font-size: 40px;
        line-height: 60px;
    }

    .mypage-wrap .review.list .tits p {
        font-size: 22px;
        line-height: 24px;
    }

    .mypage-wrap .review.list .help {
        width: 24px;
        height: 24px;
        margin-left: 14px;
    }

    .mypage-wrap .review.list .help:after {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 20px;
    }

    .mypage-wrap .review.list .sgap {
        height: 100px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .review.list .tits {
        padding: 15px 0;
    }

    .mypage-wrap .review.list .tits:before {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .mypage-wrap .review.list .tits h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .mypage-wrap .review.list .tits p {
        font-size: 11px;
        line-height: 12px
    }

    .mypage-wrap .review.list .help {
        width: 12px;
        height: 12px;
        margin-left: 7px;
    }

    .mypage-wrap .review.list .help:after {
        width: 12px;
        height: 12px;
        font-size: 10px;
        line-height: 11px;
    }

    .mypage-wrap .review.list .sgap {
        height: 50px;
    }
}


/*=======================================================
    .layer-wrap.reveiw
=========================================================*/

.layer-wrap.reveiw {
    display: none;
    left: 50%;
    top: 25vw;
    border: 1px solid #E6E6E6;
    background: #F6F6F6;
    border-radius: 0.8vw;
    padding: 2.8vw 2.6vw;
    width: 60%;
    min-width: 300px;
    max-width: 600px;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.layer-wrap.reveiw p {
    font-size: 2.2vw;
    color: #999;
    line-height: 1.2em;
    letter-spacing: -0.03em;
}

@media only screen and (min-width: 999px) {
    .layer-wrap.reveiw {
        border-radius: 8px;
        padding: 28px 26px;
        top: 240px;
    }

    .layer-wrap.reveiw p {
        font-size: 22px
    }
}

@media only screen and (max-width: 500px) {
    .layer-wrap.reveiw {
        border-radius: 4px;
        padding: 14px 13px;
        top: 120px;
    }

    .layer-wrap.reveiw p {
        font-size: 11px
    }
}


/*=======================================================
    .mypage-wrap .my-modify
=========================================================*/

.mypage-wrap .my-modify {
}

.mypage-wrap .my-modify .info {
    padding: 5vw 0;
    text-align: center;
}

.mypage-wrap .my-modify .info .chk-input {
    position: relative;
    width: 38.4vw;
}

.mypage-wrap .my-modify .info .chk-input input {
    padding-right: 4vw;
    background: #F6F6F6;
    color: #222 !important;
    border-radius: 0;
}

.mypage-wrap .my-modify .info .chk-input.active input,
.mypage-wrap .my-modify .info .chk-input input:focus {
    background: #fff;
}

.mypage-wrap .my-modify .info .chk-input .delete {
    display: none
}

.mypage-wrap .my-modify .info .chk-input.active .delete {
    display: block;
}

.mypage-wrap .my-modify .info .delete {
    position: absolute;
    z-index: 912;
    right: 1.2vw;
    top: 50%;
    width: 3.6vw;
    height: 3.6vw;
    background: url(../_Img/Sub/addr-delete.png) no-repeat center center;
    background-size: 60% auto;
    display: block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
}

.mypage-wrap .my-modify .info .field {
    margin-top: 3vw;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .my-modify .info .field {
        margin-top: 30px;
    }

    .mypage-wrap .my-modify .info .chk-input {
        width: 384px;
    }

    .mypage-wrap .my-modify .info .chk-input input {
        padding-right: 40px;
    }

    .mypage-wrap .my-modify .info .delete {
        width: 36px;
        height: 36px;
        right: 12px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .my-modify .info .field {
        margin-top: 15px;
    }

    .mypage-wrap .my-modify .info .chk-input {
        width: 192px;
    }

    .mypage-wrap .my-modify .info .chk-input input {
        padding-right: 20px;
    }

    .mypage-wrap .my-modify .info .delete {
        width: 18px;
        height: 18px;
        right: 6px;
    }
}

.mypage-wrap .my-modify .other {
    margin-top: 3vw;
    text-align: right;
    /*position: fixed;*/
    bottom: 10px;
    right: 15px;
}

.mypage-wrap .my-modify .other ul {
    font-size: 0;
}

.mypage-wrap .my-modify .other li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.mypage-wrap .my-modify .other li a {
    color: #999;
    line-height: 3.2vw;
    display: block;
    font-size: 2.2vw;
    letter-spacing: -0.03em;
}

.mypage-wrap .my-modify .other li:nth-child(n+2) {
    margin-left: 4.6vw
}

.mypage-wrap .my-modify .other li:nth-child(n+2):before {
    width: 1px;
    height: 50%;
    margin-left: -1px;
    top: 25%;
    background: #999;
    opacity: 0.8;
    display: block;
    content: "";
    position: absolute;
    left: -2.3vw;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .my-modify .info {
        padding: 50px 0;
    }

    .mypage-wrap .my-modify .other {
        margin-top: 230px;
    }

    .mypage-wrap .my-modify .other li a {
        font-size: 22px;
    }

    .mypage-wrap .my-modify .other li:nth-child(n+2) {
        margin-left: 46px
    }

    .mypage-wrap .my-modify .other li:nth-child(n+2):before {
        left: -23px
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .my-modify .info {
        padding: 25px 0;
    }

    .mypage-wrap .my-modify .other {
        margin-top: 115px;
    }

    .mypage-wrap .my-modify .other li a {
        font-size: 11px;
    }

    .mypage-wrap .my-modify .other li:nth-child(n+2) {
        margin-left: 23px
    }

    .mypage-wrap .my-modify .other li:nth-child(n+2):before {
        left: -11px
    }
}

.mypage-wrap .my-modify .upload-photo {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.mypage-wrap .my-modify .upload-photo.hides .delete-file {
    display: none;
}

.mypage-wrap .my-modify .upload-photo input[type="file"] {
    display: none
}

.mypage-wrap .my-modify .upload-photo.show .delete-file {
    display: block;
}

.mypage-wrap .my-modify .upload-photo .delete-file {
    display: none;
    position: Absolute;
    cursor: pointer;
    border: none;
    width: 3.4vw;
    height: 3.4vw;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 912;
    background: url(../_Img/Sub/photo-delete.png) no-repeat center center rgba(0, 0, 0, 0.95);
    border-radius: 100%;
    background-size: 40% auto;
    -webkit-transition: background 0s ease-out;
    -moz-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
}

.mypage-wrap .my-modify .upload-photo label {
    position: Absolute;
    right: 0;
    bottom: 0;
    width: 3.4vw;
    height: 3.4vw;
    display: block;
    background: url(../_Img/Content/modify-photo.png) no-repeat center center;
    background-size: 100% auto;
    border-radius: 100%;
    z-index: 191;
    box-sizing: border-box;
    border: 1px solid #eee;
}

.mypage-wrap .my-modify .upload-photo .add-file.show ~ label:after,
.mypage-wrap .my-modify .add-file.show ~ label {
    display: none
}

.mypage-wrap .my-modify .upload-photo .add-file {
    position: relative;
    /* border:1px solid #9AC4D2; */
    /*border: none;*/
    overflow: hidden;
    height: 10.8vw;
    width: 10.8vw;
    border-radius: 100%;
    background: url(../_Img/Content/my-photo.png) no-repeat center center;
    background-size: 100% auto;
}

.mypage-wrap .my-modify .upload-photo .add-file.show {
    display: inline-block;
    vertical-align: top;
}

.mypage-wrap .my-modify .upload-photo .add-file img {
    width: 100%;
    height: 10.8vw;
    object-fit: cover;
}

.mypage-wrap .my-modify .upload-photo.active label {
    display: none;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .my-modify .upload-photo {
    }

    .mypage-wrap .my-modify .upload-photo .delete-file {
        width: 34px;
        height: 34px;
    }

    .mypage-wrap .my-modify .upload-photo label {
        width: 34px;
        height: 34px;
    }

    .mypage-wrap .my-modify .upload-photo .add-file {
        height: 108px;
        width: 108px
    }

    .mypage-wrap .my-modify .upload-photo .add-file.show {
        height: 108px;
        width: 108px;
    }

    .mypage-wrap .my-modify .upload-photo .add-file img {
        height: 108px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .my-modify .upload-photo {
    }

    .mypage-wrap .my-modify .upload-photo label {
        width: 17px;
        height: 17px;
        bottom: 7px;
        right: 7px

    }

    .mypage-wrap .my-modify .upload-photo .add-file {
        height: 77px;
        width: 77px
    }

    .mypage-wrap .my-modify .upload-photo .add-file img {
        height: 77px;
    }

    .mypage-wrap .my-modify .upload-photo .delete-file {
        width: 17px;
        height: 17px;
    }
}

.mypage-wrap .my-modify .item {
    position: relative;
    padding: 4vw 0
}

.mypage-wrap .my-modify .item h4 {
    font-size: 2.8vw;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.mypage-wrap .my-modify .item h4 span {
    font-size: 2.2vw;
    color: #999;
    font-weight: 400;
    margin-left: 2vw
}

.mypage-wrap .my-modify .item .stit {
    font-size: 2.2vw;
    color: #999;
    font-weight: 400;
    letter-spacing: -0.03em;
    margin-top: 0.6vw;
}

.mypage-wrap .my-modify .field.phone {
    padding-right: 16vw;
    margin-top: 2.8vw;
}

.mypage-wrap .my-modify .field.phone .chk-input {
    /* width: 32.5% */
    width: 100%;
}

.mypage-wrap .my-modify .field.phone .chk-input:nth-child(n+2) {
    margin-left: 1%
}

.mypage-wrap .my-modify .field.phone .chk-input input {
    border: none;
    background: #F6F6F6;
    text-align: left;
}

.mypage-wrap .my-modify .field.phone .cerfity-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 9vw;
    width: 15vw;
    letter-spacing: -0.03em;
    height: 9vw;
    background: #ccc;
    border-radius: 0.8vw;
    color: #fff;
    text-align: center;
    font-size: 2.8vw;
}

.mypage-wrap .my-modify .field.pass {
    padding-right: 16vw;
    margin-top: 2.8vw;
}

.mypage-wrap .my-modify .field.pass .chk-input {
    width: 100%
}

.mypage-wrap .my-modify .field.pass .modify-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 9vw;
    width: 15vw;
    letter-spacing: -0.03em;
    height: 9vw;
    background: #ccc;
    border-radius: 0.8vw;
    color: #fff;
    text-align: center;
    font-size: 2.8vw;
}

.mypage-wrap .my-modify .field.recomm {
    padding-right: 16vw;
    margin-top: 2.8vw;
}

.mypage-wrap .my-modify .field.recomm .chk-input {
    width: 100%
}

.mypage-wrap .my-modify .field.recomm .copy-btn {
    position: absolute;
    right: 40%;
    top: -15%;
    line-height: 5vw;
    width: 14vw;
    letter-spacing: -0.03em;
    height: 5vw;
    border: 1px solid #8c8c8c;
    border-radius: 2.8vw;
    color: #8C8C8C;
    text-align: center;
    font-size: 2.8vw;
}

.mypage-wrap .my-modify .item.tempuser:before {
    left: 0;
    top: 0;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    box-sizing: border-box;
    height: 1px;
    background: #eee;
    position: absolute;
    display: block;
    content: "";
}

.mypage-wrap .my-modify .item.tempuser a {
    margin-top: 7vw;
    display: block;
    text-align: center;
    line-height: 10vw;
    font-size: 2.8vw;
    color: #fff;
    background: #5190F1;
    font-weight: 700;
    border-radius: 0.8vw;
}

.mypage-wrap .my-modify .item.marketing:before {
    left: 0;
    top: 0;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    box-sizing: border-box;
    height: 1px;
    background: #eee;
    position: absolute;
    display: block;
    content: "";
}

.mypage-wrap .my-modify .item.marketing .agree-chk {
    position: absolute;
    right: 0;
    top: 4vw;
}

.mypage-wrap .my-modify .item.marketing .agree-chk input[type="checkbox"] + label {
    position: relative;
    width: 6.4vw;
    height: 4vw;
    background: #E9E9EA;
    border-radius: 4vw;
    display: block;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

.mypage-wrap .my-modify .item.marketing .agree-chk input[type="checkbox"] + label:after {
    width: 3.2vw;
    height: 3.2vw;
    position: absolute;
    background: #fff;
    border-radius: 100%;
    display: block;
    content: "";
    position: absolute;
    left: 0.4vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left 0.3s ease-out;
    -moz-transition: left 0.3s ease-out;
    -o-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
}


.mypage-wrap .my-modify .item.marketing .agree-chk input[type="checkbox"]:checked + label:after {
    left: 2.8vw
}


.scontainer.mexi .mypage-wrap .my-modify .item.marketing .agree-chk input[type="checkbox"]:checked + label {
    background-color: #1c355e;
}


.mypage-wrap .my-modify .item.user ul {
    margin-bottom: 5.6vw;
}

.mypage-wrap .my-modify .item.user li {
    position: relative;
    padding-left: 16vw;
}

.mypage-wrap .my-modify .item.user li .btxt {
    font-size: 2.8vw;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 4vw;
    position: absolute;
    left: 0;
    top: 0;
}

.mypage-wrap .my-modify .item.user li .stxt {
    font-size: 2.2vw;
    color: #999;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 4vw;
}

.mypage-wrap .my-modify .item.user li:nth-child(n+2) {
    margin-top: 3.6vw
}

.mypage-wrap .my-modify .item.user li:nth-child(2) .btxt {
    line-height: 9vw;
}

.mypage-wrap .my-modify .item.user li .chk-input input {
    background: #f6f6f6;
    border: none;
}

@media only screen and (min-width: 999px) {
    .mypage-wrap .my-modify .item {
        padding: 40px 0
    }

    .mypage-wrap .my-modify .item h4 {
        font-size: 28px;
    }

    .mypage-wrap .my-modify .item h4 span {
        font-size: 22px;
        margin-left: 20px;
    }

    .mypage-wrap .my-modify .item .stit {
        font-size: 22px;
        margin-top: 6px;
    }

    .mypage-wrap .my-modify .field.phone {
        padding-right: 160px;
        margin-top: 28px;
    }

    .mypage-wrap .my-modify .field.phone .cerfity-btn {
        width: 150px;
        height: 90px;
        border-radius: 8px;
        font-size: 28px;
        line-height: 90px
    }

    .mypage-wrap .my-modify .field.pass {
        padding-right: 160px;
        margin-top: 28px;
    }

    .mypage-wrap .my-modify .field.pass .modify-btn {
        width: 150px;
        height: 90px;
        border-radius: 8px;
        font-size: 28px;
        line-height: 90px
    }

    .mypage-wrap .my-modify .field.recomm {
        padding-right: 160px;
        margin-top: 28px;
    }

    .mypage-wrap .my-modify .field.recomm .copy-btn {
        width: 140px;
        height: 49px;
        border-radius: 30px;
        font-size: 28px;
        line-height: 48px
    }

    .mypage-wrap .my-modify .item.tempuser:before {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .mypage-wrap .my-modify .item.tempuser a {
        margin-top: 70px;
        line-height: 100px;
        font-size: 28px;
        border-radius: 8px;
    }

    .mypage-wrap .my-modify .item.marketing:before {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .mypage-wrap .my-modify .item.marketing .agree-chk {
        top: 40px;
    }

    .mypage-wrap .my-modify .item.marketing .agree-chk input[type="checkbox"] + label {
        width: 64px;
        height: 40px;
        border-radius: 40px;
    }

    .mypage-wrap .my-modify .item.marketing .agree-chk input[type="checkbox"] + label:after {
        width: 32px;
        height: 32px;
        left: 4px
    }

    .mypage-wrap .my-modify .item.marketing .agree-chk input[type="checkbox"]:checked + label:after {
        left: 28px
    }

    .mypage-wrap .my-modify .item.user ul {
        margin-bottom: 56px;
    }

    .mypage-wrap .my-modify .item.user li {
        padding-left: 160px;
    }

    .mypage-wrap .my-modify .item.user li .btxt {
        font-size: 28px;
        line-height: 40px;
    }

    .mypage-wrap .my-modify .item.user li .stxt {
        font-size: 22px;
        line-height: 40px;
    }

    .mypage-wrap .my-modify .item.user li:nth-child(n+2) {
        margin-top: 36px
    }

    .mypage-wrap .my-modify .item.user li:nth-child(2) .btxt {
        line-height: 90px;
    }
}

@media only screen and (max-width: 500px) {
    .mypage-wrap .my-modify .item {
        padding: 20px 0
    }

    .mypage-wrap .my-modify.baebi .item.last:after {
        content: "";
        height: 1px;
        width: calc(100% + 30px);
        background: #eee;
        position: absolute;
        bottom: 0;
        left: -15px;
    }

    .mypage-wrap .my-modify .item h4 {
        font-size: 14px;
    }

    .mypage-wrap .my-modify .item h4 span {
        font-size: 11px;
        margin-left: 10px;
    }

    .mypage-wrap .my-modify .item .stit {
        font-size: 11px;
        margin-top: 3px;
    }

    .mypage-wrap .my-modify .field.phone {
        padding-right: 80px;
        margin-top: 14px;
    }

    .mypage-wrap .my-modify .field.phone .cerfity-btn {
        width: 75px;
        height: 45px;
        border-radius: 4px;
        font-size: 14px;
        line-height: 45px
    }

    .mypage-wrap .my-modify .field.pass {
        padding-right: 80px;
        margin-top: 14px;
    }

    .mypage-wrap .my-modify .field.pass .modify-btn {
        width: 75px;
        height: 45px;
        border-radius: 4px;
        font-size: 14px;
        line-height: 45px
    }

    .mypage-wrap .my-modify .field.recomm {
        padding-right: 80px;
        margin-top: 14px;
    }

    .mypage-wrap .my-modify .field.recomm .copy-btn {
        width: 72px;
        height: 26px;
        border-radius: 25px;
        font-size: 13px;
        line-height: 26px;
    }

    .mypage-wrap .my-modify .item.tempuser:before {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .mypage-wrap .my-modify .item.tempuser a {
        margin-top: 35px;
        line-height: 50px;
        font-size: 14px;
        border-radius: 4px;
    }

    .mypage-wrap .my-modify .item.marketing:before {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .mypage-wrap .my-modify .item.marketing .agree-chk {
        top: 20px;
    }

    .mypage-wrap .my-modify .item.marketing .agree-chk input[type="checkbox"] + label {
        width: 32px;
        height: 20px;
        border-radius: 20px;
    }

    .mypage-wrap .my-modify .item.marketing .agree-chk input[type="checkbox"] + label:after {
        width: 16px;
        height: 16px;
        left: 2px;
    }

    .mypage-wrap .my-modify .item.marketing .agree-chk input[type="checkbox"]:checked + label:after {
        left: 14px
    }

    .mypage-wrap .my-modify .item.user ul {
        margin-bottom: 28px;
    }

    .mypage-wrap .my-modify .item.user li {
        padding-left: 80px;
    }

    .mypage-wrap .my-modify .item.user li .btxt {
        font-size: 14px;
        line-height: 20px;
    }

    .mypage-wrap .my-modify.baebi .item.user li .btxt {
        font-size: 14px;

    }

    .mypage-wrap .my-modify .item.user li .stxt {
        font-size: 11px;
        line-height: 20px;
    }

    .mypage-wrap .my-modify .item.user li:nth-child(n+2) {
        margin-top: 18px
    }

    .mypage-wrap .my-modify.baebi .item.user li:nth-child(n+2) .phoneconfirm {
        font-size: 11px;
    }


    .mypage-wrap .my-modify .item.user li:nth-child(2) .btxt {
        line-height: 45px;
    }

    .mypage-wrap .my-modify.baebi .item.user li:nth-child(n+2) .btxt {
        line-height: 45px;
    }
}


/*=======================================================
    .franchise-wrap
=========================================================*/

.franchise-wrap .bd-line:first-child {
    border-top: none;
}

.franchise-wrap .bd-line {
    /*z-index: 2*/
}

.franchise-wrap .filter {
    position: relative;
    z-index: 3;
    background: #fff;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    padding: 3vw 3vw 0 3vw;
    height: 9.4vw;
    box-sizing: border-box;
    overflow: hidden
}

.franchise-wrap .filter.fix .ovs {
    position: fixed;
    left: 50%;
    top: 17vw;
    z-index: 9999;
    background: #fff;
    width: 100%;
    overflow: hidden;
    max-width: 750px;
    padding: 3vw 3vw 3vw 3vw;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.franchise-wrap .filter .ctab-slide {
    height: 6.4vw;
    overflow: visible !important;
}

.franchise-wrap .filter .ctab-slide ul:after {
    display: block;
    content: "";
    clear: both;
}

.franchise-wrap .filter .ctab-slide li {
    float: left;
    margin-left: 1vw;
}

.franchise-wrap .filter .ctab-slide li:first-child {
    margin-left: 0;
}

.franchise-wrap .filter .ctab-slide li a {
    display: block;
    border: 1px solid #e6e6e6;
    height: 6.4vw;
    line-height: 6.2vw;
    border-radius: 1vw;
    box-sizing: border-box;
    padding: 0 2.6vw;
    font-size: 2.2vw;
    color: #222;
    letter-spacing: -0.03em;
}

.franchise-wrap .filter .ctab-slide li a span {
    display: inline-block;
    vertical-align: top;
}

.franchise-wrap .filter .ctab-slide li.active a {
    background: #D8E2F2;
    border-color: #D8E2F2
}

.franchise-wrap .filter .ctab-slide li.active.blue-bg a {
    background: #5190F0;
    border-color: #5190F0;
    color: #fff;
}

.franchise-wrap .filter .ctab-slide .ctab00 span {
    padding-left: 3vw;
    background: url(../_Img/Sub/ctab-ico00.png) no-repeat left 52%;
    background-size: 2vw auto;
}

.franchise-wrap .filter .ctab-slide .filter-icon span {
    padding-left: 6vw;
    background: url(../_Img/Sub/filter-icon.png) no-repeat left 52%;
    background-size: 5vw auto;
    position: relative;
    top: 1.6vw;
    height: 2.7vw;
    display: inline-block;
}


.franchise-wrap .filter .ctab-slide .ctab01 span {
    padding-right: 2.4vw;
    background: url(../_Img/Sub/ctab-ico01.png) no-repeat right 52%;
    background-size: 1.2vw auto;
}

.franchise-wrap .filter .ctab-slide .ctab02 span {
    padding-left: 2.8vw;
    padding-right: 2vw;
    background: url(../_Img/Sub/ctab-ico02.png) no-repeat left 52%;
    background-size: 2vw auto;
}

.franchise-wrap .filter .ctab-slide .ctab05 span {
    padding-right: 2.6vw;
    background: url(../_Img/Sub/ctab-ico05.png) no-repeat right 52%;
    background-size: 1.4vw auto;
}

.franchise-wrap .filter .ctab-slide .ctab06 span {
    padding-left: 4vw;
    background: url(../_Img/Sub/ctab-ico06.png) no-repeat left 52%;
    background-size: 3vw auto;
}

.franchise-wrap .filter .ctab-slide li.active.blue-bg .ctab01 span {
    background-image: url(../_Img/Sub/ctab-ico01o.png)
}

.franchise-wrap .filter .ctab-slide li.active.blue-bg .ctab05 span {
    background-image: url(../_Img/Sub/ctab-ico05o.png)
}

@media only screen and (min-width: 999px) {
    .franchise-wrap .filter {
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 30px 30px 0 30px;
        height: 94px;
    }

    .franchise-wrap .filter.fix .ovs {
        top: 170px;
        padding: 30px 30px 30px 30px;
    }

    .franchise-wrap .filter .ctab-slide {
        height: 64px;
    }

    .franchise-wrap .filter .ctab-slide li {
        margin-left: 10px;
    }

    .franchise-wrap .filter .ctab-slide li a {
        height: 64px;
        line-height: 62px;
        border-radius: 7px;
        padding: 0 26px;
        font-size: 22px;
    }

    .franchise-wrap .filter .ctab-slide .ctab00 span {
        padding-left: 30px;
        background-size: 20px auto;
    }

    .franchise-wrap .filter .ctab-slide .filter-icon span {
        padding-right: 24px;
        background-size: 50px auto;
        padding-left: 4vw;
        top: 10px;
        height: 45px;

    }

    .franchise-wrap .filter .ctab-slide .ctab01 span {
        padding-right: 24px;
        background-size: 12px auto;
    }

    .franchise-wrap .filter .ctab-slide .ctab02 span {
        padding-left: 28px;
        padding-right: 20px;
        background-size: 20px auto;
    }

    .franchise-wrap .filter .ctab-slide .ctab05 span {
        padding-right: 26px;
        background-size: 14px auto;
    }

    .franchise-wrap .filter .ctab-slide .ctab06 span {
        padding-left: 40px;
        background-size: 30px auto;
    }
}

@media only screen and (max-width: 500px) {
    .franchise-wrap .filter {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 15px 15px 0 15px;
        height: 47px;
    }

    .franchise-wrap .filter.fix .ovs {
        top: 85px;
        padding: 15px 15px 15px 15px;
    }

    .franchise-wrap .filter .ctab-slide {
        height: 32px;
    }

    .franchise-wrap .filter .ctab-slide li {
        margin-left: 5px;
    }

    .franchise-wrap .filter .ctab-slide li a {
        height: 32px;
        line-height: 31px;
        border-radius: 5px;
        padding: 0 13px;
        font-size: 11px;
    }

    .franchise-wrap .filter .ctab-slide .ctab00 span {
        padding-left: 15px;
        background-size: 10px auto;
    }

    .franchise-wrap .filter .ctab-slide .filter-icon span {
        padding-right: 21px;
        background-size: 22px auto;
        background-position: 4px 6px;
        position: relative;
        top: 5px;
        height: 26px;
        display: inline-block;
    }

    .franchise-wrap .filter .ctab-slide .ctab01 span {
        padding-right: 12px;
        background-size: 6px auto;
    }

    .franchise-wrap .filter .ctab-slide .ctab02 span {
        padding-left: 14px;
        padding-right: 10px;
        background-size: 10px auto;
    }

    .franchise-wrap .filter .ctab-slide .ctab05 span {
        padding-right: 13px;
        background-size: 7px auto;
    }

    .franchise-wrap .filter .ctab-slide .ctab06 span {
        padding-left: 20px;
        background-size: 15px auto;
    }
}


/*=======================================================
    .layer-wrap.cfilter
=========================================================*/

.franchise-wrap .filter-con {
    position: relative;
    z-index: 2;
}

.franchise-wrap .filter-con .b-modal {
    left: 50% !important;
    padding: 0;
    width: 100%;
    max-width: 750px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.layer-wrap.cfilter {
    /*
	width: calc(100% + 60px);
     margin-left: -30px;
     padding: 60px 40px;
     padding-top:320px;
     left:auto;*/


    display: none;
    position: absolute;
    left: auto;
    top: 0;
    padding: 31vw 10vw 4vw 4vw;
    background: #fff;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    max-width: 750px;
    box-sizing: border-box;

}

.layer-wrap.cfilter .is-con {
}

.layer-wrap.cfilter .c-list01 {
}

.layer-wrap.cfilter .c-list01 li {
}

.layer-wrap.cfilter .c-list01 li:nth-child(n+2) {
    margin-top: 5vw;
}

.layer-wrap.cfilter .c-list01 li a {
    display: block;
    line-height: 4vw;
    letter-spacing: -0.03em;
    color: #222;
    font-weight: 400;
    font-size: 2.8vw;
    position: relative;
}

.layer-wrap.cfilter .c-list01 li.active a {
    color: #5190F0
}

.layer-wrap.cfilter .c-list01 li.active a:after {
    width: 3.2vw;
    height: 3.2vw;
    background: url(../_Img/Content/fran-chko.png) no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.layer-wrap.cfilter .c-list02 {
}

.layer-wrap.cfilter .c-list02 li {
}

.layer-wrap.cfilter .c-list02 li:nth-child(n+2) {
    margin-top: 5vw;
}

.layer-wrap.cfilter .c-list02 li a {
    display: block;
    position: relative;
}

.layer-wrap.cfilter .c-list02 li a.all {
    font-size: 2.8vw;
    color: #5190F0;
    line-height: 4vw;
    letter-spacing: -0.03em;
}

.layer-wrap.cfilter .c-list02 li.active a:after {
    width: 3.2vw;
    height: 3.2vw;
    background: url(../_Img/Content/fran-chko.png) no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.layer-wrap.cfilter .c-list02 li .star {
    height: 4vw;
}

.layer-wrap.cfilter .c-list02 li .rating-star {
    position: relative;
    width: 18vw;
    height: 4vw;
    display: inline-block;
    vertical-align: top;
    top: 50%;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.layer-wrap.cfilter .c-list02 li .rtxt {
    display: inline-block;
    vertical-align: top;
    color: #999;
    font-size: 2.2vw;
    line-height: 4vw;
    letter-spacing: -0.035em;
    margin-left: 1vw;
}

.layer-wrap.cfilter .c-list02 li.active a {
    color: #5190F0
}

.layer-wrap.cfilter .c-list02 li.active .rtxt {
    color: #5190F0
}

.layer-wrap.cfilter .c-list03 ul:after {
    display: block;
    content: "";
    clear: both
}

.layer-wrap.cfilter .c-list03 li {
    float: left;
    width: 49%;
}

.layer-wrap.cfilter .c-list03 li:nth-child(even) {
    float: right;
}

.layer-wrap.cfilter .c-list03 li a {
    display: block;
    border: 1px solid #E6E6E6;
    border-radius: 6.4vw;
    line-height: 6.4vw;
    text-align: left;
    padding-left: 6.8vw;
    letter-spacing: -0.03em;
    font-size: 2.8vw;
    color: #e6e6e6;
    background: url(../_Img/Content/fran-chk.png) no-repeat 2vw 52%;
    background-size: 3.2vw auto;
}

.layer-wrap.cfilter .c-list03 li.active a {
    background-image: url(../_Img/Content/fran-chko.png);
    border-color: #5190F0;
    color: #5190F0;
}

.field.agree label {
    font-size: 14px;
}

.field.agree input {
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: auto;
}

.check_item label:after {
    width: 3.3vw;
    height: 3.3vw;
    background: url(../_Img/Content/check.png) no-repeat;
    margin-bottom: 1rem;
    background-size: 3.37vw 3.37vw;
    line-height: 1.67rem;
    border: solid 1px #ccc;
    content: '';
    display: inline-block;
    position: absolute;
    top: 2.5vw;
    left: 17vw;
    margin-left: 0px;
}

.checkbox-label {
    padding-left: 5vw;
    font-size: 2.5vw;
    line-height: 8.5vw;
}

.check_item input:checked + label:after {
    border: solid 1px #5190F0;
    background: url(../_Img/Content/checkin.png) no-repeat;
    background-position: -0.1vw -0.1vw;
    background-size: 3.5vw 3.5vw;
    line-height: 3vw;
    content: '';
    display: inline-block;
}

.scontainer.mexi .check_item input:checked + label:after {
    background: url(../_Img/Content/checkinmexi.png) no-repeat;
    background-size: 3.3vw 3.3vw;
    border: solid 1px #1c355e;
}

.agree_detail {
    cursor: pointer;
    position: absolute;
    right: 0;
    line-height: 38px;
    top: 2vw;
    display: block;
    width: 3.25rem;
    color: #fff;
    height: 1.91rem;
    line-height: 1.91rem;
    padding-left: 0.5rem;

    background: url(../_Img/Content/write_arr.png) #b7b7b7 no-repeat right center;
    border-right: 0.5rem solid transparent;
    background-size: 0.5rem 0.8rem;
}

.franchise-wrap .fran-list .txt .no-deliveryarea {
    font-size: 15px;
    display: inline-block;
    padding: 0 5px;
    height: 18px;
    color: #5D5D5D;
    line-height: 162%;
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Sub/bike-gray.png') no-repeat;
    background-size: 21px;
    padding-left: 30px;
    margin-left: 6px;

}

@media only screen and (min-width: 999px) {

    .scontainer.mexi .check_item input:checked + label:after {

        background-size: 27px;

    }

    .agree_detail {
        position: absolute;
        right: 0;
        line-height: 38px;
        top: 27px;
        display: block;
        width: 3.25rem;
        color: #fff;
        height: 1.91rem;
        line-height: 1.91rem;
        padding-left: 0.5rem;

        background: url(../_Img/Content/write_arr.png) #b7b7b7 no-repeat right center;
        border-right: 0.5rem solid transparent;
        background-size: 0.5rem 0.8rem;
    }

    .check_item input:checked + label:after {
        border: solid 1px #5190F0;
        background: url(../_Img/Content/checkin.png) no-repeat;
        background-size: 26px;
        line-height: 1.67rem;
        content: '';
        display: inline-block;
    }

    .checkbox-label {
        padding-left: 32px;
        font-size: 17px;
        line-height: 90px;
    }

    .check_item label:after {
        width: 26px;
        height: 26px;
        background: url(../_Img/Content/check.png) no-repeat;
        margin-bottom: 1rem;
        background-size: 26px;
        line-height: 1.67rem;
        border: solid 1px #ccc;
        content: '';
        display: inline-block;
        position: absolute;
        top: 32px;
        left: 168px;
        margin-left: 0px;
    }

    .layer-wrap.cfilter {
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 60px 40px;
        padding-top: 320px;
        left: auto;
        top: 0;
    }

    .layer-wrap.cfilter .c-list01 li:nth-child(n+2) {
        margin-top: 50px;
    }

    .layer-wrap.cfilter .c-list01 li a {
        font-size: 28px;
        line-height: 40px;
    }

    .layer-wrap.cfilter .c-list01 li.active a:after {
        width: 32px;
        height: 32px;
    }

    .layer-wrap.cfilter .c-list02 li:nth-child(n+2) {
        margin-top: 50px;
    }

    .layer-wrap.cfilter .c-list02 li a.all {
        font-size: 28px;
        line-height: 40px
    }

    .layer-wrap.cfilter .c-list02 li .star {
        height: 40px;
    }

    .layer-wrap.cfilter .c-list02 li .rating-star {
        width: 180px;
        height: 40px;
    }

    .layer-wrap.cfilter .c-list02 li .rtxt {
        font-size: 22px;
        line-height: 40px;
        margin-left: 10px;
    }

    .layer-wrap.cfilter .c-list02 li.active a:after {
        width: 32px;
        height: 32px;
    }

    .layer-wrap.cfilter .c-list03 li a {
        line-height: 64px;
        border-radius: 68px;
        padding-left: 68px;
        font-size: 28px;
        background-position: 20px 52%;
        background-size: 32px auto;
    }
}

@media only screen and (max-width: 500px) {
    .scontainer.mexi .check_item input:checked + label:after {
        background: url(../_Img/Content/checkinmexi.png) no-repeat;
        background-size: 21px 21px;
        border: solid 1px #1c355e;
    }

    .check_item input:checked + label:after {

        background-position: 0;
        background-size: 21px;

    }

    .agree_detail {
        position: absolute;
        right: 0;
        line-height: 38px;
        top: 3px;
        display: block;
        width: 40px;
        color: #fff;
        height: 1.91rem;
        line-height: 1.91rem;
        padding-left: 0.5rem;

        background: url(../_Img/Content/write_arr.png) #b7b7b7 no-repeat right center;
        border-right: 0.5rem solid transparent;
        background-size: 0.5rem 0.8rem;

    }

    .checkbox-label {
        padding-left: 26px;
        font-size: 2.5vw;
        font-size: 14px;
        line-height: 38px;

    }

    .check_item label:after {
        width: 1.3rem;
        height: 1.3rem;
        background: url(../_Img/Content/check.png) no-repeat;
        margin-bottom: 1rem;
        background-size: 1.37rem 1.37rem;
        line-height: 1.67rem;
        border: solid 1px #ccc;
        content: '';
        display: inline-block;
        position: absolute;
        top: 8px;
        left: 85px;
        margin-left: 0px;
    }


    .layer-wrap.cfilter {
        width: calc(100% + 4px);
        margin-left: -15px;
        padding: 30px 28px;
        padding-top: 170px;
        top: 0;
    }

    .layer-wrap.cfilter .c-list01 li:nth-child(n+2) {
        margin-top: 25px;
    }

    .layer-wrap.cfilter .c-list01 li a {
        font-size: 14px;
        line-height: 20px;
    }

    .layer-wrap.cfilter .c-list01 li.active a:after {
        width: 16px;
        height: 16px;
    }

    .layer-wrap.cfilter .c-list02 li:nth-child(n+2) {
        margin-top: 25px;
    }

    .layer-wrap.cfilter .c-list02 li a.all {
        font-size: 14px;
        line-height: 20px
    }

    .layer-wrap.cfilter .c-list02 li .star {
        height: 20px;
    }

    .layer-wrap.cfilter .c-list02 li .rating-star {
        width: 90px;
        height: 20px;
    }

    .layer-wrap.cfilter .c-list02 li .rtxt {
        font-size: 11px;
        line-height: 20px;
        margin-left: 5px;
    }

    .layer-wrap.cfilter .c-list02 li.active a:after {
        width: 16px;
        height: 16px;
    }

    .layer-wrap.cfilter .c-list03 li a {
        line-height: 32px;
        border-radius: 34px;
        padding-left: 34px;
        font-size: 14px;
        background-position: 10px 52%;
        background-size: 16px auto;
    }
}


/*=======================================================
    .franchise-wrap .fran-list
=========================================================*/

.franchise-wrap .fran-list {
    margin-top: 2.8vw;
    position: relative;
}

.franchise-wrap .fran-list li {
    position: relative;
    padding-bottom: 1px;
    cursor: pointer;
}

.franchise-wrap .fran-list li:before {
    left: 0;
    bottom: 0;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    box-sizing: border-box;
    height: 1px;
    background: #eee;
    position: absolute;
    display: block;
    content: "";
}

.franchise-wrap .fran-list a {
    display: block;
    padding: 3vw 0 3vw 17vw;
    min-height: 14vw;
    position: relative;
}

.franchise-wrap .fran-list .store-list {
    display: block;
    padding: 3vw 0 3vw 17vw;
    min-height: 14vw;
    position: relative;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.franchise-wrap .fran-list .nothumbnail a {
    display: block;
    padding: 3vw 0 3vw 0vw;
    min-height: 5vw;
    position: relative;
    font-size: 0.8rem;
}

.franchise-wrap .fran-list .nothumbnail .title {
    display: block;
    padding: 2vh 0 2vh 0vw;
    min-height: 5vw;
    position: relative;
    font-size: 2.9vw;
    line-height: 1.3em;
}

.franchise-wrap .fran-list .nothumbnail .title span {
    color: #5190F0;
}

.franchise-wrap .fran-list .nothumbnail .txt .btxt {
    font-weight: 400;
}

.franchise-wrap .fran-list .img {
    /*border-radius: 4vw;*/
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 3.4vw;
    width: 14vw;
    /*  clip-path: polygon(50% 0%, 88% 6%, 100% 35%, 100% 70%, 85% 95%, 50% 100%, 12% 94%, 0% 70%, 0% 35%, 11% 7%); */
}

.franchise-wrap .fran-list .img img {
    width: 14vw;
    height: 14vw;
    object-fit: cover;
}

.mexithumbnail {
    width: 13.5vw;
    height: 13.5vw;
}


.franchise-wrap .fran-list .txt {
}

.franchise-wrap .fran-list .txt.ready {
    opacity: 0.4;
}

.franchise-wrap .fran-list .store_nm {
    display: flex;
}

.franchise-wrap .fran-list .txt .btxt {
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 0.6vw;
}

.franchise-wrap .fran-list .txt .able_order {
    display: inline-block;
    text-align: center;
    color: white;
    border-radius: 20px;
    margin-left: 7px;
    width: 44px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    margin-top: 4px;
}

.franchise-wrap .fran-list .txt .able_order.packing {
    background-color: #299d57;
}

.franchise-wrap .fran-list .txt .able_order.packing_rsv {
    background-color: #0E60DC;
}

.franchise-wrap .fran-list .txt .ov {
    height: 3vw;
    font-size: 0;
}

.franchise-wrap .fran-list .txt .stxt {
    display: inline-block;
    vertical-align: top;
    font-size: 2.2vw;
    color: #888;
    letter-spacing: -0.03em;
    height: 3vw;
    font-weight: 400;
    line-height: 3vw;
}

.franchise-wrap .fran-list .txt .stxt span {
}

.franchise-wrap .fran-list .txt .ctxt {
    /*margin-top: 0.4vw;*/
    font-size: 2.2vw;
    color: #888;
    letter-spacing: -0.03em;
    font-weight: 400;
    line-height: 1.3em;
    display: inline;
}

.franchise-wrap .fran-list .txt .stxt.grade {
    padding-left: 3vw;
    background: url(../_Img/Sub/ctab-ico02.png) no-repeat left 50%;
    background-size: 2.2vw auto;
    color: #222;
    font-weight: bold;
}

.franchise-wrap .fran-list .txt .stxt.grade span {
    color: #888;
}

.franchise-wrap .fran-list .txt .stxt.mini {
    margin-left: 1vw
}

.franchise-wrap .fran-list .txt .ctxt.sect {
    text-overflow: ellipsis;
    width: 42vw;
    overflow: hidden;
    /*white-space: nowrap;
    position: relative;
    top: 0.5vw;*/
}

.location_mexi .ctxt.sect {
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Content/mexi_locationicon.svg') no-repeat;
    padding-left: 3.8vw;
    background-position: 0vw .5vw;
    background-size: 2vw;
    /*white-space: nowrap;
    position: relative;
    top: 0.5vw;*/
}


.franchise-wrap .fran-list .txt .ctxt.tip {
}

.franchise-wrap .fran-list .txt .coupon.mg8t {
    margin-top: 1.6vw;
}

.franchise-wrap .fran-list .txt .coupon {
    margin-top: 0.6vw;
    font-size: 2vw;
    color: #222;
    letter-spacing: -0.03em;
    font-weight: 400;
    line-height: 3vw;
    padding-left: 3.6vw;
    background: url(../_Img/Content/fran-coupon.png) no-repeat left 54%;
    background-size: 2.4vw auto;
}

.scontainer.mexi .franchise-wrap .fran-list .txt .coupon {
    background: url(../_Img/Content/mexi_couponicon.svg) no-repeat left 54%;
    color: #1c355e;
    background-size: 2.5vw;
}

.franchise-wrap .fran-list .txt .coupon.mexi {
    background: url(../_Img/Content/mexi_couponicon.svg) no-repeat left 54%;
    color: #1c355e;
    background-size: 2.5vw;
}


.franchise-wrap .fran-list .txt .stamp {
    margin-top: 0.6vw;
    padding-left: 3.6vw;
    min-height: 3vw;
    font-size: 2vw;
    background: url(../_Img/Content/fran-stamp.png) no-repeat left 54%;
    background-size: 2.4vw auto;
}

.scontainer.mexi .franchise-wrap .fran-list .txt .stamp {
    background: url(../_Img/Content/fran-stamp.png) no-repeat left 54%;

}

.franchise-wrap .fran-list .txt .stamp.mexi {

    background: url(../_Img/Content/mexi_stampicon.svg) no-repeat left 54%;
    color: #1c355e;
    background-size: 2.5vw;

}

.franchise-wrap .fran-list .txt .stamp p {
    font-size: 2.2vw;
    color: #222;
    letter-spacing: -0.03em;
    font-weight: 400;
    line-height: 3vw;
}

.notmember {
    background: #fff;
    width: calc(100% + 0px);
    margin-left: -15px;
    padding: 20px 15px;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 173%;
}

.notmember .sub {
    font-size: 14px;
    font-weight: 400;

}

.notmember .btn {
    cursor: pointer;
    border: solid 2px #5190F0;
    padding: 4px 10px;
    color: #5190f0;
    font-size: 13px;
    border-radius: 5px;
    display: inline-block;


}

.franchise-wrap .fran-list .txt .categorynm {
    font-size: 2.0vw;
    /*border: solid 1px #222;*/
    display: inline-block;
    padding: 0 1.2vw;
    height: 3.0vw;
    color: #5d5d5d;
    line-height: 3.0vw;
    border-radius: 100px;
    background: #eeeeee;
}

.franchise-wrap .fran-list .txt .bjfavorite {
    font-size: 12px;
    display: inline-block;
    padding: 0 5px;
    height: 19px;
    color: #5190f0;
    line-height: 162%;
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Sub/bjfavorite.png') no-repeat;
    background-size: 22px;
    padding-left: 30px;
    margin-left: 0px;
    position: relative;
    top: 2px;

}

.franchise-wrap .fran-list .txt .deliveryarea {
    font-size: 12px;
    display: inline-block;
    padding: 0 5px;
    height: 18px;
    color: #5190f0;
    line-height: 162%;
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Sub/bike.png') no-repeat;
    background-size: 21px;
    padding-left: 30px;
    margin-left: 6px;

}

.member-wrap.join .is-con {
    margin-top: 8vw;

}

.member-wrap.join .is-con ul li {
    margin: 2vw 0;
    position: relative;
}

.member-wrap.join .is-con ul li .detail {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 2.5vw;
}

.member-wrap.join .is-con h3 {
    margin-bottom: 2vw;
    font-size: 2.4vw;
}

.member-wrap.join .is-con .chk-check input[type="checkbox"] + label span {
    font-size: 0.8em;
}

.categorywrap {
    display: inline-flex;
}

@media only screen and (min-width: 999px) {

    .scontainer.mexi .franchise-wrap .fran-list .txt .coupon {

        background-size: 25px;
    }

    .franchise-wrap .fran-list .txt .coupon {

        background-size: 25px auto;
        font-size: 20px;
        line-height: 0;
        padding-left: 30px;
    }


    .mexithumbnail {
        width: 134px;
        height: 134px;
    }

    .categorywrap {
        display: inline-block;
    }

    .member-wrap.join .is-con {
        margin-top: 50px;

    }

    .member-wrap.join .is-con ul li {
        margin: 18px 0;
        position: relative;
    }

    .member-wrap.join .is-con ul li .detail {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 23px;
    }

    .member-wrap.join .is-con h3 {
        margin-bottom: 30px;
        font-size: 28px;
    }

    .member-wrap.join .is-con .chk-check input[type="checkbox"] + label span {
        font-size: 0.8em;
    }


    .franchise-wrap .fran-list .txt .categorynm {
        font-size: 16px;
        display: inline-block;
        padding: 0 12px;
        height: 29px;
        line-height: 29px;

    }

    .franchise-wrap .fran-list .txt .deliveryarea {
        font-size: 16px;
        display: inline-block;
        padding: 0 5px;
        height: 23px;
        color: #5190f0;
        line-height: 19px;
        background: url('https://cdn.spge.kr/upload/mexicana/_Img/Sub/bike.png') no-repeat;
        background-size: 27px;
        padding-left: 33px;
        margin-left: 6px;

    }

    .franchise-wrap .fran-list .nothumbnail .title {
        display: block;
        padding: 2vh 0 2vh 0vw;
        min-height: 5vw;
        position: relative;
        font-size: 24px;
        line-height: 1.3em;
    }

    .franchise-wrap .fran-list {
        margin-top: 28px;
    }

    .franchise-wrap .fran-list li:before {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .franchise-wrap .fran-list a {
        padding: 30px 0 30px 170px;
        min-height: 140px;
    }

    .franchise-wrap .fran-list .store-list {
        padding: 30px 0 30px 170px;
        min-height: 140px;
    }

    .franchise-wrap .fran-list .img {
        /*border-radius: 40px;*/
        width: 140px;
        top: 34px;
    }

    .franchise-wrap .fran-list .img img {
        width: 140px;
        height: 140px;
    }

    .franchise-wrap .fran-list .txt .btxt {
        font-size: 28px;
        margin-bottom: 6px;
    }

    .franchise-wrap .fran-list .txt .able_order {
        width: 55px;
        height: 28px;
        line-height: 28px;
        font-size: 17px;
        margin-top: 3px;
    }

    .franchise-wrap .fran-list .txt .ov {
        height: 30px
    }

    .franchise-wrap .fran-list .txt .stxt {
        font-size: 20px;
        height: 30px;
        line-height: 30px;
    }

    .franchise-wrap .fran-list .txt .ctxt {
        margin-top: 0px;
        padding-left: 1px;
        font-size: 19px
    }

    .franchise-wrap .fran-list .txt .stxt.grade {
        padding-left: 30px;
        background-size: 22px auto;
        color: #222;
    }

    .franchise-wrap .fran-list .txt .stxt.grade span {
    }

    .franchise-wrap .fran-list .txt .stxt.mini {
        margin-left: 10px
    }

    .franchise-wrap .fran-list .txt .ctxt.sect {
        /*text-overflow: ellipsis;*/
        /*white-space: nowrap;*/
        width: 440px;
        overflow: hidden;
        position: relative;
        top: 0px;
        background-size: 20px;
    }

    .franchise-wrap .fran-list .txt .ctxt.tip {
    }

    .franchise-wrap .fran-list .txt .ctxt
    .franchise-wrap .fran-list .txt .coupon {
        margin-top: 6px;
        font-size: 20px;
        line-height: 30px;
        padding-left: 36px;
        background-size: 24px auto;
    }

    .franchise-wrap .fran-list .txt .coupon.mg8t {
        margin-top: 16px;
    }

    .franchise-wrap .fran-list .txt .stamp {
        margin-top: 6px;
        min-height: 30px;
        padding-left: 36px;
        background-size: 24px auto;
        background-position: left 4px
    }

    .franchise-wrap .fran-list .txt .stamp p {
        font-size: 20px;
        line-height: 30px;
    }

    .location_mexi .ctxt.sect.mexi {
        background: url('https://cdn.spge.kr/upload/mexicana/_Img/Content/mexi_locationicon.svg') no-repeat;
        padding-left: 38px;
        background-position: 0;
        background-size: 2vw;
        /*white-space: nowrap;
        position: relative;
        top: 0.5vw;*/
    }

    .franchise-wrap .fran-list .txt .stamp.mexi, .franchise-wrap .fran-list .txt .coupon.mexi {
        background-size: 25px;
        margin-top: 6px;
        font-size: 20px;
        padding-left: 36px;
        line-height: 30px;
    }

}

@media only screen and (min-width: 501px) and (max-width: 998px) {
    .franchise-wrap .fran-list .txt .able_order {
        width: 45px;
        height: 23px;
        line-height: 23px;
    }
}

@media only screen and (max-width: 500px) {
    .scontainer.mexi .franchise-wrap .fran-list .txt .coupon {

        background-size: 15px;
    }


    .location_mexi .ctxt.sect {
        padding-left: 18px;
        background-position: 2px 3px;
    }

    .franchise-wrap .fran-list .txt .stamp.mexi, .franchise-wrap .fran-list .txt .coupon.mexi {
        background-size: 15px;
    }

    .mexithumbnail {
        width: 70px;
        height: 69px;
    }

    .member-wrap.join .is-con {
        margin-top: 50px;

    }

    .member-wrap.join .is-con ul li {
        margin: 11px 0;
        position: relative;
    }

    .member-wrap.join .is-con ul li .detail {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 0.8em;
    }

    .member-wrap.join .is-con h3 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .member-wrap.join .is-con .chk-check input[type="checkbox"] + label span {
        font-size: 0.8em;
    }


    .franchise-wrap .fran-list {
        margin-top: 14px;
    }

    .franchise-wrap .fran-list li:before {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    /*지문추가  ▼
    .franchise-wrap .fran-list li:after {
    left: 0;
    bottom: 0;
    width: calc(100% + 30px);
   	margin-left: -15px;
    box-sizing: border-box;
    height: 100%;
    background: #eee;
    position: absolute;
    display: block;
    content: "";
    z-index: 9;
    opacity: 0.5;
    }
    */
    .franchise-wrap .fran-list a {
        padding: 15px 0 15px 85px;
        min-height: 70px;
    }

    .franchise-wrap .fran-list .store-list {
        padding: 15px 0 15px 85px;
        min-height: 70px;
    }

    .franchise-wrap .fran-list .img {
        /*border-radius: 20px;*/
        width: 70px;
        top: 17px;
    }

    .franchise-wrap .fran-list .img img {
        height: 70px;
        width: 70px;
    }

    .franchise-wrap .fran-list .txt .btxt {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .franchise-wrap .fran-list .txt .able_order {
        width: 36px;
        height: 18px;
        line-height: 18px;
        font-size: 10px;
        margin-top: 0;
    }

    .franchise-wrap .fran-list .txt .categorynm {
        font-size: 10px;
        display: inline-block;
        padding: 0 5px;
        height: 16px;
        line-height: 162%;

    }

    .franchise-wrap .fran-list .txt .deliveryarea {
        font-size: 12px;
        display: inline-block;
        padding: 0 5px;
        height: 18px;
        color: #5190f0;
        line-height: 162%;
        background: url('https://cdn.spge.kr/upload/mexicana/_Img/Sub/bike.png') no-repeat;
        background-size: 21px;
        padding-left: 30px;
        margin-left: 6px;

    }

    .franchise-wrap .fran-list .txt .bjfavorite {
        font-size: 12px;
        display: inline-block;
        padding: 0 5px;
        height: 19px;
        color: #5190f0;
        line-height: 162%;
        background: url('https://cdn.spge.kr/upload/mexicana/_Img/Sub/bjfavorite.png') no-repeat;
        background-size: 22px;
        padding-left: 30px;
        margin-left: 0px;
        position: relative;
        top: 2px;

    }


    .franchise-wrap .fran-list .txt .no-deliveryarea {
        font-size: 12px;
        display: inline-block;
        padding: 0 5px;
        height: 18px;
        color: #5D5D5D;
        line-height: 162%;
        background: url('https://cdn.spge.kr/upload/mexicana/_Img/Sub/bike-gray.png') no-repeat;
        background-size: 21px;
        padding-left: 30px;
        margin-left: 6px;

    }

    .notmember {
        background: #fff;
        width: calc(100% + 0px);
        margin-left: -15px;
        padding: 20px 15px;
        text-align: center;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        line-height: 173%;
    }

    .notmember .sub {
        font-size: 12px;
        font-weight: 400;

    }

    .notmember .btn {
        cursor: pointer;
        border: solid 2px #5190F0;
        padding: 4px 10px;
        color: #5190f0;
        font-size: 13px;
        border-radius: 5px;
        display: inline-block;


    }


    .franchise-wrap .fran-list .txt .ov {
        height: 15px
    }

    .franchise-wrap .fran-list .txt .stxt {
        font-size: 12px;
        height: 15px;
        line-height: 15px;
    }

    .franchise-wrap .fran-list .txt .ctxt {
        margin-top: 2px;
        font-size: 12px;

    }

    .franchise-wrap .fran-list .txt .stxt.grade {
        padding-left: 15px;
        background-size: 11px auto;
        color: #222;
        font-size: 13px;
        font-weight: bold;
    }

    .franchise-wrap .fran-list .txt .stxt.grade span {
    }

    .franchise-wrap .fran-list .txt .stxt.mini {
        margin-left: 5px
    }

    .franchise-wrap .fran-list .txt .ctxt.sect {
        width: 71%;
        min-width: 71%;
        /*position: relative;
         top: 4px;*/
        background-size: 11px;
    }

    .franchise-wrap .fran-list .txt .ctxt.tip {
    }

    .franchise-wrap .fran-list .txt .coupon {
        margin-top: 3px;
        font-size: 11px;
        line-height: 15px;
        padding-left: 18px;
        background-size: 12px auto;
        background-position: left 4px;
    }

    .franchise-wrap .fran-list .txt .coupon.mg8t {
        margin-top: 8px;
    }

    .franchise-wrap .fran-list .txt .stamp {
        margin-top: 3px;
        min-height: 15px;
        padding-left: 18px;
        background-size: 12px auto;
        background-position: left 5px;
        font-size: 11px;
    }

    .franchise-wrap .fran-list .txt .stamp p {
        font-size: 10px;
        line-height: 15px;
    }
}

.franchise-wrap .forimg {
    padding: 6vw 0;
    text-align: center;
}

.franchise-wrap .forimg .img {
    width: 28vw;
    height: 28vw;
    display: inline-block;
    vertical-align: top;
    border-radius: 1.6vw;
    overflow: hidden;
    border: solid 1px #e8e8e8;
}

.franchise-wrap .forimg .img img {
    width: 100%;
    height: 28vw;
    object-fit: cover;
}

.franchise-wrap .forimg .btxt {
    margin-top: 2.4vw;
    font-size: 3.6vw;
    color: #222;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: -0.03em;
}

.franchise-wrap .forimg .stxt {
    margin-top: 2vw;
    font-size: 2.6vw;
    color: #222;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    word-break: keep-all;
    padding: 0 3vw
}

.franchise-wrap .selmenu .item.product-options .chk-check input[type="checkbox"] + label {
    width: 68vw;
}


@media only screen and (min-width: 999px) {
    .franchise-wrap .forimg {
        padding: 60px 0
    }

    .franchise-wrap .forimg .img {
        width: 220px;
        height: 220px;
        border-radius: 16px;
    }

    .franchise-wrap .forimg .img img {
        height: 220px;
    }

    .franchise-wrap .forimg .btxt {
        margin-top: 24px;
        font-size: 36px
    }

    .franchise-wrap .forimg .stxt {
        margin-top: 20px;
        font-size: 26px;
        padding: 0 30px
    }
}

@media only screen and (max-width: 998px) {
    .franchise-wrap .fran-list li.searchresult:before {
        height: 0px;
    }

    .searchresult {
        font-size: 15px;
        padding-top: 15px;
        text-align: center;
    }
}

@media only screen and (min-width: 999px) {
    .franchise-wrap .fran-list li.searchresult:before {
        height: 0px;
    }

    .searchresult {
        font-size: 18px;
        padding-top: 20px;
        text-align: center;
    }
}

@media only screen and (max-width: 500px) {
    .categorywrap {
        display: inline-block;
    }

    .franchise-wrap .fran-list li.searchresult:before {
        height: 0px;
    }

    .searchresult {
        font-size: 13px;
        padding-top: 10px;
        text-align: center;
    }

    .franchise-wrap .forimg {
        padding: 30px 0
    }

    .franchise-wrap .forimg .img {
        width: 140px;
        height: 140px;
        border-radius: 8px;
    }

    .franchise-wrap .forimg .img img {
        height: 140px;
    }

    .franchise-wrap .forimg .btxt {
        margin-top: 12px;
        font-size: 18px
    }

    .franchise-wrap .forimg .stxt {
        margin-top: 10px;
        font-size: 13px;
        padding: 0 15px
    }

    .franchise-wrap .selmenu .item.product-options .chk-check input[type="checkbox"] + label {
        min-height: 30px;
        width: 68vw;
        line-height: 22px;
    }
}

.franchise-wrap .selmenu .item .chk-radio {
    flex-grow: 1;
}

.franchise-wrap .selmenu .item {
    padding: 5vw 0
}

.franchise-wrap .selmenu .item.first {
    padding-top: 0;
}

.franchise-wrap .selmenu .item:nth-child(n+2) {
    border-top: 1px solid #e6e6e6
}

.franchise-wrap .selmenu .item h4 {
    font-size: 3.2vw;
    font-weight: 700;
    color: #222;
    line-height: 1.2em;
    margin-bottom: 5vw;
}

.franchise-wrap .selmenu .item ul {
}

.franchise-wrap .selmenu .item li {
    display: flex;
    position: relative;
}

.franchise-wrap .selmenu .item li:nth-child(n+2) {
    margin-top: 4vw;
}

.franchise-wrap .selmenu .item li .rtxt {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 5.6vw;
    font-size: 3vw;
    color: #222222;
}

.franchise-wrap .selmenu .item li .rtxt.arrow-deco{
    padding-left: 4.4vw;
    position: relative;
}

.franchise-wrap .selmenu .item li .rtxt.arrow-deco::before{
    content: "";
    top: 50%;
    left: 0;
    width: 4vw;
    height: 5vw;
    background: url(../_Img/Sub/arrow-right.svg) no-repeat center center;
    background-size: 3.2vw auto;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.franchise-wrap .selmenu .item li .dtxt {
    margin-right: 0.5vw;
    line-height: 5.6vw;
    font-size: 3vw;
    color: #adb5bd;
    position: relative;
}

.franchise-wrap .selmenu .item li .dtxt::after{
    content: "";
    top: 50%;
    left: -2%;
    width: 104%;
    height: 2px;
    background-color: #e63946;
    position: absolute;
}

.franchise-wrap .selmenu .item li .price-wrap{
    display: flex;
}

.franchise-wrap .selmenu .item .field {
}

.franchise-wrap .selmenu .item .field p {
    line-height: 8.4vw;
    font-size: 3.2vw;
    font-weight: 700;
    color: #222;
}

.franchise-wrap .selmenu .item .field .ctrl {
    position: absolute;
    right: 0;
    top: 0;
    height: 8.4vw;
    width: 28vw;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 8.4vw;
    box-sizing: border-box;
    padding: 0 8.4vw;
}

.franchise-wrap .selmenu .item .field .ctrl input {
    width: 100%;
    box-sizing: border-box;
    height: 8.4vw;
    text-align: center;
    border: none;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
}

.franchise-wrap .selmenu .item .field .ctrl button {
    width: 8.4vw;
    background: none;
    height: 8.4vw;
    border: none;
    position: absolute;
    font-size: 3vw;
    font-weight: 700;
    color: #222;
    text-align: center;
}

.franchise-wrap .selmenu .item .field .ctrl .minus {
    left: 0;
    top: 0;
}

.franchise-wrap .selmenu .item .field .ctrl .minus:hover {
    left: 0;
    top: 2px;
}

.franchise-wrap .selmenu .item .field .ctrl .plus {
    right: 0;
    top: 0;
}

.franchise-wrap .selmenu .item .field .ctrl .plus:hover {
    right: 0;
    top: 2px;
}

.franchise-wrap .selmenu .lower {
}

.franchise-wrap .selmenu .lower .fix {
    padding: 0 3vw 3vw 3vw;
}

.franchise-wrap .selmenu .lower a {
    line-height: 10vw;
    text-align: center;
    border-radius: 0.8vw;
    color: #fff;
    font-size: 3.2vw;
    display: block;
    background: #4F90EF;
    position: relative;
}

.franchise-wrap .selmenu .lower a i {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 10vw;
    padding-right: 2.4vw;
}

.franchise-wrap .selmenu .ex {
    font-size: 2.6vw;
    color: #222222;
    letter-spacing: -0.03em;
    margin-top: 3vw;
    text-align: center;
    line-height: 1.4em;
}

@media only screen and (min-width: 999px) {
    .franchise-wrap .selmenu .item {
        padding: 50px 0
    }

    .franchise-wrap .selmenu .item h4 {
        font-size: 32px;
        margin-bottom: 50px;
    }

    .franchise-wrap .selmenu .item li:nth-child(n+2) {
        margin-top: 40px;
    }

    .franchise-wrap .selmenu .item li .rtxt {
        line-height: 56px;
        font-size: 30px;
    }

    .franchise-wrap .selmenu .item li .rtxt.arrow-deco::before{
        background-size: 24px auto;
    }

    .franchise-wrap .selmenu .item li .dtxt {
        line-height: 56px;
        font-size: 30px;
    }

    .franchise-wrap .selmenu .item .field p {
        line-height: 84px;
        font-size: 32px;
    }

    .franchise-wrap .selmenu .item .field .ctrl {
        height: 84px;
        width: 280px;
        border-radius: 84px;
        padding: 0 84px
    }

    .franchise-wrap .selmenu .item .field .ctrl input {
        height: 84px;
        font-size: 28px;
    }

    .franchise-wrap .selmenu .item .field .ctrl button {
        font-size: 30px;
        width: 84px;
        height: 84px
    }

    .franchise-wrap .selmenu .lower .fix {
        padding: 0 30px 30px 30px;
    }

    .franchise-wrap .selmenu .lower a {
        line-height: 100px;
        border-radius: 8px;
        font-size: 32px;
    }

    .franchise-wrap .selmenu .lower a i {
        line-height: 100px;
        padding-right: 24px;
    }

    .franchise-wrap .selmenu .ex {
        font-size: 26px
    }
}

@media only screen and (max-width: 500px) {
    .franchise-wrap .selmenu .item {
        padding: 25px 0
    }

    .franchise-wrap .selmenu .item h4 {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .franchise-wrap .selmenu .item li:nth-child(n+2) {
        margin-top: 20px;
    }

    .franchise-wrap .selmenu .item li .rtxt {
        line-height: 28px;
        font-size: 15px;
    }

    .franchise-wrap .selmenu .item li .dtxt {
        line-height: 28px;
        font-size: 15px;
    }

    .franchise-wrap .selmenu .item .field p {
        line-height: 42px;
        font-size: 16px;
    }

    .franchise-wrap .selmenu .item .field .ctrl {
        height: 42px;
        width: 140px;
        border-radius: 42px;
        padding: 0 42px
    }

    .franchise-wrap .selmenu .item .field .ctrl input {
        height: 42px;
        font-size: 14px;
    }

    .franchise-wrap .selmenu .item .field .ctrl button {
        font-size: 15px;
        width: 42px;
        height: 42px
    }

    .franchise-wrap .selmenu .lower .fix {
        padding: 0 15px 15px 15px;
    }

    .franchise-wrap .selmenu .lower a {
        line-height: 50px;
        border-radius: 4px;
        font-size: 16px;
    }

    .franchise-wrap .selmenu .lower a i {
        line-height: 50px;
        padding-right: 12px;
    }

    .franchise-wrap .selmenu .ex {
        font-size: 13px;
        padding-bottom: 10px;
        text-align: right;
    }
}


/*=======================================================
    .basket-wrap
=========================================================*/

.basket-wrap {
    padding: 0 15px;
}

.basket-wrap .infos h3 {
    font-size: 3.6vw;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 11.2vw
}

.basket-wrap .infos .deliver {
    padding: 3vw 0;
}

.basket-wrap .infos .deliver .btxt {
    font-size: 3vw;
    font-weight: 400;
    color: #222222;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.basket-wrap .infos .deliver .stxt {
    font-size: 2.2vw;
    margin-top: 1vw;
    font-weight: 400;
    color: #999;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.basket-wrap .item {
    padding: 3vw 0;
    position: relative;
}

.basket-wrap .item h4 {
    font-size: 3vw;
    color: #222;
    letter-spacing: -0.03em;
    font-weight: 400;
    line-height: 1.2em;
}

.basket-wrap .item .delete {
    font-size: 2.6vw;
    color: #5190F0;
    line-height: 1.2em;
    position: absolute;
    right: 0;
    top: 3vw;
}

.basket-wrap .item ul {
    margin-top: 3vw;
}

.basket-wrap .item li {
    color: #999;
    font-size: 2.8vw;
    line-height: 1.4em;
    position: relative;
    padding-left: 1vw;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

.basket-wrap .item li:nth-child(n+2) {
    margin-top: 1vw;
}

.basket-wrap .item li:before {
    width: 0.4vw;
    height: 0.4vw;
    background: #999;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 1.6vw;
    display: block;
    content: ""
}

.basket-wrap .add-btn {
    display: block;
    line-height: 10vw;
    text-align: center;
    font-size: 3.2vw;
    color: #5190F0;
    font-weight: 400;
}

.basket-wrap .item .field {
    margin-top: 9vw;
}

.basket-wrap .item .field p {
    line-height: 8.4vw;
    font-size: 3vw;
    font-weight: 400;
    color: #222;
}

.basket-wrap .item .field .ctrl {
    position: absolute;
    right: 0;
    top: 0;
    height: 8.4vw;
    width: 28vw;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 1.4vw;
    box-sizing: border-box;
    padding: 0 8.4vw;
}

.basket-wrap .item .field .ctrl input {
    width: 100%;
    box-sizing: border-box;
    height: 8.4vw;
    text-align: center;
    border: none;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
}

.basket-wrap .item .field .ctrl button {
    width: 8.4vw;
    background: none;
    height: 8.4vw;
    border: none;
    position: absolute;
    font-size: 3vw;
    font-weight: 700;
    color: #222;
    text-align: center;
}

.basket-wrap .item .field .ctrl .minus {
    left: 0;
    top: 0;
}

.basket-wrap .item .field .ctrl .plus {
    right: 0;
    top: 0;
}

.stampthumb {
    display: inline-block;
    height: 9vw;
    width: 9vw;
    position: absolute;
    vertical-align: top;
    overflow: hidden;

}

.stampthumb img {
    height: 100%;
    object-fit: cover;
}


@media only screen and (min-width: 999px) {
    .stampthumb {
        width: 100px;
        height: 100px;
    }

    .stampthumb img {
        object-fit: cover;
        height: 100px;

    }

    .basket-wrap .infos h3 {
        font-size: 36px;
        line-height: 112px;
    }

    .basket-wrap .infos .deliver {
        padding: 30px 0;
    }

    .basket-wrap .infos .deliver .btxt {
        font-size: 30px;
    }

    .basket-wrap .infos .deliver .stxt {
        font-size: 22px;
        margin-top: 10px;
    }

    .basket-wrap .item {
        padding: 30px 0
    }

    .basket-wrap .item h4 {
        font-size: 30px
    }

    .basket-wrap .item .delete {
        font-size: 26px;
        top: 30px;
    }

    .basket-wrap .item ul {
        margin-top: 30px;
    }

    .basket-wrap .item li {
        font-size: 28px;
        padding-left: 10px;
    }

    .basket-wrap .item li:nth-child(n+2) {
        margin-top: 10px;
    }

    .basket-wrap .item li:before {
        width: 4px;
        height: 4px;
        top: 16px;
    }

    .basket-wrap .add-btn {
        font-size: 32px;
        line-height: 100px;
    }

    .basket-wrap .item .field {
        margin-top: 90px;
    }

    .basket-wrap .item .field p {
        line-height: 84px;
        font-size: 30px;
    }

    .basket-wrap .item .field .ctrl {
        height: 84px;
        width: 280px;
        border-radius: 14px;
        padding: 0 84px
    }

    .basket-wrap .item .field .ctrl input {
        height: 84px;
        font-size: 28px;
    }

    .basket-wrap .item .field .ctrl button {
        font-size: 30px;
        width: 84px;
        height: 84px
    }
}

@media only screen and (max-width: 500px) {
    .stampthumb {
        display: inline-block;
        height: 50px;
        width: 50px;
        position: absolute;

        vertical-align: top;

    }

    .stampthumb img {
        object-fit: cover;
        height: 50px;

    }

    .basket-wrap .infos h3 {
        font-size: 18px;
        line-height: 56px;
    }

    .basket-wrap .infos .deliver {
        padding: 15px 0;
    }

    .basket-wrap .infos .deliver .btxt {
        font-size: 15px;
    }

    .basket-wrap .infos .deliver .stxt {
        font-size: 11px;
        margin-top: 5px;
    }

    .basket-wrap .item {
        padding: 15px 0
    }

    .basket-wrap .item h4 {
        font-size: 15px
    }

    .basket-wrap .item .delete {
        font-size: 13px;
        top: 15px;
    }

    .basket-wrap .item ul {
        margin-top: 15px;
    }

    .basket-wrap .item li {
        font-size: 14px;
        padding-left: 5px;
    }

    .basket-wrap .item li:nth-child(n+2) {
        margin-top: 5px;
    }

    .basket-wrap .item li:before {
        width: 2px;
        height: 2px;
        top: 8px;
    }

    .basket-wrap .add-btn {
        font-size: 16px;
        line-height: 50px;
    }

    .basket-wrap .item .field {
        margin-top: 45px;
    }

    .basket-wrap .item .field p {
        line-height: 42px;
        font-size: 15px;
    }

    .basket-wrap .item .field .ctrl {
        height: 42px;
        width: 140px;
        border-radius: 7px;
        padding: 0 42px
    }

    .basket-wrap .item .field .ctrl input {
        height: 42px;
        font-size: 14px;
    }

    .basket-wrap .item .field .ctrl button {
        font-size: 15px;
        width: 42px;
        height: 42px
    }
}

.basket-wrap .total {
    position: relative;
    padding: 3.6vw 0;
    text-align: right;
}

.basket-wrap .total .btxt {
    font-size: 3vw;
    font-weight: 700;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 4vw;
    position: absolute;
    left: 0;
    top: 3.6vw;
}

.basket-wrap .total .stxt {
    font-size: 3vw;
    font-weight: 700;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 4vw;
}

.basket-wrap .ex {
    /*min-height: 28vw;*/
    width: calc(100% + 6vw);
    margin-left: -3vw;
    background: #F3F3F3;
    padding: 4vw 3vw;
    box-sizing: border-box;
    font-size: 2.2vw;
    color: #999;
    letter-spacing: -0.03em;
    line-height: 1.3em;
    text-align: center;
}

.basket-wrap .lower {
    height: auto !important;
}

.basket-wrap .lower .fix {
    padding: 0 3vw 3vw 3vw;
    background: none;
}

.basket-wrap .lower a {
    padding: 2.6vw 0;
    text-align: center;
    border-radius: 0.8vw;
    font-weight: 700;
    color: #fff;
    font-size: 3.2vw;
    display: block;
    background: #4F90EF;
    position: relative;
}

.basket-wrap .lower a span {
    display: inline-block;
    vertical-align: top;
    line-height: 4.8vw;
}

.basket-wrap .lower a i {
    display: inline-block;
    vertical-align: top;
    width: 4.8vw;
    margin-right: 1.4vw;
    line-height: 4.8vw;
    height: 4.8vw;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 3.2vw;
    color: #4F90EF
}

@media only screen and (min-width: 999px) {
    .basket-wrap .total {
        padding: 36px 0
    }

    .basket-wrap .total .btxt {
        font-size: 30px;
        line-height: 40px;
        top: 36px
    }

    .basket-wrap .total .stxt {
        font-size: 30px;
        line-height: 40px
    }

    .basket-wrap .ex {
        font-size: 22px;
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 40px 30px;
        min-height: 280px;
    }

    .basket-wrap .lower .fix {
        padding: 0 30px 30px 30px;
    }

    .basket-wrap .lower a {
        border-radius: 8px;
        font-size: 32px;
        padding: 26px 0;
        position: relative;
        top: 41px;
    }

    .basket-wrap .lower a span {
        line-height: 48px;
    }

    .basket-wrap .lower a i {
        width: 48px;
        height: 48px;
        font-size: 32px;
        line-height: 48px;
        margin-right: 14px;
    }
}

@media only screen and (max-width: 500px) {
    .basket-wrap .total {
        padding: 18px 0
    }

    .basket-wrap .total .btxt {
        font-size: 15px;
        line-height: 20px;
        top: 18px
    }

    .basket-wrap .total .stxt {
        font-size: 15px;
        line-height: 20px
    }

    .basket-wrap .ex {
        font-size: 11px;
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 20px 15px;
        /*min-height: 140px;*/
    }

    .basket-wrap .lower .fix {
        padding: 0 15px 15px 15px;
    }

    .basket-wrap .lower a {
        border-radius: 4px;
        font-size: 16px;
        padding: 13px 0
    }

    .basket-wrap .lower a span {
        line-height: 24px;
    }

    .basket-wrap .lower a i {
        width: 24px;
        height: 24px;
        font-size: 16px;
        line-height: 24px;
        margin-right: 7px;
    }
}


/*=======================================================
    .menu-wrap
=========================================================*/

.menu-wrap {
    position: relative;
}

.menu-wrap .basker-layer {
    z-index: 9999;
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: 750px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.menu-wrap .basket-btn {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
    background: url(../_Img/Sub/ico-basket.png) no-repeat center center #4F90EF;
    background-size: 40% auto;
    position: absolute;
    right: 3vw;
    bottom: 3vw;
}

.menu-wrap .basket-btn.baebi {
    width: 12vw;
    height: 12vw;
    border-radius: 100%;
    background: url(../_Img/Sub/ico-basket-baebi.png) no-repeat center center #4F90EF;
    background-size: 55% auto;
    position: absolute;
    right: 3vw;
    bottom: 3vw;
}

.menu-wrap .basket-btn i {
    width: 3.2vw;
    height: 3.2vw;
    line-height: 3vw;
    height: 3.2vw;
    text-align: center;
    color: #4F90EF;
    box-sizing: border-box;
    border: 1px solid #4F90EF;
    background: #fff;
    font-size: 2vw;
    border-radius: 100%;
    position: absolute;
    left: 55%;
    top: 25%
}

.menu-wrap .menu-img.opa {
    opacity: 0;
}

.menu-wrap .menu-img {
    position: relative;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    z-index: 11;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.menu-wrap .menu-img .item img {
    width: 100%;
    height: 40vw;
    object-fit: cover;
}

.scontainer.mexi .menu-wrap .menu-img .item img {
    width: calc(100% - 30px);
    height: 100%;
    object-fit: cover;
    position: relative;
    left: 15px;
}

.menu-wrap .menu-img .count {
    position: absolute;
    right: 5vw;
    width: 7vw;
    bottom: 3vw;
    line-height: 4vw;
    border-radius: 4vw;
    text-align: center;
    font-size: 1.8vw;
    color: #fff;
    background: rgba(0, 0, 0, 0.65)
}

.store_title {
    font-size: 1.6rem;
    line-height: 1.8rem;
    word-break: keep-all;
}

.franchise-wrap .filter .ctab-slide li.blue-bg a {
    background: #5190F0;
    border-color: #5190F0;
    color: #fff;
}

.franchise-wrap .filter {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.franchise-wrap .filter::-webkit-scrollbar {
    display: none;
}

.field button.enter {

    margin-left: 5px;
    width: 9vw;
    height: 9vw;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Sub/ico-search.png) no-repeat center center #FFFFFF;
    background-size: 45% auto;
    position: absolute;
    right: -10vw;
    top: 0;

}

.store-search-wrap {
    padding-left: 14vw;
}

.store-search-wrap .chk-input {
    width: 82%;
    position: relative;
}

.field.mexi button.enter {
    position: absolute;
    width: 12vw;
    right: 0px;
    top: 0;
    z-index: 4;
    border: 1px solid #EBEBEB;
    border-radius: 1vw;
    background: #1c355e;
    background-size: 4vw;
    color: #ffffff;
    font-size: 2.5vw;
}


@media only screen and (min-width: 999px) {
    .field.mexi button.enter {
        width: 120px;
        font-size: 25px;
    }

    .menu-wrap .basket-btn i {

        top: 13%
    }


    .menu-wrap .basket-btn.baebi {
        width: 100px;
        height: 100px;

    }

    .store-search-wrap {
        padding-left: 180px;
    }

    .field button.enter {
        width: 90px;
        height: 90px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        background: url(https://cdn.spge.kr/upload/mexicana/_Img/Sub/ico-search.png) no-repeat center center;
        background-size: 45% auto;
        /*position: absolute;*/
        right: -97px;
        top: 0;
    }

    .menu-wrap .menu-img {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .menu-wrap .menu-img .item img {
        /*height: 400px;*/
    }

    .menu-wrap .menu-img .count {
        right: 50px;
        bottom: 17px;
        width: 70px;
        line-height: 40px;
        font-size: 18px;
        border-radius: 40px;
    }

    .menu-wrap .basket-btn {
        width: 120px;
        height: 120px;
    }

    .menu-wrap .basket-btn i {
        width: 32px;
        height: 32px;
        font-size: 20px;
        line-height: 30px;
        height: 32px;
        top: 27px;
    }
}

@media only screen and (max-width: 500px) {
    .store-search-wrap {
        padding-left: 70px;
    }

    .field button.enter {
        width: 45px;
        height: 45px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        background: url(https://cdn.spge.kr/upload/mexicana/_Img/Sub/ico-search.png) no-repeat center center #fff;
        background-size: 45% auto;
        /*position: absolute;*/
        right: -48px;
        top: 0;
    }

    .field.mexi button.enter {
        position: absolute;
        right: 0px;
        top: 0;
        z-index: 4;
        width: 58px;
        font-size: 12px;
    }


    .menu-wrap .menu-img {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .menu-wrap .menu-img .item img {
        /* height: 200px;*/
    }

    .menu-wrap .menu-img .count {
        right: 30px;
        bottom: 13px;
        width: 35px;
        line-height: 20px;
        font-size: 9px;
        border-radius: 20px;
    }

    .menu-wrap .basket-btn {
        width: 60px;
        height: 60px;
    }

    .menu-wrap .basket-btn i {
        width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 15px;
        height: 16px;
    }
}

.menu-wrap .vinfo.opa .logo {
    opacity: 0;
}

.menu-wrap .vinfo {
    position: Relative;
    margin-top: -6vw;
    background: #fff;
    text-align: center;
    padding: 1vw;
    padding-bottom: 6vw;
    /*border-radius: 2.4vw;*/
    z-index: 999;
    border-bottom: solid 1px #ddd;
    /*box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);*/
}

.scontainer.mexi .menu-wrap .vinfo {
    position: static;
    padding-top: 6vw;

}


.menu-wrap .vinfo h1 {
    padding: 1.5rem;
}

.menu-wrap .vinfo .logo {
    opacity: 1;
    color: #333;
    font-size: 5vw;
    line-height: 5vw;
    letter-spacing: -0.03em;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.menu-wrap .vinfo .logo img {
    height: 12vw;
}

.menu-wrap .star {
    margin-top: 1.4vw
}

.menu-wrap .star {
    display: inline-block;
    vertical-align: top;
    height: 5vw;
}

.menu-wrap .star .rating-star {
    width: 26vw;
    height: 5vw;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-wrap .star .rating-star * {
    vertical-align: top;
}

.menu-wrap .star .rtxt {
    font-size: 4vw;
    display: inline-block;
    vertical-align: top;
    margin-right: 2vw;
    line-height: 5vw;
    color: #222;
    letter-spacing: -0.03em;
}

.menu-wrap .recent {
    margin-top: 3vw;
}

.menu-wrap .recent li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.menu-wrap .recent li a {
    line-height: 3.4vw;
    font-size: 2.4vw;
    letter-spacing: -0.02em;
    color: #888888;
    display: block;
}

.menu-wrap .recent li:nth-child(n+2) {
    margin-left: 5vw;
}

.menu-wrap .recent li:nth-child(n+2):before {
    width: 1px;
    height: 54%;
    margin-left: -1px;
    background: #888;
    position: absolute;
    left: -2.4vw;
    display: block;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-wrap .vinfo .share {
    margin-top: 8vw;
}

.menu-wrap .vinfo .share ul:after {
    display: block;
    content: "";
    clear: both;
}

.menu-wrap .vinfo .share li {
    float: left;
    width: 33.33333333%;
    width: 50%;
}

.menu-wrap .vinfo .share.baebi li {
    float: left;

    width: 49%;
    /*background:#ececec;*/
    height: 38px;
    margin-right: 1px;
    border: solid 1px #ececec;
}

.menu-wrap .vinfo .share li a {
    display: inline-block;
    vertical-align: top;
    padding-left: 5vw;
    line-height: 4vw;
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
}

.menu-wrap .vinfo .share li .tel-btn {
    background: url(../_Img/Content/customer-phone.png) no-repeat;
    background-size: 2.2vw auto;
    background-position: 1vw 1vw;
}

.menu-wrap .vinfo .share li .tel-btn.baebi {
    background: url(../_Img/Content/customer-phone-baebi.png) no-repeat 22% 52%;
    background-size: 2.8vw auto;
}

.menu-wrap .vinfo .share li .zzim-btn {
    background: url(../_Img/Sub/zzim-off.png) no-repeat;
    background-size: 2.5vw auto;
    background-position: 1vw 1vw;
}

.menu-wrap .vinfo .share li .zzim-btn.active {
    background-image: url(../_Img/Sub/zzim-on.gif);
    background-size: 4.3vw;
    background-position: 0vw 0vw;
}

.menu-wrap .vinfo .share li .share-btn {
    background: url(../_Img/Sub/ico-share.png) no-repeat left 52%;
    background-size: 2.4vw auto;
}

.share .icon {
    border: solid 1px #ccc;
    display: inline-block;
    padding: 8px 22px;
    border-radius: 11vw;
}

.share.baebi .icon {
    border: solid 0px;
    display: inline-block;
    padding: 8px 22px;
    border-radius: 0;

}

@media only screen and (min-width: 999px) {
    .menu-wrap .vinfo .share li .tel-btn.baebi {

        background-size: 30px auto;
    }

    .menu-wrap .vinfo .share.baebi li {

        height: 60px;

    }

    .menu-wrap .vinfo .share li .zzim-btn.active {
        background-image: url(../_Img/Sub/zzim-on.gif);
        background-size: 46px;
        background-position: -1px -2px;
    }


    .menu-wrap .vinfo .logo {

        font-size: 3vw;
        line-height: 5vw;

    }

    .menu-wrap .vinfo {
        margin-top: -60px;
        /*border-radius: 24px;*/
        padding: 10px;
        padding-bottom: 60px;
    }

    .menu-wrap .vinfo .logo img {
        height: 120px;
        line-height: 120px;
        font-size: 40px;
    }

    .menu-wrap .star {
        margin-top: 14px;
        height: 50px;
    }

    .menu-wrap .star .rating-star {
        width: 260px;
        height: 50px;
    }

    .menu-wrap .star .rtxt {
        font-size: 40px;
        margin-right: 20px;
        line-height: 50px;
    }

    .menu-wrap .recent li {
    }

    .menu-wrap .recent li a {
        line-height: 34px;
        font-size: 24px
    }

    .menu-wrap .recent li:nth-child(n+2) {
        margin-left: 50px;
    }

    .menu-wrap .recent li:nth-child(n+2):before {
        left: -24px;
    }

    .menu-wrap .vinfo .share {
        margin-top: 80px;
    }

    .menu-wrap .vinfo .share li a {
        padding-left: 50px;
        line-height: 40px;
        font-size: 28px;
    }

    .menu-wrap .vinfo .share li .tel-btn {
        background-size: 24px auto;
        background-position: 8px 8px;
    }

    .menu-wrap .vinfo .share li .zzim-btn {
        background-size: 28px auto;
        background-position: 8px 8px;
    }

    .menu-wrap .vinfo .share li .share-btn {
        background-size: 24px auto;
        background-position: 8px 9px;
    }
}

@media only screen and (max-width: 500px) {
    .share .icon.call {
        position: relative;
        left: 5px;

    }

    .share .icon.favorite {
        position: relative;
        left: 0px;

    }

    .share.baebi .icon.call {
        position: relative;
        left: 0px;

    }

    .share.baebi .icon.favorite {
        position: relative;
        left: -25px;

    }

    .menu-wrap .vinfo .logo {

        font-size: 7vw;
        line-height: 5vw;

    }

    .menu-wrap .vinfo {
        margin-top: -30px;
        border-radius: 0px;
        padding: 5px;
        padding-bottom: 30px
    }

    .menu-wrap .vinfo .logo img {
        height: 60px;
        line-height: 60px;
        font-size: 20px;
    }

    .menu-wrap .star {
        margin-top: 7px;
        height: 25px;
    }

    .menu-wrap .star .rating-star {
        width: 130px;
        height: 25px;
    }

    .menu-wrap .star .rtxt {
        font-size: 20px;
        margin-right: 10px;
        line-height: 25px;
    }

    .menu-wrap .recent li {
    }

    .menu-wrap .recent li a {
        line-height: 17px;
        font-size: 12px
    }

    .menu-wrap .recent li:nth-child(n+2) {
        margin-left: 25px;
    }

    .menu-wrap .recent li:nth-child(n+2):before {
        left: -12px;
    }

    .menu-wrap .vinfo .share {
        margin-top: 40px;
    }

    .menu-wrap .vinfo .share li a {
        padding-top: 3px;
        padding-left: 33px;
        line-height: 20px;
        font-size: 14px;
        position: relative;
        right: 4px;

    }

    .menu-wrap .vinfo .share li .tel-btn {
        background-size: 14px auto;
        background-position: 10px 6px;
        height: 24px;
    }

    .menu-wrap .vinfo .share li .tel-btn.baebi {
        background-size: 18px auto;
    }


    .menu-wrap .vinfo .share li .zzim-btn {
        background-size: 14px auto;
        height: 25px;
        background-position: 10px 9px;
    }

    .menu-wrap .vinfo .share li .zzim-btn.active {
        background-size: 28px auto;
        background-position: 3px 1px;

    }

    .menu-wrap .vinfo .share li .share-btn {
        background-size: 12px auto;
    }
}

.menu-wrap .state {
    padding: 4.8vw 2.8vw;
}

.menu-wrap .state .item {
    position: relative;
}

.menu-wrap .state .item .mg10t {
    margin-top: 2vw;
}

.menu-wrap .state .item .mg20t {
    margin-top: 4vw;
}

.menu-wrap .state .item.coupon {
    padding-left: 20vw;
    margin-top: 2vw
}

.menu-wrap .state .item.coupon h4 {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2.8vw;
    color: #222;
    font-weight: 400;
    line-height: 4vw;
    letter-spacing: -0.03em;
}

.menu-wrap .state .item.coupon .c01 {
    position: relative;
    background: #F6F6F6;
    border-radius: 1.2vw;
    padding: 1.6vw 2.2vw
}

.menu-wrap .state .item.coupon.baebi .c01 {
    position: relative;
    background: #ffffff;
    border: solid 1px #5190f0;
    border-radius: 1.2vw;
    padding: 1.9vw 2.2vw
}

.menu-wrap .state .item.coupon .c01 .btxt {
    font-size: 2.8vw;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2em;
}

.menu-wrap .state .item.coupon .c01 .stxt {
    margin-top: 0.6vw;
    font-size: 2vw;
    color: #222;
    font-weight: 400;
    letter-spacing: -0.035em;
    line-height: 3vw;
}

.menu-wrap .state .item.coupon .c01 .stxt span {
    /* margin-left: 2.4vw; */
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.menu-wrap .state .item.coupon .c01 .stxt span:before {
    width: 1px;
    height: 54%;
    margin-left: -1px;
    background: #888;
    position: absolute;
    left: -1.2vw;
    display: block;
    /* content: "";*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-wrap .state .item.coupon .c01 .more-btn {
    width: 5vw;
    height: 5vw;
    position: absolute;
    top: 1.6vw;
    right: 2.2vw;
    background: url(../_Img/Sub/stamp-more.png) no-repeat center center;
    background-size: 100% auto;
}

.menu-wrap .state .item.coupon .c01 .end-btn {
    position: absolute;
    right: 2.2vw;
    width: 4vw;
    font-size: 2vw;
    text-align: center;
    color: #959595;
    line-height: 1.2em;
    padding-top: 2.4vw;
    background: url(../_Img/Content/fran-chk.png) no-repeat center top;
    background-size: 2.2vw auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-wrap .state .item.coupon .c01 .down-btn {
    position: absolute;
    display: none;
    right: 2.2vw;
    width: 4vw;
    height: 5vw;
    background: url(../_Img/Sub/ico-down.png) no-repeat center center;
    background-size: 3.2vw auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-wrap .state .item.coupon .c01.active .end-btn {
    display: none;
}

.menu-wrap .state .item.coupon .c01.active .down-btn {
    display: block;
}

.menu-wrap .state .item.coupon .c01.end .btxt.cgray {
    color: #ccc;
}

.menu-wrap .state .item.coupon .c01 .btxt.cgray {
    color: #888888;
}

.menu-wrap .state .item.coupon .c01 .btxt.cblue {
    color: #5190F0;
}

.menu-wrap .state .item.coupon .c01 .stxt.cgray {
    color: #888888;
}

.menu-wrap .state .item.coupon .c02 {
    position: relative;
    background: #F6F6F6;
    border-radius: 1.2vw;
    padding: 2vw 2.2vw;
}

.menu-wrap .state .item.coupon .c02 .prev-btn {
    width: 5vw;
    height: 5vw;
    position: absolute;
    top: 1.6vw;
    right: 2.2vw;
    background: url(../_Img/Sub/stamp-prev.png) no-repeat center center;
    background-size: 100% auto;
}

.menu-wrap .state .item.coupon .c02 ul {
}

.menu-wrap .state .item.coupon .c02 li:nth-child(n+2) {
    margin-top: 0.8vw;
}

.menu-wrap .state .item.coupon .c02 li {
    font-size: 1.8vw;
    color: #222;
    font-weight: 400;
    letter-spacing: -0.035em;
    line-height: 1.2em;
}

.menu-wrap .state .item.stamp {
    padding-left: 20vw;
    margin-top: 2vw
}

.menu-wrap .state .item.stamp.no-mrg {
    margin-top: 0
}

.menu-wrap .state .item.stamp h4 {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2.8vw;
    color: #222;
    font-weight: 400;
    line-height: 4vw;
    letter-spacing: -0.03em;
}

.menu-wrap .state .item.stamp .txt {
    position: relative;
    background: #F6F6F6;
    border-radius: 1.2vw;
    padding: 2vw 2.2vw;
}

.menu-wrap .state .item.stamp .r {
    margin-top: 2vw;
    position: relative;
}

.menu-wrap .state .item.stamp .btxt {
    font-size: 2.8vw;
    font-weight: 400;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.menu-wrap .state .item.stamp .stxt {
    margin-top: 0.6vw;
    font-size: 2.2vw;
    font-weight: 400;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.menu-wrap .state .item.stamp .stxt span {
    color: #5190F0
}

.menu-wrap .state .item.stamp .change-btn {
    height: 4.4vw;
    line-height: 4.2vw;
    border: 1px solid #5190F0;
    border-radius: 4.4vw;
    padding: 0 1.4vw;
    font-size: 2.2vw;
    color: #5190F0;
    position: absolute;
    left: 0;
    top: 0;
}

.menu-wrap .state .item.stamp .view-btn {
    height: 4.4vw;
    line-height: 4.4vw;
    border-radius: 4.4vw;
    font-size: 2.4vw;
    color: #222222;
    display: inline-block;
    vertical-align: top;
    padding-right: 2vw;
    background: url(../_Img/Content/stamp-next.png) no-repeat right 52%;
    background-size: 1.4vw auto;
}

.menu-wrap .state .item.order {
}

.menu-wrap .state .item.order li {
    position: relative;
    padding-left: 20vw;
}

.menu-wrap .state .item.order li:nth-child(n+2) {
    margin-top: 2vw;
}

.menu-wrap .state .item.order li .btxt {
    font-size: 2.8vw;
    color: #222;
    font-weight: 400;
    line-height: 4vw;
    letter-spacing: -0.03em;
    position: absolute;
    left: 0;
    top: 0;
}

.menu-wrap .state .item.order li .stxt {
    font-size: 2.8vw;
    color: #222;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    line-height: 4vw;
    letter-spacing: -0.03em;
}

.menu-wrap .state .item.order .detail-btn {
    display: inline-block;
    vertical-align: top;
    height: 4vw;
    line-height: 3.8vw;
    border-radius: 1vw;
    padding: 0 1.4vw;
    border: 1px solid #ccc;
    font-size: 2.2vw;
    color: #222;
    margin-left: 1vw;
}

.baebimainmenu {
    padding-left: 21px;
    background: url(../_Img/Content/mainmenuicon.png) no-repeat 0% 17%;
    background-size: 18px;
    font-size: 2vw;
    border-bottom: solid 1px #dddddd;
    padding-bottom: 7px;
}


@media only screen and (min-width: 999px) {
    .baebimainmenu {
        font-size: 26px;
    }


    .menu-wrap .state .item.coupon.baebi .c01 {
        border-radius: 10px;
        padding: 20px 25px;
    }

    .menu-wrap .state {
        padding: 48px 30px;
    }

    .menu-wrap .state .item .mg10t {
        margin-top: 20px;
    }

    .menu-wrap .state .item .mg20t {
        margin-top: 40px;
    }

    .menu-wrap .state .item.coupon {
        padding-left: 200px;
        margin-top: 20px
    }

    .menu-wrap .state .item.coupon h4 {
        font-size: 28px;
        line-height: 40px;
    }

    .menu-wrap .state .item.coupon .c01 {
        padding: 16px 22px;
        border-radius: 12px;
    }

    .menu-wrap .state .item.coupon .c01 .btxt {
        font-size: 30px;
        width: 378px;
    }

    .menu-wrap .state .item.coupon .c01 .stxt {
        margin-top: 6px;
        font-size: 20px;
        line-height: 30px;
    }

    .menu-wrap .state .item.coupon .c01 .stxt span {
        margin-left: 24px
    }

    .menu-wrap .state .item.coupon .c01 .stxt span:before {
        width: 1px;
        left: -12px;
    }

    .menu-wrap .state .item.coupon .c01 .more-btn {
        width: 50px;
        height: 50px;
        top: 16px;
        right: 22px;
    }

    .menu-wrap .state .item.coupon .c01 .end-btn {
        right: 22px;
        width: 40px;
        font-size: 20px;
        padding-top: 24px;
        background-size: 22px auto;
    }

    .menu-wrap .state .item.coupon .c01 .down-btn {
        right: 22px;
        width: 40px;
        height: 50px;
        background-size: 32px auto;
    }

    .menu-wrap .state .item.coupon .c02 {
        padding: 20px 22px;
        border-radius: 12px;
    }

    .menu-wrap .state .item.coupon .c02 .prev-btn {
        width: 50px;
        height: 50px;
        top: 16px;
        right: 22px;
    }

    .menu-wrap .state .item.coupon .c02 li:nth-child(n+2) {
        margin-top: 8px;
    }

    .menu-wrap .state .item.coupon .c02 li {
        font-size: 18px;
    }

    .menu-wrap .state .item.stamp {
        padding-left: 200px;
        margin-top: 20px
    }

    .menu-wrap .state .item.stamp h4 {
        font-size: 28px;
        line-height: 40px;
    }

    .menu-wrap .state .item.stamp .txt {
        padding: 20px 22px;
        border-radius: 12px;
    }

    .menu-wrap .state .item.stamp .r {
        margin-top: 20px;
    }

    .menu-wrap .state .item.stamp .btxt {
        font-size: 28px
    }

    .menu-wrap .state .item.stamp .stxt {
        margin-top: 6px;
        font-size: 22px
    }

    .menu-wrap .state .item.stamp .change-btn {
        height: 44px;
        line-height: 42px;
        border-radius: 44px;
        padding: 0 14px;
        font-size: 22px;
    }

    .menu-wrap .state .item.stamp .view-btn {
        height: 44px;
        line-height: 44px;
        border-radius: 44px;
        font-size: 24px;
        background-size: 14px auto;
    }

    .menu-wrap .state .item.order {
    }

    .menu-wrap .state .item.order li {
        padding-left: 200px;
    }

    .menu-wrap .state .item.order li:nth-child(n+2) {
        margin-top: 20px;
    }

    .menu-wrap .state .item.order li .btxt {
        font-size: 28px;
        line-height: 40px;
    }

    .menu-wrap .state .item.order li .stxt {
        font-size: 28px;
        line-height: 40px;
    }

    .menu-wrap .state .item.order .detail-btn {
        height: 40px;
        line-height: 38px;
        border-radius: 40px;
        padding: 0 14px;
        font-size: 22px;
        margin-left: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .baebimainmenu {
        padding-left: 21px;
        background: url(../_Img/Content/mainmenuicon.png) no-repeat 0% 17%;
        background-size: 18px;
        font-size: 16px;
        border-bottom: solid 1px #dddddd;
        padding-bottom: 7px;
    }

    .menu-wrap .state {
        padding: 24px 15px;
    }

    .menu-wrap .state .item .mg10t {
        margin-top: 10px;
    }

    .menu-wrap .state .item .mg20t {
        margin-top: 20px;
    }

    .menu-wrap .state .item.coupon {
        padding-left: 100px;
        margin-top: 10px
    }

    .menu-wrap .state .item.coupon.baebi {
        padding-left: 100px;
        margin-top: 10px
    }


    .menu-wrap .state .item.coupon h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .menu-wrap .state .item.coupon .c01 {
        padding: 8px 11px;
        border-radius: 6px;
    }

    .menu-wrap .state .item.coupon .c01 .btxt {
        font-size: 15px;

    }

    .menu-wrap .state .item.coupon.baebi .c01 .btxt {
        font-size: 15px;
        display: inline-block;
        padding-right: 10px;
    }

    .menu-wrap .state .item.coupon .c01 .stxt {
        margin-top: 3px;
        font-size: 10px;
        line-height: 15px;
    }

    .menu-wrap .state .item.coupon.baebi .c01 .stxt {
        margin-top: 3px;
        font-size: 10px;
        line-height: 15px;
        display: inline-block;
    }

    .menu-wrap .state .item.coupon .c01 .stxt span {
        /* margin-left: 12px */
    }

    .menu-wrap .state .item.coupon .c01 .stxt span:before {
        width: 1px;
        left: -6px;
    }

    .menu-wrap .state .item.coupon .c01 .more-btn {
        width: 25px;
        height: 25px;
        top: 8px;
        right: 11px;
    }

    .menu-wrap .state .item.coupon .c01 .end-btn {
        right: 11px;
        width: 30px;
        font-size: 10px;
        padding-top: 12px;
        background-size: 11px auto;
    }

    .menu-wrap .state .item.coupon .c01 .down-btn {
        right: 11px;
        width: 30px;
        height: 25px;
        background-size: 16px auto;
    }

    .menu-wrap .state .item.coupon .c02 {
        padding: 10px 11px;
        border-radius: 6px;
    }

    .menu-wrap .state .item.coupon .c02 .prev-btn {
        width: 25px;
        height: 25px;
        top: 8px;
        right: 11px;
    }

    .menu-wrap .state .item.coupon .c02 li:nth-child(n+2) {
        margin-top: 4px;
    }

    .menu-wrap .state .item.coupon .c02 li {
        font-size: 9px;
    }

    .menu-wrap .state .item.stamp {
        padding-left: 100px;
        margin-top: 10px
    }

    .menu-wrap .state .item.stamp h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .menu-wrap .state .item.stamp .c02 {
        padding: 10px 11px;
        border-radius: 6px;
    }

    .menu-wrap .state .item.stamp .r {
        margin-top: 10px;
    }

    .menu-wrap .state .item.stamp .btxt {
        font-size: 14px
    }

    .menu-wrap .state .item.stamp .stxt {
        margin-top: 3px;
        font-size: 11px
    }

    .menu-wrap .state .item.stamp .change-btn {
        height: 22px;
        line-height: 21px;
        border-radius: 22px;
        padding: 0 7px;
        font-size: 11px;
    }

    .menu-wrap .state .item.stamp .view-btn {
        height: 22px;
        line-height: 22px;
        border-radius: 22px;
        font-size: 12px;
        background-size: 7px auto;
    }

    .menu-wrap .state .item.order li {
        padding-left: 100px;
    }

    .menu-wrap .state .item.order li:nth-child(n+2) {
        margin-top: 10px;
    }

    .menu-wrap .state .item.order li .btxt {
        font-size: 14px;
        line-height: 20px;
    }

    .menu-wrap .state .item.order li .stxt {
        font-size: 14px;
        line-height: 20px;
    }

    .menu-wrap .state .item.order .detail-btn {
        height: 20px;
        line-height: 19px;
        border-radius: 5px;
        padding: 0 7px;
        font-size: 11px;
        margin-left: 5px;
    }
}

.menu-wrap .explan {
    margin-top: 3vw;
}

.menu-wrap .explan .txt {
}

.menu-wrap .explan .txt p {
    font-size: 2.8vw;
    color: #888888;
    line-height: 1.4em;
    letter-spacing: -0.03em;
}

.menu-wrap .u-tab02 {
    position: relative;
    z-index: 55;

}

.menu-wrap .u-tab02.fix ul {
    position: fixed;
    left: 50%;
    max-width: 750px;
    position: fixed;
    background: #fff;
    top: 9.6vw;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.menu-wrap .walltop {
    /*padding-top:5vw;*/
}

.menu-wrap .walltop img {
    width: 100%;
}

.fa-question-circle {
    font-size: 2.5vw;
}

@media only screen and (min-width: 999px) {
    .fa-question-circle {
        font-size: 25px;
    }

    .menu-wrap .explan {
        margin-top: 30px;
    }

    .menu-wrap .explan .txt p {
        font-size: 25px;
    }

    .menu-wrap .u-tab02.fix ul {
        top: 96px;
    }
}

@media only screen and (max-width: 500px) {
    .fa-question-circle {
        font-size: 13px;
    }

    .menu-wrap .explan {
        margin: 15px 0;
    }

    .menu-wrap .explan .txt p {
        font-size: 14px;
    }

    .menu-wrap .u-tab02.fix ul {
        top: 48px;
    }
}

.menu-wrap .best {
    /*padding: 6vw 0*/
    margin-bottom: 5vw;
}

.menu-wrap .best ul {
}

.menu-wrap .best li {
}

.menu-wrap .best li a {
    display: block;
    position: relative;
}

.menu-wrap .best li .bg {
    position: relative;
    z-index: -1;
}

.menu-wrap .best li .bg.baebi {
    position: relative;
    z-index: -1;
    min-height: 35.2vw;
    height: 125px;
    border-bottom: solid 1px #eee;
}


.menu-wrap .best li .bg img {
    width: 100%;

}

.menu-wrap .best li:nth-child(n+2) .bg img {
    width: 100%;
    height: auto;

}

.menu-wrap .best li:nth-last-child(1) .bg img {
    width: 100%;
    height: 100%;

}

.menu-wrap .best li .txt {
    position: absolute;
    left: 6%;
    width: 84%;
    box-sizing: border-box;
    height: 70%;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-wrap .best li .img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20vw;
    height: 20vw;
    border-radius: 1vw;
    overflow: hidden;
    border: solid 1px #e8e8e8;
}

.menu-wrap .best li .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.menu-wrap .best li .vc {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 33%;
    padding-left: 2%;
    width: 100%;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-wrap .best li .vc.top {
    top: 50%;
    transform: translateY(-50%);

}


.menu-wrap .best li .btxt {
    font-size: 3vw;
    line-height: 1.2em;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.menu-wrap .best li .stxt {
    margin-top: 0.8vw;
    font-size: 2.8vw;
    line-height: 1.2em;
    color: #222;
    font-weight: 400;
    letter-spacing: -0.03em;
    position: relative;
    display: inline-block;
}

.menu-wrap .best li .dtxt{
    font-size: 2.8vw;
}

.menu-wrap .best li .ctxt {
    margin-top: 0.8vw;
    font-size: 2.6vw;
    line-height: 1.3em;
    color: #949494;
    font-weight: 400;
    letter-spacing: -0.03em;
    overflow: hidden;

    white-space: normal;
    word-break: keep-all;
    display: -webkit-box;
    display: -ms-flexbox;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.menu-wrap .best li:first-child .txt {
    top: auto;
    bottom: 5%;
    height: 48%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.menu-wrap .best li:first-child .txt.baebi {
    /*top: auto;
    bottom: 10%;*/
    height: 31vw;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}


.menu-wrap .best li:last-child .txt {
    top: auto;
    top: 7%;
    height: 60%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.menu-wrap .best li:last-child .txt.one {

    top: 34%;
}


.donutSpinner {
    display: inline-block;
    border: 4px solid hsl(222 100% 95%);
    border-left-color: #1c355e;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: donut-spin 1.2s linear infinite;
}

@keyframes donut-spin {
    to {
        transform: rotate(2turn);
    }
}


@media only screen and (min-width: 999px) {

    .menu-wrap .best li:last-child .txt.one {

        /*top: 197px;*/
    }

    .menu-wrap .best li .bg img {
        width: 100%
    }

    .menu-wrap .best li .vc {
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-wrap .best li:nth-last-child(1) .vc {
        /*top:103px;*/
    }

    .menu-wrap .best li .txt.one .vc {
        /*top:70px;*/
    }


    .menu-wrap .best li:first-child .txt.baebi {
        height: 204px;
    }

    .menu-wrap .best li .txt.baebi .vc {
        top: 90px;

    }

    .menu-wrap .best li .bg.baebi {
        min-height: 250px

    }


    .menu-wrap .best {
        /*padding: 60px 0*/
    }

    .menu-wrap .best li .img {
        border-radius: 30px;
        position: absolute;
        right: 0;
        /*top: 24px;*/
        border: solid 1px #e8e8e8;
        width: 120px;
        height: 120px;
        border-radius: 17px;
        overflow: hidden;
    }

    .menu-wrap .best li .btxt {
        font-size: 30px;
    }

    .menu-wrap .best li .stxt,
    .menu-wrap .best li .dtxt{
        margin-top: 8px;
        font-size: 28px;
    }

    .menu-wrap .best li .ctxt {
        margin-top: 8px;
        font-size: 26px;
        /*max-height: 130px;*/
    }
}

@media only screen and (min-width: 750px) {
    .menu-wrap .best li .img {

        width: 150px;
        height: 150px;
        border-radius: 8px;

    }
}


@media only screen and (max-width: 500px) {
    .menu-wrap .best li:last-child .txt.one {
        top: 18vw;
    }

    .menu-wrap .best li .vc {
        top: 50%;
        transform: translateY(-50%);
        min-width: 257px;
    }

    .menu-wrap .best {
        /*padding: 30px 0*/
        margin-bottom: 20px;
    }

    .menu-wrap .best li .img {
        border-radius: 5px;
        width: 80px;
        height: 80px;
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-wrap .best li .btxt {
        font-size: 15px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .menu-wrap .best li .stxt {
        margin-top: 4px;
        font-size: 14px;
    }

    .menu-wrap .best li .dtxt {
        margin-top: 4px;
        font-size: 14px;
    }

    .menu-wrap .best li .ctxt {
        margin-top: 4px;
        font-size: 13px;
        /*max-height: 65px;*/
    }
}

.menu-wrap .vmenu {
}

.menu-wrap .vmenu ul {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    border-top: 1px solid #D5D5D5;
}

.menu-wrap .vmenu li.vm_l1 {
    box-sizing: border-box;
    background: #F3F3F3
}

.menu-wrap .vmenu li .vm_a1 {
    display: block;
    position: relative;
    font-size: 3vw;
    color: #222;
    line-height: 4vw;
    padding: 3vw 3vw;
    font-weight: 400;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #ddd
}

.menu-wrap .vmenu li .vm_a1:after {
    width: 2vw;
    height: 1.2vw;
    background: url(../_Img/Sub/menu-down.png) no-repeat center center;
    background-size: 100% auto;
    position: Absolute;
    right: 3vw;
    top: 50%;
    margin-top: -0.6vw;
    display: block;
    content: ""
}

.menu-wrap .vmenu li.vm_l1.active .vm_a1:after {
    background-image: url(../_Img/Sub/menu-up.png)
}

.menu-wrap .vmenu li.vm_l1.active .vm-depth2 {
    display: block;
}

.menu-wrap .vmenu li .vm-depth2 {
    border-bottom: 1px solid #D5D5D5;
    display: none;
    background: #fff;
}

.menu-wrap .vmenu li .vm-depth2 ul {
    width: auto;
    margin: 0;
    border-top: none;
}

.menu-wrap .vmenu li.vm_l2 {
    box-sizing: border-box;
}

.menu-wrap .vmenu li.vm_l2:nth-child(n+2) {
    border-top: 1px solid #eee
}

.menu-wrap .vmenu li .vm_a2 {
    padding: 2.8vw 3vw;
    display: block;
}

.menu-wrap .vmenu li .vm_a2 .btxt {
    font-size: 3vw;
    color: #222;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: -0.03em
}

.menu-wrap .vmenu li .vm_a2 .stxt {
    margin-top: 0.8vw;
    font-size: 2.6vw;
    color: #888;
    line-height: 1.2em;
    font-weight: 400;
    letter-spacing: -0.03em
}

.menu-wrap .vmenu li .vm_a2 .ctxt {
    margin-top: 0.8vw;
    font-size: 3vw;
    color: #222;
    line-height: 1.2em;
    font-weight: 400;
    letter-spacing: -0.03em;
    position: relative;
    display: inline-block;
}

.menu-wrap .vmenu li .vm_a2 .dtxt {
    margin-right: 0.5vw;
    font-size: 3vw;
}

.menu-wrap .best li .dtxt,
.menu-wrap .vmenu li .vm_a2 .dtxt{
    margin-top: 0.8vw;
    line-height: 1.2em;
    color: #adb5bd;
    font-weight: 400;
    letter-spacing: -0.03em;
    position: relative;
    display: inline-block;
}

.menu-wrap .best li .dtxt::after,
.menu-wrap .vmenu li .vm_a2 .dtxt::after{
    content: "";
    top: 50%;
    left: -2%;
    width: 104%;
    height: 2px;
    background-color: #e63946;
    position: absolute;
}

.menu-wrap .best li .stxt.arrow-deco,
.menu-wrap .vmenu li .vm_a2 .ctxt.arrow-deco{
    padding-left: 4.4vw;
}

.menu-wrap .best li .stxt.arrow-deco::before,
.menu-wrap .vmenu li .vm_a2 .ctxt.arrow-deco::before{
    content: "";
    top: 50%;
    left: 0;
    width: 4vw;
    height: 5vw;
    background: url(../_Img/Sub/arrow-right.svg) no-repeat center center;
    background-size: 2.4vw auto;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-wrap .vmenu li .vm_a2 .price-wrap{
    display: flex;
}

@media only screen and (min-width: 999px) {
    .menu-wrap .vmenu ul {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .menu-wrap .vmenu li.vm_l1 {
    }

    .menu-wrap .vmenu li .vm_a1 {
        font-size: 30px;
        line-height: 40px;
        padding: 30px 30px;
    }

    .menu-wrap .vmenu li .vm_a1:after {
        width: 20px;
        height: 12px;
        right: 30px;
        margin-top: -6px;
    }

    .menu-wrap .vmenu li .vm-depth2 {
    }

    .menu-wrap .vmenu li.vm_l2 {
    }

    .menu-wrap .vmenu li .vm_a2 {
        padding: 28px 30px;
    }

    .menu-wrap .vmenu li .vm_a2 .btxt {
        font-size: 30px
    }

    .menu-wrap .vmenu li .vm_a2 .stxt {
        margin-top: 8px;
        font-size: 26px
    }

    .menu-wrap .vmenu li .vm_a2 .ctxt,
    .menu-wrap .vmenu li .vm_a2 .dtxt {
        margin-top: 8px;
        font-size: 30px;
    }

    .menu-wrap .best li .stxt.arrow-deco::before,
    .menu-wrap .vmenu li .vm_a2 .ctxt.arrow-deco::before{
        background-size: 24px auto;
    }
}

@media only screen and (max-width: 500px) {
    .menu-wrap .vmenu ul {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .menu-wrap .vmenu li.vm_l1 {
    }

    .menu-wrap .vmenu li .vm_a1 {
        font-size: 15px;
        line-height: 20px;
        padding: 15px 15px;
    }

    .menu-wrap .vmenu li .vm_a1:after {
        width: 10px;
        height: 6px;
        right: 15px;
        margin-top: -3px;
    }

    .menu-wrap .vmenu li .vm-depth2 {
    }

    .menu-wrap .vmenu li.vm_l2 {
    }

    .menu-wrap .vmenu li .vm_a2 {
        padding: 14px 15px;
    }

    .menu-wrap .vmenu li .vm_a2 .btxt {
        font-size: 15px
    }

    .menu-wrap .vmenu li .vm_a2 .stxt {
        margin-top: 4px;
        font-size: 13px
    }

    .menu-wrap .vmenu li .vm_a2 .ctxt {
        margin-top: 4px;
        font-size: 15px;
    }

    .menu-wrap .vmenu li .vm_a2 .dtxt {
        margin-top: 4px;
        font-size: 15px;
    }
}

.menu-wrap .wmenu {
    position: relative;
    background: url(../_Img/Content/wmenu-bg02.png) repeat-y center center;
    background-size: 97% auto;
    width: calc(100% + 4vw);
    margin-left: -2vw;
    box-sizing: border-box;
    padding: 5vw 2vw 4vw 2vw;
}

.menu-wrap .wmenu:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20vw;
    background: url(../_Img/Content/wmenu-bg01.png) no-repeat center top;
    background-size: 97% auto;
    display: block;
    content: ""
}

.menu-wrap .wmenu:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20vw;
    background: url(../_Img/Content/wmenu-bg03.png) no-repeat center bottom;
    background-size: 97% auto;
    display: block;
    content: ""
}

.menu-wrap .wmenu h4,
.menu-wrap .wmenu h5,
.menu-wrap .wmenu .bd-line,
.menu-wrap .wmenu .type01,
.menu-wrap .wmenu .type02 {
    position: relative;
    z-index: 2;
}

.menu-wrap .wmenu h4 {
    font-size: 4.4vw;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 6.4vw;
    text-align: center;
}

.menu-wrap .wmenu h5 {
    font-size: 3vw;
    color: #222;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 4vw;
    padding: 0 2vw;
}

.menu-wrap .wmenu .bd-line {
    width: 100%;
    margin-left: 0;
}

.menu-wrap .wmenu .type01 ul {
    margin-top: 1vw;
}

.menu-wrap .wmenu .type02 ul {
    margin-top: 1vw;
}

.menu-wrap .wmenu .type01 {
    padding: 4vw 0
}

.menu-wrap .wmenu .type01 ul .btxt {
    color: #222;
    font-size: 3vw;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    float: left;
    width: 60%;
}

.menu-wrap .wmenu .type01 ul .stxt {
    color: #222;
    font-size: 2.8vw;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    float: right;
    width: 38%;
    text-align: right;
}

.menu-wrap .wmenu .type01 ul li {
    position: relative;
}

.menu-wrap .wmenu .type01 ul li a {
    display: block;
    padding: 3vw 2vw
}

.menu-wrap .wmenu .type01 ul li:nth-child(n+2) {
    border-top: 1px solid #f0f0f0
}

.menu-wrap .wmenu .type01 ul li a:after {
    display: block;
    content: "";
    clear: both;
}

.menu-wrap .wmenu .type01 ul li:last-child a {
    padding-bottom: 0;
}

.menu-wrap .wmenu .type02 {
    padding: 4vw 0
}

.menu-wrap .wmenu .type02 ul .btxt {
    color: #222;
    font-size: 3vw;
    font-weight: 700;
    line-height: 1.4em;
    float: left;
    width: 60%;
}

.menu-wrap .wmenu .type02 ul .stxt {
    color: #222;
    font-size: 2.8vw;
    font-weight: 400;
    line-height: 1.4em;
    float: right;
    width: 40%;
    text-align: right;
}

.menu-wrap .wmenu .type02 ul li {
    position: relative;
}

.menu-wrap .wmenu .type02 ul li a {
    display: block;
    padding: 2.4vw 2vw
}

.menu-wrap .wmenu .type02 ul li:nth-child(n+2) {
    border-top: 1px solid #f0f0f0
}

.menu-wrap .wmenu .type02 ul li a:after {
    display: block;
    content: "";
    clear: both;
}

.menu-wrap .wmenu .type02 ul li:last-child a {
    padding-bottom: 0;
}

@media only screen and (min-width: 999px) {
    .menu-wrap .wmenu {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 50px 20px 40px 20px;
    }

    .menu-wrap .wmenu:before {
        height: 100px;
    }

    .menu-wrap .wmenu:after {
        height: 100px;
    }

    .menu-wrap .wmenu h4 {
        font-size: 44px;
        line-height: 64px;
    }

    .menu-wrap .wmenu h5 {
        font-size: 30px;
        line-height: 40px;
        padding: 0 20px;
    }

    .menu-wrap .wmenu .type01 {
        padding: 40px 0
    }

    .menu-wrap .wmenu .type01 ul {
        margin-top: 10px;
    }

    .menu-wrap .wmenu .type01 ul li a {
        padding: 30px 20px
    }

    .menu-wrap .wmenu .type01 ul .btxt {
        font-size: 30px
    }

    .menu-wrap .wmenu .type01 ul .stxt {
        font-size: 28px;
    }

    .menu-wrap .wmenu .type02 {
        padding: 40px 0
    }

    .menu-wrap .wmenu .type02 ul {
        margin-top: 10px;
    }

    .menu-wrap .wmenu .type02 ul li a {
        padding: 24px 20px
    }

    .menu-wrap .wmenu .type02 ul .btxt {
        font-size: 30px
    }

    .menu-wrap .wmenu .type02 ul .stxt {
        font-size: 28px;
    }
}

@media only screen and (max-width: 500px) {
    .menu-wrap .wmenu {
        width: calc(100% + 20px);
        margin-left: -10px;
        padding: 25px 12px 20px 12px;
    }

    .menu-wrap .wmenu:before {
        height: 50px;
    }

    .menu-wrap .wmenu:after {
        height: 50px;
    }

    .menu-wrap .wmenu h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .menu-wrap .wmenu h5 {
        font-size: 15px;
        line-height: 20px;
        background: #f9f8f8;
        padding: 10px 10px;
    }

    .menu-wrap .wmenu .type01 {
        padding: 20px 0
    }

    .menu-wrap .wmenu .type01 ul {
        margin-top: 5px;
    }

    .menu-wrap .wmenu .type01 ul li a {
        padding: 15px 10px
    }

    .menu-wrap .wmenu .type01 ul .btxt {
        font-size: 15px
    }

    .menu-wrap .wmenu .type01 ul .stxt {
        font-size: 14px;
    }

    .menu-wrap .wmenu .type02 {
        padding: 20px 0
    }

    .menu-wrap .wmenu .type02 ul {
        margin-top: 5px;
    }

    .menu-wrap .wmenu .type02 ul li a {
        padding: 12px 10px
    }

    .menu-wrap .wmenu .type02 ul .btxt {
        font-size: 15px
    }

    .menu-wrap .wmenu .type02 ul .stxt {
        font-size: 14px;
    }
}

.menu-wrap .origin {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    box-sizing: border-box;
    padding: 3vw 3vw;
    background: #F3F3F3
}

.menu-wrap .origin .insure {
    border: 1px solid #D0D0D0;
    padding: 3vw;
}

.menu-wrap .origin .insure h4 {
    font-size: 2.8vw;
    color: #222;
    letter-spacing: -0.03em;
    font-weight: 700;
    line-height: 1.3em;
}

.menu-wrap .origin .insure p {
    font-size: 2.6vw;
    color: #999;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    font-weight: 400;
    margin-top: 1.4vw;
}

.menu-wrap .origin .insure .r {
    margin-top: 2vw
}

.menu-wrap .origin .insure .more {
    font-size: 2.8vw;
    color: #999;
    letter-spacing: -0.03em;
    line-height: 1.3em;
    font-weight: 700;
}

.menu-wrap .origin .txt {
    margin-top: 2.4vw
}

.menu-wrap .origin .txt li {
    color: #999;
    font-size: 2.4vw;
    line-height: 1.3em;
    position: relative;
    padding-left: 1vw;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

.menu-wrap .origin .txt li:nth-child(n+2) {
    margin-top: 1vw;
}

.menu-wrap .origin .txt li:before {
    width: 0.4vw;
    height: 0.4vw;
    background: #999;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 1.4vw;
    display: block;
    content: ""
}

@media only screen and (min-width: 999px) {
    .menu-wrap .origin {
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 30px;
    }

    .menu-wrap .origin .insure {
        padding: 30px;
    }

    .menu-wrap .origin .insure h4 {
        font-size: 28px;
    }

    .menu-wrap .origin .insure p {
        font-size: 26px;
        margin-top: 14px;
    }

    .menu-wrap .origin .insure .r {
        margin-top: 20px
    }

    .menu-wrap .origin .insure .more {
        font-size: 28px;
    }

    .menu-wrap .origin .txt {
        margin-top: 24px
    }

    .menu-wrap .origin .txt li {
        font-size: 24px;
        padding-left: 10px;
    }

    .menu-wrap .origin .txt li:nth-child(n+2) {
        margin-top: 10px;
    }

    .menu-wrap .origin .txt li:before {
        width: 4px;
        height: 4px;
        top: 14px;
    }
}

@media only screen and (max-width: 500px) {
    .menu-wrap .origin {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 15px;
    }

    .menu-wrap .origin .insure {
        padding: 15px;
    }

    .menu-wrap .origin .insure h4 {
        font-size: 14px;
    }

    .menu-wrap .origin .insure p {
        font-size: 13px;
        margin-top: 7px;
    }

    .menu-wrap .origin .insure .r {
        margin-top: 10px
    }

    .menu-wrap .origin .insure .more {
        font-size: 14px;
    }

    .menu-wrap .origin .txt {
        margin-top: 12px
    }

    .menu-wrap .origin .txt li {
        font-size: 12px;
        padding-left: 5px;
    }

    .menu-wrap .origin .txt li:nth-child(n+2) {
        margin-top: 5px;
    }

    .menu-wrap .origin .txt li:before {
        width: 2px;
        height: 2px;
        top: 7px;
    }
}

.menu-wrap .about {
    padding: 4vw 0;
}

.menu-wrap .about h4 {
    font-size: 3vw;
    font-weight: 700;
    color: #222222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
}

.menu-wrap .about .txt {
    margin-top: 3vw;
}

.menu-wrap .about .txt p {
    font-size: 2.6vw;
    color: #222;
    line-height: 1.35em;
    letter-spacing: -0.03em;
}

.menu-wrap .about .gap33 {
    height: 6.6vw;
}

.menu-wrap .c-info01 {
    padding: 4vw 0;
}

.menu-wrap .c-info01 h4 {
    font-size: 3vw;
    font-weight: 700;
    color: #222222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    margin-bottom: 3vw;
}

.menu-wrap .c-info01 ul {
}

.menu-wrap .c-info01 li {
    position: relative;
    padding-left: 19vw
}

.menu-wrap .c-info01 li:nth-child(n+2) {
    margin-top: 1.4vw;
}

.menu-wrap .c-info01 li .btxt {
    font-size: 2.6vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.35em;
    position: absolute;
    left: 0;
    top: 0
}

.menu-wrap .c-info01 li .stxt {
    font-size: 2.6vw;
    color: #888;
    letter-spacing: -0.03em;
    line-height: 1.35em;
}

.menu-wrap .c-info01 li .stxt.mg12t {
    margin-top: 2.4vw;
}

.menu-wrap .c-info01 .gap24 {
    height: 4.8vw;
}

.menu-wrap .c-info01 table {
}

.menu-wrap .c-info01 thead th {
    font-size: 2.6vw;
    text-align: left;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.35em;
    /*padding: 1vw 0.5vw;*/
    font-weight: 400;
}

.menu-wrap .c-info01 tbody td {
    font-size: 2.6vw;
    text-align: left;
    color: #888;
    letter-spacing: -0.03em;
    line-height: 1.35em;
    padding: 1vw 0;
    width: 20%;
}

@media only screen and (min-width: 999px) {
    .menu-wrap .about {
        padding: 40px 0;
    }

    .menu-wrap .about h4 {
        font-size: 30px;
    }

    .menu-wrap .about .txt {
        margin-top: 30px;
    }

    .menu-wrap .about .txt p {
        font-size: 26px
    }

    .menu-wrap .about .gap33 {
        height: 66px;
    }

    .menu-wrap .c-info01 {
        padding: 40px 0
    }

    .menu-wrap .c-info01 ul {
    }

    .menu-wrap .c-info01 h4 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .menu-wrap .c-info01 li {
        padding-left: 190px
    }

    .menu-wrap .c-info01 li:nth-child(n+2) {
        margin-top: 14px;
    }

    .menu-wrap .c-info01 li .btxt {
        font-size: 26px;
    }

    .menu-wrap .c-info01 li .stxt {
        font-size: 26px;
    }

    .menu-wrap .c-info01 li .stxt.mg12t {
        margin-top: 24px;
    }

    .menu-wrap .c-info01 .gap24 {
        height: 48px;
    }

    .menu-wrap .c-info01 thead th {
        font-size: 26px;
        padding: 10px 0;
    }

    .menu-wrap .c-info01 tbody td {
        font-size: 26px;
        padding: 10px 0;
    }
}

@media only screen and (max-width: 500px) {
    .menu-wrap .about {
        padding: 20px 0;
    }

    .menu-wrap .about h4 {
        font-size: 15px;
    }

    .menu-wrap .about .txt {
        margin-top: 15px;
    }

    .menu-wrap .about .txt p {
        font-size: 13px
    }

    .menu-wrap .about .gap33 {
        height: 33px;
    }

    .menu-wrap .c-info01 {
        padding: 20px 0
    }

    .menu-wrap .c-info01 table {
        position: relative;
        left: -6px;
    }

    .menu-wrap .c-info01 ul {
    }

    .menu-wrap .c-info01 h4 {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .menu-wrap .c-info01 li {
        padding-left: 95px
    }

    .menu-wrap .c-info01 li:nth-child(n+2) {
        margin-top: 7px;
    }

    .menu-wrap .c-info01 li .btxt {
        font-size: 13px;
    }

    .menu-wrap .c-info01 li .stxt {
        font-size: 13px;
    }

    .menu-wrap .c-info01 li .stxt.mg12t {
        margin-top: 12px;
    }

    .menu-wrap .c-info01 .gap24 {
        height: 24px;
    }

    .menu-wrap .c-info01 thead th {
        font-size: 13px;
        padding: 5px 7px;
    }

    .menu-wrap .c-info01 tbody td {
        font-size: 13px;
        padding: 5px 7px;
    }
}

.menu-wrap .review.list .item.first {
    padding-top: 4vw;
}

.menu-wrap .review.list .info {
    padding-left: 9vw;
    position: relative;
    margin-bottom: 2.8vw;
}

.menu-wrap .review.list .info .img {
    width: 7vw;
    height: 7vw;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    border-radius: 100%;
}

.menu-wrap .review.list .info .img img {
    width: 100%;
    height: 7vw;
    object-fit: cover;
}

.menu-wrap .review.list .info .odr {
    display: inline-block;
    vertical-align: top;
    padding-right: 2.4vw;
    font-size: 2.8vw;
    color: #222;
    line-height: 1.2em;
    margin-bottom: 0.6vw;
    /* background:url(../_Img/Content/stamp-next.png) no-repeat right 54% ;background-size:1.6vw auto; */
}

.menu-wrap .review.list .info .star {
    margin-top: 0;
    height: 3vw;
    display: block;
}

.menu-wrap .review.list .info .rating-star {
    width: 15vw;
    height: 3vw;
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

.menu-wrap .review.list .info .rating-star * {
    vertical-align: top;
}

.menu-wrap .review.list .info .rtxt {
    display: inline-block;
    vertical-align: top;
    color: #999;
    font-size: 2.2vw;
    line-height: 3vw;
    letter-spacing: -0.035em;
    margin-left: 1vw;
}

.menu-wrap .review.list .info .delete {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 9vw;
    height: 5vw;
    text-align: center;
    border-radius: 5vw;
    background: #f6f6f6;
    color: #222;
    letter-spacing: -0.03em;
    font-size: 2.8vw;
    line-height: 5vw;
}

.menu-wrap .review.list .info .modify {
    position: absolute;
    right: 50px;
    bottom: 0;
    width: 9vw;
    height: 5vw;
    text-align: center;
    border-radius: 5vw;
    background: #f6f6f6;
    color: #222;
    letter-spacing: -0.03em;
    font-size: 2.8vw;
    line-height: 5vw;
}

.menu-wrap .review.list .img {
}

.menu-wrap .review.list .img img {
    width: 100%;
    height: 32vw;
    object-fit: cover;
}

.menu-wrap .review.list .img.c01 {
    overflow: hidden;
    border-radius: 1vw;
}


.menu-wrap .review.list .img.c01.vh img {
    height: 66vw;
    object-fit: cover;
}

.menu-wrap .review.list .img.c02 ul:after {
    display: block;
    content: "";
    clear: both
}

.menu-wrap .review.list .img.c02 li {
    float: left;
    width: 49%;
    border-radius: 1vw;
    overflow: hidden;
}

.menu-wrap .review.list .img.c02 li:nth-child(even) {
    float: right;
}

.menu-wrap .review.list .img.c04 ul:after {
    display: block;
    content: "";
    clear: both
}

.menu-wrap .review.list .img.c04 li {
    float: left;
    width: 49%;
    border-radius: 1vw;
    overflow: hidden;
}

.menu-wrap .review.list .img.c04 li:nth-child(even) {
    float: right;
}

.menu-wrap .review.list .img.c04 li:nth-child(n+3) {
    margin-top: 2%
}

.menu-wrap .review.list .img.mg2t {
    margin-top: 2vw;
}

@media only screen and (min-width: 999px) {
    .menu-wrap .review.list .item.first {
        padding-top: 40px;
    }

    .menu-wrap .review.list .info {
        padding-left: 90px;
        margin-bottom: 28px;
    }

    .menu-wrap .review.list .info .img {
        width: 70px;
        height: 70px;
    }

    .menu-wrap .review.list .info .img img {
        height: 70px;
    }

    .menu-wrap .review.list .info .odr {
        font-size: 28px;
        margin-bottom: 6px;
        padding-right: 24px;
        background-size: 16px auto;
    }

    .menu-wrap .review.list .info .star {
        height: 30px;
    }

    .menu-wrap .review.list .info .rating-star {
        width: 150px;
        height: 30px;
    }

    .menu-wrap .review.list .info .rtxt {
        font-size: 22px;
        line-height: 30px;
        margin-left: 10px;
    }

    .menu-wrap .review.list .info .delete {
        width: 90px;
        height: 50px;
        border-radius: 50px;
        font-size: 28px;
        line-height: 50px;
    }

    .menu-wrap .review.list .info .modify {
        width: 90px;
        height: 50px;
        border-radius: 50px;
        font-size: 28px;
        line-height: 50px;
    }

    .menu-wrap .review.list .img {
        border-radius: 10px;
    }

    .menu-wrap .review.list .img img {
        height: 320px;
    }

    .menu-wrap .review.list .img.c01.vh img {
        height: 660px
    }

    .menu-wrap .review.list .img.c02 li {
        border-radius: 10px;
    }

    .menu-wrap .review.list .img.c04 li {
        border-radius: 10px;
    }

    .menu-wrap .review.list .img.mg2t {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .menu-wrap .review.list .item.first {
        padding-top: 20px;
    }

    .menu-wrap .review.list .info {
        padding-left: 45px;
        margin-bottom: 14px;
    }

    .menu-wrap .review.list .info .img {
        width: 35px;
        height: 35px;
    }

    .menu-wrap .review.list .info .img img {
        height: 35px;
    }

    .menu-wrap .review.list .info .odr {
        font-size: 14px;
        margin-bottom: 3px;
        padding-right: 12px;
    }

    .menu-wrap .review.list .info .star {
        height: 15px;
    }

    .menu-wrap .review.list .info .rating-star {
        width: 75px;
        height: 15px;
        background-size: 8px auto;
    }

    .menu-wrap .review.list .info .rtxt {
        font-size: 11px;
        line-height: 15px;
        margin-left: 5px;
    }

    .menu-wrap .review.list .info .delete {
        width: 45px;
        height: 25px;
        border-radius: 25px;
        font-size: 14px;
        line-height: 25px;
    }

    .menu-wrap .review.list .info .modify {
        width: 45px;
        height: 25px;
        border-radius: 25px;
        font-size: 14px;
        line-height: 25px;
    }

    .menu-wrap .review.list .img {
        border-radius: 5px;
    }

    .menu-wrap .review.list .img img {
        height: 160px;
    }

    .menu-wrap .review.list .img.c01.vh img {
        height: 330px
    }

    .menu-wrap .review.list .img.c02 li {
        border-radius: 5px;
    }

    .menu-wrap .review.list .img.c04 li {
        border-radius: 5px;
    }

    .menu-wrap .review.list .img.mg2t {
        margin-top: 10px;
    }
}

.menu-wrap .review.list .txt {
    margin-top: 2vw;
}

.menu-wrap .review.list .txt p {
    font-size: 3.2vw;
    color: #222222;
    letter-spacing: -0.03em;
    line-height: 1.4em;
    word-break: keep-all;
}

.menu-wrap .review.list .eat {
    margin-top: 2vw;
    background: #F6F6F6;
    padding: 2vw 4vw;
    border-radius: 7vw;
    display: inline-block;
    vertical-align: top
}

.menu-wrap .review.list .eat .odr {
    line-height: 5vw;
    border-radius: 5vw;
    font-size: 2.6vw;
    color: #222222;
    letter-spacing: -0.035em;
    display: inline-block;
    vertical-align: top;
}

.menu-wrap .review.list .eat .star {
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    height: 5vw;
    margin-left: 1vw;
}

.menu-wrap .review.list .eat .rating-star * {
    vertical-align: top;
}

.menu-wrap .review.list .eat .rating-star {
    width: 15vw;
    height: 3vw;
    display: inline-block;
    vertical-align: top;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: relative;
}

.menu-wrap .review.list .answer {
    position: relative;
    background: #F6F6F6;
    border-radius: 2vw;
    padding: 2.4vw;
    margin-top: 5vw;
}

.menu-wrap .review.list .answer:before {
    width: 3vw;
    height: 6vw;
    top: -3vw;
    position: absolute;
    left: 0;
    display: block;
    content: "";
    background: url(../_Img/Content/anwer-arrow.jpg) no-repeat;
    background-size: 100% auto;
}

.menu-wrap .review.list .answer .btxt {
    font-size: 3.2vw;
    font-weight: 700;
    color: #222;
    line-height: 1.4em;
    letter-spacing: -0.03em;
}

.menu-wrap .review.list .answer .btxt span {
    font-size: 2.4vw;
    color: #888;
    margin-left: 1.6vw;
    font-weight: 400
}

.menu-wrap .review.list .answer .stxt {
    margin-top: 2vw;
    font-size: 3.2vw;
    color: #222;
    line-height: 1.4em;
    letter-spacing: -0.03em;
    word-break: keep-all;
}

@media only screen and (min-width: 999px) {
    .menu-wrap .review.list .txt {
        margin-top: 20px;
    }

    .menu-wrap .review.list .txt p {
        font-size: 27px;
    }

    .menu-wrap .review.list .eat {
        margin-top: 20px;
        border-radius: 50px;
        padding: 16px 30px;
    }

    .menu-wrap .review.list .eat .odr {
        line-height: 50px;
        font-size: 26px;
    }

    .menu-wrap .review.list .eat .star {
        height: 50px;
        margin-left: 10px;
    }

    .menu-wrap .review.list .eat .rating-star {
        width: 150px;
        height: 30px;
    }

    .menu-wrap .review.list .answer {
        border-radius: 20px;
        padding: 24px;
        margin-top: 50px;
    }

    .menu-wrap .review.list .answer:before {
        width: 30px;
        height: 60px;
        top: -30px;
    }

    .menu-wrap .review.list .answer .btxt {
        font-size: 32px;
    }

    .menu-wrap .review.list .answer .btxt span {
        font-size: 24px;
        margin-left: 16px
    }

    .menu-wrap .review.list .answer .stxt {
        font-size: 32px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .menu-wrap .review.list .txt {
        margin-top: 10px;
    }

    .menu-wrap .review.list .txt p {
        font-size: 16px;
    }

    .menu-wrap .review.list .eat {
        margin-top: 10px;
        border-radius: 31px;
        padding: 7px 26px;
    }

    .menu-wrap .review.list .eat .odr {
        line-height: 25px;
        font-size: 13px;
    }

    .menu-wrap .review.list .eat .star {
        height: 25px;
        margin-left: 5px;
    }

    .menu-wrap .review.list .eat .rating-star {
        width: 75px;
        height: 15px;
    }

    .menu-wrap .review.list .answer {
        border-radius: 10px;
        padding: 12px;
        margin-top: 25px;
    }

    .menu-wrap .review.list .answer:before {
        width: 15px;
        height: 30px;
        top: -15px;
    }

    .menu-wrap .review.list .answer .btxt {
        font-size: 16px;
    }

    .menu-wrap .review.list .answer .btxt span {
        font-size: 12px;
        margin-left: 8px
    }

    .menu-wrap .review.list .answer .stxt {
        font-size: 16px;
        margin-top: 5px;
    }
}

.menu-wrap .review.list .tits {
    position: relative;
    padding: 4vw 0;
}

.menu-wrap .review.list .tits h3 {
    font-size: 4vw;
    color: #222;
    line-height: 6vw;
    font-weight: 400;
    letter-spacing: -0.03em;
}

.menu-wrap .review.list .tits p {
    font-size: 2.2vw;
    color: #222;
    line-height: 2.4vw;
    letter-spacing: -0.03em;
    display: inline-block;
    vertical-align: top;
}

.menu-wrap .review.list .tits .review-btn {
    position: absolute;
    right: 0;
    top: 50%;
    width: 17.6vw;
    height: 9vw;
    line-height: 8.8vw;
    border: 1px solid #DEDFDE;
    border-radius: 9vw;
    text-align: center;
    font-size: 2.6vw;
    color: #2D2D2D;
    letter-spacing: -0.03em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-wrap .review.list .sec-filter {
    padding-bottom: 4vw;
    position: relative;
}

.menu-wrap .review.list .sec-filter ul {
    position: absolute;
    right: 0;
    top: 0
}

.menu-wrap .review.list .sec-filter ul:after {
    display: block;
    content: "";
    clear: both
}

.menu-wrap .review.list .sec-filter li {
    float: left;
}

.menu-wrap .review.list .sec-filter li:nth-child(n+2) {
    margin-left: 2vw;
}

.menu-wrap .review.list .sec-filter li a {
    line-height: 4.8vw;
    font-size: 2.6vw;
    color: #888888;
    letter-spacing: -0.03em;
}

.menu-wrap .review.list .sec-filter li.active a {
    font-weight: 700;
    color: #222;
}

.menu-wrap .review.list .help {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 2.4vw;
    margin-left: 1.4vw;
    height: 2.4vw;
}

.menu-wrap .review.list .help:after {
    position: absolute;
    right: 0;
    top: 50%;
    width: 2.4vw;
    height: 2.4vw;
    border: 1px solid #222;
    font-size: 2vw;
    border-radius: 100%;
    color: #222;
    line-height: 2.2vw;
    display: block;
    content: "?";
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-wrap .review.list .sgap {
    height: 10vw
}

.menu-wrap .review.list .graph {
    padding: 4.8vw 0
}

.menu-wrap .review.list .graph .sample img {
    width: 100%;
}

.menu-wrap .review.list .ceoment {
    padding: 4vw 0 0 0
}

.menu-wrap .review.list .ceoment h4 {
    font-size: 3vw;
    font-weight: 700;
    color: #222222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    margin-bottom: 3vw;
    position: relative;
}

.menu-wrap .review.list .ceoment h4 span {
    color: #9A9A9A;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2.2vw;
    font-weight: 400;
}

.menu-wrap .review.list .ceoment .txt {
}

.menu-wrap .review.list .ceoment .txt p {
    font-size: 2.6vw;
    color: #222;
    line-height: 1.35em;
    letter-spacing: -0.03em;
}

.menu-wrap .review.list .ceoment .more {
    margin-top: 3vw;
    display: block;
    height: 6vw;
    background: url(../_Img/Sub/select-arrow.png) no-repeat center center;
    background-size: 2.4vw auto;
}

.menu-wrap .review.list .ceoment .img {
    margin-bottom: 2.2vw;
    border-radius: 1vw;
    overflow: hidden;
}

.menu-wrap .review.list .ceoment .img img {
    width: 100%;
    height: 29vw;
    object-fit: cover;
}

@media only screen and (min-width: 999px) {
    .menu-wrap .review.list .tits {
        padding: 40px 0;
    }

    .menu-wrap .review.list .tits h3 {
        font-size: 40px;
        line-height: 60px;
    }

    .menu-wrap .review.list .tits p {
        font-size: 22px;
        line-height: 24px;
    }

    .menu-wrap .review.list .tits .review-btn {
        width: 176px;
        height: 90px;
        line-height: 88px;
        border-radius: 90px;
        font-size: 26px;
    }

    .menu-wrap .review.list .sec-filter {
        padding-bottom: 40px
    }

    .menu-wrap .review.list .sec-filter li:nth-child(n+2) {
        margin-left: 20px;
    }

    .menu-wrap .review.list .sec-filter li a {
        line-height: 48px;
        font-size: 26px;
    }

    .menu-wrap .review.list .help {
        width: 24px;
        height: 24px;
        margin-left: 14px;
    }

    .menu-wrap .review.list .help:after {
        width: 24px;
        height: 24px;
        font-size: 20px;
        line-height: 22px;
    }

    .menu-wrap .review.list .sgap {
        height: 100px;
    }

    .menu-wrap .review.list .graph {
        padding: 48px 0
    }

    .menu-wrap .review.list .ceoment {
        padding: 40px 0 0 0
    }

    .menu-wrap .review.list .ceoment h4 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .menu-wrap .review.list .ceoment h4 span {
        font-size: 22px;
    }

    .menu-wrap .review.list .ceoment .txt {
    }

    .menu-wrap .review.list .ceoment .txt p {
        font-size: 26px;
    }

    .menu-wrap .review.list .ceoment .more {
        margin-top: 30px;
        height: 60px;
        background-size: 24px auto;
    }

    .menu-wrap .review.list .ceoment .img {
        margin-bottom: 22px;
        border-radius: 10px;
    }

    .menu-wrap .review.list .ceoment .img img {
        height: 290px;
    }
}

@media only screen and (max-width: 500px) {
    .menu-wrap .review.list .tits {
        padding: 20px 0;
    }

    .menu-wrap .review.list .tits h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .menu-wrap .review.list .tits p {
        font-size: 11px;
        line-height: 12px
    }

    .menu-wrap .review.list .tits .review-btn {
        width: 88px;
        height: 45px;
        line-height: 44px;
        border-radius: 45px;
        font-size: 13px;
    }

    .menu-wrap .review.list .sec-filter {
        padding-bottom: 20px
    }

    .menu-wrap .review.list .sec-filter li:nth-child(n+2) {
        margin-left: 10px;
    }

    .menu-wrap .review.list .sec-filter li a {
        line-height: 24px;
        font-size: 13px;
    }

    .menu-wrap .review.list .help {
        width: 12px;
        height: 12px;
        margin-left: 7px;
    }

    .menu-wrap .review.list .help:after {
        width: 12px;
        height: 12px;
        font-size: 10px;
        line-height: 11px;
    }

    .menu-wrap .review.list .sgap {
        height: 50px;
    }

    .menu-wrap .review.list .graph {
        padding: 24px 0
    }

    .menu-wrap .review.list .ceoment {
        padding: 20px 0 0 0
    }

    .menu-wrap .review.list .ceoment h4 {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .menu-wrap .review.list .ceoment h4 span {
        font-size: 11px;
    }

    .menu-wrap .review.list .ceoment .txt {
    }

    .menu-wrap .review.list .ceoment .txt p {
        font-size: 13px;
    }

    .menu-wrap .review.list .ceoment .more {
        margin-top: 15px;
        height: 30px;
        background-size: 12px auto;
    }

    .menu-wrap .review.list .ceoment .img {
        margin-bottom: 11px;
        border-radius: 5px;
    }

    .menu-wrap .review.list .ceoment .img img {
        height: 145px;
    }
}


/*===========================================
  review-wrap
=============================================*/

.review-wrap {
    padding: 0 10px;
}

.review-wrap .write {
    padding-top: 9vw;
    padding-bottom: 5vw;
}

.review-wrap .write.no-pad {
    padding-top: 2vw;
}

.review-wrap .write h3 {
    font-size: 5.6vw;
    font-weight: 400;
    color: #222;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: -0.03em;
}

.review-wrap .write .stit {
    margin-top: 2vw;
    font-size: 3vw;
    color: #222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    font-weight: 400;
    text-align: center;
}

.review-wrap .write .star {
    margin: 0 auto;
    margin-top: 4vw;
    width: 36vw;
    height: 8vw;
}

.review-wrap .write .star .rating-star {
    width: 36vw;
    height: 8vw;
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

.review-wrap .write .star .rating-star * {
    vertical-align: top;
}

.review-wrap .write .chk-input {
    margin-top: 6vw;
    width: 100%
}

.review-wrap .write .chk-input.stance {
    margin-top: 3vw;
}

.review-wrap .write .chk-input textarea {
    height: 29.2vw;
    background: #F6F6F6;
    border: none;
    width: 100%;
    box-sizing: border-box;
    resize: none;
    padding: 2.4vw;
    font-size: 2.8vw;
    color: #222;
    line-height: 1.5em;
    letter-spacing: -0.03em;;
}

.review-wrap .write .field {
    margin-top: 2.4vw;
}

.review-wrap .write .chk-check {
    margin-top: 3.6vw;
}

.review-wrap .write .chk-check input[type="checkbox"] + label {
    color: #D5D5D5;
    font-size: 2.6vw;
}

.review-wrap .write .chk-check input[type="checkbox"]:checked + label {
    color: #D5D5D5;
}

.review-wrap .write ul {
}

.review-wrap .write ul:after {
    display: block;
    content: "";
    clear: both;
}

.review-wrap .write ul li {
    float: left;
}

.review-wrap .write ul li:nth-child(n+2) {
    margin-left: 2vw
}

.review-wrap .write .ex {
    margin-top: 1vw;
    font-size: 2.2vw;
    color: #222222;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

@media only screen and (min-width: 999px) {
    .review-wrap .write {
        padding-top: 90px;
        padding-bottom: 50px;
    }

    .review-wrap .write.no-pad {
        padding-top: 20px;
    }

    .review-wrap .write h3 {
        font-size: 56px
    }

    .review-wrap .write .stit {
        margin-top: 20px;
        font-size: 30px
    }

    .review-wrap .write .star {
        margin-top: 40px;
        width: 360px;
        height: 80px;
    }

    .review-wrap .write .star .rating-star {
        width: 360px;
        height: 80px;
    }

    .review-wrap .write .chk-input {
        margin-top: 60px;
    }

    .review-wrap .write .chk-input.stance {
        margin-top: 30px;
    }

    .review-wrap .write .chk-input textarea {
        height: 292px;
        font-size: 28px;
        padding: 24px;
    }

    .review-wrap .write .field {
        margin-top: 24px;
    }

    .review-wrap .write .chk-check {
        margin-top: 36px;
    }

    .review-wrap .write .chk-check input[type="checkbox"] + label {
        font-size: 26px;
    }

    .review-wrap .write ul li:nth-child(n+2) {
        margin-left: 20px
    }

    .review-wrap .write .ex {
        margin-top: 10px;
        font-size: 22px;
    }
}

@media only screen and (max-width: 500px) {
    .review-wrap .write {
        padding-top: 45px;
        padding-bottom: 25px;
    }

    .review-wrap .write.no-pad {
        padding-top: 10px;
    }

    .review-wrap .write h3 {
        font-size: 28px
    }

    .review-wrap .write .stit {
        margin-top: 10px;
        font-size: 15px
    }

    .review-wrap .write .star {
        margin-top: 20px;
        width: 180px;
        height: 40px;
    }

    .review-wrap .write .star .rating-star {
        width: 180px;
        height: 40px;
    }

    .review-wrap .write .chk-input {
        margin-top: 30px;
    }

    .review-wrap .write .chk-input.stance {
        margin-top: 15px;
    }

    .review-wrap .write .chk-input textarea {
        height: 146px;
        font-size: 14px;
        padding: 12px;
    }

    .review-wrap .write .field {
        margin-top: 12px;
    }

    .review-wrap .write .chk-check {
        margin-top: 0px;
    }

    .review-wrap .write .chk-check input[type="checkbox"] + label {
        font-size: 13px;
    }

    .review-wrap .write ul li:nth-child(n+2) {
        margin-left: 10px
    }

    .review-wrap .write .ex {
        margin-top: 5px;
        font-size: 11px;
    }
}

.review-wrap .write dl {
    font-size: 0;
}

.review-wrap .write dl:nth-child(n+2) {
    margin-top: 4vw;
}

.review-wrap .write dl dt {
    display: block;
    font-size: 4vw;
    color: #1C1C1C;
    line-height: 1.2em;
    margin-bottom: 1vw;
    letter-spacing: -0.03em;
}

.review-wrap .write dl dd {
    display: inline-block;
    vertical-align: top;
    margin-top: 2vw;
}

.review-wrap .write dl dd:nth-child(n+2) {
    margin-right: 2vw;
}

.review-wrap .write dl dd a {
    border: 1px solid #ddd;
    border-radius: 0.8vw;
    display: block;
    padding: 0 1vw;
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    color: #555;
    line-height: 6.4vw;
    height: 6.6vw;
    box-sizing: border-box;
}

.review-wrap .write dl dd a.delicious {
    color: #6295E6;
}

.review-wrap .write dl dd a.benot {
    color: #E95C5C;
}

.review-wrap .write dl dd a.ordinary {
    color: #E95C5C
}

.review-wrap .write dl dd.active a.delicious {
    background: #6295E6;
    color: #fff;
    border-color: #6295E6
}

.review-wrap .write dl dd.active a.benot {
    background: #E95C5C;
    color: #fff;
    border-color: #E95C5C
}

.review-wrap .write dl dd.active a.ordinary {
    background: #E95C5C;
    color: #fff;
    border-color: #E95C5C
}

@media only screen and (min-width: 999px) {
    .review-wrap .write dl {
    }

    .review-wrap .write dl:nth-child(n+2) {
        margin-top: 40px;
    }

    .review-wrap .write dl dt {
        font-size: 40px;
        margin-bottom: 10px
    }

    .review-wrap .write dl dd:nth-child(n+2) {
        margin-right: 20px;
    }

    .review-wrap .write dl dd {
        margin-top: 20px;
    }

    .review-wrap .write dl dd a {
        border-radius: 8px;
        padding: 0 10px;
        font-size: 28px;
        line-height: 64px;
        height: 66px;
    }
}

@media only screen and (max-width: 500px) {
    .review-wrap .write dl {
    }

    .review-wrap .write dl:nth-child(n+2) {
        margin-top: 20px;
    }

    .review-wrap .write dl dt {
        font-size: 20px;
        margin-bottom: 5px
    }

    .review-wrap .write dl dd:nth-child(n+2) {
        margin-right: 10px;
    }

    .review-wrap .write dl dd {
        margin-top: 10px;
    }

    .review-wrap .write dl dd a {
        border-radius: 4px;
        padding: 0 5px;
        font-size: 14px;
        line-height: 32px;
        height: 33px;
    }
}

.review-wrap .appr {
    padding: 6vw 0
}

.review-wrap .appr h3 {
    font-size: 3vw;
    color: #222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    font-weight: 700;
    text-align: center;
}

.review-wrap .appr ul {
    margin-top: 7vw;
}

.review-wrap .appr li {
}

.review-wrap .appr li:nth-child(n+2) {
    margin-top: 4vw;
}

.review-wrap .appr li .btxt {
    font-size: 3vw;
    color: #222;
    line-height: 1.2em;
    letter-spacing: -0.03em;
    margin-bottom: 4vw;
}

.review-wrap .appr li .star {
    display: inline-block;
    vertical-align: top;
    width: 22vw;
    height: 6vw;
}

.review-wrap .appr li .star .rating-star {
    width: 22vw;
    height: 6vw;
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

.review-wrap .appr li .star .rating-star * {
    vertical-align: top;
}

.review-wrap .appr li .chk-input {
    width: 100%;
}

.review-wrap .appr li .chk-input input {
    background: #F6F6F6;
    border: none
}

.review-wrap .appr dl {
    font-size: 0;
}

.review-wrap .appr dl:nth-child(n+2) {
    margin-top: 4vw;
}

.review-wrap .appr dl dt {
    display: block;
    font-size: 3vw;
    color: #1C1C1C;
    line-height: 1.2em;
    margin-bottom: 2vw;
    letter-spacing: -0.03em;
}

.review-wrap .appr dl dd {
    display: inline-block;
    vertical-align: top;
}

.review-wrap .appr dl dd:nth-child(n+2) {
    margin-right: 2vw;
}

.review-wrap .appr dl dd a {
    border: 1px solid #ddd;
    border-radius: 0.8vw;
    display: block;
    padding: 0 1vw;
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    color: #555;
    line-height: 6.4vw;
    height: 6.6vw;
    box-sizing: border-box;
}

.review-wrap .appr dl dd a.delicious {
    color: #6295E6;
}

.review-wrap .appr dl dd a.benot {
    color: #E95C5C;
}

.review-wrap .appr dl dd a.ordinary {
    color: #E95C5C
}

.review-wrap .appr dl dd.active a.delicious {
    background: #6295E6;
    color: #fff;
    border-color: #6295E6
}

.review-wrap .appr dl dd.active a.benot {
    background: #E95C5C;
    color: #fff;
    border-color: #E95C5C
}

.review-wrap .appr dl dd.active a.ordinary {
    background: #E95C5C;
    color: #fff;
    border-color: #E95C5C
}

@media only screen and (min-width: 999px) {
    .review-wrap .appr {
        padding: 60px 0
    }

    .review-wrap .appr h3 {
        font-size: 30px
    }

    .review-wrap .appr ul {
        margin-top: 70px;
    }

    .review-wrap .appr li {
    }

    .review-wrap .appr li:nth-child(n+2) {
        margin-top: 40px;
    }

    .review-wrap .appr li .btxt {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .review-wrap .appr li .star {
        width: 220px;
        height: 60px;
    }

    .review-wrap .appr li .star .rating-star {
        width: 220px;
        height: 60px;
    }

    .review-wrap .appr dl:nth-child(n+2) {
        margin-top: 40px;
    }

    .review-wrap .appr dl dt {
        font-size: 30px;
        margin-bottom: 20px
    }

    .review-wrap .appr dl dd:nth-child(n+2) {
        margin-right: 20px;
    }

    .review-wrap .appr dl dd a {
        border-radius: 8px;
        padding: 0 10px;
        font-size: 28px;
        line-height: 64px;
        height: 66px;
    }
}

@media only screen and (max-width: 500px) {
    .review-wrap .appr {
        padding: 30px 0
    }

    .review-wrap .appr h3 {
        font-size: 15px
    }

    .review-wrap .appr ul {
        margin-top: 35px;
    }

    .review-wrap .appr li {
    }

    .review-wrap .appr li:nth-child(n+2) {
        margin-top: 20px;
    }

    .review-wrap .appr li .btxt {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .review-wrap .appr li .star {
        width: 110px;
        height: 30px;
    }

    .review-wrap .appr li .star .rating-star {
        width: 110px;
        height: 30px;
    }

    .review-wrap .appr dl:nth-child(n+2) {
        margin-top: 20px;
    }

    .review-wrap .appr dl dt {
        font-size: 15px;
        margin-bottom: 10px
    }

    .review-wrap .appr dl dd:nth-child(n+2) {
        margin-right: 10px;
    }

    .review-wrap .appr dl dd a {
        border-radius: 4px;
        padding: 0 5px;
        font-size: 14px;
        line-height: 32px;
        height: 33px;
    }
}

.review-wrap .upload-photo {
}

.review-wrap .upload-photo.hides .delete-file {
    display: none;
}

.review-wrap .upload-photo input[type="file"] {
    display: none
}

.review-wrap .upload-photo .show .delete-file {
    display: block;
}

.review-wrap .upload-photo .delete-file {
    display: none;
    position: Absolute;
    cursor: pointer;
    border: none;
    width: 4vw;
    height: 4vw;
    right: 0;
    top: 0;
    background: url(../_Img/Sub/photo-delete.png) no-repeat center center rgba(0, 0, 0, 0.95);
    background-size: 40% auto;
    -webkit-transition: background 0s ease-out;
    -moz-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
}

.review-wrap .upload-photo label {
    width: 14vw;
    height: 12.4vw;
    display: block;
    background: url(../_Img/Sub/ico-photo02.png) no-repeat center 34%;
    padding-top: 9vw;
    box-sizing: border-box;
    background-size: 40% auto;
    z-index: -1;
    font-size: 2.6vw;
    letter-spacing: -0.03em;
    color: #222;
    text-align: center;
}

.review-wrap .upload-photo .add-file.show ~ label:after,
.review-wrap .upload-photo .add-file.show ~ label {
    display: none
}

.review-wrap .upload-photo .add-file {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 1vw;
    overflow: hidden;
    height: 13.5vw;
    width: 13.5vw;
    margin-right: 1vw;
    display: inline-block;
}

.review-wrap .upload-photo .add-file.show {
    display: inline-block;
    vertical-align: top;
}

.review-wrap .upload-photo .add-file img {
    width: 100%;
    height: 14.4vw;
    object-fit: cover;
}

.review-wrap .upload-photo.active label {
    display: none;
}

@media only screen and (min-width: 999px) {
    .review-wrap .upload-photo {
    }

    .review-wrap .show .delete-file {
        width: 40px;
        height: 40px;
    }

    .review-wrap .upload-photo label {
        width: 125px;
        height: 125px;
        font-size: 26px;
        padding-top: 90px;
    }

    .review-wrap .upload-photo .add-file {
        display: inline-block;
        height: 18%;
        width: 8rem;
        border-radius: 10px;
        margin-right: 10px
    }

    .review-wrap .upload-photo .add-file:nth-child(5) {
        margin-right: 0px
    }

    .review-wrap .upload-photo .add-file.show {
        display: inline-block;
        height: 125px;
        width: 125px;
        margin-right: 10px
    }

    .review-wrap .upload-photo .add-file.show:nth-child(5) {
        margin-right: 0px
    }

    .review-wrap .upload-photo .add-file img {
        height: 144px;
    }

    .review-wrap .upload-photo .delete-file {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .review-wrap .upload-photo {
    }

    .review-wrap .upload-photo label {
        width: 63px;
        height: 72px;
        font-size: 13px;
        padding-top: 45px;
    }

    .review-wrap .upload-photo .add-file:nth-child(5) {
        margin-right: 0px
    }

    .review-wrap .upload-photo .add-file.show:nth-child(6) {
        margin-right: 0px
    }

    .review-wrap .upload-photo .add-file {
        height: 75px;
        width: 62px;
        margin-right: 5px;
        border-radius: 5px;
    }

    .review-wrap .upload-photo .add-file img {
        height: 72px;
    }

    .review-wrap .upload-photo .delete-file {
        width: 20px;
        height: 20px;
    }
}


/*=======================================================
    .order-wrap
=========================================================*/

.order-wrap {
    position: relative;
}

.order-wrap.belogin:after {
    display: none;
}

.order-wrap:after {
    width: calc(100% + 6vw);
    background: #f3f3f3;
    margin-left: -3vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    z-index: -1;
    box-sizing: Border-box;
}

.order-wrap .item {
    position: relative;
    padding: 4vw 3vw;
    background: #fff;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    box-sizing: border-box;
}

.order-wrap .item h4 {
    font-size: 3.2vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.2em;
    margin-bottom: 2.4vw;
}

.order-wrap .item.agrees {
    position: relative;
    width: calc(100% + 6vw);
    margin-left: -3vw;
    box-sizing: border-box;
    padding: 0 3vw;
    background: #f3f3f3
}

.order-wrap .item.agrees ul {
}

.order-wrap .item.agrees li {
    position: relative;
}

.order-wrap .item.agrees li:after {
    width: calc(100% + 6vw);
    margin-left: -3vw;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #ddd;
}

.order-wrap .item.agrees li a {
    display: block;
    color: #999999;
    font-size: 2.8vw;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 9.6vw;
    position: relative;
}

.order-wrap .item.agrees li a:after {
    width: 4vw;
    height: 3vw;
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../_Img/Sub/select-arrow.png) no-repeat center center;
    background-size: 2.6vw auto;
    display: block;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.order-wrap .item.agrees .alls {
    margin-top: 4.8vw;
    text-align: center;
}

.order-wrap .item.other {
    padding: 0;
    margin-top: 3vw;
    background: none;
    text-align: center;
}

.order-wrap .item.other .ex {
    text-align: center;
    color: #999999;
    font-size: 2.8vw;
    line-height: 1.2em;
    font-weight: 400;
    letter-spacing: -0.03em;
    text-align: center;
}

.order-wrap .item.other .chk-check input[type="checkbox"] + label:after {
    background: url(../_Img/Sub/check-on.png) no-repeat center center #ddd;
}

.order-wrap .item.other .chk-check input[type="checkbox"]:checked + label:after {
    background: url(../_Img/Sub/check-on.png) no-repeat center center #5190F1;
    border-color: #5190F1;
}

.order-wrap .lower {
}

.order-wrap .lower .fix {
    /*padding: 3vw 3vw 3vw 3vw; 20 8 25 wlans*/
    background: none;
}

.order-wrap .lower a {
    padding: 2.6vw 0;
    text-align: center;
    border-radius: 0.8vw;
    font-weight: 700;
    color: #fff;
    font-size: 3.2vw;
    display: block;
    background: #4F90EF;
    position: relative;
}

.scontainer.mexi .order-wrap .lower a {
    background: #1c355e;
}

.scontainer.mexi .order-wrap .lower .disable {
    background: #ddd;
}


.order-wrap .lower a span {
    display: inline-block;
    vertical-align: top;
    line-height: 4.8vw;
}

.order-wrap .lower a i {
    display: inline-block;
    vertical-align: top;
    width: 4.8vw;
    margin-right: 1.4vw;
    line-height: 4.8vw;
    height: 4.8vw;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 3.2vw;
    color: #4F90EF
}

.order-wrap .lower .disable {
    background: #ddd;
}

.order-wrap .item.corona {
    padding: 0 3vw 3vw 3vw;
}

.order-wrap .item.corona #disabled_coupon_use p {
    font-size: 28px;
    padding-left: 14px;
}

.order-wrap .item.corona .hidden {
    display: none;
}

/*do_order style default */
#payment_list .payment-wrap {padding:15px; position: relative; opacity: 1; overflow: hidden; background: #fff; max-width: 750px; margin: 0 auto; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out}
#payment_list .payment-wrap .list h4 {font-size: 2rem; margin-bottom: 1rem}
#payment_list .payment-wrap .list ul {margin-top: 2rem; margin-bottom: 2rem}
#payment_list .payment-wrap .list .online-pay {margin-top: 4rem}
#payment_list .payment-wrap .list .offline-pay {margin-top: 4rem}
#payment_list .payment-wrap .list .offline-pay .red {color: #FF0000}
#payment_list .payment-wrap .list .bd-line {margin-top: 1rem}

#do_order .cerfity-btn {
    background-color: #fff;
}

#do_order #btn_auth_ok {
    background-color: #eaeaea;
}

#do_order .pay_btn {
    position: inherit !important;
    height: 5rem;
}

#do_order .phone-info {
    font-size: 13px !important;
    font-weight: normal !important;
}

#do_order .bdrd-sub-login {
    font-size: 14px !important;
    margin-right: 1rem !important;
}

#do_order .subtxt.time {
    margin-top: 5px;
    color: #5190f0;
}

.giftcard {
    width: 33px;
    display: inline-block;
    height: 33px;
    background: url(../_Img/Content/zerodelivery.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    left: 7px;
    top: 5px;
}

.giftcardcaution {
    font-size: 11px;
    color: #ff3a3a;
}

@media only screen and (min-width: 999px) {
    .order-wrap:after {
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 0 30px;
    }

    .order-wrap .item {
        padding: 40px 30px;
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .order-wrap .item h4 {
        font-size: 32px;
        margin-bottom: 24px;
    }

    .order-wrap .item.agrees {
        width: calc(100% + 60px);
        margin-left: -30px;
        padding: 0 30px;
    }

    .order-wrap .item.agrees li:after {
        width: calc(100% + 60px);
        margin-left: -30px
    }

    .order-wrap .item.agrees li a {
        font-size: 28px;
        line-height: 96px
    }

    .order-wrap .item.agrees li a:after {
        width: 40px;
        height: 30px;
        background-size: 26px auto;
    }

    .order-wrap .item.agrees .alls {
        margin-top: 48px
    }

    .order-wrap .item.other {
        margin-top: 30px;
    }

    .order-wrap .item.other .ex {
        font-size: 28px
    }

    .order-wrap .lower .fix {
        padding: 30px 30px 30px 30px;
    }

    .order-wrap .lower a {
        border-radius: 8px;
        font-size: 32px;
        padding: 26px 0
    }

    .order-wrap .lower a span {
        line-height: 48px;
    }

    .order-wrap .lower a i {
        width: 48px;
        height: 48px;
        font-size: 32px;
        line-height: 48px;
        margin-right: 14px;
    }

    /*do_order style 999 */
    #payment_list .payment-wrap .list h4 {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    #payment_list .payment-wrap .list ul {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #payment_list .payment-wrap .list .online-pay {
        margin-top: 5rem;
    }

    #payment_list .payment-wrap .list .offline-pay {
        margin-top: 5rem;
    }

    #payment_list .payment-wrap .list .offline-pay .red {
        color: #FF0000;
    }

    #payment_list .payment-wrap .list .bd-line {
        margin-top: 1rem;
    }

    #do_order .cerfity-btn {
        background-color: #fff;
    }

    #do_order #btn_auth_ok {
        background-color: #eaeaea;
    }

    #do_order .pay_btn {
        position: inherit !important;
        height: 5rem;
    }

    #do_order .phone-info {
        font-size: 13px !important;
        font-weight: normal !important;
    }

    #do_order .bdrd-sub-login {
        font-size: 14px !important;
        margin-right: 1rem !important;
    }

    #do_order .subtxt.time {
        margin-top: 5px;
        color: #5190f0;
    }

    #member_coupon_list dl dt.note_title {font-size: 15px}
    #member_coupon_list dl dt.note_contents {font-size: 13px; margin-top: 3px}

    #member_coupon_list .thumb-img {
        border-radius: 15px;
    }

    .giftcard {
        width: 33px;
        display: inline-block;
        height: 22px;
        background: url(../_Img/Content/zerodelivery.png) no-repeat center center;
        background-size: 100%;
        position: relative;
        left: 7px;
        top: 5px;
    }

}

@media only screen and (max-width: 500px) {
    .order-wrap:after {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 0 15px;
    }

    .order-wrap .item {
        padding: 20px 15px;
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .order-wrap .item h4 {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .order-wrap .item.agrees {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 0 15px;
    }

    .order-wrap .item.agrees li:after {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .order-wrap .item.agrees li a {
        font-size: 14px;
        line-height: 48px;
    }

    .order-wrap .item.agrees li a:after {
        width: 20px;
        height: 15px;
        background-size: 8px auto;
    }

    .order-wrap .item.agrees .alls {
        margin-top: 24px
    }

    .order-wrap .item.other {
        margin-top: 15px;
    }

    .order-wrap .item.other .ex {
        font-size: 14px
    }

    .order-wrap .lower .fix {
        /*padding: 15px 15px 15px 15px; 20 8  25 wlans*/
    }

    .order-wrap .lower a {
        border-radius: 4px;
        font-size: 16px;
        padding: 13px 0
    }

    .order-wrap .lower a span {
        line-height: 24px;
    }

    .order-wrap .lower a i {
        width: 24px;
        height: 24px;
        font-size: 16px;
        line-height: 24px;
        margin-right: 7px;
    }

    .order-wrap .item.corona {
        padding: 0 15px 15px 15px;
    }

    .order-wrap .item.corona .hidden {
        display: none;
    }

    .order-wrap .item.means .txt #payment_nm {
    }

    /* do_order style 500 */
    #payment_list .payment-wrap .list h4 {
        font-size: 1.12rem;
        margin-bottom: 0.4rem;
    }

    #payment_list .payment-wrap .list ul {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #payment_list .payment-wrap .list .online-pay {
        margin-top: 2rem;
    }

    #payment_list .payment-wrap .list .offline-pay {
        margin-top: 2rem;
    }

    #payment_list .payment-wrap .list .offline-pay .red {
        color: #FF0000;
    }

    #payment_list .payment-wrap .list .bd-line {
        margin-top: 1rem;
    }

    #do_order .cerfity-btn {
        background-color: #fff;
    }

    #do_order #btn_auth_ok {
        background-color: #eaeaea;
    }

    #do_order .pay_btn {
        position: inherit !important;
        height: 5rem;
    }

    #do_order .phone-info {
        font-size: 13px !important;
        font-weight: normal !important;
    }

    #do_order .bdrd-sub-login {
        font-size: 14px !important;
        margin-right: 1rem !important;
    }

    #do_order .subtxt.time {
        margin-top: 5px;
        color: #5190f0;
    }

    #member_coupon_list dl dt.note_title {font-size: 12px}
    #member_coupon_list dl dt.note_contents {font-size: 11px}

    #member_coupon_list .thumb-img {
        border-radius: 15px;
    }

}

.order-wrap .item.means {
}

.order-wrap .item.means .txt {
    position: relative;
}

.order-wrap .item.means p {
    font-size: 3.5vw;
    letter-spacing: -0.03em;

    line-height: 1.4em;
    position: relative;
    color: #5190f0;
    font-weight: bold;
}

.order-wrap .item.means a {
    padding: 0 2vw;
    position: absolute;
    right: 0;
    top: 50%;
    background: #F7F7F7;
    /*width: 7.6vw;*/
    line-height: 4vw;
    border-radius: 1vw;
    text-align: center;
    font-size: 2.2vw;
    letter-spacing: -0.03em;
    color: #222;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


.order-wrap .item.corona p {
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    color: #C01919;
    line-height: 1.4em;
    position: relative;
    padding-left: 1.4vw;
    word-break: keep-all;
}

.order-wrap .item.corona .hidden {
    display: none;
}

.order-wrap .item.corona p:before {
    width: 0.4vw;
    height: 0.4vw;
    background: #C01919;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 1.6vw;
    display: block;
    content: ""
}

.order-wrap .item.sale {
}

.order-wrap .item.sale.belogin {
    padding: 0 3vw;
}

.order-wrap .item.sale.belogin h4 {
    color: #ccc;
    line-height: 10.8vw;
    font-size: 3.2vw;
    font-weight: 400;
    margin-bottom: 0
}

.order-wrap .item.sale .btxt {
    font-size: 3.2vw;
    letter-spacing: -0.03em;
    color: #222;
    line-height: 3vw;
    font-weight: 400;
}

.order-wrap .item.sale .stxt {
    position: absolute;
    right: 3vw;
    top: 4vw;
    background: url(../_Img/Content/my-more.png) no-repeat right 52%;
    background-size: 1.2vw auto;
    padding-right: 2.4vw;
    font-size: 2.4vw;
    letter-spacing: -0.03em;
    color: #222;
    line-height: 3vw;
    font-weight: 400;
}

.order-wrap .item.sale .txt {
    position: Relative;
    padding: 2.4vw 0;
}

.order-wrap .item.sale .ztxt {
    font-size: 2.2vw;
    letter-spacing: -0.03em;
    color: #222;
    line-height: 3vw;
    font-weight: 400;
}

.order-wrap .item.sale .login-btn {
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 3vw;
    color: #5190F0;
    font-weight: 400;
    font-size: 2.2vw;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.order-wrap .item.payment {
}

.order-wrap .item.payment ul {
    padding-top: 2vw
}

.order-wrap .item.payment li {
    position: relative;
    text-align: right;
}

.order-wrap .item.payment li.gray p {
    color: #999999;
}

.order-wrap .item.payment li:nth-child(n+2) {
    margin-top: 3vw;
}

.order-wrap .item.payment .btxt {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    color: #222;
    line-height: 4vw;
    font-weight: 400;
}

.order-wrap .item.payment .stxt {
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    line-height: 4vw;
    font-weight: 400;
    color: #222;
}

.order-wrap .item.payment li:last-child {
    margin-top: 3.4vw;
    padding-top: 3.4vw;
    border-top: 1px solid #999
}

.order-wrap .item.payment li:last-child .btxt {
    top: 3.4vw;
    font-weight: 700;
    line-height: 6vw;
}

.order-wrap .item.payment li:last-child .stxt {
    font-size: 4vw;
    font-weight: 700;
    line-height: 6vw;
}

.order-wrap .item.payment .detail-btn {
    background: #F7F7F7;
    width: 7.6vw;
    line-height: 4vw;
    border-radius: 1vw;
    text-align: center;
    font-size: 2vw;
    letter-spacing: -0.03em;
    color: #222;
    position: absolute;
    left: 9.6vw;
    top: 0;
}

@media only screen and (min-width: 999px) {
    .order-wrap .item.means p {
        font-size: 34px;
        color: #5190f0;
        font-weight: bold;
    }

    .order-wrap .item.means a {
        width: 76px;
        line-height: 40px;
        border-radius: 10px;
        font-size: 22px;
    }

    .order-wrap .item.corona p {
        font-size: 28px;
        padding-left: 14px;
    }

    .order-wrap .item.corona .hidden {
        display: none;
    }

    .order-wrap .item.corona p:before {
        width: 4px;
        height: 4px;
        top: 16px;
    }

    .order-wrap .item.sale.belogin {
        padding: 0 30px
    }

    .order-wrap .item.sale.belogin h4 {
        font-size: 32px;
        line-height: 108px;
    }

    .order-wrap .item.sale .btxt {
        font-size: 32px;
        line-height: 30px
    }

    .order-wrap .item.sale .stxt {
        top: 40px;
        right: 40px;
        padding-right: 24px;
        font-size: 24px;
        line-height: 30px;
        background-size: 12px auto;
    }

    .order-wrap .item.sale .txt {
        padding: 24px 0;
    }

    .order-wrap .item.sale .ztxt {
        font-size: 22px;
    }

    .order-wrap .item.sale .login-btn {
        font-size: 22px;
        line-height: 30px;
    }

    .order-wrap .item.payment ul {
        padding-top: 20px
    }

    .order-wrap .item.payment li:nth-child(n+2) {
        margin-top: 30px;
    }

    .order-wrap .item.payment .btxt {
        font-size: 28px;
        line-height: 34px;
    }

    .order-wrap .item.payment .stxt {
        font-size: 28px;
        line-height: 34px;
    }

    .order-wrap .item.payment li:last-child {
        margin-top: 34px;
        padding-top: 34px;
    }

    .order-wrap .item.payment li:last-child .btxt {
        top: 34px;
        line-height: 60px;
    }

    .order-wrap .item.payment li:last-child .stxt {
        font-size: 40px;
        line-height: 60px;
    }

    .order-wrap .item.payment .detail-btn {
        width: 76px;
        line-height: 40px;
        border-radius: 10px;
        font-size: 20px;
        left: 96px;
    }
}

@media only screen and (max-width: 500px) {
    .order-wrap .item.means p {
        font-size: 18px;
        color: #5190f0;
        font-weight: bold;
    }

    .order-wrap .item.means a {
        /*width: 38px;*/
        line-height: 20px;
        border-radius: 5px;
        font-size: 11px;
    }

    .order-wrap .item.corona p {
        font-size: 14px;
        padding-left: 7px;
    }

    .order-wrap .item.corona .hidden {
        display: none;
    }

    .order-wrap .item.corona p:before {
        width: 2px;
        height: 2px;
        top: 8px;
    }

    .order-wrap .item.sale.belogin {
        padding: 0 15px
    }

    .order-wrap .item.sale.belogin h4 {
        font-size: 16px;
        line-height: 54px;
    }

    .order-wrap .item.sale .btxt {
        font-size: 16px;
        line-height: 15px
    }

    .order-wrap .item.sale .stxt {
        top: 20px;
        right: 14px;
        padding-right: 12px;
        font-size: 12px;
        line-height: 15px;
        background-size: 6px auto;
    }

    .order-wrap .item.sale .txt {
        padding: 12px 0;
    }

    .order-wrap .item.sale .ztxt {
        font-size: 11px;
    }

    .order-wrap .item.sale .login-btn {
        font-size: 11px;
        line-height: 15px;
    }

    .order-wrap .item.payment ul {
        padding-top: 10px
    }

    .order-wrap .item.payment li:nth-child(n+2) {
        margin-top: 15px;
    }

    .order-wrap .item.payment .btxt {
        font-size: 14px;
        line-height: 17px;
    }

    .order-wrap .item.payment .stxt {
        font-size: 14px;
        line-height: 17px;
    }

    .order-wrap .item.payment li:last-child {
        margin-top: 17px;
        padding-top: 17px;
    }

    .order-wrap .item.payment li:last-child .btxt {
        top: 17px;
        line-height: 30px;
    }

    .order-wrap .item.payment li:last-child .stxt {
        font-size: 20px;
        line-height: 30px;
    }

    .order-wrap .item.payment .detail-btn {
        width: 38px;
        line-height: 20px;
        border-radius: 5px;
        font-size: 10px;
        left: 48px;
    }
}

.order-wrap .item.phone {
}

.order-wrap .item.phone .txt {
    position: relative;
}

.order-wrap .item.phone p {
    font-size: 3.2vw;
    letter-spacing: -0.03em;
    color: #5190f0;
    line-height: 1.4em;
    position: relative;

}

.order-wrap .item.phone a {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 0 1.5vw;
    background: #F7F7F7;
    /*width: 11.6vw;*/
    line-height: 4vw;
    border-radius: 1vw;
    text-align: center;
    font-size: 2.2vw;
    letter-spacing: -0.03em;
    color: #222;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.order-wrap .item.delivery {
}

.order-wrap .item.delivery .btxt {
    font-size: 4vw;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.order-wrap .item.delivery .stxt {
    margin-top: 1vw;
    font-size: 2.8vw;
    font-weight: 400;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.order-wrap .item.delivery .chk-input {
    width: 100%;
    margin-top: 3vw;
}

.order-wrap .item.delivery .chk-input input {
    border: none;
    background: #F9F9F9;
    border-radius: 0;
}

.order-wrap .item.demand {
}

.order-wrap .item.demand li {
    position: relative;
}

.order-wrap .item.demand li:nth-child(n+2) {
    margin-top: 3vw;
}

.order-wrap .item.demand .btxt {
    line-height: 4.8vw;
    color: #222;
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    margin-bottom: 3vw;
}

.order-wrap .item.demand .chk-check {
    position: absolute;
    right: 0;
    top: 0;
}

.order-wrap .item.demand .chk-input {
    width: 100%;
}

.order-wrap .item.demand .chk-input input {
    border: none;
    background: #F9F9F9;
    border-radius: 0;
}

.giveme {
    padding: 2vw;
    background: #f1f1f1;
    border-radius: 1vw;
}

.giveme .subtxt {
    font-size: 2vw;
}

.giveme .subtxt.store {
    margin-left: 3vw
}

@media only screen and (min-width: 999px) {
    .giveme .subtxt.store {
        margin-left: 26px;
    }

    .giveme .subtxt {
        font-size: 20px;
    }

    .giveme {
        padding: 20px;
        border-radius: 10px;
    }

    .order-wrap .item.phone p {
        font-size: 32px;

    }

    .order-wrap .item.phone a {
        /*width: 112px;*/
        line-height: 40px;
        border-radius: 10px;
        font-size: 22px;
    }

    .order-wrap .item.delivery .btxt {
        font-size: 40px;
    }

    .order-wrap .item.delivery .stxt {
        margin-top: 10px;
        font-size: 28px;
    }

    .order-wrap .item.delivery .chk-input {
        margin-top: 30px;
    }

    .order-wrap .item.demand li:nth-child(n+2) {
        margin-top: 30px;
    }

    .order-wrap .item.demand .btxt {
        line-height: 48px;
        font-size: 28px;
        margin-bottom: 30px;
    }
}

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

    .giveme .subtxt.store {
        margin-left: 15px;
    }

    .giveme .subtxt {
        font-size: 12px;
    }

    .giveme {
        padding: 10px;
        border-radius: 5px;
    }

    .order-wrap .item.phone p {
        font-size: 16px;
        color: #5190f0;
        font-weight: bold;
    }

    .order-wrap .item.phone a {
        /*width: 44px;*/
        padding: 0 8px;
        line-height: 20px;
        border-radius: 5px;
        font-size: 11px;
    }

    .order-wrap .item.delivery .btxt {
        font-size: 20px;
    }

    .order-wrap .item.delivery .stxt {
        margin-top: 5px;
        font-size: 14px;
    }

    .order-wrap .item.delivery .chk-input {
        margin-top: 15px;
    }

    .order-wrap .item.demand li:nth-child(n+2) {
        margin-top: 15px;
    }

    .order-wrap .item.demand .btxt {
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 15px;
    }
}


/*=======================================================
    .layer-wrap.delivery
=========================================================*/

.layer-wrap.delivery {
    width: 91vw;
    padding: 0 3vw;
    border-radius: 1.2vw;
    background: #fff;
    position: absolute;
    /*padding: 0 3vw 0 3vw;*/
    box-sizing: border-box;
    overflow: hidden;
}

.layer-wrap.delivery .is-top {
    padding: 5.2vw 0
}

.layer-wrap.delivery .is-top h3 {
    font-size: 3vw;
    font-weight: 700;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.layer-wrap.delivery .is-top p {
    margin-top: 4vw;
    font-size: 2.6vw;
    font-weight: 400;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.layer-wrap.delivery .is-con {
    padding: 5px;
}

.layer-wrap.delivery .is-con thead th {
    font-size: 2.6vw;
    text-align: left;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.35em;
    padding: 1vw 0;
    font-weight: 700;
}

.layer-wrap.delivery .is-con tbody td {
    font-size: 2.6vw;
    text-align: /* center; */ left;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1.35em;
    padding: 1vw 0.5vw;
    width: 20%;
}

.layer-wrap.delivery .is-con .ex {
    border-top: 1px solid #e6e6e6;
    margin-top: 3vw;
    padding: 2.4vw 0;
    font-size: 2.6vw;
    font-weight: 400;
    color: #888;
    letter-spacing: -0.03em;
    line-height: 1.2em;
}

.layer-wrap.delivery .is-btm {
}

.layer-wrap.delivery .is-btm:after {
    display: block;
    content: "";
    clear: both;
}

.layer-wrap.delivery .is-btm a {
    display: block;
    float: left;
    width: 50%;
    line-height: 7vw;
    font-size: 3vw;
    color: #2D2D2D;
    letter-spacing: -0.03em;
    text-align: center;
    box-sizing: border-box;
    font-weight: 700
}

.layer-wrap.delivery .is-btm .cancel {
}

.layer-wrap.delivery .is-btm .enter {
    float: right;
    width: 50%;
    border-left: 1px solid #eee
}

.layer-wrap.delivery .is-btm.full .enter {
    float: none;
    width: auto;
    display: block;
    border-left: 0;
    font-weight: 700
}

@media only screen and (min-width: 999px) {
    .layer-wrap.delivery {
        width: 580px;
        border-radius: 12px;
        padding: 0 30px 0 30px;
    }

    .layer-wrap.delivery .is-top {
        padding: 52px 0
    }

    .layer-wrap.delivery .is-top h3 {
        font-size: 30px;
    }

    .layer-wrap.delivery .is-top p {
        margin-top: 40px;
        font-size: 26px;
    }

    .layer-wrap.delivery .is-con {
        padding-top: 30px
    }

    .layer-wrap.delivery .is-con thead th {
        font-size: 26px;
        padding: 10px 0;
    }

    .layer-wrap.delivery .is-con tbody td {
        font-size: 26px;
        padding: 10px 5px;
    }

    .layer-wrap.delivery .is-con .ex {
        margin-top: 30px;
        padding: 24px 0;
        font-size: 26px;
    }

    .layer-wrap.delivery .is-btm a {
        line-height: 70px;
        font-size: 30px;
    }
}

@media only screen and (max-width: 500px) {
    .layer-wrap.delivery {
        width: 84vw;
        border-radius: 6px;
        padding: 0 5px 0px 5px;
        top: 40px;
        overflow: auto;
        max-height: 80vh;
    }

    .scontainer.mexi .layer-wrap.delivery {

        padding: 0 15px 0px 15px;

    }

    .layer-wrap.delivery .is-top {
        padding: 26px 0
    }

    .layer-wrap.delivery .is-top h3 {
        font-size: 15px;
    }

    .layer-wrap.delivery .is-top p {
        margin-top: 20px;
        font-size: 13px;
    }

    .layer-wrap.delivery .is-con {
        /*padding-top: 15px*/
        padding: 5px 0;
    }

    .layer-wrap.delivery .is-con thead th {
        font-size: 13px;
        padding: 5px 5px;
    }

    .layer-wrap.delivery .is-con tbody td {
        font-size: 13px;
        padding: 5px 5px;
        width: 20%;
    }

    .layer-wrap.delivery .is-con .ex {
        margin-top: 15px;
        padding: 12px 0;
        font-size: 13px;
    }

    .layer-wrap.delivery .is-btm a {
        line-height: 50px;
        font-size: 15px;
    }
}


/*=======================================================
    .payment-wrap
=========================================================*/

.payment-wrap {
}

.payment-wrap .list {
    padding: 4.4vw 0
}

.payment-wrap ul {
}

.payment-wrap ul li {
}

.payment-wrap ul li:nth-child(n+2) {
    margin-top: 8vw
}

.payment-wrap ul li a {
    display: block;
    position: relative;
    line-height: 4.8vw;
    font-size: 3.2vw;
    color: #222;
    letter-spacing: -0.03em;
}


.payment-wrap .takeout h4,
.payment-wrap .takeout p,
.payment-wrap .takeout span {
    color: rgb(204, 204, 204);
}

.payment-wrap ul li a .take_out_msg {
    font-size: 14px;
    line-height: 14px;
}

.payment-wrap ul li.active a:after {
    width: 3.6vw;
    height: 3.6vw;
    background: url(../_Img/Content/payment-chk.png) no-repeat center center;
    background-size: 99% auto;
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    content: "";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.payment-wrap ul li .naver {
    padding-left: 4.4vw;
}

.payment-wrap ul li .naver:before {
    width: 2.6vw;
    height: 4.8vw;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    background: url(../_Img/Content/payment-naver.png) no-repeat center center;
    background-size: 2.6vw auto;
}

.payment-wrap ul li .kakao {
    padding-left: 4.4vw;
}

.payment-wrap ul li .kakao:before {
    width: 3.2vw;
    height: 4.8vw;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    background: url(../_Img/Content/payment-kakao.png) no-repeat center center;
    background-size: 3.2vw auto;
}


@media only screen and (min-width: 999px) {
    .payment-wrap .list {
        padding: 44px 0
    }

    .payment-wrap ul li:nth-child(n+2) {
        margin-top: 80px
    }

    .payment-wrap ul li a {
        line-height: 48px;
        font-size: 32px
    }

    .payment-wrap ul li.active a:after {
        width: 36px;
        height: 36px;
    }

    .payment-wrap ul li .naver {
        padding-left: 44px
    }

    .payment-wrap ul li .naver:before {
        width: 26px;
        height: 48px;
        background-size: 26px auto;
    }

    .payment-wrap ul li .kakao {
        padding-left: 44px;
    }

    .payment-wrap ul li .kakao:before {
        width: 32px;
        height: 48px;
        background-size: 32px auto;
    }
}

@media only screen and (max-width: 500px) {
    .giftcard {
        width: 33px;
        display: inline-block;
        height: 22px;
        background: url(../_Img/Content/zerodelivery.png) no-repeat center center;
        background-size: 100%;
        position: relative;
        left: 7px;
        top: 5px;
    }

    .payment-wrap .list {
        padding: 22px 0
    }

    .payment-wrap ul li:nth-child(n+2) {
        margin-top: 40px
    }

    .payment-wrap ul li a {
        line-height: 24px;
        font-size: 16px
    }

    .payment-wrap ul li.active a:after {
        width: 18px;
        height: 18px;
    }

    .payment-wrap ul li .naver {
        padding-left: 22px
    }

    .payment-wrap ul li .naver:before {
        width: 13px;
        height: 24px;
        background-size: 13px auto;
    }

    .payment-wrap ul li .kakao {
        padding-left: 22px;
    }

    .payment-wrap ul li .kakao:before {
        width: 16px;
        height: 24px;
        background-size: 16px auto;
    }
}


/*=======================================================
    .coupon-wrap
=========================================================*/
/*.coupon-wrap .list {padding: 4vw 0}*/
.coupon-wrap .list #platform-coupon-list > li:not(:first-child) {margin-top: 3.2vw}
.coupon-wrap .list .con {background: #fff; padding: 3.2vw 4vw; box-sizing: Border-box; border-radius: 2vw; overflow: hidden; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)}
.coupon-wrap .list .con.active {border: solid 1px #86b3ff; background: url(../_Img/Sub/join-chk.png) no-repeat 85% 50% #edf4ff}
.coupon-wrap .list .con.disabled {border: solid 0px #86b3ff; background: #f3f3f3; color: #dddddd}
.coupon-wrap .list .con.disabled .won {color: #ddd}
.coupon-wrap .list .con.disabled .cate {background: #e2e2e2!important}
.coupon-wrap .list .con.disabled li {color: #ddd}
.coupon-wrap .list .con.disabled li:last-child {color: #ddd}
.coupon-wrap .list .con.disabled li:last-child:before {border: solid 1px #ddd}
.coupon-wrap .list .logo {position: relative}
.coupon-wrap .list .logo a {display: inline-block; vertical-align: top; padding-right: 3vw; background: url(../_Img/Content/stamp-next.png) no-repeat right 52%; background-size: 1.4vw auto}
.coupon-wrap .list .logo img {width: 100%; max-width: 20vw}
.coupon-wrap .list .logo .more {width: 5vw; height: 5vw; border: none; background: url(../_Img/Sub/stamp-more.png) no-repeat; background-size: 100% auto; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.coupon-wrap .list .logo .back {width: 5vw; height: 5vw; border: none; background: url(../_Img/Sub/stamp-prev.png) no-repeat; background-size: 100% auto; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.coupon-wrap .list .logo p {color: #222; font-size: 2vw; line-height: 1.2em; letter-spacing: -0.02em}
.coupon-wrap .list .money .won {color: #FF8500; font-weight: 700; line-height: 1.2em; letter-spacing: -0.03em; font-size: 4.2vw}
.coupon-wrap .list .money .cate {margin-top: 2.4vw; display: inline-block; vertical-align: top; padding: 0 1.6vw; line-height: 3.2vw; background: #CAA579; border-radius: 0.4vw; color: #fff; font-size: 1.8vw; letter-spacing: -0.02em; text-align: center}
.coupon-wrap .list .money .cate.ord02 {background-color: #1c355e}
.coupon-wrap .list .money .cate.ord01 {background-color: #299d57}
.coupon-wrap .list .money .minamount {color: #aaaaaa}
.coupon-wrap .list .money ul {position: relative}
.coupon-wrap .list .money ul li {color: #222222; letter-spacing: -0.02em; line-height: 1.2em}
.coupon-wrap .list .money ul li.minamount,
.coupon-wrap .list .money ul li.validity,
.coupon-wrap .list .money .msg {position: relative}
.coupon-wrap .list .money .msg {color: #1c355e!important}
.coupon-wrap .list .money ul li.validity {color: #FF8500!important; line-height: 3.2vw; padding-left: 3vw}
.coupon-wrap .list .money ul li.validity:before {position: absolute; left: 0; top: 0.2vw; display: block; content: "?"; width: 2.4vw; height: 2.4vw; line-height: 2.2vw; font-size: 1.8vw; text-align: center; border: 1px solid #FF8500!important; margin-top: 1px; box-sizing: border-box; border-radius: 100%}
.coupon-wrap .ex {margin-top: 2.6vw; font-size: 2.6vw; color: #999999; letter-spacing: -0.03em; line-height: 1.4em; text-align: center}
.coupon-wrap .lower .fix {padding: 3vw; background: none}
.coupon-wrap .lower a {line-height: 10vw; text-align: center; border-radius: 0.8vw; font-weight: 700; color: #fff; font-size: 3.2vw; display: block; background: #4F90EF; position: relative}
.coupon-wrap .lower a.disabled {background: #ddd}
.scontainer.mexi .coupon-wrap .lower a {background: #1c355e}
.scontainer.mexi .coupon-wrap .lower a.disabled {background: #ddd}
.scontainer.mexi .coupon-wrap .list .con.active {border: solid 1px #ffb786; background: url(../_Img/Sub/join-chk-mexi.png) no-repeat 93% 50% #fff8ed; background-size: 7vw}

#do_order {position: relative; opacity: 1; overflow: hidden; background: #fff; max-width: 750px; margin: 0 auto; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out}
#do_order #popup-rsv-confirm {padding-top: 17rem}
#do_order #popup-rsv-confirm .alert_pop {padding : 0; margin: 5vw; border-radius: 10px}
#do_order #popup-rsv-confirm .alert_pop .pop_wrap {padding : 30px 0}
#do_order #popup-rsv-confirm .alert_pop .pop_wrap p {padding: 0; font-size: 0.9rem; color: #222; letter-spacing: 0}
#do_order #popup-rsv-confirm .alert_pop .pop_wrap p#popup_rsv_title_bottom {margin-top: 5px}
#do_order #popup-rsv-confirm .alert_pop ul {text-align: unset; display: flex; justify-content: space-around; border-top: 1px solid #eee}
#do_order #popup-rsv-confirm .alert_pop ul li {margin-left: 0; width: 50%; height: 50px; text-align: center}
#do_order #popup-rsv-confirm .alert_pop ul li:last-child {border-left: 1px solid #eee}
#do_order #popup-rsv-confirm .alert_pop ul li a {font-size: 16px; color: #222; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%}
#do_order #popup-rsv-confirm .alert_pop ul li #popup-rsv-confirm-btn {font-weight: bold}
#do_order #container-wrap #contents .order-wrap .item.sale #open_coupon_list {text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
#do_order #container-wrap #contents .order-wrap .item.demand .rsv_time {font-size: 3.2vw; font-weight: bold; color: #2E3B60}
#do_order #container-wrap #contents .order-wrap .item.demand .rsv_plus_minus {font-size: 2.5vw; color: #999999}
#do_order #popup-paycoin {padding: 14.5rem 2.37rem 0 2.37rem}
#do_order #popup-paycoin p {padding: 0}
#do_order #popup-paycoin .alert_pop {padding: 0}
#do_order #popup-paycoin .alert_pop .pop_wrap {padding: 0}
#do_order #popup-paycoin .alert_pop .pop_wrap h3 {padding: 10px 0}
#do_order #popup-paycoin .alert_pop .pop_wrap .warning {font-size: 0.8rem; font-weight: bold; color: red; margin: 10px 0}
#do_order #popup-paycoin .alert_pop .pop_wrap a {display: flex; justify-content: center; align-items: center; height: 50px; border-top: 1px solid #eee}
#member_coupon_list {max-width: 750px; margin: 0 auto}
#member_coupon_list #container-wrap {margin-top: 170px}
#member_coupon_list #header-wrap #header-search {display: flex; width: 100%; padding: 15px; box-sizing: border-box; background-color: #ffffff; border-bottom: 1px solid #eee}
#member_coupon_list #header-wrap #header-search input[type=text] {flex: 1; height: 60px; font-size: 20px; background-color: #ffffff; border: 2px solid #2E3B60; border-radius: 1vw; padding-left: 10px; box-sizing: border-box}
#member_coupon_list #header-wrap #header-search input[type=text]::placeholder {color: #7777}
#member_coupon_list #header-wrap #header-search button {width: 150px; height: 60px; font-size: 20px; color: #ffffff; background-color: #2E3B60; border: 1px solid #ddd; border-radius: 1vw; margin-left: 5px}
#member_coupon_list #container-wrap #contents .coupon-wrap .lower {position: fixed; bottom: 0; background: #ffffff}
#member_coupon_list #container-wrap #contents .coupon-wrap .list ul li {cursor: pointer}
#member_coupon_list .thumb-img {border-radius: 15px}

@media only screen and (min-width: 999px) {
    #member_coupon_list #header-wrap #header-search input[type=text],
    #member_coupon_list #header-wrap #header-search button {height: 90px}
    #member_coupon_list #header-wrap #header-search input[type=text] {font-size: 28px; padding-left: 20px}
    #member_coupon_list #header-wrap #header-search button {font-size: 25px; margin-left: 15px}
    #do_order #container-wrap #contents .order-wrap .item.sale #open_coupon_list {width: 240px}
    #do_order #container-wrap #contents .order-wrap .item.demand .rsv_time {font-size: 32px}
    #do_order #container-wrap #contents .order-wrap .item.demand .rsv_plus_minus {font-size: 24px}
    .coupon-wrap .list {padding: 70px 0; margin-bottom: 100px}
    .coupon-wrap .list #platform-coupon-list > li:not(:first-child) {margin-top: 32px}
    .coupon-wrap .list .con {padding: 32px 40px; border-radius: 20px}
    .coupon-wrap .list .logo a {padding-right: 30px; background-size: 14px auto}
    .coupon-wrap .list .logo img {max-width: 200px}
    .coupon-wrap .list .logo .more {width: 50px; height: 50px}
    .coupon-wrap .list .logo .back {width: 50px; height: 50px}
    .coupon-wrap .list .logo p {font-size: 20px}
    .coupon-wrap .list .money .company {font-size: 24px}
    .coupon-wrap .list .money .won {font-size: 44px; margin-top: 10px}
    .coupon-wrap .list .money .cate {padding: 0 16px; font-size: 18px; line-height: 32px; border-radius: 4px; margin-top: 24px}
    .coupon-wrap .list .money .minamount, .coupon-wrap .list .money .msg, .coupon-wrap .list .money .validity {font-size: 22px}
    .coupon-wrap .list .money .minamount, .coupon-wrap .list .money ul li.validity, .coupon-wrap .list .money .msg, .coupon-wrap .list .money dl {margin-top: 15px}
    .coupon-wrap .list .money .msg {line-height: 30px}
    .coupon-wrap .list .money ul li.validity {line-height: 32px; padding-left: 30px}
    .coupon-wrap .list .money ul li.validity:before {width: 24px; height: 24px; line-height: 22px; font-size: 18px; top: 4px}
    .coupon-wrap .ex {margin-top: 26px; font-size: 26px}
    .coupon-wrap .lower {left: 50%; height: 240px!important; width: 100%; max-width: 750px; min-width: 280px; transform: translateX(-50%)}
    .coupon-wrap .lower .ex {margin-bottom: 26px}
    .coupon-wrap .lower a {border-radius: 8px; font-size: 32px; line-height: 100px}
    .scontainer.mexi .coupon-wrap .list .con.active {background-size: 44px}
}

@media only screen and (min-width: 901px) and (max-width: 998px) {
    .coupon-wrap .lower {height: 230px!important}
}

@media only screen and (min-width: 801px) and (max-width: 900px) {
    .coupon-wrap .lower {height: 215px!important}
}

@media only screen and (min-width: 701px) and (max-width: 800px) {
    .coupon-wrap .lower {height: 200px!important}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
    .coupon-wrap .lower {height: 180px!important}
}

@media only screen and (min-width: 501px) and (max-width: 600px) {
    .coupon-wrap .lower {height: 150px!important}
}

@media only screen and (min-width: 501px) and (max-width: 998px) {
    #do_order #container-wrap #contents .order-wrap .item.sale #open_coupon_list {width: 240px}
    .coupon-wrap .list {padding: 30px 0; margin-bottom: 120px}
    .coupon-wrap .list .money .company {font-size: 24px}
    .coupon-wrap .list .money .won {margin-top: 10px}
    .coupon-wrap .list .money .minamount, .coupon-wrap .list .money .msg, .coupon-wrap .list .money ul li.validity {font-size: 22px}
    .coupon-wrap .list .money .minamount, .coupon-wrap .list .money ul li.validity, .coupon-wrap .list .money .msg, .coupon-wrap .list .money dl {margin-top: 15px}
    .coupon-wrap .list .money .msg {line-height: 30px}
    .coupon-wrap .lower {left: 50%; width: 100%; max-width: 750px; min-width: 280px; transform: translateX(-50%)}
    .coupon-wrap .lower .ex {margin-bottom: 2.6vw}
}

@media only screen and (max-width: 500px) {
    #do_order #container-wrap #contents .order-wrap .item.sale #open_coupon_list {width: 120px}
    #member_coupon_list #header-wrap #header-search input[type=text] {font-size: 14px}
    #member_coupon_list #header-wrap #header-search button {font-size: 12px}
    #member_coupon_list #header-wrap #header-search input[type=text], #member_coupon_list #header-wrap #header-search button {height: 45px}
    #member_coupon_list #header-wrap #header-search button {width: 76px}
    #member_coupon_list #container-wrap {margin-top: 130px}
    .coupon-wrap .list {padding: 20px 0; margin-bottom: 60px}
    .coupon-wrap .list #platform-coupon-list > li:not(:first-child) {margin-top: 16px}
    .coupon-wrap .list .con {padding: 20px; border-radius: 10px}
    .coupon-wrap .list .logo a {padding-right: 15px; background-size: 7px auto}
    .coupon-wrap .list .logo img {max-width: 100px}
    .coupon-wrap .list .logo .more {width: 25px; height: 25px}
    .coupon-wrap .list .logo .back {width: 25px; height: 25px}
    .coupon-wrap .list .logo p {font-size: 10px}
    .coupon-wrap .list .money .won {margin-top: 5px; font-size: 26px}
    .coupon-wrap .list .money .cate {margin-top: 12px; padding: 0 8px; line-height: 16px; font-size: 9px; border-radius: 2px; top: 2px}
    .coupon-wrap .list .money .minamount, .coupon-wrap .list .money ul li.validity, .coupon-wrap .list .money .msg, .coupon-wrap .list .money dl {margin-top: 7px}
    .coupon-wrap .list .money .msg {line-height: 18px}
    .coupon-wrap .ex {margin-top: 13px; font-size: 13px; margin-bottom: 10px}
    .coupon-wrap .lower {margin-top: 30px; position: fixed; left: -30px; height: 116px !important; display: block; bottom: 0; background: #ffffff; width: calc(100% + 30px)}
    .coupon-wrap .lower a {border-radius: 4px; font-size: 16px; line-height: 50px; left: 45px; width: calc(100% - 60px)}
}

.coupon-wrap.state {
    padding: 5.4vw 0
}

.coupon-wrap.state .con {
    background: #fff;
    padding: 2vw 4vw;
    border-radius: 2vw;
    overflow: hidden;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}

.coupon-wrap.state .logo {
    position: relative;
}

.coupon-wrap.state .logo.no-logo {
    padding-top: 2vw;
}

.coupon-wrap.state .logo.no-logo .more,
.coupon-wrap.state .logo.no-logo .prev {
    top: 2vw;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.coupon-wrap.state .logo a {
    display: inline-block;
    vertical-align: top;
    padding-right: 3vw;
    background: url(../_Img/Content/stamp-next.png) no-repeat right 52%;
    background-size: 1.4vw auto;
}

.coupon-wrap.state .logo img {
    width: 100%;
    max-width: 20vw;
}

.coupon-wrap.state .logo .more {
    width: 5vw;
    height: 5vw;
    border: none;
    background: url(../_Img/Sub/stamp-more.png) no-repeat;
    background-size: 100% auto;
    position: Absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.coupon-wrap.state .logo .prev {
    width: 5vw;
    height: 5vw;
    border: none;
    background: url(../_Img/Sub/stamp-prev.png) no-repeat;
    background-size: 100% auto;
    position: Absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.coupon-wrap.state .logo p {
    color: #222;
    font-size: 2vw;
    line-height: 1.2em;
    letter-spacing: -0.02em;
}

.coupon-wrap.state .c-list01 {
    margin-top: 1.6vw;
}

.coupon-wrap.state .c-list01 li {
    color: #222222;
    line-height: 1.4em;
    font-size: 2vw;
    letter-spacing: -0.03em;
}

.coupon-wrap.state .c-list01 li:nth-child(n+2) {
}

.coupon-wrap.state .c-list02 {
    margin-top: 2vw;
    padding-top: 2vw;
    border-top: 1px solid #e6e6e6;
    padding-bottom: 2vw
}

.coupon-wrap.state .c-list02 dt {
    color: #222222;
    line-height: 1.3em;
    font-size: 2vw;
    letter-spacing: -0.03em;
}

.coupon-wrap.state .c-list02 dd {
    color: #222222;
    line-height: 1.3em;
    font-size: 2vw;
    letter-spacing: -0.03em;
}

.coupon-wrap.state .c-list02 dd:nth-child(n+2) {
    margin-top: 1.2vw;
}

.storeclosed {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;

    background: url(../_Img/Content/closebg.png);
    z-index: 0;
    color: #fff;
}

.storeclosed span {
    position: relative;
    top: 4vw;
}

.mypage-wrap .coupon.state.tab_content .card .card-front .infos, .money {
    padding-left: 12vw;
}

.mypage-wrap .coupon.state.tab_content .card .card-front .couponthumb {

    position: absolute;
    width: 10vw;
    height: 10vw;

}

.mypage-wrap .coupon.state.tab_content .card .card-front .couponthumb img {
    width: 100%;
    object-fit: cover;
    height: 10vw;
}

.mypage-wrap .coupon.state.tab_content .card .card-front .thumbnailmask img {
    height: 10vw;
}

.coupon-wrap .list .coupon_title .couponthumb {

    position: absolute;
    width: 10vw;
    height: 10vw;

}

.coupon-wrap .list .coupon_title .couponthumb img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.coupon-wrap .list .coupon_title .thumbnailmask img {
    height: 10vw;
}

.franchise-wrap .fran-list .txt .stamp p.benefit {
    color: #5190f0;

}

.franchise-wrap .fran-list .txt .coupon p.benefit {
    color: #5190f0;
    font-size: 2.2vw;
    display: inline-block;

}

.scontainer.mexi .franchise-wrap .fran-list .txt .coupon p.benefit {
    color: #2E3B60;

}

.coupon-count {
    margin-left: 10px;
    font-size: 2.2vw;
    font-weight: bold;
    color: #5190f0;
}

.coupon-out {
    margin-left: 1.5vw;
    font-size: 2.2vw;
    font-weight: bold;
    color: #C01919;
}

.coupon-out.detail {
    margin-left: 0vw;
}

.visitinfo li {
    /*background: url(https://cdn.spge.kr/upload/mexicana/_Img/Content/dot.svg) no-repeat;*/
    background-position: 0vw 1.2vw;
    background-size: 3px;
    padding-left: 1.5vw;
    font-size: 2vw;
    line-height: 2.5vw;

}

.visitinfo li span {
    color: #C01919;

}

.order-wrap .item.demand .giveme .visitinfo li:nth-child(n+2) {
    margin-top: 1vw;
}

.visitinfo li:nth-child(n+2) {
    margin-top: 1vw;
}


.questionwrap {
    display: inline-block;
    height: 3vw;
    width: 3vw;
}

.far.fa-question-circle.takeout {
    position: absolute;
    top: 13.5vw;
}

.scontainer.mexi .stampexposure {
    border: solid 1px #2E3B60;
    border-radius: 1vw;
    text-align: center;
    padding: 1vw;
    margin-top: 15px;
    background: #fff;
    display: inline-block;
    width: calc(100% - 2vw);
}

.scontainer.mexi .stampexposure span {
    color: #2E3B60;
}

.stampexposure {
    border: solid 1px #568cf6;
    border-radius: 1vw;
    text-align: center;
    padding: 1vw;
    margin-top: 15px;
    background: #fff;
    display: inline-block;
    width: calc(100% - 2vw);
}

.stampexposure span {
    color: #568cf6;
}

.gray {
    color: #ccc;
}

.visitinfo.mexi li {
    background: none;
    position: relative;
}

.visitinfo.mexi li.red {
    color: #2E3B60;
}

.visitinfo.mexi li:after {
    content: "-";
    position: absolute;
    top: 1px;
    left: 1px;
}

.introducewrap {
    font-size: 2vw;
}

.introducewrap img {
    padding: 2vw 0;
}

.fonttype1 {
    font-size: 1.4em;
    color: #222222;
    padding: 4vw 0 2vw 0;
    line-height: 1.3em;
}

.fonttype2 {
    color: #2E3B60;
    font-size: 2em;
    padding: 1vw 0;
    line-height: 1.2em;

}

.fonttype3 {
    color: #F9A519;
    font-size: 1.4em;
    padding: 5vw 0 1vw 0;
    font-weight: bold;
    text-decoration: underline;
    color: #222222;
}

.fonttype4 {
    font-size: 1em;
    color: #222;
    padding: 1vw 0;
    line-height: 1.6em;
}

.introduceimg img {
    width: 100%;
}

.mypage-wrap .menu.mylist li:before {
    width: calc(100% - 0vw);
    margin-left: 0vw;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    height: 1px;
    background: #eee;
}

.mypage-wrap .menu.mylist li:nth-last-child(1):before {
    height: 0px;
}


.chickenmenu2 {
    padding: 3vw 15px;
    font-size: 2.5vw;
    background: #f4f4f4;
    width: calc(100% + 30px);
    margin-left: -30px;
    color: #aaaaaa;

}

.chickenmenu2 ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    text-align: center;
}

.chickenmenu2 li {
    display: table-cell;
}

.chickenmenu2 li.active {
    font-weight: bold;
    color: #222222;
}

.allergywrap {
    position: relative;
    height: 50px;
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
}

.allergywrap .btn {
    text-align: right;
    background: #2E3B60;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 0 20px 5px;
    border-radius: 4px;
    color: #fff;
    right: 4px;
    top: 11px;
    position: relative;
    cursor: pointer;
}

.allergie.state table {
    /*border-bottom:solid 1px #eee;*/
}


.allergie.state th, td {
    border-bottom: solid 0px #eee;
    vertical-align: top;
    padding: 1.5vw 0;
    font-size: 2.5vw;
    line-height: 3vw;
    text-align: center;
}

.allergie.state table thead tr th {
    height: 6vw;
    vertical-align: middle;
    color: #EE7F60;
    font-weight: 400;

}


.allergietable ul li {
    border-bottom: solid 1px #efefef;
    margin-bottom: 10px;
    padding-bottom: 10px;

}

.closebtnwrap {
    position: relative;
    height: 6vw;
    width: 100%;
}

.closebtn {
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Content/closebtn.svg) no-repeat;
    width: 3vw;
    height: 3vw;
    text-align: right;
    font-size: 12px;
    padding: 3px;
    position: absolute;
    right: 1px;
    top: 2vw;
    background-size: 3.5vw;
    cursor: pointer;
}

.storywrap {
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Content/listbgall.jpg') no-repeat;
    background-size: 100%;
}

.storypage ul li img {
    width: 89%;
}

.storypage ul li {
    width: 49%;
    display: inline-block;
    text-align: center;
}

.storypage ul li:after {
    content: '';
    height: 5vw;
    display: block;
}

.storypage ul {
    /* padding-top: 310px;*/
}

.storypage ul li.blank {
    height: 60vh;
    width: 100%;
    display: block;
}

.cardnews img {
    width: 100%;

}

.cardnews video {
    width: 100%;

}

.topbg {
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Content/listbg1.jpg') no-repeat;
    background-size: 100%;
    height: 36vw;
}

.bottombg {
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Content/listbg3.jpg') no-repeat;
    background-size: 100%;
    height: 34vw;
}

.cardnews {
    width: calc(100% + 30px);
    margin-left: -15px;
}

@media only screen and (min-width: 999px) {
    .storypage ul li.blank {
        height: 60vh;
        width: 100%;
    }

    .closebtnwrap {

        height: 50px;
    }

    .closebtn {
        width: 30px;
        height: 30px;
        right: 1px;
        top: 20px;
        background-size: 35px;

    }

    .allergie.state table {
        /*border-bottom:solid 1px #eee;*/
    }


    .mypage-wrap .allergie.state th, .mypage-wrap .allergie.state tbody tr td {
        border-bottom: solid 0px #eee;
        vertical-align: top;
        padding: 1vw 0;
        font-size: 23px;
        line-height: 30px;
    }

    .allergie.state table thead tr th {
        height: 6vw;
        vertical-align: middle;
        color: #EE7F60;
        font-weight: 400;
    }

    .chickenmenu2 {
        padding: 30px 15px;
        font-size: 24px;

    }

    .introducewrap {
        font-size: 20px;
    }

    .far.fa-question-circle.takeout {
        position: absolute;
        top: 123px;
        left: 256px;
    }

    .visitinfo li {
        /*background: url(https://cdn.spge.kr/upload/mexicana/_Img/Content/dot.svg) no-repeat;*/
        background-position: 1px 10px;
        background-size: 4px;
        padding-left: 11px;
        font-size: 20px;
        line-height: 24px;
    }

    .order-wrap .item.demand .giveme .visitinfo li:nth-child(n+2) {
        margin-top: 10px;
    }

    .coupon-wrap .list .coupon_title .couponthumb {

        position: absolute;
        width: 130px;
        height: 130px;

    }

    .mypage-wrap .coupon.state.tab_content .card .card-front .couponthumb {

        position: absolute;
        width: 10vw;
        height: 10vw;

    }

    .mypage-wrap .coupon.state.tab_content .card .card-front .couponthumb img {
        width: 123px;
        object-fit: cover;
        height: 123px;
    }

    .coupon-count {
        margin-left: 10px;
        font-size: 20px;
        font-weight: bold;
        color: #5190f0;
    }

    .coupon-out {
        margin-top: 10px;
        font-size: 20px;
        font-weight: bold;
        color: #C01919;
    }

    .coupon-out.detail {
        margin-left: 0vw;
    }

    .mypage-wrap .coupon.state.tab_content .card .card-front .infos, .money {
        padding-left: 150px;
    }

    .mypage-wrap .coupon.state.tab_content .card .card-front .thumbnailmask img {
        height: 123px;
    }

    .franchise-wrap .fran-list .txt .coupon p.benefit {
        font-size: 20px;
        line-height: 30px;

    }

    .storeclosed span {
        position: relative;
        top: 52px;
    }

    .coupon-wrap.state {
        padding: 54px 0
    }

    .coupon-wrap.state .con {
        padding: 20px 40px;
        border-radius: 20px;
    }

    .coupon-wrap.state .logo {
    }

    .coupon-wrap.state .logo.no-logo {
        padding-top: 20px;
    }

    .coupon-wrap.state .logo.no-logo .more,
    .coupon-wrap.state .logo.no-logo .prev {
        top: 20px
    }

    .coupon-wrap.state .logo a {
        padding-right: 30px;
        background-size: 14px auto
    }

    .coupon-wrap.state .logo img {
        max-width: 200px;
    }

    .coupon-wrap.state .logo .more {
        width: 50px;
        height: 50px;
    }

    .coupon-wrap.state .logo .prev {
        width: 50px;
        height: 50px;
    }

    .coupon-wrap.state .logo p {
        font-size: 20px;
    }

    .coupon-wrap.state .c-list01 {
        margin-top: 16px;
    }

    .coupon-wrap.state .c-list01 li {
        font-size: 20px;
    }

    .coupon-wrap.state .c-list01 li:nth-child(n+2) {
    }

    .coupon-wrap.state .c-list02 {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .coupon-wrap.state .c-list02 dt {
        font-size: 20px;
    }

    .coupon-wrap.state .c-list02 dd {
        font-size: 20px;
    }

    .coupon-wrap.state .c-list02 dd:nth-child(n+2) {
        margin-top: 12px;
    }
}

@media only screen and (min-width: 750px) {
    .storypage ul {
        /*padding-top: 47%;*/
    }

    .topbg {
        height: 300px;
    }

    .bottombg {
        height: 255px;
    }
}

@media only screen and (max-width: 500px) {
    .storywrap {
        background: url('https://cdn.spge.kr/upload/mexicana/_Img/Content/listbgall.jpg') no-repeat;
        background-size: 100%;
    }

    .storypage ul {
        /*padding-top: 180px;*/
    }

    .allergie.state table {
        /*border-bottom:solid 1px #eee;*/
    }

    .allergie.state th, td {
        border-bottom: solid 0px #eee;
        vertical-align: top;
        padding: 1vw 0;
        font-size: 12px;
        line-height: 15px;
    }

    .allergie.state table thead tr th {
        height: 30px;
        vertical-align: middle;
        color: #EE7F60;
        font-weight: 400;

    }

    .chickenmenu2 {
        font-size: 14px;
        padding: 15px 15px;

    }

    .mypage-wrap .menu.mylist li:before {
        bottom: -0;
    }

    .introducewrap {
        font-size: 12px;
    }

    .far.fa-question-circle.takeout {
        position: absolute;
        top: 62px;
        left: 131px;
    }

    .visitinfo li {
        /*background: url(https://cdn.spge.kr/upload/mexicana/_Img/Content/dot.svg) no-repeat;*/
        background-position: 1px 6px;
        background-size: 3px;
        padding-left: 10px;
        font-size: 12px;
        line-height: 15px;
        position: relative;

    }

    .order-wrap .item.demand .giveme .visitinfo li:nth-child(n+2) {
        margin-top: 6px;
    }

    .coupon-count {
        margin-left: 10px;
        font-size: 12px;
        font-weight: bold;
        color: #5190f0;
    }

    .coupon-out {
        margin-left: 10px;
        font-size: 12px;
        font-weight: bold;
        color: #C01919;
    }

    .coupon-out.detail {
        margin-left: 0vw;
    }


    .coupon-wrap .list .coupon_title .couponthumb {

        position: absolute;
        width: 50px;
        height: 50px;

    }

    .coupon-wrap .list .coupon_title .couponthumb img {
        width: 100%;
        object-fit: cover;
        height: 50px;
    }

    .coupon-wrap .list .coupon_title .thumbnailmask img {
        height: 50px;
    }


    .mypage-wrap .coupon.state.tab_content .card .card-front .infos, .money {
        padding-left: 60px;
    }

    .mypage-wrap .coupon.state.tab_content .card .card-front .couponthumb {

        position: absolute;
        width: 50px;
        height: 50px;

    }

    .mypage-wrap .coupon.state.tab_content .card .card-front .couponthumb img {
        width: 100%;
        object-fit: cover;
        height: 50px;
    }

    .mypage-wrap .coupon.state.tab_content .card .card-front .thumbnailmask img {
        height: 50px;
    }


    .franchise-wrap .fran-list .txt .stamp p.benefit {
        color: #5190f0;
        display: inline-block;
        font-size: 12px;
        position: relative;

    }

    .franchise-wrap .fran-list .txt .coupon p.benefit {
        color: #5190f0;
        display: inline-block;
        font-size: 12px;
    }

    .giftcardcaution {
        font-size: 11px;
        color: #ff3a3a;
    }

    .money {
        position: relative;
    }

    .txt.closed {
        opacity: 0.6;
    }

    .storeclosed {
        z-index: 0;
        position: absolute;
        text-align: center;
        vertical-align: middle;
        font-size: 10px;
        line-height: 14px;
        background: url(../_Img/Content/closebg.png);
        color: #fff;
    }

    .storeclosed span {
        position: relative;
        top: 22px;
    }

    .coupon-wrap.state {
        padding: 27px 0
    }

    .coupon-wrap.state .con {
        padding: 10px 20px;
        border-radius: 10px;
    }

    .coupon-wrap.state .logo {
    }

    .coupon-wrap.state .logo.no-logo {
        padding-top: 10px;
    }

    .coupon-wrap.state .logo.no-logo .more,
    .coupon-wrap.state .logo.no-logo .prev {
        top: 10px
    }

    .coupon-wrap.state .logo a {
        padding-right: 15px;
        background-size: 7px auto
    }

    .coupon-wrap.state .logo img {
        max-width: 100px;
    }

    .coupon-wrap.state .logo .more {
        width: 25px;
        height: 25px;
    }

    .coupon-wrap.state .logo .prev {
        width: 25px;
        height: 25px;
    }

    .coupon-wrap.state .logo p {
        font-size: 10px;
    }

    .coupon-wrap.state .c-list01 {
        margin-top: 8px;
    }

    .coupon-wrap.state .c-list01 li {
        font-size: 10px;
    }

    .coupon-wrap.state .c-list01 li:nth-child(n+2) {
    }

    .coupon-wrap.state .c-list02 {
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .coupon-wrap.state .c-list02 dt {
        font-size: 10px;
    }

    .coupon-wrap.state .c-list02 dd {
        font-size: 10px;
    }

    .coupon-wrap.state .c-list02 dd:nth-child(n+2) {
        margin-top: 6px;
    }
}

.mypage-wrap {padding: 0 15px 5px 15px}
.mypage-wrap.mkt {padding: 0 15px 0 15px}
.thumbnailmask {position: absolute; z-index: 1}
#do_order {padding: 0 15px}
.coupon-wrap {padding: 0 15px}
.termsline {float: left; width: 100%; border-bottom: solid 1px #d2d2d2}
/* list.jsp에서  가져온 css */
.franchise-wrap .filter .ctab-slide li.blue-bg a {background: #5190F0; border-color: #5190F0; color: #fff}
.franchise-wrap .filter {overflow-x: auto; overflow-y: hidden; z-index: 9999; -ms-overflow-style: none; scrollbar-width: none}
.franchise-wrap .filter::-webkit-scrollbar {display: none}
/* 멕시카나 컬러 변경 */
.basket-btn.mexicolor {background: url(../_Img/Sub/ico-basket.png) no-repeat center center #2E3B60; background-size: 40% auto}
.menu-wrap .basket-btn.mexicolor i {color: #2E3B60; border: 1px solid #2E3B60}
.franchise-wrap.mexi .chk-radio input[type="radio"]:checked + label:before {background: url(../_Img/Sub/radio-on.png) no-repeat center center #2E3B60; background-size: 100% auto}
.franchise-wrap.mexi .selmenu .lower a, .scontainer.mexi .basket-wrap .lower a {background: #2E3B60}
.scontainer.mexi .basket-wrap .lower a i {color: #2E3B60}
.scontainer.mexi .member-wrap.login .login-btn {background: #2E3B60}
.scontainer.mexi .basket-wrap .item .delete, .scontainer.mexi .basket-wrap .add-btn {color: #2E3B60}
.scontainer.mexi .notmember .btn {border: solid 2px #2E3B60; color: #2E3B60}
.scontainer.mexi .order-wrap .item.phone p {color: #2E3B60}
.scontainer.mexi .order-wrap .item.sale .login-btn {color: #2E3B60}
.scontainer.mexi .order-wrap .item.other .chk-check input[type="checkbox"]:checked + label:after {background: url(../_Img/Sub/check-on.png) no-repeat center center #2E3B60; border-color: #2E3B60}
.scontainer.mexi .order-wrap .item.means p {color: #2E3B60}
.scontainer.mexi .menu-wrap .state .item.stamp .stxt span {color: #2E3B60}
.scontainer.mexi .chk-check input[type="checkbox"]:checked + label:after {border-color: #2E3B60; z-index: 3}
.scontainer.mexi .member-wrap.login .lower a {color: #2E3B60}
.scontainer.mexi .joinAgree {background: #eeeeee}
.scontainer.mexi .member-wrap.join .entry .overlap-btn, .scontainer.mexi .member-wrap.join .entry .cerfity-btn {color: #2E3B60}
.scontainer.mexi .member-wrap.join .entry li .chk-input.enable:before {background: url(../_Img/Sub/join-chk-mexi.png) no-repeat center center; background-size: 100% auto}
.addr-ico-seoul{padding-right: 4vw; display: inline-block; vertical-align: top; background: url(/resources/_Img/Layout/bt-chk.png) no-repeat right 53%; background-size: 2.4vw auto}