@charset "UTF-8";
/* ------------------------------------------------------------
	catalog style
------------------------------------------------------------ */
.catalog .l-breadcrumb {
	margin-bottom: 0;
}
/* section */
.catalog .l-inner > section {
	padding-top: 90px;
}
/* heading */
.catalog_head1 {
	margin-bottom: 30px;
	font-size: 32px;
}
.catalog_head2 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 24px;
}
@media screen and (max-width: 690px) {
	.catalog_head1 {
		margin-bottom: 20px;
		font-size: 24px;
	}
	.catalog_head2 {
		margin-bottom: 14px;
		font-size: 16px;
	}
}
/* layout */
.catalog_list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.product_custom .catalog_list {
	justify-content: center;
}
.catalog_list > figure {
	flex-basis: calc(92% / 5);
	margin-right: 2%;
}
.product_custom .catalog_list > figure:last-child {
	margin-right: 0;
}
.catalog_list > figure:nth-child(5n) {
	margin-right: 0;
}
.catalog_list > figure:nth-child(n + 6) {
	margin-top: 30px;
}
.catalog_list > figure a img {
	border: 1px solid #CECECE;
	transition: opacity 300ms ease;
}
.catalog_list > figure a:hover img {
	opacity: 0.8;
}
.catalog_list > figure a figcaption {
	position: relative;
	padding-left: 22px;
	color: #333333;
	font-feature-settings: "palt";
	transition: color 300ms ease;
}
.catalog_list > figure a:hover figcaption {
	color: #E78200;
}
.catalog_list > figure a figcaption::before {
	content: "";
	background: url("/assets/images/icon/icon_pdf.svg") no-repeat;
	background-size: contain;
	display: inline-block;
	width: 16px;
	height: 22px;
	position: absolute;
	top: 3px;
	left: 0;
	margin: auto;
	transition: background-color 300ms ease;
}
.catalog_list > figure a:hover figcaption::before {
	background-color: rgba(255, 255, 255, 0.5);
	background-blend-mode: lighten;
}
@media screen and (max-width: 768px) {
	.catalog_list > figure {
		flex-basis: 23.5%;
	}
	.catalog_list > figure:nth-child(n + 5) {
		margin-top: 20px;
	}
	.catalog_list > figure:nth-child(5n) {
		margin-right: 2%;
	}
	.catalog_list > figure:nth-child(4n) {
		margin-right: 0;
	}
	.catalog_list > figure.catalog_size_fix1 a figcaption {
		margin-top: 20.4px;
	}
}
@media screen and (max-width: 393px) {
	.catalog_list > figure {
		flex-basis: 48%;
		margin-right: 4%;
	}
	.catalog_list > figure:nth-child(n + 3) {
		margin-top: 20px;
	}
	.catalog_list > figure:nth-child(5n) {
		margin-right: 4%;
	}
	.catalog_list > figure:nth-child(2n) {
		margin-right: 0;
	}
	.catalog_list > figure.catalog_size_fix1 a figcaption {
		margin-top: 21.4px;
	}
	.catalog_list > figure.catalog_size_fix1._sp_off a figcaption {
		margin-top: 0.5em;
	}
}
@media screen and (max-width: 375px) {
	.catalog_list > figure.catalog_size_fix1 a figcaption {
		margin-top: 19.4px;
	}
}