@charset "utf-8";
.main{
	width:100%;
	position:relative;
	padding-bottom:160px;
	/* z-index:2; */
}
#fullContentWrap{
	padding-bottom:276px;
}

@media screen and (max-width:767px){
	.main{
		padding-bottom:calc(192 / var(--def-ww) * 100vw);
	}
	#fullContentWrap{
		padding-bottom:0;
	}
}

/*-----------------------------------------------
 * mv
-------------------------------------------------*/
#mv{
	width:100%;
	position:relative;
	padding-top:80px;
	padding-bottom:80px;
}

.mvCont{
	position:absolute;
	top:0;
	left:0;
	bottom:80px;
	margin-bottom:6.6667%;
	width:100%;
	z-index:2;
	pointer-events:none;
}
.mvContIn{
	width:100%;
	height:clamp(640px, 100vh, 100%);
	position:sticky;
	top:0;
}
.t-Logo{
	position:absolute;
	top:0;
	right:0;
	width:16.6667%;/* 200 */
	padding-top:min(calc(400 / var(--def-wh) * 100vh), calc(400 / var(--def-ww) * 100vw));
	margin-top:80px;
	margin-right:3.3334%;/* 40 */
}
.t-Logo img{
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:right top;
	position:absolute;
	top:0;
	right:0;
}



.mvVisualWrap{
	width:100%;
	position:relative;
}
.mvVisualLists{
	width:53.3334%;/* 640 */
	margin:0 auto;
}
.mvVisualList{
	position:relative;
}
.mvVisualList__img{
	width:100%;
	filter:drop-shadow(0 0 30px rgba(0,0,0,20%)) drop-shadow(0 0 30px rgba(0,0,0,20%));
}
.mvVisualList__img img{
	width:100%;
}
.mvCatch{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.mvCatch img{
	width:100%;
}


.mvMovieArea{
	position:absolute;
	left:70%;/* 840 */
	right:13.3334%;/* 160 */
	bottom:0;
	width:16.6667%;/* 200 */
	max-width:min(calc(200px * 1.3334), calc(200 / var(--def-wh) * 100vh));
	/* margin-left:auto; */
	margin-right:auto;
	margin-bottom:6.6667%;/* 80 */
}
.mvMovieArea:before{
	content:'';
	position:absolute;
	top:0;
	left:58.5%;/* 117 */
	width:60%;/* 120 */
	height:122%;/* 244 */
	background:url(../img/top/mv_movie-bg.svg) no-repeat right top / contain;
}
.btn_playMovieCont{
	width:100%;
	padding-top:100%;
	position:relative;
	line-height:0;
	border-radius:50%;
	overflow:hidden;
}
.btn_playMovie{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	border-radius:50%;
	background-color:#d90011;
	mix-blend-mode:multiply;
}

.btn_playMovieCont .icon_play{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	pointer-events:none;
}
.btn_playMovieCont .icon_play:before{
	content:'';
	position:absolute;
	top:0;
	left:5%;
	right:0;
	bottom:0;
	width:20%;/* 40 */
	height:20%;/* 40 */
	margin:auto;
	background:url(../img/common/arrow_r.svg) no-repeat center / contain;
}
.btn_playMovieCont .icon_play:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:88%;/* 176 */
	height:88%;/* 176 */
	margin:auto;
	background:url(../img/top/txt_playmovie.svg) no-repeat center / contain;
	animation:18s ani_rotate linear infinite;
}


@media (hover:hover) and (pointer:fine){
	.btn_playMovieCont .icon_play:before{
		transition:.3s ease;
	}
	.btn_playMovie:hover~ .icon_play:before{
		transform:scale(110%);
	}
	.btn_playMovie:hover~ .icon_play:after{
		animation-play-state:paused;
	}
}

.moviebg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	border-radius:50%;
}
.bg_ytPlayer{
	position:absolute;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	transition:opacity .5s ease .2s;
}
body.--yt-apmov-stop .bg_ytPlayer{
	opacity:0;
	transition-delay:0s;
}


