
.fs-l-main, .fs-l-main, .fs-l-pageMain {
	max-width: inherit !important;
	margin: 0 auto;
}
#fs_CustomPage .fs-l-main {
	padding: 0;
}
.fs-c-breadcrumb__listItem {
	display: inline;
}

/* css */
:root {
	--noto: "Noto Sans JP", sans-serif;
	--color_main: #2e2e2e;
	--shadow: drop-shadow(.2em .2em 2em rgba(222,227,229,.7));
	--width: 1200px;
}
@media screen and (max-width: 1380px) {
	:root {
		--width: 92%;
	}
}

.pc_only {
	display: block;
}
@media screen and (max-width: 768px) {
	.pc_only {
		display: none;
	}
}

.sp_only {
	display: none;
}
@media screen and (max-width: 768px) {
	.sp_only {
		display: block;
	}
}

.lp_wrap {
	margin: 0 auto;
	font-weight: 400;
	font-family: var(--noto);
}
.lp_wrap img {
	width: 100%;
	display: block;
}
@media screen and (max-width: 1380px) {
}
@media screen and (max-width: 768px) {
}
.lp_wrap * {
	line-height: 1em;
	font-feature-settings: "palt";
	font-family: var(--font);
	color: #383838;
	font-size: 62.5%;
	line-height: 1.7;
}


/*共通*/
.content_wrap{
	max-width: 1200px;
	width: 100%;
	margin: auto;
	padding: 10rem 0;
}

@media screen and (max-width:768px) {
	.content_wrap{
		padding: 6rem 2rem;
	}
}


.lead{
	background-color: #FFF;
}

