@charset "utf-8";
/* CSS Document */

.cate_wrap .cate .box_wrap{
	gap: 80px;
}
.cate_wrap .cate .box_wrap .box{
	width: calc(100% / 3 - 160px / 3);
	display: block;
}
.cate_wrap .cate .box_wrap .box .imgbox{
	margin-bottom: 20px;
	transition: ease 0.3s;
}
.cate_wrap .cate .box_wrap .box:hover .imgbox{
	opacity: 0.5;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.cate_wrap .cate .box_wrap{
		gap: 60px;
	}
	.cate_wrap .cate .box_wrap .box{
		width: calc(100% / 3 - 120px / 3);
	}

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate_wrap .cate .box_wrap{
		gap: 50px;
	}
	.cate_wrap .cate .box_wrap .box{
		width: calc(100% / 3 - 100px / 3);
	}

}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate_wrap .cate .box_wrap{
		gap: 40px;
	}
	.cate_wrap .cate .box_wrap .box{
		width: calc(100% / 3 - 80px / 3);
	}
	.cate_wrap .cate .box_wrap .box .imgbox{
		margin-bottom: 15px;
	}

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate_wrap .cate .box_wrap{
		gap: 30px;
	}
	.cate_wrap .cate .box_wrap .box{
		width: calc(100% / 2 - 30px / 2);
	}
	.cate_wrap .cate .box_wrap .box .imgbox{
		margin-bottom: 10px;
	}

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}