@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;
	}
}

@media screen and (min-width:768px){
	.headerLogo a{
		transition: .4s ease;
	}
	body[data-nowsection="mv"] .headerLogo a{
		pointer-events: none;
		opacity: 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;
}
.mvVisualSwiperWrap{
	width: 100%;
}
.mvVisualSwiper{
	width: 53.3334%;/* 640 */
	margin: 0 auto;
	overflow: unset;
}
.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 */
	z-index: 2;
}
.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;
}

/* onairDay */



@media screen and (max-width:767px){
	#mv{
		padding-top:calc(144 / var(--def-ww) * 100vw);
		padding-bottom:calc(346 / 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:24%;/* 180 */
	}
	.t-Logo img{
		object-position:center bottom;
	}
	.mvVisualSwiper{
		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 */
	}
}


.mvOnairArea{
	width: 53.3334%;/* 640 */
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 3.3334%;/* 40 */
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}
.mvOnairAreaIn{
	width: 100%;
	padding-top: 4.375%;/* 28 */
	position: relative;
}
.mvOnair{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 100%)) drop-shadow(0px 0px 5px rgba(255, 255, 255, 100%)) drop-shadow(0px 0px 5px rgba(255, 255, 255, 100%));
	line-height: 0;
}
.mvOnair img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width:768px){
	.mvOnairArea{
		width: 87.2%;
		margin-bottom: calc(-240 / var(--vw-min) * 100vw);
	}
	.mvOnairAreaIn{
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
}


.mvChangeBarArea{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 53.3334%;/* 640 */
	height: 80px;
	margin-left: auto;
	margin-right: auto;	
}
.mvChangeBarAreaIn{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mvChangeLists.swiper-pagination-bullets.swiper-pagination-horizontal,
.mvChangeLists{
	display: flex;
	gap: 8px;
	height: auto;
	width: auto;
	bottom: unset;
	left: unset;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.mvChangeList,
.mvChangeList{
	width: 24px;
	height: 24px;
	margin: 0;
	background: unset;
	opacity: 1;
	cursor: unset;
}
.btn_mvChange{
	width: 100%;
	height: 100%;
	background: transparent;
	border: unset;
	display: block;
	border-radius: 50%;
	position: relative;
}
.btn_mvChange:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 66.6667%;/* 16 */
	height: 66.6667%;/* 16 */
	margin: auto;
	border-radius: 50%;
	transition: .3s ease;
	background-color: #000;
}
.btn_mvChange:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	width: 16.6667%;/* 4 */
	height: 16.6667%;/* 4 */
	margin: auto;
	background-color: #fff;
}
.btn_mvChange--base,
.btn_mvChange--line{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
}
.btn_mvChange--base circle{
	cx: 12px;
	cy: 12px;
	r: 11px;
	fill: transparent;
	stroke-width: 1px;
	stroke: rgba(0, 0, 0, 20%);
}
.btn_mvChange--line circle{
	cx: 12px;
	cy: 12px;
	r: 11px;
	fill: transparent;
	stroke-width: 1px;
	stroke: var(--color-main-red);
	animation: pCircle-out_mv 8s forwards;
}

.btn_mvChange--line{
	opacity: 0;
}

@keyframes pCircle_mv {
	0% {
		stroke-dasharray: 0 76; /*-- 円の直径(24)x3.14 --*/
	}
	100% {
		stroke-dasharray: 76 76;
	}
}
@keyframes pCircle-out_mv {
	0% {
		stroke-dasharray: 76 76; /*-- 円の直径(24)x3.14 --*/
	}
	100% {
		stroke-dasharray: 0 76;
	}
}

body.--is-loaded .mvChangeList.swiper-pagination-bullet-active .btn_mvChange--line {
	opacity: 1;
}
body.--is-loaded .mvChangeList.swiper-pagination-bullet-active .btn_mvChange--line circle{
	animation: pCircle_mv 12s forwards;
}
body.--is-loaded .mvChangeList.swiper-pagination-bullet-active .btn_mvChange:before{
	background-color: var(--color-main-red);
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_mvChange{
		transition: transform .3s ease, opacity .3s ease;
	}
	.btn_mvChange:hover{
		transform: scale(125%);
		opacity: 70%;
	}
	.btn_mvChange:hover:before{
		background-color: var(--color-main-red);
	}
}

@media screen and (max-width:767px){
	.mvChangeBarArea{
		width: 87.2%;
		height: calc(144 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * 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--txt.-icon{
	display: inline-block;
	padding: 0 40px;
}
.link_btn--txt.-icon[data-icon]:after{
	content: '';
	position: absolute;
	top: 0;
	right: 4px;
	bottom: 0;
	width: 20px;
	height: 20px;
	margin: auto 0;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	background-color: #fff;
}
.link_btn--txt.-icon[data-icon="tt"]:after{
	-webkit-mask-image: url(../img/common/icon_tt.svg);
	mask-image: url(../img/common/icon_tt.svg);
}
.link_btn--txt.-icon[data-icon="x"]:after{
	-webkit-mask-image: url(../img/common/icon_tw.svg);
	mask-image: url(../img/common/icon_tw.svg);
}

.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);
	}
}


.tiktokWidgetWrap{
	width:78.9474%;/* 600 */
	padding-top:80px;
	margin:0 auto;
}
.tiktokWidget{
	width:100%;
	height: auto;
}
.tiktokWidget > .tiktok-embed{
	background: #FFF;
    margin: 0 auto;
    border: unset;
    border-radius: 26px;
    overflow: hidden;
}

.tiktokWidget iframe{
	width:100% !important;
	height:100%;
	border:unset;
	overflow-x:unset;
}

@media screen and (max-width:767px){
	.tiktokWidgetWrap{
		width:100%;
		padding-top:var(--sp-size-96);
		border-radius:var(--sp-size-40);
	}
	.tiktokWidget{
		padding:var(--sp-size-20) var(--sp-size-32);
		border-radius:calc(24 / var(--vw-min) * 100vw);
	}
	.tiktokWidget > .tiktok-embed{
		border-radius: calc(24 / var(--vw-min) * 100vw);
	}
}

.snsLinkLists{
	display: flex;
	justify-content: center;
}
@media screen and (max-width:999px){
	.snsLinkLists{
		flex-direction: column;
	}
	.snsLinkList:not(:first-child) .link_btn{
		padding-top: 20px;		
	}
}
@media screen and (max-width:767px){
	.snsLinkList:not(:first-child) .link_btn{
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
	.link_btn--txt.-icon{
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.link_btn--txt.-icon[data-icon]:after{
		width: calc(26 / var(--vw-min) * 100vw);
		height: calc(26 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * Introduciton
-------------------------------------------------*/
#introduction{
	padding-top:160px;
}
#introduction .cont_h2{
	height:200px;
}
#introduction .cont_h2--en:after{
	background-image: url(../img/common/title/title_introduction-h.svg);
}
#introduction .cont_h2 > .cont_h2--ja{
	align-items:flex-end;
}
#introduction .cont_h2 > .cont_h2--ja > .cont_h2--ja_txt{
	min-height:140px;
}
.introduction__img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: min(calc(920 / var(--vw-min) * 100vw), calc(920px * var(--max-percent)));
	max-width: 100%;
}
.introduction__img--img1{
	margin-top: min(calc(160 / var(--vw-min) * 100vw), 160px);
	margin-left: auto;
	width: min(calc(400 / var(--vw-min) * 100vw), calc(400px * var(--max-percent)));
	transform: translateY(100%);
}
.introduction__img--img2{
	margin-top: min(calc(160 / var(--vw-min) * 100vw), 160px);
	margin-left: auto;
	margin-right: 8.6957%;
	width: min(calc(400 / var(--vw-min) * 100vw), calc(400px * var(--max-percent)));
	transform: translateX(-75%);
}
.introduction__img img{
	width: 100%;
}


