@charset "utf-8";

/*==========================================
	seasonstylelab recommend number02.css
============================================*/

/* itemPicBox */
.recommend.number02 .itemPicBox {
	margin-top: 14rem;
	display: flex;
	flex-wrap: wrap;
}
.recommend.number02 .itemPicBox .pic01 {
	width: 48.2rem;
	margin-left: 34.5rem;
}
.recommend.number02 .itemPicBox .pic02 {
	width: 39.6rem;
	margin-top: -18.5rem;
	margin-right: -5rem;
}
.recommend.number02 .itemTxt {
	margin-top: 13rem;
	margin-left: 13rem;
	width: 36rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 3.6rem;
}
@media (max-width: 768px) {
	.recommend.number02 .itemPicBox {
		margin-top: 4.5rem;
	}
	.recommend.number02 .itemPicBox .pic01 {
		width: 59.8rem;
		margin-top: 10rem;
		margin-left: auto;
		order: 2;
	}
	.recommend.number02 .itemPicBox .pic02 {
		width: 41.5rem;
		margin-top: -10rem;
		margin-right: 0;
		margin-left: 5rem;
		order: 3;
	}
	.recommend.number02 .itemTxt {
		order: 1;
		margin-top: 0;
		margin-left: 0;
		width: 100%;
		padding: 0 4.5rem;
		font-size: 2.8rem;
		line-height: 5rem;
	}
	.recommend.number02 .detailBox.box01 > .detail:first-child {
		order: 1;
	}
	.recommend.number02 .detailBox.box01 > .detail:nth-child(2) {
		order: 3;
	}
	.recommend.number02 .detailBox.box01 > .detail:nth-child(3) {
		order: 2;
	}
	.recommend.number02 .detailBox.box01 > .detail:last-child {
		order: 4;
	}
	.recommend.number02 .detailBox.box02 > .detail:first-child {
		order: 1;
	}
	.recommend.number02 .detailBox.box02 > .detail:nth-child(2) {
		order: 3;
	}
	.recommend.number02 .detailBox.box02 > .detail:last-child {
		order: 2;
	}
}

/* styling */
.recommend.number02 .styling .stylingPic {
	width: 37.28rem;
	margin: 2.5rem auto 0;
}
@media (max-width: 768px) {
	.recommend.number02 .styling .stylingPic {
		width: 100%;
		max-width: 41.55rem;
		padding-left: 2rem;
	}
}