@charset "utf-8";
/* CSS Document */
.kimono{
	padding-left: 50px;
	padding-right: 50px;
}

.kimono .product-list{
	gap: 50px;
	position: relative;
}
.kimono .product-list .box{
	width: calc(100% / 4 - 150px / 4);
}

.kimono .special{
	position: relative;
}
.kimono .special .title-item1,.kimono .special .box-wrap{
	position: relative;
	z-index: 2;
}
.kimono .special .box-wrap .special-item{
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	right: 10%;
	width: 20%;
	z-index: 1;
}
.kimono .special .box-wrap .box{
	position: relative;
	z-index: 2;
	background-color: #fff;
	padding: 30px;
	padding-left: 70px;
}
.kimono .special .box-wrap .box:not(:last-of-type){
	margin-bottom: 30px;
}
.kimono .special .box-wrap .box .num{
	position: absolute;
	top: 24px;
	left: 30px;
}

.kimono-anc-nav{
	max-width: 1350px;
	margin-inline:auto;
}

.kimono-item260722{
	padding-top: 150px;
}


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.kimono .product-list{
		gap: 50px 40px;
	}
	.kimono .product-list .box{
		width: calc(100% / 4 - 120px / 4);
	}
}
/* ---------- 1000px ~ ---------- */
@media screen and (max-width: 1080px){
	.kimono .special .box-wrap .box .num{
		top: 26px;
		left: 30px;
	}

	.kimono-item260722{
		padding-top: 100px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.kimono .product-list{
		gap: 50px 40px;
	}
	.kimono .special .box-wrap .special-item{
		position: absolute;
		top: 0;
		transform: translateY(-50%);
		right: 5%;
		width: 25%;
		z-index: 1;
	}
	.kimono .product-list .box{
		width: calc(100% / 3 - 80px / 3);
	}
	.kimono .special .box-wrap .box{
		padding: 20px;
		padding-left: 60px;
	}
	.kimono .special .box-wrap .box .num{
		top: 16px;
		left: 20px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.kimono{
		padding-left: 20px;
		padding-right: 20px;
	}
	.kimono .product-list{
		gap: 40px 20px;
	}
	.kimono .product-list .box{
		width: calc(100% / 2 - 20px / 2);
	}
	.kimono .special .box-wrap .box{
		padding: 15px;
		padding-left: 40px;
	}
	.kimono .special .box-wrap .box:not(:last-of-type){
		margin-bottom: 20px;
	}
	.kimono .special .box-wrap .box .num{
		top: 13px;
		left: 15px;
	}
	.kimono-item260722{
		padding-top: 80px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}