.lead_img{
	position: relative;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 60px;
}
.lead_textarea{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.lead_textarea_ttl{
	font-family: "futura-pt", sans-serif;
	font-weight: bold;
	font-size: 46px;
	color: #ce564c;
	text-align: center;
	margin-bottom: 20px;
}
.lead_textarea_text{
	font-size: 36px;
	font-weight: 500;
	text-align: center;
}
.lead_text{
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
.lead_bnr img{
	margin: 30px 0;
}
@media screen and (max-width:768px){
	.lead_textarea_ttl{
		font-size: 30px;
		margin-bottom: 0;
	}
	.lead_textarea_text{
		font-size: 16px;
	}
	.lead_text{
		font-size: 17px;
	}

}


.product{
	background-color: #faf8eb;
	text-align: center;
}
.product article{
	margin-bottom: 100px;
}
.product_subttl{
	display: inline-block;
	background-color: #FFF;
	font-weight: 500;
	font-size: 22px;
	color: #ce564c;
	padding: 5px 10px;
}
.product_ttl{
	font-family: "futura-pt", sans-serif;
	font-weight: bold;
	font-size: 86px;
	color: #ce564c;
	text-align: center;
	margin-bottom: 60px;
	line-height: 1.2;
}
.product_ttl span{
	display: block;
	font-weight: bold;
	font-size: 30px;
	color: #ce564c;
	text-align: center;
}

.product_lead{
	position: relative;
	width: 90%;
	font-weight: 500;
	font-size: 30px;
	color: #ce564c;
	text-align: center;
	border-bottom: 1px solid #ce564c;
	background-color: #faf8eb;
	margin: 0 auto 30px;
}
.product_lead:before {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) skew(-35deg);
	height: 10px;
	width: 12px;
	border-right: 2px solid #ce564c;
	background-color: #faf8eb;
	content: "";
}
.product_list{
	max-width: 1100px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 40px;
	margin: 0 auto 60px;
}
.product_list li{
	width: calc(100% / 2 - 20px);
	text-align: left;
}
.product_img img{
	border-radius: 30px;
	margin-bottom: 10px;
}
.product_text{
	font-size: 16px;
	text-align: left;
	margin-bottom: 10px;
}
.product_price{
	font-size: 22px;
	color: #cf0703;
	text-align: right;
	margin-bottom: 10px;
}
.product_price .num{
	font-size: 28px;
	color: #cf0703;
}
.product_price .pricetext{
	font-size: 16px;
	color: #6e615d;
}
.product_btn{
	display: block;
	max-width: 110px;
	width: 100%;
	background-color: #ce564c;
	font-size: 22px;
	color: #FFF;
	text-align: center;
	padding: 10px;
	margin-left: auto;
	border-radius: 999px;
	transition: all 0.3s ease;
}
.product_btn:hover{
	opacity: 0.8;
	color: #FFF;
	text-decoration: none;
}
.product_btn:visited,
.product_btn:link{
	color: #FFF;
}
.list_btn{
	display: block;
	max-width: 330px;
	width: 100%;
	background-color: #ce564c;
	font-size: 22px;
	color: #FFF;
	padding: 10px;
	margin: auto;
	border-radius: 999px;
	transition: all 0.3s ease;
}
.list_btn:hover{
	opacity: 0.8;
	color: #FFF;
	text-decoration: none;
}
.list_btn:visited,
.list_btn:link{
	color: #FFF;
}

@media screen and (max-width:768px){
	.product_lead{
		width: 93%;
	}
	.product_ttl{
		font-size: 48px;
		margin-bottom: 40px;
	}
	.product_ttl span{
		font-size: 17px;
	}
	.product_subttl{
		font-size: 16px;
	}
	.product_lead{
		font-size: 17px;
	}
	.product_text,
	.product_price{
		font-size: 14px;
	}
	.product_price .num{
		font-size: 22px;
	}
	.product_btn,
	.list_btn{
		font-size: 16px;
	}

	.product_list {
    max-width: 1100px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    margin: 0 auto 60px;
    overflow-x: auto;
    flex-wrap: nowrap;
    overflow-y: hidden;
	}
	.product_list > * {
			flex: 0 0 auto;
	}

}
@media screen and (max-width:600px){
	.product_list li{
		width: 75%;
	}
}


.wrapping{
	background-color: #ce564c;
	text-align: center;
}
.wrapping_wrap{
	max-width: 1200px;
	width: 100%	;
	background-color: #faf8eb;
	border-radius: 35px;
	padding: 60px;
}
.wrapping_text{
	color: #383838;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.wrapping_text span{
	color: #ce564c;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


.wrapping_flex{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	margin-bottom: 60px;
}
.wrapping_img{
	width: calc(100% / 2 - 10px);
}
.wrapping_info{
	display: inline-block;
	text-align: left;
}
.wrapping_label{
	display: inline-block;
	font-size: 20px;
	text-align: left;
	color: #ce564c;
	border: 1px solid #ce564c;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
}
.normal_text{
	font-size: 16px;
	text-align: left;
}
.normal_text span{
	color: #ce564c;
	font-size: 16px;
	font-weight: bold;
	text-align: left;

}
.wrapping_info .product_btn{
	text-align: center;
	margin-top: 10px;
}

.wrapping_box{
	max-width: 900px;
	width: 100%;
	background-color: #FFF;
	margin: 0 auto 60px;
	padding: 60px;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
}
.wrapping_box li{
	display: grid;
	justify-content: center;
}
.wrapping_box .normal_text{
	margin-top: 20px;
}
.wrapping_box img{
	width: auto;
	margin: 0 auto;
}
.wrapping .product_list{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
.wrapping .product_list img{
	width: 90%;
	margin: 0 auto 20px;
}
.wrapping .product_list .wrapping_label,
.wrapping .product_list .product_text{
	margin-left: 60px;
}

@media screen and (max-width:768px){
	.wrapping_wrap{
		padding: 60px 20px;
	}
	.wrapping_text,
	.wrapping_text span{
		font-size: 16px;
	}
	.wrapping_flex {
		display: grid;
		justify-self: center;
	}
	.wrapping_img{
		width: 100%;
	}
	.normal_text{
		font-size: 14px;
	}
	.wrapping_box{
		display: grid;
		justify-content: center;
		padding: 40px 20px;
	}
	.wrapping_label{
		font-size: 17px;
	}
	.wrapping .product_list .wrapping_label, .wrapping .product_list .product_text{
		margin-left: 20px;
	}
}

/* 初期状態 */
.product_list li,
.lead_img,
.product_subttl,
.product_ttl,
.wrapping_text,
.wrapping_flex,
.wrapping_box {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 表示 */
.product_list li.is-show,
.lead_img.is-show,
.product_subttl.is-show,
.product_ttl.is-show,
.wrapping_text.is-show,
.wrapping_flex.is-show,
.wrapping_box.is-show {
  opacity: 1;
  transform: translateY(0);
}