/* COMMON */
.wrap{position:relative;  padding:0;}

.center-container{width:100%; max-width:1300px; margin:auto;}
.mainmenu3 .visual3-cate:after{width:100%; height:2px; background:url('/img/border-line-bg.jpg'); content:""; display:block}
.main-contents{margin:140px 0 0;}
.main-contents100{margin:100px 0 0;}
.main-contents .main-title{font-size:38px; font-weight:700; line-height:1; color:#000; margin:0 0 28px;}


html:not(.is-mobile) .visual3-cate ul::-webkit-scrollbar{width:4px;}
html:not(.is-mobile) .visual3-cate ul::-webkit-scrollbar-track{background-color:#e7e7e7; margin:40px 0;}
html:not(.is-mobile) .visual3-cate ul::-webkit-scrollbar-thumb{background-color:#333; border-radius:20px;}




/* HEADER */
.header-wrap{width:100%; position:relative; top:0; background:#fff; z-index:20;}
.header-wrap .header-flex{min-width:1300px; display:flex; justify-content:space-between; align-items:center; padding:10px 0;}

.header-wrap .header-flex .header-left{}

.header-wrap .header-flex .header-left .header-left-b{display:flex;}
.header-wrap .header-flex .header-left .header-left-b ul{display:flex; align-items:center;}
.header-wrap .header-flex .header-left .header-left-b ul li{margin:0 24px 0 0;}
.header-wrap .header-flex .header-left .header-left-b ul li:last-of-type{margin:0;}
.header-wrap .header-flex .header-left .header-left-b ul li a{display:block; font-size:20px; font-weight:500; line-height:1; color:#000;}
.header-wrap .header-flex .header-left .header-left-b ul li.hamburger-cate{}
.header-wrap .header-flex .header-left .header-left-b ul li.hamburger-cate a{width:40px; height:40px;
background:#fff; border:1px solid #ddd; border-radius:50px; display:flex; justify-content:center; align-items:center;}
.header-wrap .header-flex .header-left .header-left-b ul li.hamburger-cate a:hover{background:#693817; border:none;}
.header-wrap .header-flex .header-left .header-left-b ul li.hamburger-cate a i{font-size:26px; color:#333;}
.header-wrap .header-flex .header-left .header-left-b ul li.hamburger-cate a:hover i{color:#fff;}


.header-wrap .header-flex .header-center{}
.header-wrap .header-flex .header-center .header-center-logo{}
.header-wrap .header-flex .header-center a{display:block;}
.header-wrap .header-flex .header-center a img{display:block;}

.header-wrap .header-flex .header-right{}
.header-wrap .header-flex .header-right ul{display:flex; justify-content:flex-end;}
.header-wrap .header-flex .header-right ul li{margin:0 20px 0 0;}
.header-wrap .header-flex .header-right ul li:last-of-type{margin:0;}
.header-wrap .header-flex .header-right ul li a{display:block; position:relative; display: flex; flex-direction: column; align-items: center;}
.header-wrap .header-flex .header-right ul li a span{ display: block; font-size: 13px;}
.header-wrap .header-flex .header-right ul li a .count{width:20px; height:20px; line-height: 20px; display:flex; justify-content:center; align-items:center; opacity: 0.8;  font-size:12px; font-weight:600; color:#fff; background:#693817; border-radius:50px; position:absolute; right:-6px; top:0;}
.header-wrap .header-flex .header-right ul li a .top-icon-wp{ background: #f2f2f2; padding: 10px; border-radius: 50px; width: 46px; box-sizing: border-box; display: flex;  align-items: center; justify-content: center;}
.header-wrap .header-flex .header-right ul li a img{ }
.header-wrap .header-flex .header-right ul li:nth-of-type(1) a img{height:;}
.header-wrap .header-flex .header-right ul li:nth-of-type(2) a img{height:;}
.header-wrap .header-flex .header-right ul li:nth-of-type(3) a img{height:;}
.header-wrap .header-flex .header-right ul li:nth-of-type(4) a img{height:;}


/* SEARCH */
.search-box-wrap{width:100%; height:0%; position:fixed; top:0; left:0;
background:rgba(0,0,0,0.7); overflow-y:hidden; transition:0.5s; z-index:20;}

.search-close{position:absolute; top:40px; right:40px; z-index:20;}
.search-close i{font-size:60px; line-height:1; color:#ccc;}
.search-close:hover i{color:#fff;}

.search-box-back{width:100%; height:100%; position:absolute; top:0; bottom:0;}

.search-box{border-bottom: 2px solid #000;}

.search-box input[type="text"]{ height:50px; width: 350px; font-size:15px; font-weight:400; line-height:1; color:#000;  background:none; border:0;}
.search-box input[type="text"]::placeholder{font-weight:300; color:#555;}
.search-box input[type="text"]:-webkit-autofill,
.search-box input[type="text"]:-webkit-autofill:hover,
.search-box input[type="text"]:-webkit-autofill:focus,
.search-box input[type="text"]:-webkit-autofill:active{transition: background-color 5000s; -webkit-text-fill-color: #000 !important;}




@media screen and (max-height: 400px) {
.search-box-wrap{overflow-y: auto;}
.search-close{font-size:40px; top:15px; right:35px;}
}


/* CATEGORY */
.header-gnb-wrap{width:100%; height:0; background:#fff; position:absolute; top:117px; z-index:10; box-shadow:inset 0 0 30px 0 rgba(100,100,100,0.15);  transition:all 0.5s; overflow:hidden;}
.header-gnb-wrap.hamburger-cate-on{}
.header-gnb{display:flex; padding:28px 0;}
.header-gnb .header-gnb-l{flex-grow:1; display:flex; flex-wrap:wrap; margin:-40px 0 0;}
.header-gnb .depth01{}
.header-gnb .depth01 > li{flex-basis:20%; margin:40px 0 0;}
.header-gnb .depth01 > li > a{font-size:16px; font-weight:500; line-height:1; color:#333; white-space:nowrap; display:block; margin:0 0 18px;}
.header-gnb .depth01 > li > .depth02{}
.header-gnb .depth01 > li > .depth02 li{margin:0 0 10px;}
.header-gnb .depth01 > li > .depth02 li a{font-size:14px; font-weight:400; line-height:1; color:#404040; white-space:nowrap; display:block;}

.header-gnb .header-gnb-r{flex-grow:1; display:flex; flex-wrap:wrap; padding:0 0 0 80px; margin:0 0 0 80px; border-left:1px solid #ddd;}
.header-gnb .header-gnb-r li{flex-basis:32%; margin:0 2% 0 0;}
.header-gnb .header-gnb-r li:nth-of-type(3n+0){margin:0;}
.header-gnb .header-gnb-r li a{font-size:18px; font-weight:500; line-height:1; color:#333; display:block;}


.mainmenu3 .visual3-cate{border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
.mainmenu3 .visual3-cate ul{}
.mainmenu3 .visual3-cate .depth01{width:1300px; display: flex; justify-content: center; position: relative; z-index: 10;}
.mainmenu3 .visual3-cate .depth01.depth01-on{background:rgba(0,0,0,0.45);}
.mainmenu3 .visual3-cate .depth01 > li{ margin-right: 20px;}
.mainmenu3 .visual3-cate .depth01 > li:last-child{ margin-right: 0;}
.mainmenu3 .visual3-cate .depth01 > li > a{font-size:18px; font-weight:400; line-height:1; color:#000; white-space:nowrap; padding:20px 20px; display:block; }
.mainmenu3 .visual3-cate .depth01.depth01-on > li > a{color:#fff;}
.mainmenu3 .visual3-cate .depth01 > li:hover{}
.mainmenu3 .visual3-cate .depth01 > li:hover > a{width:calc(100% + 1px); background:#fff;  position:relative;}
.mainmenu3 .visual3-cate .depth01.depth01-on > li:hover > a{color:#000;}
.mainmenu3 .visual3-cate .depth01 > li:hover > .depth02{display:block;}
.mainmenu3 .visual3-cate .depth01 > li > .depth02{width:200px;  margin-left:-50px; display:none; padding:30px 0;position:absolute; top: 58px;background:#fff; border:1px solid #cbcbcb; border-radius:10px; overflow-y:auto; z-index:1;    box-shadow: 3px 10px 15px rgba(0, 0, 0, 0.3)}
.mainmenu3 .visual3-cate .depth01 > li > .depth02 li{}
.mainmenu3 .visual3-cate .depth01 > li > .depth02 li a{font-size:14px; font-weight:400; line-height:1; color:#000; white-space:nowrap; background:#fff; padding:10px 20px; display:block;}
.mainmenu3 .visual3-cate .depth01 > li > .depth02 li a:hover{font-weight:400; color:#da0b0b;}


/* VISUAL */
.mainVisual3-wp{ width: ; height: ; border-radius: 30px; overflow: hidden;}
.mainVisual3 .swiper-wrapper{width:100%;}
.mainVisual3 .swiper-wrapper .swiper-slide{width:100%; overflow:hidden; border-radius: 15px; }
.mainVisual3 .swiper-wrapper .swiper-slide a{height:100%; display:block; position:relative;}
.mainVisual3 .swiper-wrapper .swiper-slide a img{width:100%; display:block; aspect-ratio: 433 / 274;}


.mainVisual3.mainVisual-pc{ overflow: hidden; aspect-ratio: 433 / 274;}
.mainVisual3.mainVisual-pc .swiper-slide{}

.mainVisual3.mainVisual-m{display:none;}


/* PRODUCT LIST 앨범형 */
.product-list{}
.product-list > ul{display:flex; flex-wrap:wrap; margin:-5% 0 0;}
.product-list > ul > li{width:24.25%; margin:5% 1% 0 0; cursor:pointer;}
.product-list > ul > li:nth-of-type(4n+0){margin:5% 0 0 0;}
.product-list.product-list5 > ul > li{width:19.2%;}
.product-list.product-list5 > ul > li:nth-of-type(4n+0){margin:5% 1% 0 0;}
.product-list.product-list5 > ul > li:nth-of-type(5n+0){margin:5% 0 0 0;}

.product-list.product-list6 > ul > li{width:15.833%;}
.product-list.product-list6 > ul > li:nth-of-type(4n+0){margin:5% 1% 0 0;}
.product-list.product-list6 > ul > li:nth-of-type(5n+0){margin:5% 1% 0 0;}
.product-list.product-list6 > ul > li:nth-of-type(6n+0){margin:5% 0 0 0;}

.list-img-box{border-radius: 25px; overflow: hidden; cursor: pointer; position: relative; border: 1px solid #ddd;}
.list-img-box .list-img{ aspect-ratio: 1 / 1; justify-content: center; align-items: center; display: flex;}
.list-img-box .list-img img{height:100%; display:block; transition:0.3s;}

.product-list > ul > li:hover .list-img-box .list-action,
.swiper > ul > li:hover .list-img-box .list-action{opacity:1;}
.product-list > ul > li:hover .list-img-box .list-img:before{background:rgba();}
.product-list > ul > li:hover .list-img-box .list-img img{scale:1.02;}
.list-img-box .list-action{opacity:0; display:flex; position:absolute; left:50%; bottom:20px; transform:translate(-50%, 0); transition:0.3s; z-index:10;}
.list-img-box .list-action li{margin:0 6px 0 0;    height: auto !important;}
.list-img-box .list-action li:last-of-type{margin:0;}
.list-img-box .list-action li a{width:50px; height:50px; display:flex; justify-content:center; align-items:center;
background:rgba(0,0,0,0.6); border-radius:50%;}
.list-img-box .list-action li a:hover{background:rgba(0,0,0,0.85);}
.list-img-box .list-action li a img{width:auto; height:22px;}

.pro-text{margin:10px 0 0;}
.pro-text .proBrand{font-size:14px; font-weight:400; line-height:1; color:#aaa; margin:0 0 6px; display: none;}
.pro-text .proName{font-size:1rem; font-weight:400; line-height:1rem; height:2.2em; color:#333; margin-bottom: 10px;overflow: hidden; word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  white-space: normal;}
.pro-text del{font-size:16px; font-weight:400; .list-img-box .list-img:'SCDream'; line-height:1; color:#aaa; display:block; margin:0 0 6px; display:none}
.pro-text .proPrice{font-size:1.3rem; font-weight:600; font-family:'SCDream'; line-height:1; color:#000;}
.pro-text .proPrice span{ font-size: 1.3rem; font-weight: bold; color: #fff; background: #f03e3e; padding: 0 5px;}

/* 2024년 */

.main-con-wp{ display: flex; width:1300px; margin:0 auto ; justify-content: space-between; /*height: calc(100vh - 19.9rem);*/padding:3rem 0 ;}
.best-list-wrap{ width: 14rem;  display: flex; justify-content: center; }
.main-con-wp .best-list-wrap:nth-child(1){padding-right:2rem}
.main-con-wp .best-list-wrap:last-child{padding-left:2rem}
.best-list-pc{width:100%}
.best-list-pc ul { display: flex; flex-direction: column; height: 100%;}
.best-list-pc ul li:first-child{margin-bottom: 2rem}
.main-con-wp .list-action{ display: none;}
/* 메인배너 */
.mainBanner{}
.mainBanner a{display:block;}
.mainBanner a img{width:100%; display:block;}


/* 카테고리별 추천상품 */
.category-tab{width:100%; display:flex; background:#f7f7f7;}
.category-tab li{flex-grow:1;}
.category-tab li.on{}
.category-tab li a{height:54px; display:flex; justify-content:center; align-items:center; font-size:17px; font-weight:400; color:#636363;}
.category-tab li.on a{background:#fff; border-top:1px solid #da0b0b; color:#000;}
.category-con{margin:28px 0 0;}


/* 메인브랜드 */
.brand-list-wrap{}
.brand-list-wrap ul{display:flex; justify-content:space-between;}
.brand-list-wrap ul li{}
.brand-list-wrap ul li a{display:block;}
.brand-list-wrap ul li a .brand-img{width:164px; height:164px; background:#f5f5f5; border-radius:100%;
display:flex; justify-content:center; align-items:center;}
.brand-list-wrap ul li a .brand-img img{width:134px; display:block;}
.brand-list-wrap ul li a .brand-more{width:164px; height:164px; background:#403f3f; border-radius:100%;
display:flex; justify-content:center; align-items:center;}
.brand-list-wrap ul li a .brand-more .brand-more-i{width:2px; height:48px; position:relative; background:#fff;}
.brand-more-i:after{content:""; background:#fff; width:48px; height:2px; position:absolute; top:24px; left:-24px;}
.brand-list-wrap ul li a p{font-size:20px; line-height:1.2; color:#000; text-align:center; margin:20px 0 0; word-break:break-all;}

#modal-brand .modal-dialog{margin: 0 auto;  top: 50%;  transform: translateY(-50%) !important;}
.all-brands-wrap{max-height:500px;overflow-y:auto;}
.all-brands-wrap .all-brands-title{display: block; font-size: 15px;  font-weight: bold;  padding: 5px 0px;  margin-bottom: 20px;  background: #da0b0b url(/img/red_gra.png) repeat-x;  color: #fff;  text-align: center;}
.all-brands-wrap .all-brands-title:after{content:""; position:absolute; left:0; bottom:-1px; width:50px; border-bottom:2px solid #da0b0b;}
.all-brands-wrap ul{display:flex; flex-wrap:wrap;    flex-direction: column;}
.all-brands-wrap ul li{display: block; padding-bottom: 30px; width: 100%; height: 100%; background: #f9f9f9;}
.all-brands-wrap ul li:nth-of-type(5n+0){margin:10px 0 0;}
.all-brands-wrap ul li a{display: inline-block; width: 19.7%;font-size: 12px;  color: #333;  text-align: center;  padding: 10px 0;  font-size: 14px;}
.all-brands-wrap ul li a:hover{color:#da0b0b;font-weight:bold;}


/* 메인배너2 */
.mainBanner02-wrap{position:relative;}

.mainBanner02-wrap .swiper-slide{border-radius:20px; overflow:hidden; cursor:pointer;}

.mainBanner02-wrap .swiper-button-prev{left:-74px;}
.mainBanner02-wrap .swiper-button-prev:after{content:"\f104"; font-size:20px; font-family:'Line Awesome Free'; color:#555;}
.mainBanner02-wrap .swiper-button-next{right:-74px;}
.mainBanner02-wrap .swiper-button-next:after{content:"\f105"; font-size:20px; font-family:'Line Awesome Free'; color:#555;}
.mainBanner02-wrap .swiper-button-prev,
.mainBanner02-wrap .swiper-button-next{width:52px; height:52px; background:#eee; border-radius:50px; top:calc(129px - 26px); margin-top:0;}


/* FOOTER */
footer{background:#333; margin: 0 0; overflow:hidden; width: 100%; }
footer .footer-b{}
footer .footer-b ul{display:flex; padding:20px 0 0;}
footer .footer-b ul li{padding:0 100px 0 0;}
footer .footer-b ul li:last-of-type{border-right:0; padding:0; margin:0;}
footer .footer-b ul li.footer-b-line{}
footer .footer-b ul li img{}
footer .footer-b ul li.footer-b-l div a{ color: #fff; margin: 0 40px 10px 0; display: inline-block;}
footer .footer-b ul li address{font-style:normal; color: #bfbfbf; font-size:12px; display: flex; align-items: center; padding-bottom: 5px;flex-wrap: wrap;}
footer .footer-b ul li address span{font-size:11px; font-weight:200; padding: 0 15px;}
footer .footer-b ul li .copyright-name{font-size:13px; font-weight:400; line-height:29px; color:#fff;}
footer .footer-b ul li h6{font-size:18px; font-weight:700; line-height:1; color:#fff; margin:0 0 40px;}
footer .footer-b ul li h5{font-size:16px; font-weight:500; line-height:1; color:#fff; margin:0 0 12px;}
footer .footer-b ul li h4{font-size:32px; font-weight:700; line-height:1; color:#fff; margin:0 0 20px;}

footer .footer-b ul li h3{font-size:13px; font-weight:300; line-height:1; color:#fff;}
footer .footer-b ul li.footer-b-c{}
footer .footer-b ul li.footer-b-r{}
footer .copyright-name{color: #bfbfbf;font-size: 12px; text-align: center;margin:10px auto; display:block}


/* 서브 */
.full_con_wp{width:100%; max-width:1300px; margin:auto;}

.product-wrap{display:flex;}

.category-wrap{flex-shrink:0; flex-basis:260px; padding:40px 0 0;}

.goods-list-wrap{flex-grow:1; margin:0 0 0 50px;}
.goodsList{padding:40px 0 0;}


.proImg{}
.proImg img{width:100%; display:block;}






/* 상세페이지 */
.view_top_wrap{background:#fbfbfb; padding:0 0 40px; border-bottom:1px solid #eee;}
.view_top{width:100%; max-width:1440px; display:flex; margin:auto;}

.goods_title_img{ position:relative; width:100%; margin:0 auto; overflow: hidden;}
.goods_title_img dt{ position:relative; width:100%; min-height:308px; padding:0px 0px; overflow:hidden;  cursor:pointer; border:solid 1px #ddd;  text-align:center; box-sizing:border-box; }
.goods_title_img dt img{  position:relative; width: 100%; text-align:center; }
.goods_title_img dt:after{  position:absolute; bottom:0px; right:0px; padding:6px 5px 3px 5px; content:"확대보기"; font:bold 12px/18px Gulim; color:#fff; /*background:url(http://demo1.shop.ofgod.com/shop1/img/black_20.png);*/  } 
.goods_title_img dt:hover{ border-color:#777; }
.goods_title_img dt:hover:after{ background:#333; }
.goods_title_img dd{ text-align:left; }
.goods_title_img dd a{ display:inline-block; width:50px; height:50px; border:solid 1px #ddd; margin:15px 5px; vertical-align:top; text-align:left; }
.goods_title_img dd a:hover{ border-color:#1b6ce5; }
.goods_title_img dd a img{ width:100%; height:100%;  }

.goods_title_img .item-slick.slick-slide.slick-current.slick-active{}
.goods_title_img .slider-for{margin-bottom:10px;}
.goods_title_img .slider-for a{border:1px solid #ddd;}
.goods_title_img .slider-for a:hover{}
.goods_title_img .slider-for img{width:100%; min-height:100%;}

.goods_title_img .slider-for .slick-prev,
.goods_title_img .slider-for .slick-next{z-index:100;}
.goods_title_img .slider-for .slick-prev{left:10px;}
.goods_title_img .slider-for .slick-next{right:10px;}
.goods_title_img .slider-for .slick-prev:before,
.goods_title_img .slider-for .slick-next:before{font-size:16px; color:#555;}

.goods_title_img .slider-for .slick-dots{bottom:10px;}
.goods_title_img .slider-for .slick-dots li{width:16px; height:16px; margin:0 2px;}
.goods_title_img .slider-for .slick-dots li button{width:16px; height:16px;}
.goods_title_img .slider-for .slick-dots li button:before{content:""; top:50%; left:50%; transform:translate(-50%, -50%);
width:6px; height:6px; background:#000; border-radius:50%;}

.goods_title_img .slider-nav{margin:0 10px 0 20px;}
.goods_title_img .slider-nav .item-slick{height:100%; float:left; margin:0 10px 0 0; border:1px solid #ddd; cursor:pointer; box-sizing:border-box;}
.goods_title_img .slider-nav .item-slick:last-of-type{margin-right:0;}
.goods_title_img .slider-nav .item-slick.slick-current.slick-active{border:1px solid #da0b0b;}
.goods_title_img .slider-nav .item-slick img{width:100%; background-size:cover; background-position:center;}

.goods_title_img .slider-nav .slick-arrow{width:19px; height:100%; background:#fff;}
.goods_title_img .slider-nav .slick-prev{left:-19px;}
.goods_title_img .slider-nav .slick-next{right:-9px;}
.goods_title_img .slider-nav .slick-prev:before,
.goods_title_img .slider-nav .slick-next:before{font-size:14px; color:#555;}
.goods_title_img .slider-nav .slick-prev:hover:before,
.goods_title_img .slider-nav .slick-prev:focus:before,
.goods_title_img .slider-nav .slick-next:hover:before,
.goods_title_img .slider-nav .slick-next:focus:before{color:#da0b0b;}


.view_top .rightWrap_01{flex-grow:1; padding:28px 42px; margin:0 0 0 60px; background:#fff; border-radius:20px; box-shadow:0 0 10px 0 rgb(0 0 0 / 5%);}

.goods_view_wrap{width:100%; max-width:1440px; margin:0 auto;}


.addSwiper{margin:60px 0 0;}
.addSwiper h3{font-size:16px; font-weight:400; line-height:1; color:#222; border-bottom:1px solid #e5e5e5; position:relative;
padding:0 0 16px; margin:0 0 30px;}
.addSwiper h3:after{content:""; position:absolute; left:0; bottom:-1px; width:50px; border-bottom:2px solid #ff1010;}
.addSwiper .swiper-slide{cursor:pointer;}

.addSwiper .swiper-button-prev{left:-74px;}
.addSwiper .swiper-button-prev:after{content:"\f104"; font-size:20px; font-family:'Line Awesome Free'; color:#555;}
.addSwiper .swiper-button-next{right:-74px;}
.addSwiper .swiper-button-next:after{content:"\f105"; font-size:20px; font-family:'Line Awesome Free'; color:#555;}
.addSwiper .swiper-button-prev,
.addSwiper .swiper-button-next{width:52px; height:52px; background:#eee; border-radius:50px; top:calc(198px - 26px); margin-top:0;}


/* 검색 화면단 상품 리스팅 처리 */
.product_list.search_mode{ width:100%; padding:50px 0; display: block;}
.product_list.search_mode > li {width: 100%;display: flex; border-bottom: 1px solid #ddd;  box-sizing: border-box; margin: 0 !important; padding: 1%;}
.product_list.search_mode li .list-img-box{ width: 130px; margin-right: 20px;}
.product_list.search_mode .pro-text{ display: flex; justify-content: space-between;width: 100%;align-items: center;}
.product-list.product-list5 > ul.search_mode > li{width: 100%;}







/* 스마트폰 세로 모드 */
@media (max-width: 599px) {

}

/* 스마트폰 가로 모드 */
@media (min-width: 600px) and (max-width: 899px) {

}

/* 태블릿 세로 모드 */
@media (min-width: 900px) and (max-width: 1199px) {

}

/* 태블릿 가로 모드 */
@media (min-width: 1200px) and (max-width: 1599px) {

}

/* 작은 데스크탑 */
@media (min-width: 1600px) and (max-width: 1800px) {
.wrap{width:100%}
.best-list-wrap{ width: 13rem;}
.best-list-pc ul li:first-child{margin-bottom: 1rem;}
}

/* 작은 데스크탑 */
@media (min-width: 1500px) and (max-width: 1600px) {
.center-container{width:80%}
.best-list-wrap{ width: 13rem;}
.mainmenu3 .visual3-cate .depth01,.wrap,.header-wrap .header-flex{width:100%;min-width:100%}
.best-list-pc ul li:first-child{margin-bottom:0}
.main-con-wp{width:80%; padding: 2rem 0;}
.pro-text .proName{    height: 1.2em;-webkit-line-clamp:1}
}






