@charset "utf-8";
/* CSS Document */
.cate1 .productitem{
	gap: 50px;
}
.cate1 .productitem .imgbox{
	width: calc(30% - 25px);
}
.cate1 .productitem .txtbox{
	width: calc(70% - 25px);
	align-items: flex-start;
}
.cate1 .productitem .txtbox .topbox {
    flex-direction: column;
	gap: 15px;
	align-items: flex-start;
}
.cate1 .productitem .txtbox .topbox .label {
    padding: 3px 15px;
    background-color: #C1CDD5;
    border-radius: 200px;
	font-family: "Cormorant Infant",  sans-serif;
	font-size: 12px;
	font-weight: 600;
}
.cate1 .productitem .imgbox img{
	border-radius: 10px;
}

.cate2 .box_wrap .boxitem{
	gap: 40px;
}
.cate2 .box_wrap .boxitem .imgbox{
	width: calc(30% - 20px);
}
.cate2 .box_wrap .boxitem .txtbox{
	width: calc(70% - 20px);
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
}
.cate2 .box_wrap .boxitem .txtbox h3{
	padding-bottom: 10px;
	border-bottom: #E0D2C8 1px solid;
	width: 100%;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){

}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate1 .productitem {
		flex-direction: column;
		gap: 30px;
	}
	.cate1 .productitem .imgbox {
		width: 60%;
	}
	.cate1 .productitem .txtbox {
		width: 60%;
	}
	.cate2 .box_wrap .boxitem {
		flex-direction: column;
	}
	.cate2 .box_wrap .boxitem .imgbox{
		width: 60%;
	}
	.cate2 .box_wrap .boxitem .txtbox{
		width: 60%;
	}
	.cate2 .more {
		margin: 0 auto;
	}
	.cate2 .box_wrap .boxitem {
		gap: 30px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate1 .productitem .imgbox {
		width: 80%;
	}
	.cate1 .productitem .txtbox {
		width: 80%;
	}
	.cate2 .box_wrap .boxitem .imgbox{
		width: 80%;
	}
	.cate2 .box_wrap .boxitem .txtbox{
		width: 80%;
	}
	.cate2 .box_wrap .boxitem {
		gap: 20px;
	}
	.cate2 .box_wrap .boxitem .txtbox {
		gap: 10px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}