@font-face { 
    font-family: 'LG_font'; 
    font-weight: 600; 
    src: url('../font/LG Smart Bold.eot'); 
    src: url('../font/LG Smart Bold.ttf') format('truetype'); 
  }
  @font-face { 
    font-family: 'LG_font'; 
    font-weight: 200; 
    src: url('../font/LG Smart Light.eot'); 
    src: url('../font/LG Smart Light.ttf') format('truetype'); 
  }
  @font-face { 
    font-family: 'LG_font'; 
    font-weight: 400; 
    src: url('../font/LG Smart Regular.eot'); 
    src: url('../font/LG Smart Regular.ttf') format('truetype'); 
  }

h1, h2, p, li, a, span, table, td{font-family: LG_font;}

header img,
footer img{ width:100%; }

#main_banner{padding-left:5%; margin-top: 2vh;}
#main_banner h1{ font-weight: 600; font-size: 2.5em; margin-bottom: 3vh; letter-spacing: -1px; }
#main_banner h1 sup{color: #a50034; font-size: 0.1em; vertical-align: 19px; margin-left: 4px;}
#main_banner img{width: 100%;}

#coupon_area{ margin-top: 5vh; }
#coupon_area h2{ font-weight: 600; font-size: 1.9em; margin-bottom: 3vh; letter-spacing: -1px; text-align: center; }
#coupon_area ul{width: 90%; margin:0 auto;}
#coupon_area ul::after{content: ""; display: block; clear: both;}
#coupon_area ul li{float: left; width:33.3%; text-align: center; position: relative;}
#coupon_area ul li::after{position: absolute; content: "";top: 0;right: 0;height: 100%; width: 2px; background-color: #eee;}
#coupon_area ul li:last-of-type::after{content: none;}
#coupon_area ul li img{width: 45%;}
#coupon_area ul li p{font-weight: 400; font-size: 1em; margin-top: 1.3vh;}
#coupon_area ul li p span{font-weight: 600;}
#coupon_area ul li p.discount{color: #a50034; font-weight: 600; font-size: 1.4em; margin-top: 0.5vh;}

#sign_up {width: 100%; background: url('../images/signup_bg.jpg') center no-repeat; text-align: center; padding: 3vh 0; margin-top:6vh; background-size:cover;}
#sign_up p{color: #fff; font-weight: 200; line-height: 1.3; margin-bottom:1.6vh;}
#sign_up a{color: #fff; font-weight: 200; border: 1px solid #fff; display: inline-block; padding: 1.3% 2.3%; font-size: 0.9em;}

#product_wrap{background-color: #f5f5f5; padding:5.5vh 0% 5.5vh 5%; overflow: hidden;}
#product_wrap .taxonomy { width: 100%; overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; border-bottom:1px solid #ddd; margin-bottom:3.5vh;}
#product_wrap .taxonomy::-webkit-scrollbar {display: none;}
#product_wrap .taxonomy li {display:inline-block; padding:2% 3%; }
#product_wrap .taxonomy li.on {border-bottom: 2px solid #a50034;}
#product_wrap .taxonomy li.on a{ color: #a50034;}
#product_wrap .taxonomy li a{text-transform:uppercase; font-weight:600; color: #000;}

#product_wrap .product_list > div > ul > li{/*display: none;*/ width: 95%; margin-right: 5%; background: #fff; padding-bottom: 8%; position: relative; margin-bottom:1.3vh; box-sizing: border-box; padding: 5%;}
/*#product_wrap .product_list > div > ul > li[data-taxonomy ="0"]{display: block;}*/
#product_wrap .product_list > div > ul > li > img{width: 100%;}
#product_wrap .product_list > div > ul > li p.pd_title{text-align: center; font-size: 1.5em; font-weight: 600; letter-spacing:-1px; margin-top:0.8vh; line-height: 1.3;}
#product_wrap .product_list > div > ul > li p.pd_num{text-align: center; color: #aaa;margin-top:1vh;}
#product_wrap .product_list > div > ul > li ul.size{width: 100%; margin:0 auto; margin-top:1.5vh; text-align: center;display : flex; align-items : center; justify-content : center;}
#product_wrap .product_list > div > ul > li ul.size li{ width: calc( 25% - 5px ); margin-left:5px;}
#product_wrap .product_list > div > ul > li ul.size li:nth-of-type(1){margin-left:0;}
#product_wrap .product_list > div > ul > li ul.size li a{border: 1px solid #ddd; color: #aaa; padding: 9% 0; display: block;}
#product_wrap .product_list > div > ul > li ul.size li.on a{border: 1px solid #000; color: #000; }