@media screen and (max-width:767px){
	#mv{
		padding-top:calc(144 / var(--def-ww) * 100vw);
		padding-bottom:calc(226 / var(--def-ww) * 100vw);
		overflow:hidden;
	}
	.mvCont{
		bottom:0;
		margin-bottom:unset;
	}
	.mvContIn{
		height:100%;
		position:absolute;
	}
	.t-Logo{
		top:unset;
		bottom:0;
		left:0;
		width:67.2%;/* 504 */
		padding-top:43.3334%;/* 325 */
		margin-top:unset;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:8%;/* 60 */
	}
	.t-Logo img{
		object-position:center bottom;
	}
	.mvVisualLists{
		width:87.2%;/* 654 */
	}
	.mvVisualList__img{
		filter:drop-shadow(0 0 var(--sp-size-24) rgba(0,0,0,20%)) drop-shadow(0 0 var(--sp-size-24) rgba(0,0,0,20%));
	}
	.mvMovieArea{
		left:unset;
		right:var(--sp-size-24);
		margin-bottom:var(--sp-size-96);
		width:36.6973%;/* 240 */
	}
}





/*-----------------------------------------------
 * news
-------------------------------------------------*/
#news{
	padding-top:160px;
}
#news .harfCont{
	padding-bottom:120px;
	background-color:var(--color-main-red);
}
#news .harfCont:before{
	background:linear-gradient(45deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
}

#news .harfCont,
#news .harfCont:before,
#news .contentBg{
	border-bottom-left-radius:120px;
}

#news .cont_h2{
	position:absolute;
	top:-80px;
	left:0;
	padding:0 8.6957%;
}

#news .cont_h2--en:after{
	background-image:url(../img/common/title/title_news-h.svg);
}

/* safari Only */
::-webkit-full-page-media, :future, :root #news .cont_h2--en:before{
	mask:url(../img/common/title/title_news.svg) no-repeat left top / contain;
	background:linear-gradient(180deg, #FFF 0px, #FFF 80px, transparent 80px, transparent 100%);
	bottom:0;
}
::-webkit-full-page-media, :future, :root #news .cont_h2--ja{
	width:40px;
}
::-webkit-full-page-media, :future, :root #news .cont_h2--ja:before,
::-webkit-full-page-media, :future, :root #news .cont_h2--ja:after{
	mask-image:url(../img/common/title/title_news-ja.svg);
}
/* END --> safariOnly */


#news .contentIn{
	padding-top:120px;
}


@media screen and (max-width:767px){
	#news{
		padding-top:var(--sp-size-96);
	}
	#news .harfCont{
		padding-bottom:var(--sp-size-96);
	}
	#news .harfCont,
	#news .harfCont:before,
	#news .contentBg{
		border-bottom-left-radius:var(--sp-size-96);
	}
	#news .cont_h2{
		top:calc(var(--sp-size-96) * -1);
		padding:0 var(--sp-size-48);
	}

	::-webkit-full-page-media, :future, :root #news .cont_h2--en:before{
		background:linear-gradient(180deg, #FFF 0px, #FFF var(--sp-size-96), transparent var(--sp-size-96), transparent 100%);
	}
	::-webkit-full-page-media, :future, :root #news .cont_h2--ja{
		width:var(--sp-size-48);
		flex-shrink:0;
	}

	#news .contentIn{
		padding-top:var(--sp-size-96);
	}
}


.newsLists{
	width:100%;
	border-top:1px solid rgba(255,255,255,40%);
}
.newsList{
	width:100%;
	position:relative;
	border-bottom:1px solid rgba(255,255,255,40%);
}
.newsList__link{
	display:block;
	color:#FFF;
	text-decoration:none;
	padding:24px 0;
}
.newsList__linkIn{
	position:relative;
	display:flex;
	align-items:center;
}



.newsDate{
	flex-shrink:0;
	font-family:var(--font-en);
	line-height:1.25;
	text-align:center;
	padding-right:40px;
	letter-spacing:0.125em;
	position:relative;
}
.newsDate:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:1px;
	height:24px;
	margin:auto 0;
	background-color:#fff;
}
.newsList__title{
	width:100%;
	position:relative;
	line-height:2;
	padding-right:120px;
	padding-left:38px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}

.newsList__arrow{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:60px;
}
.newsList__arrow--circle{
	width:40px;
	height:40px;
	border-radius:50%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	display:block;
	margin:auto 0;
}
.newsList__arrow--circle:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:50%;
	border:1px solid rgba(255,255,255,40%);
}
.newsList__arrow--circle:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:50%;
	transform:scale(50%);
	opacity:0;
	background-color:var(--color-main-red);
}
.newsList__arrow--line{
	width:66.6667%;
	height:1px;
	background-color:#fff;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto 0;
}

