@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
製品一覧
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.page-header {
	background-image: url("../img/product/header.jpg");
	background-position-x: 70%;
}

.product-main .heading_border:not(:first-child) {
	margin-top: 80px;
}

.product-ul {
	margin-bottom: -23px;
}

.product-li {
	margin-bottom: 23px;
}

.product-li a {
	display: flex;
	padding-bottom: 16px;
	border-bottom: 1.5px solid var(--color-gray-light);
	align-items: center;
}

.product-li a:hover {
	border-color: var(--color-black);
}

.product-li .image {
	margin-right: 24px;
}

.product-li .heading {
	display: flex;
	font-weight: inherit;
	align-items: center;
}

.product-li .heading::after {
	width: 0.4em;
	height: 0.4em;
	margin-left: 0.2em;
	border-top: 1px solid;
	border-right: 1px solid;
	content: "";
	transform: rotate(45deg);
	transition: 0.3s ease-in-out;
	flex: none;
}

.product-li a:hover .heading::after {
	transform: translateX(4px) rotate(45deg);
}

@media (min-width: 568px) {
.product-ul {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.product-li {
	width: 48%;
}
}

@media (min-width: 768px) {
.product-ul {
	margin-bottom: -40px;
}

.product-li {
	margin-bottom: 40px;
}
}

@media (min-width: 896px) {
.product-li {
	width: 31%;
}
}

@media (min-width: 1200px) {
.product-li {
	width: 22.5%;
}
}