@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&?family=Noto+Serif+JP:wght@400;700&family=Tangerine:wght@700&display=swap');



/* reset
--------------------------------*/

figure , figcaption{
	margin: 0;
	font-size: 0;
}





/* all
--------------------------------*/

#debut{
	font-family: "Noto Sans JP","游明朝体", "Yu Mincho", YuMincho,'Noto Serif JP', "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: 400;
	font-size: 16px;	
	line-height: 1.8;
	letter-spacing: 0.06rem;
	color: #131835;
}

#debut .contents_wrapper{
	max-width: 793px;
	width: 100%;
	margin: 0 auto;
	line-height: 1.8;	
}
#debut .contents_inner{
	padding: 5%;
}

#debut figcaption{
    width: 1px;
	height: 0;
	clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	opacity: 0;
}

#debut img{
	max-width: 100%;
	width: 100%;
}

#debut a:hover{
	opacity: .8;
}

#debut span[data-Modifier*="txt-Bold"]{font-weight: bold;}
#debut span[data-Modifier*="color-Change"]{color: #d86983;}


#debut .sp_br{display: none;}




/* debutMainvisual
--------------------------------*/

.debutMainvisual{
    max-width: 950px;
    width: 100%;
    margin: 0 auto 80px;
}

.debutMainvisual__inner__txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: center;
	color: #fff;
	/*background: #e8b5c8;*/
	background: #383838;
	padding: 40px 10px;
	box-sizing: border-box;
}





/* debutCoupon
--------------------------------*/

.debutCoupon{
    max-width: 950px;
    width: 100%;
    margin: 0 auto 80px;
}

.debutCoupon__inner__ttl{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: center;
	color: #595656;
	padding: 0;
	margin: 0 auto 40px;
	border: none;
}

.debutCoupon__inner__ttlunder{
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: center;
	color: #595656;	
	margin-bottom: 30px;
}

.debutCoupon__inner__img{
	margin-bottom: 40px;
}


.debutCoupon__inner__list{
	margin-bottom: 30px;
}

.debutCoupon__inner__listitem{
	position: relative;
	overflow: hidden;
}

.debutCoupon__inner__listitem[data="commingsoon"] a{
	pointer-events: none;
}

.debutCoupon__inner__listitem[data="commingsoon"] a::before{
	content: "\3054\5229\7528\671F\9593\5916";
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: center;
	color: #fff;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	z-index: 2;
}

.debutCoupon__inner__listitem[data="commingsoon"] a::after{
	content: "";
	background: #535353B3;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.debutCoupon__inner__txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: left;
	color: #595656;
	margin-bottom: 30px;
}

.debutCoupon__inner__link{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: left;
	color: #595656;
	margin-bottom: 45px;
	position: relative;
	display: inline-block;
}

.debutCoupon__inner__link::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #595656;
}




/* debutCoupon2
--------------------------------*/

.debutCoupon2{
    max-width: 950px;
    width: 100%;
    margin: 0 auto 100px;
}

.debutCoupon2__inner__ttl{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: center;
	color: #595656;
	padding: 0;
	margin: 0 auto 40px;
	border: none;
}

.debutCoupon2__inner__ttlunder{
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: center;
	color: #595656;	
	margin-bottom: 30px;
}

.debutCoupon2__inner__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 30px;
}

.debutCoupon2__inner__listitem{
	max-width: calc((100% - (5px * 2)) / 3);
}

.debutCoupon2__inner__txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: left;
	color: #595656;
	margin-bottom: 30px;
}

.debutCoupon2__inner__link{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: left;
	color: #595656;
	margin-bottom: 45px;
	position: relative;
	display: inline-block;
}

.debutCoupon2__inner__link::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #595656;
}




/* debutafter
--------------------------------*/

.debutafter{
    max-width: 950px;
    width: 100%;
    margin: 0 auto 75px;
}

.debutafter__inner__ttl{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: center;
	color: #595656;
	padding: 0;
	margin: 0 auto 40px;
	border: none;
}

.debutafter__inner__txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: calc((0 / 1000) * 1em);
	text-align: left;
	color: #595656;
	margin-bottom: 30px;
}

.debutafter__inner__img{
	margin-bottom: 40px;
}




.coupon-area ul{
	align-items: center;
}

.coupon-area ul li:nth-child(2){
	padding-right: 0;
}



@media screen and (max-width: 800px) {
	#debutCoupon , 
	#debutCoupon2 , 
	#debutafter{
		padding: 0 20px;
		box-sizing: border-box;
	}
}





@media screen and (max-width: 700px) {
	#debut .sp_br{display: block;}
	#debut span[data-Modifier*="txt-space"]{padding-left: 1em;}

	.debutMainvisual{
		margin-bottom: 50px;
	}

	.debutMainvisual__inner__txt{
		font-size: 12.8px;
		line-height: 1.5;
		padding: 25px 0;
	}





	/* debutCoupon
	--------------------------------*/
	
	.debutCoupon{
		margin: 0 auto 50px;
	}
	
	.debutCoupon__inner__ttl{
		font-size: 18px;
		margin-bottom: 20px;
		background: none;
	}

	.debutCoupon__inner__ttlunder{
		font-size: 11px;
		margin-bottom: 10px;
	}

	.debutCoupon__inner__img{
		margin-bottom: 20px;
	}

	.debutCoupon__inner__txt{
		font-size: 15px;
		line-height: 1.71;
		margin-bottom: 20px;
	}

	.debutCoupon__inner__link{
		font-size: 14px;
		margin-bottom: 26px;
	}





	/* debutCoupon2
	--------------------------------*/
	
	.debutCoupon2{
		margin: 0 auto 50px;
	}
	
	.debutCoupon2__inner__ttl{
		font-size: 18px;
		margin-bottom: 20px;
		background: none;
	}

	.debutCoupon2__inner__ttlunder{
		font-size: 11px;
		margin-bottom: 10px;
	}

	.debutCoupon2__inner__list{
		display: block;
		margin-bottom: 20px;
	}

	.debutCoupon2__inner__listitem{
		max-width: 100%;
	}

	.debutCoupon2__inner__listitem:not(:last-child){
		margin-bottom: 10px;
	}

	.debutCoupon2__inner__txt{
		font-size: 15px;
		line-height: 1.71;
		margin-bottom: 20px;
	}

	.debutCoupon2__inner__link{
		font-size: 14px;
		margin-bottom: 26px;
	}





	/* debutafter
	--------------------------------*/
	
	.debutafter{
		margin: 0 auto 50px;
	}
	
	.debutafter__inner__ttl{
		font-size: 18px;
		margin-bottom: 20px;
		background: none;
	}

	.debutafter__inner__img{
		margin-bottom: 20px;
	}

}