@media (hover:hover) and (pointer:fine){
	.newsList__title{
		transition:.4s ease;
	}
	.newsList__arrow--circle:after{
		transition:.6s ease;
	}
	.newsList__arrow--line{
		transition:transform .3s ease .2s;
	}

	.newsList__link:hover .newsList__title{
		color:var(--color-main-red);
	}
	.newsList__link:hover .newsList__arrow--circle:after{
		transform:scale(100%);
		opacity:1;
	}
	.newsList__link:hover .newsList__arrow--line{
		transform:translateX(25%);
	}
}

@media screen and (max-width:767px){
	.newsList__link{
		padding:var(--sp-size-20) 0;
	}
	.newsList__linkIn{
		display:block;
		align-items:unset;
	}
	.newsDate{
		display:inline-block;
		line-height:1;
		padding-right:var(--sp-size-26);
		margin-bottom:var(--sp-size-12);
	}
	.newsDate > span.sp{
		display:inline;
	}
	.newsDate:after{
		height:var(--sp-size-24);
	}
	.newsList__title{
		width:100%;
		-webkit-line-clamp:2;
		padding-left:0;
		padding-right:var(--sp-size-96);
	}
	.newsList__arrow{
		width:var(--sp-size-72);
	}
	.newsList__arrow--circle{
		width:var(--sp-size-48);
		height:var(--sp-size-48);
	}
	.newsList__arrow--circle:before{
		border-width:var(--sp-size-2);
	}
	.newsList__arrow--line{
		height:var(--sp-size-2);
	}
}



.link_btn{
	padding:40px 32px 0;
	text-align:center;
}
.link_btn--link{
	display:inline-block;
	min-width:min(100%, 440px);
	position:relative;
	text-decoration:none;
	padding:14px 40px;
	line-height:1.25;
	color:#FFF;
	border:1px solid #FFF;
	border-radius:40px;
}
.link_btn--txt{
	position:relative;
}
.link_btn--arrow{
	width:40px;
	height:1px;
	position:absolute;
	top:0;
	right:-20px;
	bottom:0;
	margin:auto 0;
	background-color:#fff;
}
@media (hover:hover) and (pointer:fine){
	.link_btn--link{
		transition:.3s ease;
	}
	.link_btn--link:before{
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		border-radius:40px;
		opacity:0;
		transform:scale(80%);
		background-color:var(--color-main-red);
		transition:.6s ease;
	}
	.link_btn--arrow{
		transition:.3s ease .2s;
	}

	.link_btn--link:hover{
		border-color:var(--color-main-red);
	}

	.link_btn--link:hover::before{
		transform:scale(100%);
		opacity:1;
	}
	.link_btn--link:hover .link_btn--arrow{
		transform:translateX(25%);
	}
}

@media screen and (max-width:767px){
	.link_btn{
		padding:var(--sp-size-48) var(--sp-size-48) 0;
	}
	.link_btn--link{
		padding:var(--sp-size-24) var(--sp-size-48);
		border-radius:64px;
		border-width:var(--sp-size-2);
	}
	.link_btn--arrow{
		width:var(--sp-size-48);
		height:var(--sp-size-2);
		right:calc(var(--sp-size-24) * -1);
	}
}


.twitterWidgetWrap{
	width:78.9474%;/* 600 */
	padding-top:80px;
	margin:0 auto;
}
.twitterWidget{
	width:100%;
	height:240px;
	padding:20px 40px;
	border-radius:40px;
	background-color:#fff;
}
.twitterWidget iframe{
	width:100% !important;
	height:100%;
	border:unset;
	overflow-x:unset;
}

@media screen and (max-width:767px){
	.twitterWidgetWrap{
		width:100%;
		padding-top:var(--sp-size-96);
		border-radius:var(--sp-size-40);
	}
	.twitterWidget{
		height:calc(320 / var(--def-ww) * 100vw);
		padding:var(--sp-size-20) var(--sp-size-32);
		border-radius:var(--sp-size-40);
	}
}



