.mainwrap{margin-top: 46px;margin-top: 96px;}
.mainwrap .wrap{}

section.sect{}

section.sect .sect_top{padding:20px 15px; position: relative;text-align:center}
section.sect .sect_title{font-size:24px;font-weight:800;letter-spacing:-1px;color:#000;}
section.sect .sect_sub{font-size: min(16px,3.5vw);color: #9b9b9b;margin-top:3px; letter-spacing: -.3px;}
section.sect .sect_link{position: absolute;right:15px;bottom:22px;font-size:13px;color:#bfbfbf;}
section.sect .sect_link:after{
	content:'';
	display: inline-block;
    margin-left: 5px;
    width: 5px;
    height: 5px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #ddd;
    transform: rotate(45deg);
}
section.sect .sect_thumb{
    padding: 45px 15px 10px;
    border-top: 10px solid #f2f2f2;
}


section.sect ul{padding-bottom: 20px;}
section.sect .touchflow ul{}
section.sect ul::-webkit-scrollbar{}
section.sect ul::-webkit-scrollbar{height: 7px;}
section.sect ul::-webkit-scrollbar-track{background: #f1f1f1;}
section.sect ul::-webkit-scrollbar-thumb{
	background: #999; 
	border-radius:100px;
}
section.sect ul::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
section.sect ul::-webkit-scrollbar{display:none}

@media screen and (max-width: 768px) {
section.sect ul::-webkit-scrollbar{display:none}
	section.sect ul{padding-bottom: 0;}
}


section.sect.quick{margin:0;z-index:2}.quickcate{width:100%;text-align:center;background-color:#6b6991;white-space:nowrap}.quickcate ul{overflow-x:scroll;position:relative;width:100%;height:100%;z-index:1;display:flex;justify-content:space-between;transition-property:transform;box-sizing:content-box;padding-bottom:0 !important;}.quickcate ul::-webkit-scrollbar{display:none}.quickcate ul li{flex-shrink:0;height:100%;transition-property:transform;position:relative;display:inline-block;width:auto}.quickcate ul li:before{position:absolute;left:0;top:50%;margin-top:-7px;width:1px;height:13px;background-color:#363636;content:'';display:none}.quickcate ul li:first-child:before{display:none}.quickcate ul li a{display:block;font-size:13px;padding:0 9px;line-height:42px;color:#fff;font-weight:500}.quickcate ul li .thmb{display:none}.quickcate ul li .tx{}


.quickbox{margin:35px 30px;display:flex}.quickbox .quick_go{width:25%}.quickbox .quick_go a{display:flex;flex-direction:column;align-items:center}.quickbox .quick_go .img{display:inline-flex;width:60px;height:60px;background:#f4f4f4;border-radius:30%;align-items:center;justify-content:center}.quickbox .quick_go .img img{width:46px}.quickbox .quick_go:first-child .img img{width:48px;margin-left:4px}.quickbox .quick_go .txt{margin-top:10px;font-size:13px}




#maintop_slide{margin-bottom:70px; }
#maintop_slide ul{padding-bottom: 0;}
#maintop_slide .swiper-slide a{	
    display: flex;
    justify-content: center;
    overflow: hidden;
}
#maintop_slide .swiper-slide a img{
    width: 120%;
    width: 100%;
    max-width: unset;
    display: inline-flex;
}
#maintop_slide .txtinfo{position:absolute;left:0;bottom:0;padding: 0 7% 10%;display: none;}
#maintop_slide .txt_cate {
    border: 1px solid;
    border-color: inherit;
    display: inline-block;
    padding: 5px 10px;
    letter-spacing: -.5px;
    font-weight: 500;
}
#maintop_slide .txt_name {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    margin: 15px 0 10px;
}
#maintop_slide .txt_sub {
    font-size: 12px;
    line-height: 1.2;
}
#maintop_slide .txtinfo[style$='fff'] .txt_name,
#maintop_slide .txtinfo[style$='fff'] .txt_sub{	
    text-shadow: 1px 1px 0px #c7c7c7;
}


#maintop_slide .swiper-button-next,#maintop_slide .swiper-button-prev{display:none}
#maintop_slide .swiper-pagination-fraction{display:inline-block;width:auto;min-width:55px;box-sizing:border-box;left:unset;right:7px;bottom:7px;background:rgb(0 0 0 / 25%);padding:2px 9px;border-radius:100px;letter-spacing:-.3px;color:#fff;font-size:11px}
#maintop_slide .swiper-pagination-fraction .swiper-pagination-current{color:#fff;font-weight:700}
#maintop_slide .swiper-pagination-fraction>span{margin:0}

