/*  sec01*/
/* .sec{padding:80px 0 ;} */


/* .sec.toshi{padding:0 0 100px 0 ;} */

.shop_view_bg{position:relative; margin-bottom: 40px;}
.shop_view_bg span{width:100%; height:100%;display: block;position:absolute;top:0;opacity: 0.3;z-index: -1;}
h3.sub_h3{padding:80px 0 30px;font-size:2.5rem; font-weight: bold; text-align: center; color: #b7a695;  margin-bottom: 0px;}
.sec01 .top ul{display: flex;align-items: center;justify-content: center; font-size:1.25em;margin:0px auto 10px }
.sec01 .top ul li{margin:0 15px;color:#888}
.sec01 .top ul li.on{color:#000}
.shop_view_bg .top{    width: 100%;overflow-x: scroll;}
.shop_view_bg .top ul{width: max-content;}


.sec01 {margin:0 auto; padding-bottom: 100px;}

.toshi  .page_but{margin-top: 0;}
.sec01 .menu_list{font-size:0.875em;margin:10px 0}
.sec01 .menu_list .top_slide{width: 100%; display: none;
    background: #fff;
    height: auto;padding:0 20px 20px 20px;
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 999;}
    .sec01 .menu_list .top_slide ul{border-bottom:2px solid #333;}
    .sec01 .menu_list .top_slide li{width:50%;border-right:1px solid #ddd; border-bottom:1px solid #ddd;display: inline-block;margin-left:-4px;padding: 12px 0 10px;text-align: center; font-size:14px;color:#888; font-weight: 400;}
    .sec01 .menu_list .top_slide li.on p{ font-weight: 600;color:#333}
    .sec01 .menu_list .top_slide li p a{width: 100%; display: block;}
    .sec01 .menu_list .top_slide li:nth-child(2n){border-right:none;}


.sec01 .menu_list .right{font-size:0.875rem; color:#888}
.sec01 .menu_list .right .number{font-size:1.125rem; color:#000; font-weight: 600;}

.cata_list ul li{color:#bbb;display: inline-block;}
.cata_list{display: flex}
.cata_list p{margin:0 5px; color:#888; }
.cata_list p.on{color:#000; font-weight: 800;}
/* .mo_cata_list{display: none;} */

.mo_cata_list { display: inherit; position:relative}
.mo_cata_list > p{ border:1px solid #ddd; background-color: #fff;padding: 5px 10px;
    width: 130px;}
.mo_cata_list > p::after{width:10px; content:''; display: block; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/COMMON/160297087255320.png) no-repeat center bottom; height:20px; position:absolute; top:8px; left: 108px;}
.mo_cata_list ul {position: absolute; top:32px; left:0;border:1px solid #ddd; display:none;background-color: #fff; width:100%; line-height: 2em;padding:10px;z-index: 999;}
.mo_cata_list ul li{color:#bbb;display: block;}
.mo_cata_list p {font-size: 0.937rem;}


.pc_cata_list{display:flex; justify-content: flex-end;}
.mo_cata_list{display: none}




.sec01 .body_list > ul{border-top:2px solid #b7a695;padding:40px 0;}

.toshi .body_list > ul{display: flex; flex-wrap: wrap;  align-items: flex-start;;}
.toshi .body_list > ul li{/* width: 380px;  */position: relative; margin-bottom: 40px;}
.toshi .body_list > ul li i{width:100%;    display: block;  padding-bottom:100%; margin-bottom: 10px;bordeR:1px solid #ddd;}
.toshi .body_list .heartIcon{width: 36px; height: 33px; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BLASHOP/165584547628946.png); position: absolute; top: 10px; right:24px; z-index: 10;}
.toshi .body_list .heartIcon.click{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BLASHOP/165584552351468.png);}
.toshi .body_list .f_im{width: 36px; height: 33px; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BLASHOP/165584547628946.png); position: absolute; top: 10px; right:24px; z-index: 10;}
.toshi .body_list .f_im.yes_att{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BLASHOP/165584552351468.png);}



.toshi .body_list .gd-img{width: 100%; height: 270px; margin-bottom: 30px; overflow: hidden;}
.toshi .body_list .gd-img img{width: 100%; height: 100%; transition: 0.3s;}
/* .toshi .body_list .gd-info{padding-left: 15px;} */
.toshi .body_list .gd-info{margin-top: 20px;}
.toshi .body_list .gd-info p{margin-top: 10px;
  }
    .toshi .body_list .gd-info a{  word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
        ;}
.toshi .body_list .gd-name a{font-size: 1.125rem;font-weight: 600;}
.toshi .body_list .gd-price{ font-size: 1.1rem; color: #321301;}
.toshi .body_list  .gd-percent{ font-size: 1rem; color: #dd3333;font-weight: 600;position: relative;top:-3px;margin-left: 10px;;}
.toshi .body_list .cartIcon{position: absolute; bottom: 10px; right: 20px; width: 43px; height: 33px; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/COMMON/162083403685562.png);display: none;}
.toshi .body_list .gd-sale::before{content:'';display: block;width: 100%;height: 1px;background: #888;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
/* hover */
.toshi .body_list .gd-sale{ font-size: 1.1rem; color: #888;position: relative;width: max-content;margin-left: 10px;}
.toshi .body_list .gd-img:hover img{transform: scale(1.1);}



.sale_point{position:absolute; top:30px; left:-5px; }

.sale_point .sale{background-color: #333; color:#fff; font-size:14px;padding:2px 10px;letter-spacing: 3px; border-radius: 0px 10px 10px 0px ;}
.toshi .body_list ul li .text_box .t_point{margin-top:8px;}
.t_point p{padding:1px 8px;letter-spacing: 1px; margin-right:5px; font-size:11px;border:1px solid #ddd; font-weight: bold;line-height: 1.6;}
.t_point p.hot{border:1px solid rgb(192, 50, 50); color:rgb(192, 50, 50)}
.t_point p.sale{border:1px solid rgb(185, 145, 32);color:rgb(185, 145, 32)}
.t_point p.best{border:1px solid rgb(62, 123, 214);color:rgb(62, 123, 214)}
/* ********************************************* *
 * 1400px max
 * ********************************************* */
 @media (max-width:1400px){

.toshi .body_list ul li > div > i {min-height: 380px;}
.sec01{padding-top:0 !important;}
    
}
/* ********************************************* *
 * 1200px max
 * ********************************************* */
 @media (max-width:1200px){

    .toshi .body_list ul li > div > i {min-height: 300px; height: 300px;}

   
    
}
/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){


   
    
}
/* ********************************************* *
 * 960px max
 * ********************************************* */
 @media (max-width:960px){


    .toshi .body_list ul li > div > i {min-height:250px; height: 250px;}
   
    
}
/* ********************************************* *
 * 840px max
 * ********************************************* */
 @media (max-width:840px){
    .toshi .body_list ul li .text_box .m_price{    flex-direction: column;}
    .toshi .body_list ul li .shop_sale{width: fit-content;}
   
    
}
/* ********************************************* *
 * 769px max
 * ********************************************* */
 @media (max-width:769px){
    .toshi .body_list ul li > div > i { height: 410px;}

    .pc_cata_list{display:none}
    .mo_cata_list{display: flex}
    .cata_list p {margin: 0;}

    /* .toshi .body_list ul{justify-content: center;} */



   
    
}
/* ********************************************* *
 * 640px max
 * ********************************************* */
 @media (max-width:640px){
     .toshi .body_list ul li > div > i { height: 289px;}
     .sec01 .shop_view_bg .top ul {display: flex;;text-align: center;font-size: 1rem;width: max-content;margin: 0 auto;padding:10px 0;}
     .sec01 .shop_view_bg .top{overflow-y: scroll;}

     
        /* .sec01 .top ul li p{    border: 1px solid #888;margin:0 10px;} */
     .toshi .body_list ul li .shop_title {
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 5px;
    }
    .toshi .body_list ul li .shop_text{    font-size: 13px;}

    .sale_point .sale {font-size: 12px;padding: 1px 6px;}
    .sale_point {top: 25px;}
    .sec.toshi { padding: 0; }
    .shop_view_bg {height: auto;padding-bottom: 10px;}
    h3.sub_h3 {padding: 60px 0 10px;font-size: 2rem;}
    .shop_view_bg {margin-bottom: 10px;}

    .sec01 .top ul{display: none;}
    .toshi .body_list .cartIcon{width: 34px;}
    .toshi .body_list .heartIcon{width: 24px; right: 18px;}
}


/* ********************************************* *
 * 576px max
 * ********************************************* */
 @media (max-width:576px){

    .toshi .body_list .gd-info p {margin-top: 0px;  flex-direction: column-reverse;position: relative;display: flex;}
    .toshi .body_list .gd-info p span{margin-left: 0;}
    .toshi .body_list .gd-percent{position: absolute;right:0;top:0;background-color:#dd3333;color: #fff;padding:0 6px;font-size: 12px;}
    .toshi .body_list .gd-percent::before{content:'SALE ';}
.sec02 .goods-wrap li {margin: 0 6px 20px;width:calc((100% - 24px) / 2 )}
.sec02 .goods-wrap ul{margin-left:-6px;margin-right:-6px;}
.toshi .body_list .gd-name{border-bottom:1px solid #ddd;padding-bottom:4px;margin-bottom: 8px;width: 100%;display: block;}
.toshi .body_list .gd-price{font-weight: 600;}
.toshi .body_list .gd-info {margin-top: 10px;}



}

/* ********************************************* *
 * 500px max
 * ********************************************* */
 @media (max-width:500px){
html{font-size:14px;}

.sec01 .body_list > ul {border-top: 2px solid #333; padding: 20px 0}
    .toshi .body_list ul li > div > i {height: 200px;  min-height: auto;border-radius: 10px;}
   
    .list_icon {padding: 9px 2px 6px 9px;}


    .sec01 .top ul {font-size: 1.125em;}
    h3.sub_h3 {font-size: 2rem;}
    .toshi .body_list ul li:hover i .s_na{transform: translate(-50%, -50%) scale(0.8);}

    
   .list_icon{transform: none; background-color: transparent;bottom:7px;width:52px;}
   .list_icon .no_like{display: none;}
   .list_icon .fa-shopping-cart{display: none;}
   .thumbnail ul li:hover .list_icon {transform: none; width: auto;}
   .toshi .body_list .color ul li { margin-right: 4px; width: 12px; height: 12px;}
   .toshi .body_list > ul > li {margin-bottom: 50px;}
   .toshi .body_list ul li .shop_sale:after {width: 45px;}
 }
/* ********************************************* *
 * 400px max
 * ********************************************* */
 @media (max-width:400px){

    .sec01 .top ul { font-size: 1.125em;}
    .toshi .row > [class*='col'] {
        padding-right: 8px;
        padding-left: 8px;
    }
    .toshi .body_list ul li > div > i {height:180px;  min-height: auto}

    .mo_cata_list > p {width: 120px; }
    .toshi .body_list .color ul li {width: 10px; height: 10px;}

    .toshi .body_list ul li .shop_title span {font-size: 1rem;font-weight: 500;}
    .toshi .body_list ul li .text_box i.fa {font-size: 1.2rem;}

    .toshi .body_list .gd-sale {font-size: 14px;}
    .toshi .body_list .gd-name a{font-size: 15px;}
    .toshi .body_list .gd-percent{ padding: 0 2px;}
    .toshi .body_list > ul > li {margin-bottom: 30px;}

}
/* ********************************************* *
 * 350px max
 * ********************************************* */
 @media (max-width:350px){
    .toshi .body_list ul li .m_price {flex-direction: column; }
    .toshi .body_list ul li .shop_sale {width: fit-content; }
    .toshi .body_list ul li > div > i {height: 160px;}

    
 }