@charset "utf-8";
/* CSS Document

/* ===================== おすすめ商品 ===================== */

.pickup-hero {
	background: url("../img/pickup/hero_bg.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	margin: 1em auto 0;
	padding: 0;
}

.pickup-hero-ttlarea {
	background: url("../img/pickup/page_ttl_bg.png");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 1200px auto;
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}

.btn-area {
	margin: 0 auto 4em;
}

.btn-pdf {
	width: 80%;
	max-width: 500px;
	margin: 2em auto 0;
	text-align: center;
	background-color: #606;
	color: #fff;
	padding: 1.5em 0;
	box-sizing: border-box;
	border-radius: 10px;
}

.btn-pdf a {
	display: block;
}


.pickup-item {
	margin: 2em auto 4em;
}

.pickup-item-h2 {
	width: 100%;
	margin: 0 auto 1em;
	background: url("../img/pickup/cat_bg.jpg");
	text-align: center;
}

.pickup-item-p {
	color: #800080;
	font-size: 0.9em;
	line-height: 1.4em;
	padding-bottom: 0.5em;
}

.pickup-item-ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:2em 1em;
	text-align: center;
}

.pickup-item-ul03 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:3em 2em;
	text-align: center;
}



@media (max-width:912px) {

.pickup-hero-ttlarea {
	background-size: 900px auto;
}

}


@media (max-width:768px) {

.pickup-item-ul,
.pickup-item-ul03 {
	grid-template-columns: repeat(1, 1fr);
	gap:2em;
}

}


@media (max-width:540px) {

.pickup-hero-ttlarea {
	background: url("../img/pickup/page_ttl_bg_s.png");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	width: 100%;
	max-width: 1110px;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}

.btn-pdf {
	width: 80%;
	max-width: 500px;
	margin: 1em auto 0;
	text-align: center;
	background-color: #606;
	color: #fff;
	padding: 1em 0;
	box-sizing: border-box;
}

.pickup-item-h2 {
	width: 100%;
	margin: 0 auto 1em;
	background: url("../img/pickup/cat_bg.jpg");
	text-align: center;
	background-size: auto 50px;
}

}


/* END */