ECサイト用パーツ

CSS

.banner__col3 .flexBox {
	margin: 0 -25px;
}
.banner__col3 .box {
	margin: 0 25px 60px;
	width: -webkit-calc(100% / 3 - 50px);
	width: calc(100% / 3 - 50px);
}
.banner__col3 .box:last-child,
.banner__col3 .box:nth-last-child(2),
.banner__col3 .box:nth-last-child(3) {
	margin-bottom: 0;
}
@media screen and (max-width: 800px) {
	.banner__col3 .flexBox {
		margin: 0 -1.5vw;
	}
	.banner__col3 .box {
		margin: 0 1.5vw 4vw;
		width: -webkit-calc(100% / 2 - 3vw);
		width: calc(100% / 2 - 3vw);
	}
	.banner__col3 .box:nth-last-child(3) {
		margin: 0 1.5vw 4vw;
	}
}
@media screen and (max-width: 540px) {
	.banner__col3 .flexBox {
		margin: 0 -2vw;
	}
	.banner__col3 .box {
		margin: 0 2vw 4vw;
		width: -webkit-calc(100% / 2 - 4vw);
		width: calc(100% / 2 - 4vw);
	}
	.banner__col3 .box:nth-last-child(3) {
		margin: 0 2vw 4vw;
	}
}