#product_wrap .product_list > div > ul > li div.color_btn{ margin-top:1.5vh; text-align: center; }
#product_wrap .product_list > div > ul > li div.color_btn input[type="radio"]{ display: none; }
#product_wrap .product_list > div > ul > li div.color_btn input[type="radio"] + label{display: inline-block; width: 28px;  height: 28px;border:2px solid #dddddd; border-radius: 50%;}
#product_wrap .product_list > div > ul > li div.color_btn input[type="radio"]:nth-of-type(1) + label{background: radial-gradient( #3a3a3a 50%, #3a3a3a 51%, #fff 52%, #fff 100% );}
#product_wrap .product_list > div > ul > li div.color_btn input[type="radio"]:nth-of-type(2) + label{background: radial-gradient( #eee 50%, #eee 51%, #fff 52%, #fff 100% );}
#product_wrap .product_list > div > ul > li div.color_btn input[type="radio"]:checked + label{border:2px solid #a50034; background-color: #a50034;}

#product_wrap .product_list > div > ul > li p.star{text-align: center; font-weight: 600; margin-top:1.5vh;}
#product_wrap .product_list > div > ul > li p.star img{width: 25%;vertical-align: text-top;}
#product_wrap .product_list > div > ul > li div.price_wrap{width:100%; margin:2vh auto 0;}
#product_wrap .product_list > div > ul > li div.price_wrap::after{content: ""; clear: both; display: block;}
#product_wrap .product_list > div > ul > li div.price_wrap div{float: left; border: 1px solid #eee;width:50%; box-sizing: border-box; text-align:center; padding:6% 0;}
#product_wrap .product_list > div > ul > li div.price_wrap div.price_left p span{color: #666;text-decoration:line-through;}
#product_wrap .product_list > div > ul > li div.price_wrap div.price_left p span.sale{color: #fff; background: #a50034;text-decoration:none; padding:2%; font-size: 0.7em;}
#product_wrap .product_list > div > ul > li div.price_wrap div.price_left p:nth-of-type(2){color: #000; font-weight: 600; font-size:1.2em; margin-top:1vh;}
#product_wrap .product_list > div > ul > li div.price_wrap div.price_right{border-left: none;}
#product_wrap .product_list > div > ul > li div.price_wrap div.price_right p{color: #666;}
#product_wrap .product_list > div > ul > li div.price_wrap div.price_right p:nth-of-type(2){color: #a50034;font-weight: 600; font-size:1.2em; margin-top:1vh;}

.btn_box { text-align: center;}
.btn_box .add_basket_btn{ color: #fff; display: block; background: #a50034; text-align: center; width: 95%; margin: 4vh 0 0 0; padding: 2vh 0;}
.btn_box .add_basket_btn.toggle_btn{width: 100%;}
.btn_box .more_btn{text-align: center; color: #666; border-bottom: 1px solid #666; margin-top:4vh; display: inline-block; margin-right:5%;}
.btn_box .more_btn.detail_view{margin-right: 0;}
.btn_box .more_btn img{vertical-align:middle; width: 6px;}

#product_wrap .product_list > div > ul > li input[type="checkbox"]{ display: none; }
#product_wrap .product_list > div > ul > li input[type="checkbox"] + label{display: inline-block; width: 28px;  height: 28px;border:2px solid #dddddd; position: absolute; left: 2%; top:2%;border-radius: 50%; background: url('../images/check.png') center no-repeat; background-size: 70%;}
#product_wrap .product_list > div > ul > li input[type="checkbox"]:checked + label{border:2px solid #a50034; background-color: #a50034;}

#total_price_wrap{box-shadow:0px -1px 20px rgba(0,0,0,0.1); padding: 3vh 5% 6vh;}
#total_price_wrap h1{text-align: center; font-size: 1.5em; font-weight: 600; letter-spacing: -1px; line-height: 1.2; margin-bottom:2vh;}
#total_price_wrap ul.total_img{text-align: center;display : flex; align-items : center; justify-content : center;}
#total_price_wrap ul.total_img li{border: 1px solid #eee; width: calc( 33.333% - 15px ); margin-left: 30px;position: relative;}
#total_price_wrap ul.total_img li:first-of-type{ margin-left: 0px;}
#total_price_wrap ul.total_img li::after{content: "";position: absolute;right: -23px; top:45%; width: 15px; height: 15px; background: url('../images/plus.png') no-repeat; background-size:contain;}
#total_price_wrap ul.total_img li:last-of-type:after{content: none;}
#total_price_wrap ul.total_img li img{width: 100%;}
#total_price_wrap .total_price_red{width: 100%; text-align: center; color: #a50034; background: #faf2f5; margin-top:2.5vh; font-weight: 600; padding: 2% 0; font-size: 1.1em;} 
#total_price_wrap table{margin-top: 2vh; border-top: 1px solid #000; width: 100%; }
#total_price_wrap td{border-bottom: 1px solid #eee; padding: 4% 2%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; font-size:0.9em; line-height: 1.2; color: #555;}
#total_price_wrap td:nth-of-type(2){text-align: right;}
#total_price_wrap tr.total td{color: #000;}
#total_price_wrap td span{font-size: 1.1em; color: #a50034; display: block; margin-top:4px;}


/*
#product_wrap .product_list > div > ul > li.js-load {
	display: none;
}
#product_wrap .product_list > div > ul > li.js-load.active {
	display: block;
}
#product_wrap .product_list > div > ul > li.js-load:after {
	display: none;
}
*/