@charset "utf-8";
/* CSS Document */

.modal2 .naoa li .active{
    background:#bdb694;
    color:#fff;
}

.modal2 .buyBtnmo a{background:#ef741b;}
.modal2 .js-modal-close{color:#fff!important;position:absolute;top:-40px;right:-40px;font-size:30px;font-weight:300;}
.modal2 .modalTitle{font-size:18px;box-sizing:border-box;width:100%;text-align:left;padding-left:5px;margin-bottom:17px;}
.modal2 .modal__content{padding:20px;}
.modal2 .size-box{width:100%;overflow:hidden;margin-bottom:10px;}
.modal2 .size-box span{display:block;float:left;font-weight:bold;width:9em;box-sizing:border-box;text-align:center;padding: 7px 0;border-radius:5px;border:1px solid #e6e6e6;font-size:14px}
.modal2 .size-box span:nth-child(1){background-color:#e6e6e6;margin-right:10px;margin-left:10px;}
.modal2 .naoa{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:17px;margin-bottom:10px;padding:17px 5px;}
/* .modal2 .naoa li{width:31.3333%;margin:5px 1%} */
.modal2 .naoa li{width:31.3333%;margin:20px 1%}
.modal2 .naoa li a{background:#fff;border:1px solid #e6e6e6;color:#000;font-weight:bold;padding: 7px 10px;}
.modal2 .active{background:#00aaf9;}
.modal2 .productBtn{margin-bottom:10px;padding:5px 10px;}
.modal2 .modal__bg{width:120%;width:calc(100% + 40px);height:120vh;height:calc(100vh + 40px);}

@media screen and (max-width: 599px){
.modal2 .js-modal-close{right:0;}
/* .modal2 .naoa li{width:48%;margin:5px 1%} */
.modal2 .naoa li{width:48%;margin:20px 1%}
}

.cartBtnmo {
    float: left;
    width: 70%;
}

@media screen and (max-width: 599px){
    
    .cartBtnmo a { 
        width: 100%;
        padding: 10px;
    }

    .modal2 .productBtn {
        width: 70%;
    }

    .reltalBtn a {
        padding: 10px;
    }

    .cartBtn a {
        padding: 10px;
    }


}