/*-----------------------------------------------
 * Introduciton
-------------------------------------------------*/
#introduction{
	padding-top:160px;
}
#introduction .cont_h2{
	height:200px;
}
#introduction .cont_h2--en:after{
	content:unset;
}
#introduction .cont_h2--en img{
	mix-blend-mode:unset;
}
#introduction .cont_h2 > .cont_h2--ja{
	align-items:flex-end;
}
#introduction .cont_h2 > .cont_h2--ja > .cont_h2--ja_txt{
	min-height:140px;
}
#introduction .contentIn{
	padding-top:80px;
	font-size:20px;
	line-height:3;
	letter-spacing:0.025em;
}
.introduction__catch{
	font-weight:700;
	color:var(--color-main-red);
	margin-bottom:40px;
}

@media screen and (max-width:767px){
	#introduction{
		padding-top:25.6%;/* 192 */
	}
	#introduction .cont_h2{
		height:calc(264 / var(--def-ww) * 100vw);
	}
	#introduction .cont_h2--en img{
		width:auto;
		height:100%;
	}
	#introduction .cont_h2 > .cont_h2--ja{
		position:absolute;
		top:0;
		bottom:0;
		right:0;
	}
	#introduction .cont_h2 > .cont_h2--ja > .cont_h2--ja_txt{
		min-height:calc(168 / var(--def-ww) * 100vw);
	}
	#introduction .contentIn{
		padding-top:var(--sp-size-96);
		font-size:calc(27 / var(--def-ww) * 100vw);
		line-height:2.96297;
		letter-spacing:0;
	}
	.introduction__catch{
		margin-bottom:var(--sp-size-48);
	}
}




/*-----------------------------------------------
 * staffcast
-------------------------------------------------*/
#staffcast{
	padding-top:160px;
	padding-bottom:80px;
}
#staffcast .cont_h2--en:after{
	content:unset;
	/* background-image:url(../img/common/title/title_staffcast-h.svg); */
}
#staffcast .cont_h2--en img{
	mix-blend-mode:unset;
}

.staffcastCont{
	width:100%;
	padding-top:80px;
	padding-bottom:72px;
	padding-right:40px;
	position:relative;
}
.staffcast_h3{
	position:absolute;
	bottom:0;
	right:0;
	font-family:var(--font-en);
	font-size:66px;
	letter-spacing:0.025em;
	line-height:1;
}

.staffcastLists{
	display:flex;
	flex-wrap:wrap;
}
.staffcastList{
	min-width:50%;
	display:flex;
	flex-wrap:wrap;
	padding:6px 20px 6px 0;
}
.staffcastList dt{
	flex-shrink:0;
	color:var(--color-main-red);
	font-weight:500;
	padding-top:3px;
	padding-right:1em;
}
.staffcastList.-w100{
	width:100%;
	flex-wrap:nowrap;
}
.staffcastList dd{
	font-size:20px;
	letter-spacing:0.025em;
	display:flex;
	flex-wrap:wrap;
}
.staffcastList.-btm dd{
	align-items:flex-end;
}
.staffcastList dd > small{
	font-size:60%;
	padding-bottom:0.25em;
	padding-left:1em;
}

.btn_comment{
	display:inline-block;
	width:30px;
	height:16px;
	margin-top:8px;
	margin-left:8px;
	background-color:var(--color-main-red);
	-webkit-mask:url(../img/common/icon_comment.svg) no-repeat center / contain;
	mask:url(../img/common/icon_comment.svg) no-repeat center / contain;
}
.staffcastList.-btm .btn_comment{
	margin-bottom:8px;
}

@media (hover:hover) and (pointer:fine){
	.btn_comment{
		transition:.3s ease;
	}
	.btn_comment:hover{
		background-color:#000;
		transform:scale(1.075);
	}
}

@media screen and (max-width:767px){
	#staffcast{
		padding-top:25.6%;/* 192 */
		padding-bottom:var(--sp-size-96);
	}
	#staffcast .cont_h2{
		height:calc(263 / var(--def-ww) * 100vw);
	}
	#staffcast .cont_h2--en img{
		width:auto;
		height:100%;
	}
	#staffcast .cont_h2 > .cont_h2--ja{
		align-items:flex-end;
		position:absolute;
		top:0;
		bottom:0;
		right:0;
	}
	.staffcastCont{
		padding-top:var(--sp-size-96);
		padding-right:unset;
		padding-bottom:var(--sp-size-96);
	}

	.staffcast_h3{
		font-size:calc(74 / var(--def-ww) * 100vw);
	}
	.staffcastList{
		width:auto;
		min-width: 50%;
		padding:var(--sp-size-12) var(--sp-size-12) var(--sp-size-12) 0;
	}
	.staffcastList dt{
		padding-top:var(--sp-size-2);
	}
	.staffcastList dd{
		font-size:var(--sp-size-28);
	}
	.staffcastList dd > small{
		font-size:85.7143%;
	}
	.btn_comment{
		width:var(--sp-size-40);
		height:var(--sp-size-20);
		margin-top:var(--sp-size-12);
		margin-left:var(--sp-size-10);
	}
	.staffcastList.-btm .btn_comment{
		margin-bottom:var(--sp-size-12);
	}
}



