@charset "utf-8";

.product-set .goods-box:first-child,
.module01 .goods-box:nth-child(4n+1),
.module02 .goods-box {margin-left:0}
.product-set:after {content:'';display:block;clear:both}
.module02 {display:inline-block;width:608px}
.module02 .goods-box:last-child {margin-left:24px}
.module02 + .module02 {margin-left:21px}
.module05 .goods-box {width:383px;height:auto;margin:0 0 0 45px;overflow:inherit}
.module05 .goods-box:nth-child(3n+1) {margin-left:0}
.module05 .goods-box .img {height:200px}
.module05 .goods-box .img img {width:100%;}
.module05 .goods-box .info {position:inherit;padding:30px 0 0; color:#111}
.module05 a:before {display:none}
.module05 .price {color:#c70000}

.product-set.module01{display:flex; flex-wrap:wrap; width:1240px; margin: 0 auto; box-sizing:border-box;}
section.suggestion article{width:calc(100% / 4); padding:0 0.5rem; box-sizing:border-box;}
section.suggestion article > div > img{width:100%; border-radius:10px; }


.goods-box {width:calc(100% / 4); padding:0 0.5rem; box-sizing:border-box; margin-bottom:1.5rem}
.goods-box:nth-child(3n){margin-right:0;}
.goods-box.col {width:608px;height:608px}
.goods-box.row {width:608px;height:292px}
.goods-box a {display:block;width:100%}
 /* .goods-box a:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out} */
/* .goods-box:hover a:before {filter:alpha(opacity=40);opacity:.4} */
.goods-box .img{height:200px; display:block; overflow:hidden; border-radius:20px;}
.goods-box .img img {width:100%; border-radius: 10px;} 
.goods-box.col .img img {width:100%;height:608px;}
.goods-box .goods-thum {display:block;position:relative}
.goods-box .goods-thum .img img {width:100%}
.goods-box .info { margin:0.5rem 0 1.5rem;}
.goods-box .info > span.pro_code{ background-color:#0062ff; color:#fff; border-radius:5px; padding:5px 10px; display:inline-block; margin-bottom:5px; font-size:15px;}
.goods-box .info > h2{color:#222; margin-bottom:1rem; line-height:1.7rem; font-size: 1.2rem; overflow: hidden; display:-webkit-box; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all;}
.goods-box .info > p{font-weight:500; color:#777; height:2.5rem; line-height:1.3rem; display:-webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.goods-box .info > h3{margin-top:1rem;color:#222;font-size:1.5rem}
.goods-box .info > h3 span {font-size:1rem; font-weight:400}
.goods-box .info > h5{line-height:1.7rem; font-size:1rem; color:#222; margin:1rem 0;}
.goods-box .info .tit {color:#222; margin-bottom:1rem; line-height:1.7rem; font-size: 1.3rem; overflow: hidden; display:-webkit-box; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.goods-box .info .tit-b {display:block;font-size:18px;/*font-size 변경 220901*/font-weight:bold;line-height:42px}
.goods-box.col .info .tit-b {font-size:28px;}/*font-size 추가 220901*/
.goods-box .info .price {display:block;margin-top:10px;font-size:20px}
.goods-box .info .price span {font-size:24px;font-weight:bold}
.goods-box .favorite {position:absolute;left:20px;top:30px}
.goods-box .depart-day {margin-top:30px;color:#666;overflow:hidden}
.goods-box .depart-day dl {float:left;font-size:14px}
.goods-box .depart-day dd {margin-top:10px;font-weight:bold;font-size:16px}
.goods-box .depart-day button {float:right}

.no-goods {display: flex;    width: 100%;    justify-content: center; margin:10px 0px}
.no-goods .info{font-size:30px;}



@media ( max-width:1300px){
	.product-set.module01{width:100%;}
}

@media ( max-width:1240px){
	.division-inr{ width:100%}
}

@media ( max-width:1023px){
	.goods-box{width: calc((100% / 2)); }
	.goods-box:nth-child(2n){margin:0 0 1rem 0}
	
}
@media (max-width: 767px){
	
	.goods-box{ padding:0 0.5rem; margin-bottom:1.5rem}
	.goods-box .info{margin:margin:0.5rem 0 1rem}
	.goods-box .info > .pro_code{font-size:14px}
	.goods-box .info > h2{font-size:16px; line-height:20px; margin-bottom:5px; height:22px;}
	.goods-box .info > p{font-size:14px; line-height:17px; height:36px;}
	.goods-box .info > h3{margin:0;}
	.goods-box .info > h3 span{font-size: 14px}

	.goods-box .img{height:110px;}

	
}