#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;
	line-height: 1;
}
.introduction__catch--img{
	display: inline-block;
	line-height: 1;
	max-width: min(calc(520 / var(--vw-min) * 100vw), 520px);
}
.introduction__catch--img img{
	max-width: 100%;
}

.introduction__txtIn{
	background-color: #FFF;
}

@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:after{
		background-image: url(../img/common/title/title_introduction-h-sp.svg);
	}
	#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__img--img1{
		width: calc(440 / var(--vw-min) * 100vw);
		margin-top: calc(210 / var(--vw-min) * 100vw);
		transform: translateY(40%);
	}
	.introduction__img--img2{
		margin-top: calc(620 / var(--vw-min) * 100vw);
		margin-right: calc(96 / var(--vw-min) * 100vw);
		width: calc(440 / var(--vw-min) * 100vw);
		transform: translateX(-75%) translateY(50%);
	}

	#introduction .contentIn{
		padding-top: calc(160 / var(--vw-min) * 100vw);
		font-size:calc(27 / var(--def-ww) * 100vw);
		line-height:2.96297;
		letter-spacing:0;
	}
	.introduction__catch{
		margin-bottom:var(--sp-size-48);
	}
	.introduction__catch--img{
		background-color: #fff;
	}
}




/*-----------------------------------------------
 * 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;
} */