/*-----------------------------------------------
 * OnAir
-------------------------------------------------*/
#onair{
	padding-top:160px;
	padding-bottom:120px;
}
#onair .harfCont{
	padding-bottom:120px;
	background-color:var(--color-main-red);
	border-bottom-left-radius:120px;
}
#onair .harfCont:before{
	background:linear-gradient( 45deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
}

#onair .harfCont,
#onair .harfCont:before,
#onair .contentBg{
	border-bottom-left-radius:120px;
}

#onair .cont_h2{
	position:absolute;
	top:-80px;
	left:0;
	padding:0 8.6957%;
}
#onair .cont_h2--en:after{
	background-image:url(../img/common/title/title_onair-h.svg);
}


#onair .contentIn{
	padding-top:120px;
}

.onairNotice{
	font-size:40px;
	font-weight:500;
	text-align:center;
	color:#FFF;
	line-height:1;
}


/* safari Only */
::-webkit-full-page-media, :future, :root #onair .cont_h2--en:before{
	mask:url(../img/common/title/title_onair-t.svg) no-repeat left top / contain;
	background:linear-gradient(180deg, #FFF 0px, #FFF 80px, transparent 80px, transparent 100%);
	bottom:0;
}
::-webkit-full-page-media, :future, :root #onair .cont_h2--ja{
	width:40px;
}
::-webkit-full-page-media, :future, :root #onair .cont_h2--ja:before,
::-webkit-full-page-media, :future, :root #onair .cont_h2--ja:after{
	mask-image:url(../img/common/title/title_news-ja.svg);
}
/* END --> safariOnly */


@media screen and (max-width:767px){
	#onair{
		padding-top:25.6%;/* 192 */
		padding-bottom:0;
	}
	#onair .harfCont{
		padding-bottom:var(--sp-size-96);
	}
	#onair .harfCont,
	#onair .harfCont:before,
	#onair .contentBg{
		border-bottom-left-radius:var(--sp-size-96);
	}
	#onair .cont_h2{
		top:calc(var(--sp-size-96) * -1);
		padding:0 var(--sp-size-48);
	}

	#onair .cont_h2--en img{
		height:100%
	}
	#onair .cont_h2--en:after{
		background-image:url(../img/common/title/title_onair-h_sp.svg);
	}
	
	::-webkit-full-page-media, :future, :root #onair .cont_h2--en:before{
		mask:url(../img/common/title/title_onair-t_sp.svg) no-repeat left top / contain;
		background:linear-gradient(180deg, #FFF 0px, #FFF var(--sp-size-96), transparent var(--sp-size-96), transparent 100%);
	}
	::-webkit-full-page-media, :future, :root #onair .cont_h2--ja{
		width:var(--sp-size-48);
		flex-shrink:0;
	}

	#onair .contentIn{
		padding-top:calc(144 / var(--def-ww) * 100vw);
	}
	.onairNotice{
		font-size:var(--sp-size-48);
	}
}




/*-----------------------------------------------
 * Goods
-------------------------------------------------*/
#goods{
	padding-top:160px;
	overflow:hidden;
}
#goods .cont_h2--ja{
	align-items:flex-end;
}
#goods .cont_h2--en:after{
	content:unset;
}
#goods .cont_h2--en img{
	mix-blend-mode:unset;
}
#goods .contentIn{
	padding-top:80px;
}

.goodsListsSwiper.swiper{
	overflow:unset!important;
}
.goodsList{
	width:clamp(200px, 26.3158%, calc(200px * var(--max-percent)));
}
.goodsList:not(:last-child){
	margin-right:min(5.2632%, calc(40px * var(--max-percent)));
}

.goodsList__link{
	width:100%;
	position:relative;
	text-decoration:none;
	pointer-events:none;
}

