@charset "utf-8";
/* CSS Document */
.mt20{margin-top: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb160{margin-bottom: 160px;}

.pc-v{display: block;}
.sp-v{display: none;}
ul {list-style: none;}
figure{line-height: 0;}
a img:hover{opacity: 0.9;}
.marker{background: linear-gradient(transparent 50%, #ddd95b 50%);}

/*----fonttype----*/
.F-base */*-R-*/
{font-family: "zen-kaku-gothic-new", sans-serif;
font-weight: 400;
font-style: normal;}
/*-M-*/
#prologue p,
#target .target_list div dt
{font-family: "zen-kaku-gothic-new", sans-serif;
font-weight: 500;
font-style: normal;}
/*-B-*/
#target h2,
#lineup h2,#lineup .product_list .product a,#lineup .product_list .product h3,#lineup .product_list .product dl,
#lineup .product_list .product dt,#lineup .attention h4
{font-family: "zen-kaku-gothic-new", sans-serif;
font-weight: 700;
font-style: normal;}

h1{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;}

h2{font-size: 28px; text-align: center;}

.mainbnr{
	text-align: center;
	background-color: #f7f7f7;
	line-height: 0;
	margin-bottom: 60px;}
.mainbnr img{max-width: 70%;margin: 0 auto;}


.inner{max-width: 1080px;margin: 0 auto;}



#prologue{margin-bottom: 100px; position: relative;}
#prologue .inner{position: relative; max-width: 950px;}
#prologue .inner:before{
	content: "";
	background: url("../img/prologue-img-01.webp")no-repeat;
	width: 183px;
	height: 262px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10%;}
#prologue .inner:after{
	content: "";
	background: url("../img/prologue-img-02.webp")no-repeat;
	width: 181px;
	height: 118px;
	position: absolute;
	bottom: -100px;
	right: 0%;}
#prologue h2{text-align: left; line-height: 1; margin-bottom: 50px;}
#prologue p{font-size: 18px;}
#prologue p:last-child{margin-top: 10px;}



#target{background-color: #fdf6ee; margin-bottom: 70px;}
#target .inner{padding: 50px 0;}
#target h2{margin-bottom: 50px;}
#target .target_list{display: flex; flex-wrap: wrap; justify-content: space-between;}
#target .target_list div{width: 20%; text-align: center;}
#target .target_list div dt{padding-bottom: 10px; font-size: 16px; line-height: 1.5;}
#target .target_list div dd{text-align: left; font-size: 15px; line-height: 1.5;}


#lineup h2{margin-bottom: 50px;}
#lineup .product_list{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px;}
#lineup .product_list .product{width: 48%; display: flex; flex-direction: column;}
#lineup .product_list .product figure{margin-bottom: 10px;}
#lineup .product_list .product figure img{width: 100%;}
#lineup .product_list .product h3{font-size: 20px; flex-grow: 1;}
#lineup .product_list .product dl{margin: 20px 0;}
#lineup .product_list .product dt{font-size: 20px;}
#lineup .product_list .product dd{font-size: 15px;}
#lineup .product_list .product a{font-size: 18px; display: block; border: solid 3px #cd3136; box-sizing: border-box; padding: 10px 0; color: #cd3136; text-align: center;}
#lineup .attention{background-color: #fdf6ee; padding: 20px;}
#lineup .attention h4{font-size: 18px; color: #cd3136; margin-bottom: 15px; line-height: 1;}
#lineup .attention p{font-size: 15px;}


.spotlist_back {
	margin-top: 60px;
	text-align: center;}
.spotlist_back a {
	font-size: 20px;
	border: solid 2px;
	padding: 15px 80px;
	border-radius: 10px;}

.rpa-product-name,.rpa-product-price{padding: 0; color: unset; line-height: inherit; font-size: inherit; font-weight: unset;}



@media only screen and (max-width: 768px) {}
@media (max-width: 1000px) {}
@media (max-width: 768px) {
	.pc-v{display: none;}
	.sp-v{display: block;}

	
	h1 img{max-width: 100%;}
	.inner{width: 95% !important;}
	h2{margin-bottom: 20px;}
	
	.mainbnr{margin-bottom: 40px;}
	.mainbnr img{max-width: 100%;}
	
	#prologue{margin-bottom: 50px;}
	#prologue h2{margin-bottom: 30px;}
	#prologue h2 img{max-width: 80%;}
	#prologue p{font-size: 16px;}
	#prologue .inner:before {
	width: 133px;
	height: 212px;
	top: 30%;
	right: 5%;
	background-size: contain;}
	#prologue .inner:after{
	bottom: -55px;
	z-index: -1;}
	
	#target{margin-bottom: 50px;}
	#target h2{margin-bottom: 30px;}
	#target .target_list div{width: 47%;}
	#target .target_list div:nth-child(n+3){margin-top: 30px;}
	
	#lineup h2{margin-bottom: 30px;}
	#lineup .product_list .product{width: 100%;}
	#lineup .product_list .product:nth-child(2){margin-top: 50px;}
	#lineup .product_list .product h3{font-size: 20px; line-height: 1.6;}

	
}