@charset "UTF-8";

.add_class1 {
	clear: both;
}

#products_area figure {
	margin: 0 0 20px;
}

#products_area figure:nth-child(2) {
	margin: 0 calc((100% - 600px) / 2);
}

.wp-caption-text {
	text-align: left;
}

.add_class2 p {
	width: 153px;
}

.add_class2 p:first-child,
.add_class2 p:nth-child(1n + 4) {
	margin-left: 0;
}

.add_class2 p:nth-child(4n) {
	margin-right: 0;
}

.add_class2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.wp-caption.alignnone {
	width: 100% !important;
}

.blog_text {
	padding: 20px 0;
}

.blog_entry {
	padding-top: 64px;
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
TOP：BannerArea
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.banner {
	padding: 0 0 96px;
}
.banner .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 960px;
	margin: 0 auto;
}
.banner .wrap.banner_slick {
	display: none;
}
.banner .wrap.banner_slick.slick-initialized {
	display: block;
}
.banner .slick-track {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.banner .slick-prev {
	left: -24px;
}
.banner .slick-next {
	right: -24px;
}

/*バナー画像*/
.banner .box {
	overflow: hidden;
	padding: 0 16px;
	margin: 0 0 32px;
	box-sizing: border-box;
}
.banner .column1 .box {
	width: 960px;
}
.banner .column2 .box {
	width: calc(960px / 2);
}
.banner .column3 .box {
	width: calc(960px / 3);
}

.banner .box a {
	display: block;
}
.banner .box img {
	width: 100%;
	height: auto;
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
スマホ
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width: 1000px) {
	.add_class2 p {
		width: 25%;
	}

	.wp-caption.alignnone {
		width: 100% !important;
	}

	.blog_text {
		text-align: left;
		padding: 5.33vw 0;
	}

	#products_area figure {
		margin: 0;
		width: 33%;
	}

	#products_area figure:nth-child(2) {
		margin: 0 calc((100% - 99%) / 2);
	}

	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
	TOP：BannerArea
	◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	.banner {
		padding: 0 0 15vw;
	}
	.banner .wrap {
		display: block;
		width: 100%;
		padding: 0 5vw;
	}
	.banner .wrap.banner_slick {
		display: none;
		width: 94%;
	}
	.banner .wrap.banner_slick.slick-initialized {
		display: block;
	}
	.banner .slick-prev {
		left: -2px;
	}
	.banner .slick-next {
		right: -2px;
	}

	/*バナー画像*/
	.banner .box {
		overflow: hidden;
		padding: 0 16px;
		margin: 0 0 32px;
		box-sizing: border-box;
	}
	.banner .column1 .box {
		width: 100%;
	}
	.banner .column2 .box {
		width: 100%;
	}
	.banner .column3 .box {
		width: 100%;
	}

	.banner .banner_slick .box {
		width: 84vw;
		margin: 0;
	}
}