.goodsList__img{
	width:100%;
	pointer-events:auto;
}
.goodsList__img img{
	width:100%;
}

.goodsList__title{
	color:#222;
	line-height:1.5;
	letter-spacing:0.02em;
	pointer-events:auto;
}
.goodsList__categories{
	margin-top:1em;
	display:flex;
	flex-wrap:wrap;
}
.goodsList__category{
	height:20px;
	line-height:20px;
	font-size:12px;
	padding:0 0.25em;
	background:#000;
	color:#fff;
	margin:0 0.5em 0.5em 0;
}
@media screen and (max-width:767px){
	.goodsList__category{
		height:var(--sp-size-32);
		line-height:var(--sp-size-32);
		font-size:91.6667%;
		margin-bottom:0;
	}
}
.goodsListsSwiper__scrlbar{
	width:89.4737%;/* 680 */
	height:8px;
	margin:72px auto 32px;
	position:relative;
	background-color:#e5e5e5;
}
.goodsListsSwiper__scrlbar .swiper-scrollbar-drag{
	height:100%;
	border-radius:0;
	background:transparent;
	cursor:pointer;
	background-color:#d60011;
}


@media (hover:hover) and (pointer:fine){
	.goodsList__img,
	.goodsList__title{
		transition:.4s ease;
	}
	.goodsList__link:hover .goodsList__img{
		transform:rotate(2deg) scale(1.025);
		filter:drop-shadow(0 0 25px rgba(0,0,0,.25));
	}
	.goodsList__link:hover .goodsList__title{
		color:#d60011;
	}
}

@media screen and (max-width:767px){
	#goods{
		padding-top:25.6%;/* 192 */
	}
	#goods .contentIn{
		padding-top:var(--sp-size-96);
	}
	.goodsList{
		width:min(33.6vw, 248px);
	}
	.goodsList:not(:last-child){
		margin-right:var(--sp-size-48);
	}
	.goodsList__title{
		font-size:91.6667%;
		margin-top:var(--sp-size-12);
		letter-spacing:-0.015em;
	}
	.goodsListsSwiper__scrlbar{
		width:calc(558 / var(--def-ww) * 100vw);
		height:var(--sp-size-8);
		margin-top:var(--sp-size-80);
		margin-bottom:var(--sp-size-8);
	}
}

.goods__comingsoon {
	padding:6em 0 4em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.goods__comingsoon:before {
	content:'';
	display: block;
	width:60px;
	margin-right:40px;
	height:1px;
	background:var(--color-main-red);
}
.goods__comingsoon:after {
	content:'';
	display: block;
	width:60px;
	margin-left:40px;
	height:1px;
	background:#000;
}
@media screen and (max-width:767px){
	.goods__comingsoon:before {
		width:var(--sp-size-64);
		margin-right:var(--sp-size-48);
	}
	.goods__comingsoon:after {
		width:var(--sp-size-64);
		margin-left:var(--sp-size-48);
	}
}
.goods__comingsoonText {
	font-size:40px;
	font-family: var(--font-en);
}
@media screen and (max-width:767px){
	.goods__comingsoonText {
		font-size:var(--sp-size-48);
	}
}
.goods__comingsoonText span {
	color:var(--color-main-red);
}

/*-----------------------------------------------
 * Books
-------------------------------------------------*/
#books{
	padding-top:160px;
	overflow:hidden;
}
#books .cont_h2--ja{
	align-items:flex-end;
}
#books .cont_h2--en:after{
	content:unset;
}
#books .cont_h2--en img{
	mix-blend-mode:unset;
}
#books .contentIn{
	padding-top:80px;
}

.bookListsSwiper.swiper{
	overflow:unset!important;
}
.bookList{
	width:clamp(200px, 26.3158%, calc(200px * var(--max-percent)));
}
.bookList:not(:last-child){
	margin-right:min(5.2632%, calc(40px * var(--max-percent)));
}

.bookList__link{
	width:100%;
	position:relative;
	text-decoration:none;
	pointer-events:none;
}

.bookList__img{
	width:100%;
	pointer-events:auto;
}
.bookList__img img{
	width:100%;
}