.bestitembox{width: 100%;margin: 10px auto 60px;}
.bestitembox .mretabbox{padding: 0px 15px 30px;margin: -20px 0 0;}
.bestitembox .mretabbox ul{display: flex;align-items: center;justify-content: center;}
.bestitembox .mretabbox ul li{}
.bestitembox .mretabbox ul li~li{margin-left:15px}
.bestitembox .mretabbox ul li a {padding: 0px 0px;text-transform: uppercase;font-size: 15px;display: inline-block;}
.bestitembox .mretabbox ul li a.tabactive{color:#8050ff;border-top: 1px solid;border-bottom: 1px solid;border-color:#8050ff}

.bestitembox>ul{display: flex;overflow-x: scroll;overflow-y: hidden;}
.bestitembox>ul li{flex: 1 0 43%;margin-right: 5px;}
.bestitembox>ul li:first-child{margin-left: 15px;}
.bestitembox>ul li:last-child{margin-right: 15px;}
.bestitembox>ul li .pdlink{display: block;}
.bestitembox>ul li .pdimg{position: relative;}
.bestitembox>ul li .pdimg img{}
.bestitembox>ul li .pdimg .item_tag{position: absolute;top: 5px;left: 5px;width: 50px;}
.bestitembox>ul li .pdimg .item_tag img+img{display: none;}

.bestitembox>ul li .addinfo{display:table;width:100%;margin: 0px 0 15px;border-top: 1px solid #393939;border-bottom: 1px solid #393939;}
.bestitembox>ul li .addinfo span{display: table-cell;vertical-align: middle;background-color:#e5e4f6;color:#535151;text-align:center;font-size:min(13px,2.8vw);height:34px;letter-spacing:-1px;}
.bestitembox ul li .addinfo span:nth-child(1){width:50%;}
.bestitembox ul li .addinfo span:nth-child(2){text-indent: -3px;}
/*.bestitembox ul li .addinfo span:nth-child(3){width:40%;}*/
.bestitembox>ul li .pdtitle{
	min-height: 38px;
    color: #202020;
    overflow: hidden;
    letter-spacing: -1px;
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    padding: 0 6px 0;
    margin: 10px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bestitembox>ul li .addinfo2{margin: 6px 0 0;}
.bestitembox>ul li .addinfo2 span{color: #adadad;font-size:min(12px,2.9vw);}
.bestitembox>ul li .addinfo2 span:before{content:'#';}
.bestitembox>ul li .pdprice{margin-top: 15px;letter-spacing:-.5px;}
.bestitembox>ul li .pdprice .sale_price{color:#fa6391;font-weight:700;font-size:16px;margin-right:5px}
.bestitembox>ul li .pdprice .dc_price{	
    color: #8050ff;
    font-weight: 700;
    font-size: 16px;
    margin-right: 5px;
}
.bestitembox>ul li .pdprice .buy_price{color: #999;}
.bestitembox>ul li .pdprice .sale_price+.dc_price{color:#999;font-size:inherit;text-decoration:line-through;font-weight:400}
.bestitembox>ul li .pdprice .strike{text-decoration:line-through}
.bestitembox>ul li .subinfo{margin-top: 5px;}
.bestitembox>ul li .subinfo span{display: inline-block;border-radius:3px;font-size:min(11px,2.3vw); color:#fff; font-weight:700;line-height: 1.8;text-indent: 3px;position: relative;z-index: 1;}
.bestitembox>ul li .subinfo span:before{content: '';position: absolute;left: 0px;right: -3px;top: 0;bottom: 0;background: #6b6991;z-index: -1;border-radius: 3px;}
@media screen and (min-width: 768px){}



.newsbox{margin: 0 15px 70px;}
.newsbox .textbox{padding: 10px 5px;}
.newsbox .textbox ~.textbox{border-top:1px solid #ccc}
.newsbox .news_title{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 95%;
    font-size: 14px;
    font-weight: bold;
    color: #7D7D7D;
}
.newsbox .textline{
	display: block;
    font-size: 12px;
    color: #000;
}

.calendarbox{margin: 0 15px 70px;}
.calendarbox table{text-align: center;}
.calendarbox img{width: 100%;}

#calendar{}
#calendar .calendar_area:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#calendar .calendar_area{max-width: 700px;
    margin: 15px auto 40px;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
#calendar .month{width:48%;margin:0 0 15px;}
#calendar .month p{
    font-weight: 700;
    font-size: 16px;
    padding: 5px 10px;
    background: #6b6991;
    color: #fff;}

#calendar .month table{border-collapse: collapse;
    width: 100%;
    display: table;
    margin: 0;
    padding: 0;
    font-size: min(16px,3.2vw);}
#calendar .month table th{background: #d9d9da;
    border: 1px solid #c1c1ca;
    color: #111;
    text-align: center;
    display: table-cell;
    height: 25px;}
#calendar .month table th.sun{color:#822de2}
#calendar .month table th.sat{color:#822de2}
#calendar .month table td{background: #fff;
    border: 1px solid #c1c1ca;
    text-align: center;
    display: table-cell;
    width: calc(100%/7);
    padding: 0px 3px;
    height: 28px;
    font-weight: 500;
}
#calendar .cal_info{
    display: flex;
    flex-direction: column;
    width: 100%;}
#calendar .cal_info .noti{
    background: #dfdeee;
    font-weight: 700;
    font-size: min(34px,4.6vw);
    padding: 7px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;}
#calendar .cal_info li{
    display: flex;
    font-size: min(22px,3.57vw);
    letter-spacing: -1px;
    margin: 0 0 20px;
    padding: 0 10px;
    align-items: flex-start;
    letter-spacing: -1px;
    font-weight: 500;
}
#calendar .cal_info li:before{content: '';
    display: inline-block;
    min-width: min(60px,8vw);
    height: min(34px,5vw);
    border-radius: 100px;
    margin-right: 1vw;}
#calendar .cal_info li.red:before{background: #f84e8d;}
#calendar .cal_info li.blue:before{background: #40d7de;}




.mituno_cont{margin: 0 auto 70px;}
.mituno_cont ul.mzslide{display: flex;overflow-x: scroll;}
.mituno_cont ul.mzslide li {flex: 1 0 43%;margin-right: 15px;max-width: 360px}
.mituno_cont ul.mzslide li:first-child{margin-left: 15px}
.mituno_cont .desc .thumb{width:100%;background:#f4f4f4;}
.mituno_cont .desc .thumb.square{display:flex;align-items:center;justify-content:center; aspect-ratio: 300 / 386; background: #f9f9f9;}
.mituno_cont .desc .headline{border-radius:0 0 7px 7px;border:1px solid #e7e7e7;border-top:0;padding:13px 15px}
.mituno_cont .desc .headline .tit{display:flex;align-items:center;font-size:15px;color:#0b0b0b;line-height:1.5;font-weight:800}
.mituno_cont .desc .headline .tit span:nth-child(1){max-width:24rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mituno_cont .desc .headline .sub{padding-top:.37rem;font-size:13px;font-weight:500;color:#0b0b0b;line-height:1.5}


@media screen and (min-width: 768px){
.mituno_cont ul.mzslide li {
    flex: 1 0 25%;
    margin-right: 10px;
}
}


.topsearched_slide{width:100%;position:relative;margin:0px auto 70px;overflow:hidden}
.topsearched_slide .topsearched_item_list{position:relative;display:flex;overflow-x: scroll}
.topsearched_slide .topsearched_item_list>li{
    flex: 1 0 70%;
    margin-right:15px;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
    max-width: 340px;
}
.topsearched_slide .topsearched_item_list>li:first-child{margin-left:15px;}
.topsearched_slide .topsearched_item_list>li:last-child{}
.topsearched_slide .topsearched_item_list>li a{position:relative}
.topsearched_slide .topsearched_item_list>li>a img{display:block;width:100%;}


.topsearched__contents{width:100%}
.topsearched__contents>a{display:block}
.topsearched__contents__thumbnail{}
.topsearched__contents__thumbnail>img{width:100%;}
.topsearched__contents__information{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}
.topsearched__contents__title{font-size:min(28px,7vw); letter-spacing:-1px;}
.topsearched__contents__text{font-size:min(14px,3.5vw);}
.topsearched__contents__title+.topsearched__contents__text{margin-top:5px}

.topsearched__goods-list{width:100%;display:grid;grid-template-columns: 1fr 1fr 1fr; gap: 2px;margin-top:2px;}
.topsearched__goods{}
.topsearched__goods__link{}
.topsearched__goods__thumbnail{
    display: flex;
    overflow: hidden;
    justify-content: center;
}
.topsearched__goods__thumbnail img {
    width: 100%;
    max-width: unset;
}
.topsearched__goods__information{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
	font-size:13px;
	text-align: center;
}
.topsearched__goods__title{}
.topsearched__goods__text{}
/*.topsearched__goods__link:hover .topsearched__goods__information{ opacity:1; background: rgba(0,0,0,.1); transition:opacity 1s ease-in-out}*/

.topsearched4 .topsearched__goods-list,
.topsearched8 .topsearched__goods-list{grid-template-columns: 1fr 1fr;}



.best_slide{width:100%;position:relative;margin:10px auto 60px;overflow:hidden}
.best_slide .best_item_list{margin:30px 0 0;position:relative;display:flex;flex-flow:row nowrap}.best_slide .best_item_list:after{content:'';display:block;clear:both}.best_slide .best_item_list li{flex:1 0 100%;padding:0 10px;box-sizing:border-box}.best_slide .best_item_list li a{position:relative}.best_slide .best_item_list .bnum{position:absolute;top:7px;left:7px;display:flex;width:25px;height:25px;background:#fff;border:1px solid #e95656;border-radius:10px 10px 10px 0;color:#e95656;font-size:18px;font-weight:700;align-items:center;justify-content:center}.best_slide .best_item_list li>a{display:block;border:1px solid #eee;border-radius:10px;overflow:hidden}.best_slide .best_item_list li>a img{display:block;width:100%;min-height:min(447px,55.7vw);background:#f4f4f4}.ssbest_item_list{width:100%;margin-top:35px}.ss_best_slider a{flex:1 0 40%;display:flex;flex-direction:column;align-items:center;margin-right:8px}.ss_best_slider a img{width:100%;min-height:min(270px,44.7vw);background:#f4f4f4}.ss_best_slider a>p{display:block;min-height:40px;text-align:center;margin:10px 0 0}.ss_best_slider a>p span{font-size:13px;line-height:1.4;font-weight:500;letter-spacing:-1.2px}.best_slide .best_item_list.ver2 li{flex:1 0 300px}.best__contents{width:100%}.best__contents>a{display:block}.best__contents__thumbnail{overflow:hidden;position:relative;width:100%;border-radius:6px;background-color:#f5f5f5}.best__contents__thumbnail>img{width:100%;mix-blend-mode:multiply}.best__contents__label-wrap{display:flex;position:absolute;bottom:10px;left:10px;width:calc(100% - 20px)}.best__contents__label{width:auto;height:20px;margin-right:2px;padding:0 6px;border-radius:2px;font-size:11px;font-family:Musinsa,"-apple-system","Apple SD Gothic Neo",Roboto,"Noto Sans KR",helvetica,Gulim,sans-serif;line-height:20px;color:#fff}.best__contents__label--state-video{margin-left:auto;padding:0}.best__contents__information{width:calc(100% - 5px);min-height:70px;margin-top:10px}.best__contents__title{overflow:hidden;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.best__contents__text{display:block;display:-webkit-box;overflow:hidden;width:100%;min-height:42px;font-size:14px;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.best__contents__title+.best__contents__text{margin-top:5px}.best__goods-list{width:100%;margin-top:25px}.best__goods{width:100%;margin-bottom:15px}.best__goods:last-of-type{margin-bottom:0}.best__goods__link{display:flex;align-items:center}.best__goods__thumbnail{overflow:hidden;position:relative;width:100px;padding-top:31.25%}.best__goods__thumbnail>img{position:absolute;top:50%;left:50%;height:100%;transform:translate(-50%,-50%);-o-object-fit:contain;object-fit:contain}.best__goods__information{display:flex;margin-left:15px;align-items:center;flex-wrap:wrap;flex:1}.best__goods__name{display:block;display:-webkit-box;overflow:hidden;font-size:13px;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-basis:100%}.best__goods__price{margin-right:5px;font-size:13px;font-family:Musinsa,"-apple-system","Apple SD Gothic Neo",Roboto,"Noto Sans KR",helvetica,Gulim,sans-serif}


.keywordsearchbox{margin:0 15px 80px}
.keywordsearchbox .keywordsearch .inpbox{display:flex;border-bottom:2px solid #000;justify-content:space-between;padding:8px 20px}
.keywordsearchbox .keywordsearch .inpbox #inpbox_inp{border:0;outline:0;font-size:15px;line-height:1.5;background:transparent;width:100%}
.keywordsearchbox .keywordsearch .inpbox #inpbox_inp::-webkit-input-placeholder{color:#8d8d8d}
.keywordsearchbox .keywordsearch .inpbox #inpbox_inp:-ms-input-placeholder{color:#8d8d8d}
.keywordsearchbox .keywordsearch .inpbox #inpbox_inp:focus::-webkit-input-placeholder{color:transparent}
.keywordsearchbox .keywordsearch .inpbox #inpbox_inp:focus:-ms-input-placeholder{color:transparent}
.keywordsearchbox .keywordsearch .inpbox .inpbox_src{display:inline-block;width:32px;text-indent:-9999px;background:url(/_IMG_SRV_/icon/icon_search.png) no-repeat center right;background-size:23px}
.keywordsearchbox .ranking{margin:20px 0 0}
.keywordsearchbox .ranking ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:170px;-ms-flex-line-pack:justify;align-content:space-between}
.keywordsearchbox .ranking ul li{background-color:#f6f6f6;width:calc(50% - 3px);border-radius:17px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:40px;text-decoration:none;max-height:40px;margin-bottom:10px}
.keywordsearchbox .ranking ul li.bg_pink{background-color:#fff2f6}
.keywordsearchbox .ranking ul li:nth-child(-n+3){margin-right:6px}
.keywordsearchbox .ranking .num{width:35px;text-align:center;font-weight:900;font-size:14px;text-indent:5px}
.keywordsearchbox .ranking .item{color:#555;font-size:14px;font-weight:500;padding:0 5px 0 0;letter-spacing:-.75px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.keywordsearchbox .ranking .updown{font-size:10px;line-height:9px;margin:auto 8px auto auto;width:32px;text-align:center}
.keywordsearchbox .ranking .updown.up:before,.keywordsearchbox .ranking .updown.down:before{content:'';display:inline-block;width:0;height:0;border-style:solid;border-width:8px 5px 0 5px;border-color:#555 transparent transparent transparent}
.keywordsearchbox .ranking .updown.up:before{transform:rotate(180deg);border-color:#ff4081 transparent transparent transparent}
.keywordsearchbox .ranking .updown.powerup:before{content:'急上昇';display:inline-block;font-weight:700;color:#ff4082;font-size:10px}
.keywordsearchbox .ranking .updown.new:before{content:'new';display:inline-block;font-weight:700;color:#ff4081;font-size:10px;text-transform:uppercase}


.keywordbox{margin: 10px 0 70px;}
.keywordbox ul{display: flex; overflow-x: scroll;}
.keywordbox ul li{
	text-align: center;
    box-sizing: border-box;
    margin-right: 15px;
    flex: 1 0 43%;
    background: #f0f0f0;
    max-width: 180px;
    aspect-ratio: 1/1;
}
.keywordbox ul li:first-child{margin-left:15px;}
.keywordbox ul li:last-child{margin-right:15px;}

.keywordbox ul li a{
	width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    justify-content: space-between;
    padding: 40px 15px 15px;
}
.keywordbox ul li .keyword_thmb{
	display: inline-block;
}
.keywordbox ul li .keyword_thmb img{display:block;width:100%;height:100%}
.keywordbox ul li .keyword_tx{
display: inline-block;
    padding: 3px 10px;
    border-radius: 50px;
    background: #fff;
    color: #000;
    font-size: min(15px,3.5vw);
    letter-spacing: -0.3px;
    font-weight: 500;
}

@media screen and (min-width: 768px){
.keywordbox ul {        
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 10px;
}
.keywordbox ul li{margin-right:0!important;}
.keywordbox ul li:first-child{margin-left:0;}
}

.brandbox{margin: 0 0 70px;}
.brandbox ul{display: flex; overflow-x: scroll;}
.brandbox ul li{
	text-align: center;
    box-sizing: border-box;
    padding: 25px 15px 15px;
    margin: 5px 10px 5px 0;
    box-shadow: 0px 0px 2px 1px rgb(238 238 238 / 80%);
	/*flex: 1 0 33%*/
	flex: 1 0 auto;
    width: 140px;
    aspect-ratio: 140 / 180;
}
.brandbox ul li:first-child{margin-left:15px;}
.brandbox ul li:last-child{margin-right:15px;}

.brandbox ul li a{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.brandbox ul li .brand_thmb{
	display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    font-size: 0;
    aspect-ratio: 1/1;
    background: #f4f4f4;
    width: 80px;
    text-align: center;
}
.brandbox ul li .brand_thmb img{display:block;width:100%;height:100%}
.brandbox ul li .brand_tx{
	margin: 20px 0 3px;
    color: #000;
    font-size: 14px;
    letter-spacing: -0.3px;
    font-weight: 500;
}
.brandbox ul li .brand_tx2 {
    font-size: 12px;
    color: #9f9f9f;
    letter-spacing: -1px;
}

@media screen and (min-width: 768px){
.brandbox ul {        
    display: grid;
    grid-template-columns: repeat(5,1fr);
	gap: 0 10px;
    overflow: hidden;
    padding: 0 2px;
}
.brandbox ul li {width:unset; margin: 5px 0!important;}
}


.brandbox2{
    margin: 0 0 80px;
    overflow-x: scroll;
}
.brandbox2::-webkit-scrollbar{
    display: none;
}
.brandbox2 ul{
    display: grid;
    grid-template-rows: repeat(5,56px);
    grid-template-columns: repeat(2,250px);
    grid-auto-flow: column;
    overflow-x: scroll;
    padding-right: 15px;
}
.brandbox2 ul li{
	background: #f9f9f9;
    padding: 10px 10px;
    box-sizing: border-box;
    margin-left: 10px;
}
.brandbox2 ul li a{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.brandbox2 ul li .brand_num {
    color: #8f8f8f;
    font-size: 20px;
    font-weight: 500;
    width: 30px;
    text-align: center;
}
.brandbox2 ul li .brand_thmb{
	display: block;
    border-radius: 100%;
    overflow: hidden;
    aspect-ratio: 1/1;
    background: #f4f4f4;
    border: 1px solid #eee;
    width: 45px;
    margin: 0 15px 0 10px;
}
.brandbox2 ul li .brand_thmb img{display:block;width:100%;height:100%}
.brandbox2 ul li .brand_tx{
    width: calc(100% - 85px);
	color: #0d0d0d;
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: -0.5px;
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.brandbox2 ul li .brand_tx b{
    color: #ababab;
    font-weight: 400;
    display: block;
    font-size: 11px;
}

@media screen and (min-width: 768px){
.brandbox2 ul {        
    grid-template-rows: repeat(5,1fr);
    grid-template-columns: repeat(2,1fr);
    padding-right: 0;
}
}

.brandbox3{margin:15px 10px 70px}
.brandbox3 ul{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;padding:0 0 25px}
.brandbox3 ul li{flex:1 1 25%;max-width:25%;text-align:center;padding:0 5px 10px;box-sizing:border-box}
.brandbox3 ul li a{display:block;width:100%}
.brandbox3 ul li .brand_thmb{display:block;position:relative;margin:0 auto;border-radius:100%;overflow:hidden;line-height:1;font-size:0;aspect-ratio:1/1;background:#f4f4f4}
.brandbox3 ul li .brand_thmb img{display:block;width:100%;height:100%}
.brandbox3 ul li .brand_tx{max-height:30px;margin-top:5px;color:#444;font-size:12px;line-height:1.3;letter-spacing:-.3px;word-break:break-all;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2; display:none;}
.brandbox3 ul li .brand_tx2{font-size: 12px; color: #9f9f9f; letter-spacing: -1px; display:none;}



.brandbox4{margin:15px 6px 70px}
.brandbox4 ul{
    display: flex;
    flex-wrap: wrap;
    /*padding: 0 15px;*/
    gap: 6px;
}
.brandbox4 ul li{
    flex: 0 1 calc((100% - 18px)/ 4);
}
.brandbox4 ul li a{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
    font-size: 0;
}

.brandbox4 ul li a .brand_thmb{
	display: flex;
    max-width: calc(100% - min(40px,2vw));
    align-items: center;
}
.brandbox4 ul li a:after {
    background: rgba(0,0,0,.03);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
}


.nEventbox{margin: 0 0 70px;}
.nEventbox .eventbox{position:relative}
#event_slide{position:static;}
#event_slide img{max-width:unset;width: 100%;}
#event_slide .swiper-slide a{display:block;line-height:1;aspect-ratio: 800 / 640; background: #f9f9f9;}
#event_slide .swiper-button-next,#event_slide .swiper-button-prev{top:-50px;z-index:1;background:0;width:30px;height:30px;margin:0;outline:0}
#event_slide .swiper-button-next:before,#event_slide .swiper-button-prev:before{content:'';display:block;width:15px;height:15px;border-right:1px solid #b9b9c1;border-top:1px solid #b9b9c1;transform:rotate(45deg);position:relative;top:7px;left:3px}
#event_slide .swiper-button-prev:before{transform:rotate(-135deg);left:10px}
#event_slide .swiper-pagination{bottom:3px}
#event_slide .swiper-pagination .swiper-pagination-bullet{width:4px;height:4px;border-color:#806cb5}
#event_slide .swiper-pagination .swiper-pagination-bullet-active{background:#806cb5}


.snsbox{margin:0 0 70px;/*padding: 0px 0 20px;*/position:relative; overflow:hidden;}
#sns_contents{margin:0;overflow:unset}
#sns_contents img{width:100%; max-width: unset;}
#sns_contents ul li a{display:block;}
#sns_contents ul li .thumb{width:100%;aspect-ratio:540 / 319;background:#f4f4f4;}
/*#sns_contents ul li .t1{border: 1px solid #e7e7e7;border-top: 0;padding: 13px 5px;font-size: 13px;font-weight: 500;color: #0b0b0b;line-height: 1.5;min-height: 66px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;text-align: center;}
#sns_contents .swiper-pagination{bottom:-20px}
#sns_contents .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;background:#ddd;border:0;opacity:1;border-radius:100px;margin:0 2px;transition:width .1s cubic-bezier(0.4,0,1,1)}
#sns_contents .swiper-pagination .swiper-pagination-bullet-active{background:#fa6391;width:12px}
#sns_contents .swiper-btns{position:absolute;right:0;bottom:0;z-index:11;display:flex;width:25px;height:25px;background:rgba(0,0,0,.3)}#sns_contents .swiper-btns .btn{width:100%;text-indent:-9999px}
#sns_contents .swiper-btns .swiper-pause:before{content:'';height:10px;border-style:double;border-width:0 0 0 10px;border-color:#fff;position:absolute;top:8px;left:8px}
#sns_contents .swiper-btns .swiper-play:before{content:'';width:3px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff;box-sizing:border-box;position:absolute;top:7px;left:9px}*/
#sns_contents .swiper-pagination{bottom:3px}
#sns_contents .swiper-pagination .swiper-pagination-bullet{width:4px;height:4px;border-color:#806cb5}
#sns_contents .swiper-pagination .swiper-pagination-bullet-active{background:#806cb5}




.offweekbox{margin:0 0 80px;padding:50px 0 0;position:relative}.offweekbox:before{content:'';display:block;width:100%;height:calc(100% - 230px);background-color:#ebecf6;position:absolute;top:0;z-index:-1}.offweekslide{position:relative;padding:30px 0 10px;margin:0 min(8vw,60px)}#offweek_slide{position:static}#offweek_slide li{position:relative}#offweek_slide li a{display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}#offweek_slide li .item_tag{display:inline-block;width:80px;position:absolute}#offweek_slide li .item_img{padding-bottom:70px}#offweek_slide li .pdtitle{overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:1.5;padding:0 30px 0 20px;margin:0 0 20px;background:#fff;color:#000;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:55px}#offweek_slide li .pdprice{font-weight:bold;font-size:18px;padding:0 0 30px 20px;background:#fff}#offweek_slide .swiper-button-prev,#offweek_slide .swiper-button-next{background:rgba(0,0,0,.1);width:30px;height:60px;margin:0;outline:0;left:0;top:30%;display:none}#offweek_slide .swiper-button-next{right:0;left:auto}#offweek_slide .swiper-button-next:before,#offweek_slide .swiper-button-prev:before{content:'';display:block;width:10px;height:10px;border-right:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg);position:relative;top:50%;left:7px;margin-top:-6px}#offweek_slide .swiper-button-prev:before{transform:rotate(-135deg);left:11px}#offweek_slide .swiper-pagination{bottom:0}#offweek_slide .swiper-pagination .swiper-pagination-bullet{width:10px;height:2px;border:0;background:#999;border-radius:0}#offweek_slide .swiper-pagination .swiper-pagination-bullet-active{background:#000}


.rankingbox{display:block; margin:0px 15px 80px}
.ranking_btn{margin:0 10px 20px}
.ranking_btn .paging{display:flex;justify-content:space-around;width:100%}
.ranking_btn .paging li{display:inline-block;cursor:pointer}
.ranking_btn .paging li span{color:#000;font-size:14px;line-height:1.5;font-family:'Kosugi',sans-serif}
.ranking_btn .active span{position:relative;font-weight:700}
.ranking_btn .active span:after{content:'';display:inline-block;width:100%;height:1px;background:#000;position:absolute;left:0;bottom:-5px}
.ranking_btn .navi{display:none}
.rankinglist ul{display:grid;gap:30px min(8px,1.5vw);grid-template-columns:1fr 1fr;margin:0 0 60px}.rankinglist ul li{position:relative}.rankinglist .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.rankinglist .pdimg{position:relative;aspect-ratio: 1 / 1; background: #f1f1f1;}
.rankinglist .pdimg .tag{position:absolute;top:5px;left:5px;width:50px}
.rankinglist .pdimg .tag img+img{display: none;}
.rankinglist .pdimg .iconbrand{position:absolute;top:5px;right:5px;width:50px}
.rankinglist .addinfo{display:table;width:100%;margin-bottom:15px;border-top: 1px solid #393939;border-bottom: 1px solid #393939;}.rankinglist .addinfo span{display: table-cell;vertical-align: middle;background-color:#e5e4f6;color:#535151;text-align:center;font-size:min(12px,2.8vw);line-height:28px;letter-spacing:-1px;}
.rankinglist .addinfo span:nth-child(1){width: 50%;}
.rankinglist .addinfo span:nth-child(2){text-indent: -3px;}
/*.rankinglist .addinfo span:nth-child(3){width: 40%;}*/
.rankinglist .pdtitle{min-height:40px;color:#777;overflow:hidden;letter-spacing:-1px;font-size:14px;text-overflow:ellipsis;padding:0 10px 0 0;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rankinglist ul li .addinfo2{margin: 6px 0 0;}.rankinglist ul li .addinfo2 span{color: #adadad;font-size:min(12px,2.9vw);}.rankinglist ul li .addinfo2 span:before{content:'#';}.rankinglist .pdprice{margin-top:15px;letter-spacing:-.5px}.rankinglist .pdprice .strike{text-decoration:line-through}.rankinglist .pdprice .sale_price{color:#fa6391;font-weight:700;font-size:16px;margin-right:5px}.rankinglist .pdprice .dc_price{color:#8050ff;font-weight:700;font-size:16px;margin-right:5px}.rankinglist .pdprice .buy_price{color:#999}.rankinglist .pdprice .sale_price+.dc_price{color:#999;font-size:inherit;text-decoration:line-through;font-weight:400}
.rankinglist ul li .subinfo{margin-top: 5px;}.rankinglist ul li .subinfo span{display: inline-block;border-radius:3px;font-size:min(11px,2.3vw); color:#fff; font-weight:700;line-height: 1.8;text-indent: 3px;position: relative;z-index: 1;}.rankinglist ul li .subinfo span:before{content: '';position: absolute;left: 0px;right: -3px;top: 0;bottom: 0;background:#6b6991;z-index: -1;border-radius: 3px;}

#product_color{padding: 30px 0 10px;margin: 0 0 30px; background: #fafafa;}
#product_color ul{display:flex;flex-wrap:wrap}
#product_color ul li{display:inline-block;height:auto;text-align:center;/*padding:0 2%;*/margin-bottom:20px;box-sizing:border-box;width:20%}
#product_color ul li a{display:inline-flex;flex-direction:column;align-items:center;width:100%;height:100%}
#product_color ul li .color{display:inline-block;max-height:18vw}
#product_color ul li a p{display:inline-block;margin-top:10px;font-size:12px;color:#999;text-align:center;text-transform:uppercase;letter-spacing:.2px}
#product_color .swiper-scrollbar{left:15vw;right:15vw;width:auto;height:4px;bottom:-30px}

#product_period{margin: 0px 15px 10px;}
#product_period ul{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}
#product_period ul li{
    border: 1px solid #6b6991;
    position: relative;
}
#product_period ul li a{
	color: #0f0d0e;
    padding: 10px 15px;
    display: block;
}
#product_period ul li a:after{
	content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px;
    border-color: transparent transparent transparent #303030;
    position: absolute;
    right: 5px;
    top: calc(50% - 5px);
}


.realtime-rank{padding:0 15px 70px;}
.realtime-rank .realtime-rank-slide{
	background: #f4f4f4;
    display: flex;
    align-items: center;
    padding: 5px 5px;
    justify-content: space-between;
}
.realtime-rank .realtime-rank-slide .rtit{
	display: flex;
    max-width: 100px;
    padding: 5px 8px;
    background: #6b6991;
    color: #fff;
    letter-spacing: -1px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 13px;
}
.realtime-rank .realtime-rank-slide ul{
	position: relative;
    width: calc(100% - 130px);
    overflow: hidden;
    padding: 0;
}
.realtime-rank .realtime-rank-slide ul li{}
.realtime-rank .realtime-rank-slide ul li a{
    display: flex;
    align-items: center;
}
.realtime-rank .realtime-rank-slide ul li .ranknum{
	font-weight: 700;
	font-size:16px;
}
.realtime-rank .realtime-rank-slide ul li .ranktag{
    padding: 0 13px;
}
.realtime-rank .realtime-rank-slide ul li .ranktag.r_up:before, .realtime-rank .realtime-rank-slide ul li .ranktag.r_down:before{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0;
    border-color: #555 transparent transparent transparent;
}
.realtime-rank .realtime-rank-slide ul li .ranktag.r_up:before{	
    transform: rotate(180deg);
    border-color: #ff4081 transparent transparent transparent;
}
.realtime-rank .realtime-rank-slide ul li .ranktag.r_keep:before {
	content: '';
    display: inline-block;
    width: 8px;
    height: 2px;
    background: #555;
    position: relative;
    top: -4px;
    left: 1px;
}
.realtime-rank .realtime-rank-slide ul li .keywords{color: #080808;}
.realtime-rank .realtime-rank-slide ul:before{
    content: 'more';
    position: absolute;
    right: 15px;
    top: -3px;
    font-size: 14px;
    color: #999;
}
.realtime-rank .realtime-rank-slide ul:after{
	content: '';
    display: inline-block;
    margin-left: 5px;
    width: 5px;
    height: 5px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #999;
    transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: 5px;
}



.rank_banner_cont{margin: 0 15px 30px;padding-bottom: 40px;}
.rank_banner_cont ul{}
.rank_banner_cont ul li{display: block;}
.rank_banner_cont ul li .thumb{position: relative;}
.rank_banner_cont ul li .thumb .rank{display: flex;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    background: #4cb7b8;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    font-family: 'serif';
}
.rank_banner_cont ul li .thumb .rank.cl2{background: #5956b0;}
.rank_banner_cont ul li .thumb img{width: 100%;}

.rank_banner_cont .swiper-pagination{}
.rank_banner_cont .swiper-pagination .swiper-pagination-bullet{width:7px; height: 7px; background:#e6e6e6; border:0;}
.rank_banner_cont .swiper-pagination .swiper-pagination-bullet-active{    background: #000;}



.link_banner_cont{margin: 0 15px 70px;}
.link_banner_cont ul{}
.link_banner_cont ul li{position: relative;margin-top:10px;}
.link_banner_cont ul li:first-child{margin-top:0;}
.link_banner_cont ul li .thumb{}
.link_banner_cont ul li .thumb img{width: 100%;}
.link_banner_cont ul li .txt{position: absolute;left:0;right:0; bottom:min(20px,2.5vw); color:#fff; text-align: center;}
.link_banner_cont ul li .txt .t1{font-size: min(14px,3.1vw);}
.link_banner_cont ul li .txt .t2{font-size: min(22px,5vw); font-weight: 700;}

.link_banner_cont.first{}
.link_banner_cont.second{}

.sale_item_slide{
	width: 100%;
    position: relative;
    margin: 0px auto 45px;
    overflow: hidden;
}
.sale_slide_list{position: relative;display: flex;overflow-x: scroll;}
.sale_slide_list::-webkit-scrollbar{display:none}

.sale_item_slide .sale_item_list{
	flex: 1 0 85%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-right: 15px;
    gap: 1px;
    border-radius: 7px;
    overflow: hidden;
}
.sale_item_slide .sale_item_list:first-child{margin-left:15px;}
.sale_item_slide .sale_item_list:last-child{}
.sale_item_slide .sale_item_list>li{}
.sale_item_slide .sale_item_list>li a{position:relative}
.sale_item_slide .sale_item_list>li>a img{display:block;width:100%;}


.sale__contents{width:100%}
.sale__contents>a{display:block; position: relative;}
.sale__contents__thumbnail{
	display: flex;
    overflow: hidden;
    justify-content: center;
}
.sale__contents__thumbnail>img{
    width: 135%;
    max-width: unset;
}
.sale__contents__information{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 0 0 15px 15px;
    background: rgb(151 151 151 / 10%);
}
.sale__contents__title{}
.sale__contents__text{}
.sale__contents__title+.sale__contents__text{margin-top:5px}



.ec-topicRole{
    padding: 40px 0 50px;
    margin: 0 auto 70px;
/*    background: #f8f8f8;*/
}
.ec-topicRole .ec-role{
    padding: 0 15px;
    color: #525263;
}
.ec-topicRole .ec-role .ec-eyecatchRole{
    display: flex;
    flex-direction: column;
}
.ec-eyecatchRole .ec-eyecatchRole__image{
    margin-bottom: 40px;
}
.ec-eyecatchRole .ec-eyecatchRole__image img{width: 100%;}
.ec-eyecatchRole .ec-eyecatchRole__intro{color: #000;font-size: 13px;}
.ec-eyecatchRole .ec-eyecatchRole__intro .ec-blockBtn--top{
	display: block;
    padding: 10px 0;
    color: #fff;
    background-color: #000;
    text-align: center;
    margin-top: 25px;
}



.today-mk-banner{margin: 0 auto 70px;}
.today-sm-bnr{
    position: relative;
    width: auto;
    margin: 0 15px 20px;
    border-radius: 10px;
}
.today-sm-bnr.bg1{background: rgba(0, 198, 255, 0.098);}
.today-sm-bnr.bg1 .type{color: rgb(0, 198, 255);}
.today-sm-bnr.bg1 .tit{color: rgb(51, 51, 51);}

.today-sm-bnr.bg2{background: rgba(255, 204, 0, 0.098);}
.today-sm-bnr.bg2 .type{color: rgb(255, 204, 0);}
.today-sm-bnr.bg2 .tit{color: rgb(51, 51, 51);}

.today-sm-bnr.bg3{background: rgba(252, 115, 139, 0.098);}
.today-sm-bnr.bg3 .type{color: rgb(252, 115, 139);}
.today-sm-bnr.bg3 .tit{color: rgb(51, 51, 51);}

.today-sm-bnr.bg4{background: rgba(148, 77, 15, 0.098);}
.today-sm-bnr.bg4 .type{color: rgb(148, 77, 15);}
.today-sm-bnr.bg4 .tit{color: rgb(51, 51, 51);}

.today-sm-bnr.bg5{background: rgba(245, 246, 247, 0.7);}
.today-sm-bnr.bg5 .type{color: rgb(17, 17, 17);}
.today-sm-bnr.bg5 .tit{color: rgb(102, 102, 102);}

.today-sm-bnr a{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 14px 20px 12px;
}
.today-sm-bnr .type{width: 45px;}
.today-sm-bnr .tit {
    max-width: calc(100% - 190px);
	padding-left: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    letter-spacing: -.5px;
}
.today-sm-bnr .img {
    position: absolute;
	right: 15px;
    bottom: 0;
    width: 95px;
}
.today-sm-bnr .img img{width: 100%;}


.introbox{}
.introbox .text_area{font-size:13px;margin:0 0 40px}
.introbox .text_area .title-bg{margin:0 0 15px;padding:4px 8px;background:#6b6991;color:#fff;font-size:13px;text-align:center}
.introbox .text_area p{margin:0 15px 15px;color:#888}
.introbox .info_table{width:calc(100% - 30px);text-align:left;margin:20px 15px 0;border-collapse:collapse;font-size:14px;color:#888;letter-spacing:-1px}
.introbox .info_table th{width:25%;text-align:left;vertical-align:middle;padding:10px;background:#f8f8f8;border:1px solid #ababab}
.introbox .info_table td{vertical-align:middle;padding:10px;border:1px solid #ababab}


.lens-category{}
.lens-category .panel{}
.lens-category .hgroup{
    overflow: hidden;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
/*    border-bottom: 1px solid rgba(0, 0, 0, 0.07);*/
}
.lens-category .hgroup a {
    display: block;
    padding: 15px 20px;
}
.lens-category .hgroup:after {
	content: '';
    width: 7px;
    height: 7px;
    display: inline-block;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #8a8a8a;
    transition: transform 0.3s;
    transform: rotate(135deg);
    position: absolute;
    top: 22px;
    right: 20px;
}
.lens-category .current .hgroup:after{
	transform: rotate(-45deg);
    top: 25px;
}
.lens-category .hgroup h3{width: 90%;}

.lens-category .panelcont {
    display: none;
    position: relative;
    z-index: 5;
    margin-top: -1px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background-color: #fff;
}
.lens-category .panel.current .panelcont {
    display: block;
}
.lens-category .depth1{
    overflow: hidden;
    padding: 15px 15px;
    border-bottom: 0;
    background-color: #f7f7f7;
}
.lens-category .depth1 li{
    float: left;
    width: calc(100% / 3);
}
.lens-category .depth1 a{
	display: block;
    position: relative;
    overflow: hidden;
    padding: 0 5px;
    border-top: 0;
    color: #6e6e6e;
    line-height: 3.33rem;
    background-color: transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
}
.lens-category .depth1 li a span{
    color: #8050ff;
    font-weight: 600;
}

.lens-nav{
	display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0px 1vw;
    border-top: 1px solid #eee;
    background: #F5F6F7;
}
.lens-nav a{
	color: #333;
    line-height: 50px;
    letter-spacing: -1px;
    font-size: min(12px,3.1vw);
}



.checkpoint{margin:15px 15px 80px}.checkpoint ul{display:flex;margin:0 -15px 30px;overflow-x:scroll}.checkpoint ul::-webkit-scrollbar{display:none}.checkpoint ul li{flex:1 0 37%;margin-right:5px;max-width: 180px;}.checkpoint ul li:first-child{margin-left:15px}.checkpoint ul li:last-child{margin-right:15px}.checkpoint ul li a{display:block;position:relative}.checkpoint ul li a p{width:100%;text-align:center;font-size:min(2.8vw,13px);line-height:1.4;color:#393939;position:absolute;top:70%;z-index:1}.checkpoint ul li a p b{font-weight:700}.checkpoint ul li a p .bg{position:relative}.checkpoint ul li a p .bg:before{content:"";display:block;position:absolute;left:0;bottom:1px;width:100%;height:min(2.1vw,6px);z-index:-1;border-radius:100px}.checkpoint ul li a p .bg.pink:before{background:#ffd8d8}.checkpoint ul li a p .bg.green:before{background:#e2fad9}.checkpoint ul li a p .bg.yellow:before{background:#fffdbe}.checkpoint ul li a p .bg.blue:before{background:#bfe9ff}.checkpoint ul li a p b.line{font-size:min(3.5vw,15px)}

.pickup{margin:0px 15px 70px; overflow: hidden;}
.pickup .bn_pickup{text-align:center;margin-top:10px}
.pickup .bn_pickup:first-child{margin-top:0}
.pickup .bn_pickup a{display:block; aspect-ratio: 540 / 208; background: #f9f9f9;}
.pickup .bn_pickup a img{width:100%;aspect-ratio: 200 / 77;}


@media screen and (min-width: 768px){
.pickup .bn_pickup{
    width: 50%;
    padding: 0 .5% 0;
    float: left;
    box-sizing: border-box;
    }
.pickup .bn_pickup:first-child {
    margin-top: 10px;
}
.lens-nav{
    padding: 0px 7%;
}
.lens-nav a{
    font-size: min(13px,3.3vw);
}
}



.reviewbox{margin:15px 15px 80px}
.reviewbox ul li{display:flex;padding:15px 5px;position:relative;border-bottom:1px solid #eee;justify-content:space-between;align-items:center}.reviewbox ul li:first-child{border-top:1px solid #eee}.reviewbox .link{display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.reviewbox .img{width:30vw;height:30vw;border-radius:20%;background-color:#eee;overflow:hidden}.reviewbox .img img{height:100%;object-fit:cover}.reviewbox .inf{width:calc(100% - 35vw);padding-right:10px;box-sizing:border-box}.reviewbox .tit{font-size:16px;color:#131313;margin-bottom:10px;letter-spacing:-.75px}.reviewbox .txt{font-size:12px;color:#aaa;letter-spacing:-.75px}.reviewbox2{margin:0 0 80px;position:relative}.reviewbox2:before{content:"";display:block;position:absolute;top:-90px;left:0;right:0;z-index:-1;height:66%;background:#f4f4f4}.review_menu{margin:0 15px 15px}.review_menu ul{display:flex}.review_menu ul li{margin-right:15px}.review_menu ul li a{color:#888;font-size:16px;letter-spacing:-1px}.review_menu ul li.on a{position:relative;color:#111;font-weight:700;font-size:17px}.review_menu ul li.on a:before{content:'';display:block;position:absolute;left:0;bottom:5px;width:100%;height:min(2.1vw,9px);z-index:-1;border-radius:100px;background:#ffd8d8}.reviewbox2_slide li{width:265px!important;margin:10px 0;position:relative;padding:0 15px}.reviewbox2_slide li .link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.reviewbox2_slide li .link_review{bottom:90px}.reviewbox2_slide li .link_prod{top:400px}.reviewbox2_slide li .shadow{background:#fff;box-shadow:0 0 6px 0 #ccc}.reviewbox2_slide li .img_box{height:265px;overflow:hidden;position:relative}.reviewbox2_slide li .img_box img{width:100%;aspect-ratio:1/1;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;background:#fbfbfb}.reviewbox2_slide li .info{height:238px!important;margin-top:-35px;padding:0 15px 20px;position:relative}.reviewbox2_slide li .info .user_id{margin-bottom:15px;text-align:center}.reviewbox2_slide li .info .user_id span{display:inline-block;overflow:hidden;width:67px;border:5px solid #fff;border-radius:100%;background:#f0f0f0;line-height:67px;font-size:12px;color:#555}.reviewbox2_slide li .info .sbjt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.2em;word-wrap:break-word;font-size:16px;font-weight:700;color:#333;margin-bottom:5px}.reviewbox2_slide li .info .tit{font-size:14px;display:inline-block;width:100%;margin-bottom:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.2;height:2.4em;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reviewbox2_slide li .info .pd_info{display:table;width:100%}.reviewbox2_slide li .info .pd_info>div{display:table-cell;height:100%;vertical-align:middle}.reviewbox2_slide li .info .pd_info .pd_img{width:50px}.reviewbox2_slide li .info .pd_info .pd_tit{width:calc(100% - 105px);padding:0 10px}.reviewbox2_slide li .info .pd_info .pd_tit p{height:2.6em;line-height:1.3em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;color:#555}.reviewbox2_slide li .info .pd_info .pd_tit p.price{margin-top:3px;height:auto}.reviewbox2_slide li .info .pd_info .pd_tit p.price .sale{font-weight:700;color:#f37420;font-size:14px;letter-spacing:-0.025em}.reviewbox2_slide li .info .pd_info .pd_tit p.price ins{display:inline-block;margin:0 2px;font-weight:700;color:#333;color:#fa6391;font-size:14px;text-decoration:none;letter-spacing:-0.025em}.reviewbox2_slide li .info .pd_info .pd_tit p.price del{font-size:12px;color:#666;letter-spacing:-0.025em}.reviewbox2_slide li .info .pd_info .cart{width:50px;text-align:center}.reviewbox2_slide li .info .pd_info .cart button{margin:0 3px;overflow:hidden;text-indent:-9999px}.reviewbox2_slide li .info .pd_info .cart .cart_btn{width:15.5px;height:21px;background:url(https://img.clubclio.co.kr/common/images/product/cart_icon.png) center center no-repeat;background-size:15.5px}.reviewbox2_slide li .info .pd_info .cart .like_btn{width:17px;height:20px;background:url(https://img.clubclio.co.kr/common/images/product/like_icon.png) center center no-repeat;background-size:17px}.reviewbox_sub{padding:30px 0}.reviewbox_sub .pd_info{display:table;width:100%;padding:20px;background:#f4f4f4;box-sizing:border-box;outline:0}.reviewbox_sub .pd_info .pd_img,.reviewbox_sub .pd_info .pd_tit{display:table-cell;height:100%;vertical-align:middle}.reviewbox_sub .pd_info .pd_img{width:78px}.reviewbox_sub .pd_info .pd_tit{padding-left:15px}.reviewbox_sub .pd_info .pd_tit .tit{display:block;font-size:15px;color:#333}.reviewbox_sub .pd_info .pd_tit .con{display:block;margin:5px 0;font-size:13px;line-height:1.3;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:2.4em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reviewbox_sub .pd_info .pd_tit .write{display:block;font-size:10px;color:#999}.reviewbox_sub .slick-dots{position:absolute;bottom:0;left:0;right:0;text-align:center}.reviewbox_sub .slick-dots li{display:inline-block;margin:0 3px}.reviewbox_sub .slick-dots li button{width:25px;height:2px;overflow:hidden;text-indent:-9999px;background:#ddd}.reviewbox_sub .slick-dots li.slick-active button{background:#333}


.bestreview{margin:0 15px 100px;}
.bestreview .best-review-slider{padding: 20px 0 0; margin: 0 -15px;}
.best-review-slider li{}
.review-box{
    margin: 0 0;
    width: 100%;
    position: relative;
    padding-bottom: 300px;
}

.review-box .review-img{
    height: 250px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1/1;
    width: 100%;
}
.review-box .review-img img{
    width: 250px;
    object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
    background: #fbfbfb;
}

@media (max-width: 320px){
.review-box{padding-bottom:280px;}
.review-box .review-info{top:200px!important;}
.review-box .review-text {padding: 10px 0!important;}
.review-box .review-img{height: 196px;}
.review-box .review-img img{width: 196px;}
.review-box .review-text .text:before, .review-box .review-text .text:after{top: 22px!important;}
}

.review-box .review-info{
    position: absolute;
    top: 250px;
    left: -34px;
    right: -34px;
    opacity: 0;
}
.slick-active .review-box .review-info{opacity: 1;}

.review-box .review-text{
    padding: 20px 0;
    text-align: center;
    position: relative;
}
.review-box .review-text .text{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;
    height: 46px;
    word-break: break-all;
    margin-top: 13px;
    font-size: 16px;
    padding: 0 45px;
}
.review-box .review-text .text:before,
.review-box .review-text .text:after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/mobile/tpl/img/img_review.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: -5px 0px;
    vertical-align: top;
    position: absolute;  
    top: 32px;
}
.review-box .review-text .text:before{  
    left: 20px;
}
.review-box .review-text .text:after{
    right: 20px;
    background-position: -27px 0px;
}

.review-box .review-text .text2 {
    padding: 0 50px;
    color: #5e5e5e;
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    height: 40px;
    line-height: 20px;
    word-break: break-all;
}
.review-box .review-text .name {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}
.review-box .review-product{
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #eee;
    font-size: 0;
    vertical-align: middle;
    position: relative;
}
.review-box .review-product > .img-box {
    display: inline-block;
    width: 75px;
    height: 75px;
    background-color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}
.review-box .review-product .img-box img{width: 100%;}
.review-box .review-product .cont-box{
    display: inline-block;
    width: calc(100% - 85px);
    padding-left: 10px;
    vertical-align: middle;
    box-sizing: border-box;
}
.review-box .review-product .cont-box .name{
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
}
.review-box .review-product .cont-box .tag{}
.review-box .review-product .cont-box .tag span{    
    font-size: min(12px,2.9vw);
    color: #f88180;
    display: inline-block;
    margin-right: 10px;
}
.review-box .review-product .cont-box .tag span:before{
    content:'#';
}
.review-box .link{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}




.instabox{margin:0 15px 80px}
.instabox .snapwidget-widget{border:0;width:100%;height:63vw!important;max-height:505px}


section.sect.promotion{min-height:min(836px,112.342vw)}
.today-special-ex{margin-top:0;position:relative}.today-special-ex .today-hgroup{margin-left:2.05rem}.today-special-ex .today-hgroup .tit{max-width:20rem;padding-top:.68rem;font-size:2.05rem;color:#111;font-family:var(--bd);line-height:2.73rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.today-special-ex .content{padding:1.37rem 0 0 1.37rem}.today-special-ex .content li{padding-bottom:6rem}.today-special-ex .content a{display:inline-block;width:100%;height:100%}.today-special-ex .content .thumbnail{width:100%;height:min(655px,82.35vw);border-radius:.84rem 0 0 .84rem;overflow:hidden;background:#f4f4f4}.today-special-ex .content .thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:.85rem 0 0 .85rem;overflow:hidden}.today-special-ex .content .desc{position:relative}.today-special-ex .content .badge span{vertical-align:top}.today-special-ex .content .badge{position:absolute;right:1.37rem;top:1.71rem;z-index:5}.today-special-ex .content .badge .coupon{position:relative;display:inline-block;min-width:2.14rem;height:1.878rem;margin:.01rem .51rem 0;line-height:2.08rem;text-align:center;background:#ff214f;font-size:13px;box-shadow:0 8px 12px -4px rgba(192,0,40,0.25);color:#fff;font-weight:700}.today-special-ex .content .badge .coupon::before{content:'';position:absolute;left:-0.68rem;top:50%;width:.68rem;height:1.878rem;transform:translateY(-50%);background-image:url(//fiximage.10x10.co.kr/m/2022/main/m/bg_coupon02.png);background-repeat:no-repeat;background-position:left;background-size:2.73rem 1.88rem}.today-special-ex .content .badge .coupon::after{content:'';position:absolute;right:-0.68rem;top:50%;width:.68rem;height:1.878rem;transform:translateY(-50%);background-image:url(//fiximage.10x10.co.kr/m/2022/main/m/bg_coupon02.png);background-repeat:no-repeat;background-position:right;background-size:2.73rem 1.88rem}.today-special-ex .content .badge .only{display:inline-block;height:1.88rem;margin-left:.3rem;padding:0 .34rem;line-height:2.08rem;font-size:1.02rem;background:#111;box-shadow:0 8px 12px rgba(0,0,0,0.25);border-radius:.34rem;color:#fff}.today-special-ex .content .headline{margin:2.1rem 1.05rem 0 .3rem}.today-special-ex .content .headline .tit{display:flex;align-items:center;font-size:15px;color:#0b0b0b;line-height:1.5;font-weight:800}.today-special-ex .content .headline .tit span:nth-child(1){max-width:24rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.today-special-ex .content .headline .sub{padding-top:.37rem;font-size:13px;font-weight:500;color:#0b0b0b;line-height:1.65;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.today-special-ex .content .headline .tit .discount{margin-left:.34rem;color:#ff0707;font-size:16px}.today-special-ex .content .headline .key-word{display:flex;align-items:flex-start;flex-wrap:wrap;margin-top:1.37rem}.today-special-ex .content .headline .key-word li{height:1.88rem;padding:0 .34rem;margin:0 .68rem .68rem 0;line-height:2.08rem;font-size:13px;color:#999;font-family:var(--sb);background:#f5f6f7;border-radius:.34rem;font-weight:700}.today-special-ex .content .headline .key-word li .tag{color:#ccc}.today-special-ex .content .headline .key-word li:active{background:linear-gradient(0deg,rgba(0,0,0,0.03),rgba(0,0,0,0.03)),#F5F6F7}.today-special-ex .float-tit-link{position:absolute;left:0;top:0;display:inline-block;width:100%;height:7.5rem}


.btnbox{width:100%;text-align:center;position:absolute;bottom:20px}.btnbox.ver2{margin:20px 0;position:static}.btnbox.ver3{top: 21px;bottom: unset;right: 15px;width: auto}
.btnbox .btn_detail{display:inline-block;width:28vw;max-width:120px;color:#fff;background:#806cb5;border-radius:100px;padding:5px 0;font-size:16px}
.btnbox .btn_more{
	display: block;
    background: #fff;
    border: 1px solid #000;
    padding: 9px 0;
    font-size: min(15px,3.4vw);
    color: #000;
    font-weight: 500;
}
.btnbox .btn_more2 {display: inline-block;max-width: 100px;padding: 3px 13px;border: 1px solid #d3d7df;border-radius: 100px;font-size: 13px;color: #5f6773;letter-spacing: -1px;margin: 0}