.bookList__title{
	color:#222;
	line-height:1.5;
	letter-spacing:0.02em;
	margin-top:10px;
	pointer-events:auto;
}
.bookListsSwiper__scrlbar{
	width:89.4737%;/* 680 */
	height:8px;
	margin:72px auto 0;
	position:relative;
	background-color:#e5e5e5;
}
.bookListsSwiper__scrlbar .swiper-scrollbar-drag{
	height:100%;
	border-radius:0;
	background:transparent;
	cursor:pointer;
	background-color:#d60011;
}
@media (hover:hover) and (pointer:fine){
	.bookList__img,
	.bookList__title{
		transition:.4s ease;
	}
	.bookList__link:hover .bookList__img{
		transform:rotate(2deg) scale(1.025);
		filter:drop-shadow(0 0 25px rgba(0,0,0,.25));
	}
	.bookList__link:hover .bookList__title{
		color:#d60011;
	}
}
@media screen and (max-width:767px){
	#books{
		padding-top:25.6%;/* 192 */
	}
	#books .contentIn{
		padding-top:var(--sp-size-96);
	}
	.bookList{
		width:min(21.6vw, 162px);
	}
	.bookList:not(:last-child){
		margin-right:var(--sp-size-48);
	}
	.bookList__title{
		font-size:91.6667%;
		margin-top:var(--sp-size-12);
		letter-spacing:-0.015em;
	}
	.bookListsSwiper__scrlbar{
		width:calc(558 / var(--def-ww) * 100vw);
		height:var(--sp-size-8);
		margin-top:var(--sp-size-80);
	}
}
/*-----------------------------------------------
 * Comment Modal
-------------------------------------------------*/
#js-commentModalCont{
	width:100%;
	max-width:1500px;
	padding:0 6.6667%;
	display:flex;
	flex-wrap:wrap;
}
.commentCont_h2{
	width:100%;
	font-weight:700;
	margin-bottom:24px;
}
.commentCont_h2-job{
	color:var(--color-main-red);
	padding-right:24px;
}
.commentCont_h2-name{
	font-size:24px;
}
.commentCont__image{
	width:46.4103%;
	padding-right:6.4103%;
}
.commentCont__image img{
	width:100%;
}
.commentCont_txt{
	width:53.5897%;
	line-height:2;
}
#commentCont:not(.-img) .commentCont_txt{
	width:100%;
}
@media screen and (max-width:767px){
	#js-commentModalCont{
		max-width:100%;
		padding:0 6.4%;
		flex-direction:column;
	}
	.commentCont_h2{
		font-size:var(--sp-size-26);
		margin-bottom:var(--sp-size-24);
	}
	.commentCont_h2-job{
		padding-right:var(--sp-size-24);
	}
	.commentCont_h2-name{
		font-size:var(--sp-size-40);
	}
	.commentCont__image{
		width:100%;
		padding-right:0;
	}
	.commentCont_txt{
		width:100%;
		padding-top:var(--sp-size-40);
	}
}
/*-----------------------------------------------
 * LOADING - TOP
-------------------------------------------------*/
body:not(.--is-loaded) .header,
body:not(.--is-loading-view) .main{
	opacity:0;
	pointer-events:unset;
}
body:not(.--is-loading-view) .main{
	opacity:0;
	filter:blur(10px);
	pointer-events:unset;
}
.main{
	transition:filter .8s ease .4s, opacity .6s ease;
}
.header{
	transition:opacity .6s ease;
}

.contBG{
	opacity:0;
	animation:ani_loading__opacity .8s ease .1s forwards;
}
@keyframes ani_loading__opacity{
	0%{opacity:0;}
	100%{opacity:1;}
}
.contBG__side{
	opacity:0;
	transition:opacity .8s ease;
}
.contBG__side.-l,
.contBG__side.-r{
	transition:opacity 1.2s ease;
}
.contBG__side.-l img,
.contBG__side.-r img{
	filter:blur(10px);
	transition:filter .8s linear .4s;
}
body.--is-loading .contBG__side.-l,
body.--is-loading .contBG__side.-r{
	opacity:1;
}
body.--is-loading .contBG__side.-l img,
body.--is-loading .contBG__side.-r img{
	filter:blur(10px);
}
body.--is-loading-view .contBG__side.-lt,
body.--is-loading-view .contBG__side.-rb{
	opacity:1;
}
/* body:not(.--is-loading) .contBG{
	position:fixed;
	bottom:0;
}
body.--is-loading .contBG{
	opacity:1;
} */