@charset "utf-8";
#fullWrap{
	width: 100%;
	min-width: 100%;
	min-height: 620px;
	position: relative;
	background-color: #fff;
}
@media screen and (max-width: 768px){
	#fullWrap{
		min-width: 100%;
		min-height: auto;
		overflow: hidden;
	}

}

/*-----------------------------------------------
 * 00. Header
-------------------------------------------------*/
#header{
	width: 100%;
	height: 100%;
	position: relative;
}
@media screen and (max-width: 768px){
	.spMenuBtn{
		position: fixed;
		width: 102px;
		height: 98px;
		top: 20px;
		right: 20px;
		z-index: 1001;
	}
	.spMenuBtn a{
		display: block;
		width: 102px;
		height: 98px;
		background: url(../img/common/fukidashi_l.svg) no-repeat center center / contain;
		position: relative;
	}
	.menuSignW{
		position: absolute;
		width: 25px;
		height: 23px;
		left: calc(50% - 12.5px);
		top: calc(50% - 11.5px);
	}
	.menuSign{
		width: 25px;
		height: 5px;
		position: absolute;
		border-radius: 5px;
		background-color: #ee86a7;
		transition: .4s ease-in-out;
	}
	.menuSign:nth-of-type(1){
		top: 0;
		right: 0;
	}
	.menuSign:nth-of-type(2){
		top: 9px;
		right: 0;
	}
	.menuSign:nth-of-type(3){
		bottom: 0;
		right: 0;
	}
	.js-menu.active .menuSign:nth-of-type(1){
		top: 9px;
		transform: rotate(30deg);
	}
	.js-menu.active .menuSign:nth-of-type(2){
		right: -10%;
		opacity: 0;
	}
	.js-menu.active .menuSign:nth-of-type(3){
		bottom: 9px;
		transform: rotate(-30deg);
	}
	.headerWrap{
		position: fixed;
		width: 100%;
		top: 0;
		right: -100%;
		height: 100%;
		display: block;
		background-color: #fff;
		z-index: 1000;
		transition: .4s ease-in-out;
	}
	.headerWrap.is-active{
		right: 0;
	}
	.headerInWrap{
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		overflow: auto;
		padding: 100px 120px;
	}
	.pc_nav.navLists{
		display: none!important;
	}
}
.headNavWrap{
	width: 800px;
	min-width: 800px;
	height: 4.5vw;
	min-height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 100;
}
.navLists{
	display: flex;
	justify-content: center;
	position: relative;
}
.navList{
	margin: 0 15px;
}
.navList__link{
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	color: #333;
	text-decoration: none;
	font-family: 'Jost', sans-serif;
	text-shadow: 0px 3px 0px rgba(255, 255, 255, 0.6);
	transition: .3s ease;
	bottom: 0;
	position: relative;
	letter-spacing: 0;
}
.navList__link:hover,
.navList.is-current .navList__link{
	color: #ee86a7;
}
.navList__link:hover{
	bottom: 2px;
}
@media screen and (max-width: 768px){
	.headNavWrap{
		width: 100%;
		min-width: 100%;
		height: auto;
		min-height: auto;
		display: block;
		position: relative;
	}
	.navLists{
		display: block;
	}
	.navList{
		margin: 0 0 64px;
	}
	.navList__link{
		font-size: 6rem;
		line-height: 1;
	}
}

@media screen and (min-width: 769px){
	#subLinksWrap{
		width: auto;
		height: auto;
		min-height: auto;
		position: unset;
		top: 0;
		right: 0;
		overflow: auto;
		z-index: 0;
		margin-left: auto;
	}
}

#headLogo{
	width: 46px;
	height: 308px;
	position: fixed;
	top: 50%;
	right: 42px;
	transform: translateY(-50%);
	background: url(../img/common/logo_h.svg) no-repeat center center / contain;
	opacity: 1;
	z-index: 1;
	transition: .8s ease-in-out;
	transition-delay: 500ms;
}
.docSlider-id_top #headLogo{
	opacity: 0;
	transition-delay: 0ms;
	transition: .4s ease-in-out;
}
#headLogo.off{
	opacity: 0!important;
	transition-delay: 0ms!important;
	transition: .4s ease-in-out!important;
}
.shareLists{
	width: 100px;
	height: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 20px;
	right: 15px;
	z-index: 10;
	transition: .8s ease-in-out;
	transition-delay: 500ms;
	opacity: 1;
}
.shareList{
	margin: 0 8px
}
.shareList a{
	display: block;
}
.share_tw{
	width: 18px;
	height: 15px;
	background: url(../img/common/sns_tw.svg) no-repeat center center / contain;
	position: relative;
	z-index: 10;
}
.share_fb{
	width: 15px;
	height: 15px;
	background: url(../img/common/sns_fb.svg) no-repeat center center / contain;
	position: relative;
	z-index: 10;
}
.share_li{
	width: 16px;
	height: 15px;
	background: url(../img/common/sns_line.svg) no-repeat center center / contain;
	position: relative;
	z-index: 10;
}
.seasonLinks{
	margin-top: 0px;
}
.seasonLinks{
	width: 120px;
	height: 88px;
	position: fixed;
	right: 0;
	top: 70px;
	z-index: 2;
	transition: .8s ease-in-out;
	transition-delay: 500ms;
	opacity: 1;
	z-index: 3;
}
.seasonLink{
	width: 120px;
	height: 24px;
	margin-bottom: 8px;
}
.seasonLink:last-child{
	margin-bottom: 0;
}
.seasonLink a{
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 24px;
	padding-left: 16px;
	padding-right: 12px;
	color: #fff;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	right: 0;
	transition: .3s ease;
}
.seasonLink a:after{
	content: '';
	width: 3px;
	height: 3px;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	background: url(../img/common/link_arrow.svg) no-repeat center center / contain;
}
.seasonLink a:hover{
	right: -10px;
}
.seasonLink__1st{
	background-color: #ee87a8;
}
.seasonLink__2nd{
	background-color: #d089a0;
}
#top_contents{
	width: 100%;
	position: relative;
}

@media screen and (max-width: 768px){
	#headLogo{
		display: none;
	}
	#subLinksWrap{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		height: auto;
		min-height: auto;
		overflow: unset;
		padding-top: 16px;
	}
	.shareLists{
		order: 2;
		width: 100%;
		height: 60px;
		display: flex;
		position: relative;
		top: unset;
		right: unset;
	}
	.shareList{
		margin: 0 35px
	}
	.share_tw{
		width: 72px;
		height: 60px;
	}
	.share_fb{
		width: 60px;
		height: 60px;
	}
	.share_li{
		width: 64px;
		height: 60px;
	}
	.seasonLinks{
		order: 1;
		width: 100%;
		display: block;
		position: relative;
		top: unset;
		right: unset;
		height: auto;
		margin-top: 0;
		margin-bottom: 50px;
	}
	.seasonLink{
		width: 100%;
		height: 80px;
		margin-bottom: 20px;
	}
	.seasonLink a{
		height: 100%;
		text-align: center;
		line-height: 80px;
		font-size: 34px;
		border-radius: 5px;
	}
	.seasonLink a:after{
		width: 12px;
		height: 12px;
		right: 40px;
	}
	.docSlider-id_footer .navLists, .docSlider-id_footer .shareLists, .docSlider-id_footer .seasonLinks{
		opacity: 1!important;
	}
}


/*-----------------------------------------------
 * 01. TOP CONTENTS
-------------------------------------------------*/
/* SP docSlider Setting */
@media screen and (max-width: 768px){
	.docSlider{
		height: 100%;
	}
	.pc_nav{
		display: none!important;
	}
}@media screen and (min-width: 769px){
	.headNavWrap{
		width: 700px;
		min-width: 700px;
		height: 4.5vw;
		min-height: 54px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		z-index: 100;
		transform: translateY(0%);
		top: 0;
		right: calc(50% - 350px);
	}
}
/* PC NAV */
.pc_nav .navList__link span{
	pointer-events: auto;
	cursor: pointer;
}
.pc_nav .navList {
	margin: 0 15px;
	height: auto;
	width: auto;
	border-radius: unset;
	background-color: unset;
	opacity: 1;
}
.docSlider-button.selected .navList__link{
	color: #ee86a7;
}
.docSlider-button.off{
	display: none;
}

.pc_nav.navLists {
	/*width: 880px;
	min-width: 880px;*/
	height: 4.5vw;
	min-height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 100;
	transform: translateY(0%);
	top: 0;
	/*right: calc(50% - 440px);*/
	right: 130px;
	/*left: 13.334%;*/
	left: 0;
	margin: 0 auto;
	/*width: 73.334%;*/
	width: 82%;
	flex-wrap: wrap;
}
.pc_nav .nav01{
	order: 1;
}
.pc_nav .nav02{
	order: 2;
}
.pc_nav .nav03{
	order: 3;
}
.pc_nav .nav04{
	order: 4;
}
.pc_nav .nav05{
	order: 5;
}
.pc_nav .nav06{
	order: 6;
}
.pc_nav .nav07{
	order: 7;
}
.pc_nav .nav08{
	order: 8;
}
.pc_nav .nav09{
	order: 9;
}
.pc_nav .nav10{
	order: 10;
}
.pc_nav .nav11{
	order: 11;
}
.pc_nav .nav12{
	order: 12;
}
.pc_nav .nav99{
	order: 13;
}

.docSlider-button.nav_non{
	display: none;
}
.docSlider-pager-bg{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 4.5vw;
	min-height: 54px;
	background-color: rgba(254,254,254,.6);
	z-index: 2;	
}
@media screen and (max-width: 768px){
	.docSlider-pager-bg{
		display: none;
	}
}

/* Footerになったときの処理*/
.pc_nav,
.navLists{
	transition: opacity .8s ease-in-out;
}
.docSlider-id_footer .docSlider-pager {
	opacity: 0;
}
.docSlider-id_footer .navLists{
	opacity: 0;
}
.docSlider-id_footer #headLogo{
	opacity: 0;
	transition: .4s ease-in-out;
	transition-delay: 0ms;
}
.docSlider-id_footer .shareLists,
.docSlider-id_footer .seasonLinks{
	opacity: 0;
	transition: .4s ease-in-out;
}

/* SP NAV */
/*@media screen and (max-width: 768px){*/
	.docSlider-id_top #nav_top{
		color: #ee86a7;
	}
	.docSlider-id_top_news #nav_news{
		color: #ee86a7;
	}
	.docSlider-id_introduction #nav_intro{
		color: #ee86a7;
	}
	.docSlider-id_story #nav_story{
		color: #ee86a7;
	}
	.docSlider-id_character #nav_character{
		color: #ee86a7;
	}
	.docSlider-id_staffcast #nav_staffcast{
		color: #ee86a7;
	}
	.docSlider-id_pv #nav_trailer{
		color: #ee86a7;
	}

/*}*/


/* Common */
.top_contentWrap{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	/*min-width: 1200px;*/
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
.contIn{
	/*min-width: 1200px;*/
}
.contMain{
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 130px);
}
.sectionChara{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 170px;
	height: 120px;
	z-index: 2;
}
/*.sectionChara.is-active{
	position: sticky;
	opacity: 1;
	right: 0;
}*/
@media screen and (max-width: 768px){
	.top_contentWrap{
		min-width: 100%;
	}
	.contIn{
		min-width: 100%;
	}
	.contMain{
		width: 100%;
	}
}
.sec_fukidashi{
	width: 70px;
	height: 68px;
	background: url(../img/common/fukidashi.svg) no-repeat center center / contain;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	line-height: 15px;
	color: #d089a0;
	font-weight: 500;
	position: absolute;
	top: 10px;
	left: 0;
}
.sec_charaimg{
	width: 130px;
	height: 120px;
	margin-left: auto;
}
.sec_charaimg img{
	width: 100%;
}

/** sec_charaimg **/
.sec_charaimg.chara01{
	background: url(../img/common/secChara/chara_01.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara02{
	background: url(../img/common/secChara/chara_02.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara03{
	background: url(../img/common/secChara/chara_03.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara04{
	background: url(../img/common/secChara/chara_04.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara05{
	background: url(../img/common/secChara/chara_05.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara06{
	background: url(../img/common/secChara/chara_06.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara07{
	background: url(../img/common/secChara/chara_07.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara08{
	background: url(../img/common/secChara/chara_08.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara09{
	background: url(../img/common/secChara/chara_09.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara10{
	background: url(../img/common/secChara/chara_10.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara11{
	background: url(../img/common/secChara/chara_11.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara12{
	background: url(../img/common/secChara/chara_12.png)no-repeat left bottom / 130px 120px;
}


/* SCROLLBAR SETTING */
.page::-webkit-scrollbar-thumb {
	background: #ee87a7;
	border-radius: 3px;
	margin: 1px;
	box-shadow: none;
}
.page{
	scrollbar-width:thin;
}



/* FirstView */
#top .top_contentWrap{
	/*padding-top: 4.5%;
	padding-bottom: 4.5%;*/
	min-width: 100%;
	position: relative;
}
@media screen and (max-width: 1199px){
	#top .top_contentWrap{
		/*padding-top: 54px;
		padding-bottom: 54px;*/
	}
}
@media screen and (max-width: 768px){
	#top .top_contentWrap{
		padding: 0;
		display: flex;
		flex-direction: column;
	}
}
@media screen and (min-width: 769px){
	#top.page{
		height: auto!important;
		min-height: auto;
	}
/*	#top .top_contentWrap:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 50%;
		background-color: #95d6cc;
	}*/
}
#top .contIn{
	width: 100%;
	height: 100%;
	min-width: 100%;
	display: flex;
	padding-right: 0;
	background: url(../img/common/common_bg.jpg) no-repeat center / cover;
}
.fv_info{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 4;
}
.fv_infoIn{
	position: sticky;
	top: 0;
	left: 0;
	padding-left: 6.6667vw;
	/*min-height: 640px;*/
	height: 100vh;
	display: flex;
	align-items: center;
}
.fv_infoIn.is-percent{
	height: 100%;
}
.fv_infoTxt{
	position: relative;
	z-index: 2;
}
.top_h2{
	/*min-width: 628px;*/
	width: 52.334vw;
	height: auto;
	padding-top: 132px;
	padding-top: 11.1667vw;
	background: url(../img/common/logo.png) no-repeat center / contain;
	margin-bottom: 60px;
}
.top_roadshow{
	font-size: 40px;
	font-size: 2.3334vw;
	font-weight: 700;
	font-style: italic;
	font-family: 'Jost', sans-serif;
	color: #231815;
	letter-spacing: 0.04em;
	text-align: center;
}
.top_roadshow .txt_p{
	color: #ee87a8;
}
.top_roadshow .min{
	font-size: 24px;
	font-size: 2vw;
}
/*@media screen and (max-width: 1200px){
	.top_h2{
		padding-top: 132px;
	}
	.top_roadshow{
		font-size: 40px;
	}
	.top_roadshow .min{
		font-size: 24px;
	}
}*/

@media screen and (min-width: 1500px){
	.top_h2{
		width: 785px;
		padding-top: 167.5px;
	}
	.top_roadshow{
		/*font-size: 50px;*/
	}
	.top_roadshow .min{
		font-size: 30px;
	}
}

@media screen and (min-width: 1850px){
	.fv_infoIn{
		padding-left: 0;
	}
	.fv_infoIn{
		justify-content: center;
	}
}

.fv_mv{
	width: 50%;
	margin-left: auto;
	position: relative;
}
/*.fv_mv:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/top/mv_bright.png) no-repeat center center / contain;
	animation: kvlight 3s linear infinite;
}*/
.fv_mv:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/top/mv_catch.png) no-repeat center center / contain;
	filter: blur(5px);
	opacity: 0;
	transition: 1.2s ease;
}
.fv_mv.on:after{
	opacity: 1;
	filter: blur(0);
}
@keyframes kvlight {
	0%,50%,100%{
		opacity: 0%
	}
	25%{
		opacity: 100%;
	}
}
.fv_mv img{
	width: 100%;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	touch-callout: none;
	user-select: none;
}

.fv_infoBG{
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	position: absolute;
}
.fv_infoBG:before{
	content: '';
	width: 39.3334vw;
	height: 31.5834vw;
	min-width: 472px;
	min-height: 379px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/cont_corner_topl.png)no-repeat top left / contain;
}
.fv_infoBG:after{
	content: '';
	width: 37vw;
	height: 23.6667vw;
	min-width: 444px;
	min-height: 284px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../img/common/cont_corner_bottomr.png)no-repeat bottom right / contain;
}
@media screen and (min-width: 1500px){
	.fv_infoBG:before{
		width: 590px;
		height: 473.75px;
	}
	.fv_infoBG:after{
		width: 555px;
		height: 355px;
	}
}

.fv_info_scroll{
	width: 100%;
	height: 160px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.fv_info_scroll a{
	width: 13.3334%;
	height: 100%;
	display: flex;
	justify-content: center;
	text-decoration: none;
}
.fv_info_scrollbar{
	width: 2px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.fv_info_scrollbar:before {
	content: '';
	background-color: #dddddd;
	display: block;
	width: 2px;
	height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	left: 0;
}
.fv_info_scrollbar span {
	animation: scrollDown 2.4s ease-in-out infinite;
}
.fv_info_scrollbar span {
	background-color: #ee86a8;
	width: 2px;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
}
@keyframes scrollDown {
	0% { top: -100%; }
	70%, 100% { top: 100%; }
}
.fv_info_scrolltxt{
	font-size: 14px;
	color: #231815;
	letter-spacing: 0.025em;
	position: absolute;
	bottom: 32px;
	left: 13.3334%;
	font-weight: 500;
}

.bnr_topLists{
	display: flex;
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	justify-content: center;
	z-index: 4;
	transition: 1.2s ease;
	opacity: 0;
}
.bnr_topLists.on{
	opacity: 1;
}
.bnr_topList{
	width: 180px;
	padding: 0 10px;
}
.bnr_topList a{
	display: block;
	transition: .3s ease;
}
.bnr_topList a:hover{
	opacity: 0.5;
}
.bnr_topList img{
	width: 100%;
}


@media screen and (min-width: 769px){
	.pc_bnr_filmarks{
		width: 25%;
		position: absolute;
		top: 0;
		margin-top: 2.6667%;
		left: 2.6667%;
		z-index: 10;
	}
	.pc_bnr_filmarks a{
		display: block;
	}
	.pc_bnr_filmarks img{
		width: 100%;
	}
}

@media screen and (max-width: 768px){
	.sp_top_bg{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}
	.sp_top_bg:before{
		content: '';
		width: 39.3334vw;
		height: 31.5834vw;
		min-width: 472px;
		min-height: 379px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/common/cont_corner_topl.png)no-repeat top left / contain;
	}
	.sp_top_bg:after{
		content: '';
		width: 37vw;
		height: 23.6667vw;
		min-width: 444px;
		min-height: 284px;
		position: absolute;
		bottom: 0;
		right: 0;
		background: url(../img/common/cont_corner_bottomr.png)no-repeat bottom right / contain;
	}

	#top .contIn{
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		min-height: 100%;
	}
	.fv_info{
		width: 100%;
		height: 23%;
		/*min-height: 230px;*/
		order: 2;
		position: relative;
	}
	.fv_infoIn{
		position: relative;
		padding: 10px 40px 20px;
		height: auto;
		display: block;
	}
	.top_h2{
		width: 628px;
		padding-top: 134px;
		margin: 0 auto 32px;
	}
	.top_roadshow{
		font-size: 3rem;
	}
	.top_roadshow .min{
		font-size: 3rem;
	}
	.fv_mv{
		order: 1;
		width: 100%;
		/*height: 77%;*/
		/*max-height: 102.7084vw;*/
		/*min-height: 770px;*/
		margin-left: auto;
		padding: 70px 40px 0;
		z-index: 2;
	}
	.fv_mv:before,.fv_mv:after{
		top: 70px;
	}
	.fv_mv img{
		/*width: 54.03225vh;*/
		width: auto;
		max-width: 100%;
		height: 770px;
		border-radius: 24px;
		overflow: hidden;
		display: block;
		margin: 0 auto;
	}
	.fv_infoBG{
		display: none;
	}
	.fv_info_scroll{
		display: none;
	}

	.bnr_topLists{
		width: auto;
		position: absolute;
		/*top: 5px;*/
		top: 1vh;
		bottom: unset;
		left: 120px;
		right: 120px;
		transform: translateX(0);
		flex-wrap: wrap;
	}
	.bnr_topList{
		width: 120px;
		padding: 5px;
	}
	.bnr_topList a{
		display: block;
		width: 100%;
	}
	.bnr_topList img{
		width: 100%;
	}
	.sp_bnr_filmarks{
		width: 200px;
		height: auto;
		border-radius: 0px;
		margin: 0;
		position: absolute;
		bottom: 0;
		right: 102px;
		z-index: 1;
	}
	.sp_bnr_filmarks a{
		display: block;
	}
	.sp_bnr_filmarks img{
		width: 100%;
		height: auto;
		display: inline;
		border-radius: 0;
	}
}

@media screen and (max-width: 768px) and (min-height: 1100px){
	.fv_infoIn{
		padding-top: 40px;
		border-radius: 0px;
		margin: 0;
	}
}


/* PV */
#pv .contIn{
	opacity: 1!important;
}
.pvWrap{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 130px;
	overflow: hidden;
}
.pvWrap:before{
	content: '';
	position: absolute;
	background: rgba(254,254,254,.4) url(../img/common/common_bg_dots.png) repeat;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.pvIn{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#js-newpv{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	width: 100%;
	height: 100%;
}
.btn_pvmodal{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	min-width: 80px;
	min-height: 80px;
	width: 6.6667vw;
	height: 6.6667vw;
	z-index: 3;
}
.btn_pvmodal:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/btn_movplay_frame.svg) no-repeat center / contain;
	animation: circle 20s linear infinite;
}
.btn_pvmodal:hover::before{
	animation-play-state: paused;
}
@keyframes circle {
	0% {transform: rotate(360deg);}
	100% {transform: rotate(0deg);}
}
.btn_pvmodal:after{
	content: '';
	min-width: 34px;
	min-height: 40px;
	width: 2.8334vw;
	height: 3.3334vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-35%,-50%);
	background: url(../img/common/btn_movplay_arrow.svg) no-repeat center / contain;
	transition: .3s ease;
}
.btn_pvmodal:hover::after{
	transform: translate(-35%,-50%) scale(0.8);
}
.btn_pvmodal:active::after{
	transform: translate(-35%,-50%) scale(1.5);
}
@media screen and (max-width: 1500px){
	.btn_pvmodal{
		width: 100px;
		height: 100px;
	}
	.btn_pvmodal:after{
		width: 42.5px;
		height: 50px;
		z-index: 2;
	}
}


@media screen and (max-width: 768px){
	.pvWrap{
		right: 0;
	}
	.sp_pv_bg{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.sp_pv_bg:before{
		content: '';
		width: 39.3334vw;
		height: 31.5834vw;
		min-width: 472px;
		min-height: 379px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/common/cont_corner_topl.png)no-repeat top left / contain;
	}
	.sp_pv_bg:after{
		content: '';
		width: 37vw;
		height: 23.6667vw;
		min-width: 444px;
		min-height: 284px;
		position: absolute;
		bottom: 0;
		right: 0;
		background: url(../img/common/cont_corner_bottomr.png)no-repeat bottom right / contain;
	}
	.pvIn{
		padding-top: 56.25%;
	}
	.btn_pvmodal{
		width: 100%;
		top: 50%;
		left: 0;
		height: auto;
		padding-top: 56.25%;
		transform: translate(0%, -50%);
	}
	.btn_pvmodal:before{
		width: 96px;
		height: 96px;
		position: absolute;
		top: calc(50% - 48px);
		left: calc(50% - 48px);
	}
	#pv .sectionChara{
		right: calc(50% - 85px);
	}
}


/* TOP NEWS */
#top_news .top_contentWrap{
	padding-top: 4.5%;
	padding-bottom: 2.25%;
	min-width: 100%;
}
@media screen and (max-width: 1199px){
	#top_news .top_contentWrap{
		padding-top: 54px;
		padding-bottom: 27px;
	}
}
@media screen and (max-width: 768px){
	#top_news .top_contentWrap{
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		height: 100%;
		min-height: 1000px;
	}
	#top_news .sectionChara{
		right: calc(50% - 85px);
	}
}

#top_news_bg .bgIn div:before{
	filter: hue-rotate(-170deg) brightness(110%);
}
#top_news_bg .bgIn div:after{
	filter: hue-rotate(-170deg) brightness(110%);
}


#top_news .contMain{
	min-width: calc(100% - 130px);
	position: relative;
	padding: 0 125px;
}
#top_news .contIn{
	min-width: 100%;
	z-index: 1;
}
@media screen and (max-width: 1099px){
	#top_news .contMain{
		padding: 0 10%;
	}
}
.topNewsBG{
	background-color: #ffddaf;
	position: absolute;
	top: 0;
	left: 0;
	right: 130px;
	bottom: 0;
}
.topNewsWrap{
	/*min-width: 840px;*/
	/*width: 78.5047%;*/
	overflow: hidden;
}
.topNewsWrap.min{
	width: 100vw;
}
@media screen and (max-width: 768px){
	#top_news .contMain{
		min-width: 100%;
		padding: 0 70px;
	}
	.topNewsBG{
		right: 0;
	}
	.topNewsWrap.min{
		width: 610px;
		min-width: auto;
	}
	#top_news .sectionSideBG{
		display: none;
	}
	#top_news_bg{
		right: 0;
	}
}
.newsList{
	height: auto;
	padding: 20px 0;
	/*min-width: 190px;*/
}
.newsList__link{
	display: block;
	text-decoration: none;
	height: 100%;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 11px 10px 20px 0px rgb(255 187 84 / 24%);
}
.newsList__img{
	width: 100%;
	padding-top: 187.369%;
	position: relative;
	overflow: hidden;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

@media screen and (max-width: 768px){
	.newsList{
		width: 190px;
	}
	.newsList__img{
		padding-top: 0;
		height: 356px;
	}
}
.newsList__imgIn{
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #fff;
}
.newsList__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s ease;
	transform: scale(1);
	pointer-events: none;
}
.newsList__img.thumbfull img{
	height: auto;
	object-fit: unset;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
}
.newsList__link:hover .newsList__img img{
	transform: scale(1.1);
}
.newsList__link:hover .newsList__img.thumbfull img{
	transform: translate(-50%,-50%) scale(1.1);
}
.newsList__title{
	width: 100%;
	height: 100%;
	padding: 20px 16px;
	background-color: #fff;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.newsList__time{
	display: block;
	font-size: 14px;
	line-height: 1;
	color: #ee87a8;
	margin-bottom: 10px;
}
.newsList__name{
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #000;
}
.newsList__name span{
	position: relative;
	background: linear-gradient(#fff, #ee87a8) right bottom/0 2px no-repeat;
	transition: background-size 0.25s ease, color .3s ease;
}
.newsList__link:hover .newsList__name span{
	color: #ee87a8;
	background-position: left bottom;
	background-size: 100% 2px;
}

@media screen and (max-width: 768px){
	.newsList__title{
		padding: 20px 10px;
	}
	.newsList__name{
		font-size: 2rem;
		line-height: 1.5;
	}
}

.topNews__next{
	position: absolute;
	top: calc(50% - 15px);
	right: 40px;
	background: #fde7c0 url(../img/common/arrow_r.svg) no-repeat center center / contain;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: .2s ease;
	box-shadow: 8.999px 10.725px 29px 0px rgb(255 147 0 / 66%);
	border-radius: 50%;
}
.topNews__prev{
	position: absolute;
	top: calc(50% - 15px);
	left: 40px;
	background: #fde7c0 url(../img/common/arrow_r.svg) no-repeat center center / contain;
	transform: rotate(180deg);
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: .2s ease;
	box-shadow: -8.999px -10.725px 29px 0px rgb(255 147 0 / 60%);
	border-radius: 50%;
}


@media screen and (min-width:769px) and (max-width:1099px){
	.topNews__next{
		right: calc(5% - 10px);
	}
	.newsList__swiperbtn .topNews__next:hover{
		right: 3%;
	}
	.topNews__prev{
		left: calc(5% - 10px)
	}
	.newsList__swiperbtn .topNews__prev:hover{
		left: 3%;
	}
}
@media screen and (min-width: 1100px){
	.newsList__swiperbtn .topNews__next:hover{
		right: 35px;
	}
	.newsList__swiperbtn .topNews__prev:hover{
		left: 35px;
	}
}
.topNews__next.swiper-button-disabled,
.topNews__prev.swiper-button-disabled{
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

@media screen and (max-width: 768px){
	.topNews__next{
		right: 20px;
	}
	.topNews__prev{
		left: 20px;
	}
}




/* TOP introduction */
#introduction .top_contentWrap{
	padding-top: 4.5%;
	min-width: 100%;
}
@media screen and (max-width: 1199px){
	#introduction .top_contentWrap{
		padding-top: 54px;
	}
}
@media screen and (max-width: 768px){
	#introduction .top_contentWrap{
		padding-top: 0;
		height: 100%;
	}
	#introduction .sectionSideBG{
		display: none;
	}
}
#introduction .contIn{
	width: 100%;
	height: 100%;
	min-width: 100%;
	/*min-height: 620px;*/
	/*display: flex;
	align-items: center;*/
}
.intro_pvWrap{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 130px;
	overflow: hidden;
}
.intro_pvWrap:before{
	content: '';
	position: absolute;
	background: rgba(254,254,254,.4) url(../img/common/common_bg_dots.png) repeat;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
#introduction .contMain{
	width: calc(100% - 130px);
	position: relative;
	height: 100%;
	display: block;
	min-height: calc(100vh - 120px - 4.5vw);
	z-index: 2;
}
@media screen and (max-width: 768px){
	#introduction .contIn{
		display: flex;
		flex-wrap: wrap;
	}
	#introduction .contMain{
		order: 1;
		width: 100%;
		min-height: auto;
		display: flex;
		flex-wrap: wrap;
		height: 65.09434%;
		/*min-height: 650.9434px;*/
		min-height: 690px;
		background:linear-gradient(45deg, #fff0f8,#ffe4ec,#ffd5e1,#ffd3df,#ffd6e2,#ffdae4, #ffd2df,#ffd5e1,#ffe5ec);
		background-size: 400% 400%;
		animation: bggradient 5s ease infinite;
	}
}
#introduction .sectionChara{
	position: sticky;
	margin-left: auto;
}
.intro_kv{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 33.3334vw;
	/*min-width: 400px;*/
	height: 100%;
	background: url(../img/top/top_intro_kv.jpg) no-repeat center center / cover;
	z-index: 1;
}
@media screen and (max-width: 768px){
	#introduction .sectionChara{
		order: 2;
		margin-top: -120px;
		z-index: 5;
	}
	.intro_kv{
		order: 3;
		width: 100%;
		height: 34.90556%;
		/*min-height: 349.0556px;*/
		min-height: 370px;
		position: relative;
		top: unset;
		bottom: unset;
		left: unset;
		background: url(../img/top/fv_mv1.jpg) no-repeat center center / cover;
		background-position: center -200px;
	}
}
.intro_txtWrap{
	width: calc(66.6666vw - 130px - 6px);
	padding: 54px 32px;
	/*width: 66.3552%;*/
	/*min-width: 710px;*/
	height: calc(100% - 120px);
	min-height: calc(100vh - 120px - 5.4vw);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-left: auto;
}
@media screen and (max-width: 768px){
	.intro_txtWrap{
		width: 100%;
		height: 100%;
		min-height: 100%;
		padding: 0 40px;
		/*height: 65.09434%;
		min-height: 650.9434px;*/
		background: url(../img/top/bg_story.jpg)no-repeat center / cover;
	}
}
@media screen and (max-width: 1200px){
	.intro_txtWrap{
		/*width: 664px;*/
		min-height: calc(100vh - 174px);
	}
}
@keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.story_txt{
	text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 16px #fff, 0 0 16px #fff, 0 0 16px #fff, 0 0 16px #fff;
}
.story_txt_p{
	font-size: 14px;
	line-height: 2;
	font-weight: 500;
}
.story_txt_b{
	font-size: 24px;
	list-style: 38px;
	font-weight: 700;
	margin-top: 26px;
	margin-bottom: 26px;
	color: #ee87a8;
}
@media screen and (max-width: 768px){
	.story_txt_p{
		font-size: 2rem;
		line-height: 1.7;
	}
	.story_txt_b{
		font-size: 2.4rem;
		line-height: 1.8334;
	}
}

@media screen and (min-width: 1201px){
	.story_txt_p{
		font-size: 1.1167vw;
		line-height: 2;
		font-weight: 500;
	}
	.story_txt_b{
		font-size: 2vw;
		list-style: 1.5834;
		font-weight: 700;
		margin-top: 2.1667vw;
		margin-bottom: 2.1667vw;
	}
}
@media screen and (min-width: 2000px){
	.story_txt_p{
		font-size: 23.3334px;
		line-height: 2;
		font-weight: 500;
	}
	.story_txt_b{
		font-size: 40.0001px;
		list-style: 1.5834;
		font-weight: 700;
		margin-top: 43.33342px;
		margin-bottom: 43.33342px;
	}
}
.story_txt p:last-child{
	margin-bottom: 0;
}

@media screen and (max-width: 768px){
	#introduction .contMain{
		height: auto;
		background: unset;
		z-index: 10;
	}
	.intro_pvWrap:before{
		z-index: 2;
		background: rgba(254,254,254,.4) ;
	}
	/*.intro_txtBG_sp{
		width: 100%;
		height: 1106px;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(254,254,254,.4) ;
		z-index: 3;
	}*/
	.intro_txtWrap{
		display: block;
		height: auto;
		padding: 40px;
		min-height: auto;
		background: unset;
	}
	.intro_pvWrap{
		width: 100%;
		height: 1106px;
	}
	.intro_pvWrap .pvIn{
		padding-top: 0;
		opacity: 0.6;
	}
	.intro_kv{
		width: 100%;
		height: 370px;
		background: url(../img/top/intro_kv.jpg) no-repeat center / cover;
	}
}


/**** STORY ****/
#story .top_contentWrap {
	padding-top: 4.5%;
	min-width: 100%;
}
@media screen and (max-width: 1199px){
	#story .top_contentWrap{
		padding-top: 54px;
	}
}
@media screen and (max-width: 768px){
	#story .top_contentWrap{
		padding-top: 0;
		height: 100%;
	}
	#story .sectionSideBG{
		display: none;
	}
}
#story .contIn {
	width: 100%;
	height: 100%;
	min-width: 100%;
	/* min-height: 620px; */
}
#story .contMain {
	width: calc(100% - 130px);
	position: relative;
	height: 100%;
	display: block;
	min-height: calc(100vh - 120px - 4.5vw);
	z-index: 2;
}
@media screen and (max-width: 768px){
	#story .contIn{
		display: flex;
		flex-wrap: wrap;
	}
	#story .contMain{
		order: 1;
		width: 100%;
		min-height: auto;
		display: flex;
		flex-wrap: wrap;
		height: 65.09434%;
		/*min-height: 650.9434px;*/
		min-height: 690px;
		background:linear-gradient(45deg, #fff0f8,#ffe4ec,#ffd5e1,#ffd3df,#ffd6e2,#ffdae4, #ffd2df,#ffd5e1,#ffe5ec);
		background-size: 400% 400%;
		animation: bggradient 5s ease infinite;
	}
}
.storyBG{
	position: absolute;
	top: 0;
	right: 130px;
	bottom: 0;
	left: 0;
	background: url(../img/top/bg_story.jpg)no-repeat center / cover;
	/*background:linear-gradient(45deg, #fff0f8,#ffe4ec,#ffd5e1,#ffd3df,#ffd6e2,#ffdae4, #ffd2df,#ffd5e1,#ffe5ec);*/
	/*background-size: 400% 400%;
	animation: bggradient 5s ease infinite;*/
	/*z-index: -1;*/
}
@media screen and (max-width: 768px){
	.storyBG{
		display: none;
	}
}
#story .sectionChara{
	position: sticky;
	margin-left: auto;
}
.story_imgWrap{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 130px;
	width: 33.3334vw;
	/*min-width: 400px;*/
	height: 100%;
	overflow: hidden;
	/*background: url(../img/top/top_story_kv.jpg) no-repeat center center / cover;*/
	z-index: 1;
}
.story_imgSideWrap{
	width: 100%;
	overflow: hidden;
}
.story_imgSideWrap .item{
	width: 100%;
	padding-top: 160%;
	background: url(../img/top/top_story_kv.jpg) no-repeat center center / cover;
}

@media screen and (max-width: 768px){
	#story .sectionChara{
		order: 2;
		margin-top: -120px;
		z-index: 5;
	}
	.story_imgWrap{
		order: 3;
		width: 100%;
		/*height: 34.90556%;*/
		height: 552px;
		/*min-height: 349.0556px;*/
		min-height: 370px;
		position: relative;
		top: unset;
		bottom: unset;
		left: unset;
		right: 0;
		background: url(../img/top/top_story_kv_sp.jpg) no-repeat top center / cover;
	}
	.story_imgSideWrap{
		display: none;
	}
}
#story .story_txtWrap{
	width: calc(66.6666vw - 130px - 6px);
	padding: 54px 40px;
	/*width: 66.3552%;*/
	/*min-width: 710px;*/
	height: calc(100% - 120px);
	min-height: calc(100vh - 120px - 5.4vw);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
@media screen and (max-width: 768px){
	#story .story_txtWrap{
		width: 100%;
		height: 100%;
		min-height: 100%;
		padding: 40px;
		/*height: 65.09434%;
		min-height: 650.9434px;*/
		background: url(../img/top/bg_story.jpg)no-repeat center / cover;
	}
}
@media screen and (max-width: 1200px){
	#story .story_txtWrap{
		/*width: 664px;*/
		min-height: calc(100vh - 174px);
	}
}
@media screen and (max-width: 768px){
	#story .story_txtWrap{
		min-height: auto;
	}
}



/* TOP STAFF CAST */
#staffcast .top_contentWrap{
	padding-top: 4.5%;
	min-width: 100%;
}
@media screen and (max-width: 1199px){
	#staffcast .top_contentWrap{
		padding-top: 54px;
	}
}
#staffcast .contIn{
	width: 100%;
	min-width: 100%;
}
#staffcast .sectionChara{
	position: sticky;
	margin-left: auto;
}
@media screen and (max-width: 939px){
	#staffcast .top_contentWrap{
		padding-top: 0;
		height: 200%;
		display: block;
	}
	#staffcast .sectionSideBG{
		display: none;
	}
	#staffcast .sectionChara{
		margin-top: -120px;
	}
}
/*#staffcast .top_contentWrap{
	height: 100vh;
	display: block;
	position: relative;
}*/
/*#staffcast .contIn{
	width: 100%;
	height: 100%;
	min-height: 620px;
	display: flex;
	position: relative;
}*/
/*#staffcast .contMain{
	width: calc(100% - 130px);
	position: relative;
	height: 100%;
	justify-content: flex-start;
	padding: 0 7.5%;
}*/
#staffcast .contMain{
	padding-bottom: 20px;
	height: 100%;
	min-height: calc(100vh - 120px - 4.5vw);
	padding: 54px 0;
}

#staffcast_bg .bgIn div:before{
	filter: hue-rotate(-90deg) brightness(110%);
}
#staffcast_bg .bgIn div:after{
	filter: hue-rotate(-90deg) brightness(110%);
}


.staffcast_txtWrap{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	position: relative;
	z-index: 2;
	flex-wrap: wrap;
}
@media screen and (min-width: 940px){
	.sp_gensaku{
		display: none!important;
	}
	.staffcast_txtWrap{
		width: 750px;
		margin: 0 auto;
	}
	.staffcast_gensaku_pc{
		width: 750px;
	}
	.staffcast_gensaku_pc dt{
		color: #6facf1;
	}
}

@media screen and (max-width: 939px){
	.staffcast_gensaku_pc{
		display: none;
	}
	#staffcast .pcmin{
		display: block!important;
	}
	#staffcast .pc{
		display: none;
	}
	#staffcast .top_contentWrap {
		padding-top: 0px;
	}
	#staffcast .sectionChara{
		margin-top: -120px;
	}
	#staffcast .contMain{
		padding-top: 0;
		padding-bottom: 0;
		height: auto;
		min-height: auto;
		display: block;
		position: relative;
	}
	.staffcast_txtWrap{
		display: block;
	}
	.staffcast_staffWrap{
		padding: 80px 0 0;
		position: relative;
	}
	.staffcast_staffIn{
		width: 100%;
		height: 100%;
		min-height: calc(100vh - 110px);
		display: flex;
		align-items: center;
		padding: 0 40px 160px;
		position: relative;
	}
	.staffcast_castWrap{
		padding: 80px 0;
		position: relative;
	}
	.staffcast_castIn{
		width: 100%;
		height: 100%;
		min-height: calc(100vh - 130px);
		display: flex;
		align-items: center;
		padding: 0 40px 80px;
		position: relative;
	}
	#staffcast_staffWrap__bg{
		position: absolute;
		top: 0;
		right: 0px;
		bottom: 0;
		left: 0;
		background-color: #c6e4b6;
		/*z-index: -1;*/
	}
	#staffcast_staffWrap__bg div{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: url(../img/common/common_bg.png);
		mix-blend-mode: lighten;
		opacity: 0.7;
	}
	#staffcast_castWrap__bg{
		position: absolute;
		top: 0;
		right: 0px;
		bottom: 0;
		left: 0;
		background-color: #c3e7ff;
		/*z-index: -1;*/
	}
	#staffcast_castWrap__bg div{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: url(../img/common/common_bg.png);
		mix-blend-mode: lighten;
		opacity: 0.7;
	}
	#staffcast_bg{
		display: none;
	}
}

.staffcast_Lists.scL_s{
	/*padding: 54px 0 148px;*/
	/*width: 58.427%;*/
	width: 520px;
}
.staffcast_List{
	font-size: 16px;
	font-weight: 700;
	display: flex;
	margin-bottom: 8px;
}
.staffcast_List dt{
	flex-shrink: 0;
}
.staffcast_List dt:after{
	content: '：';
}
.scL_s .staffcast_List:nth-child(odd) dt{
	color: #6facf1;
}
.scL_s .staffcast_List:nth-child(even) dt{
	color: #ee88a9;
}

.staffcast_Lists.scL_c{
/*	padding: 54px 0 100px;*/
	width: 230px;
	min-width: 230px;
/*	width: 25.8427%;*/
	/*height: 100%;*/
/*	display: flex;
	justify-content: center;
	position: relative;*/
}
.scL_c .cg dt{
	color: #ee88a9;
}
.scL_c .cb dt{
	color: #6facf1;
}
.scL_c .staffcast_List:nth-of-type(2){
	margin-bottom: 20px;
}

#

@media screen and (max-width: 939px){
	.staffcast_Lists.scL_s{
		width: 100%;
	}
	.staffcast_Lists.scL_c{
		width: 100%;
	}
	.staffcast_List{
		font-size: 22px;
	}
	.staffcast_castIn .staffcast_Lists{
		display: flex;
		flex-wrap: wrap;
	}
	.staffcast_castIn .staffcast_List{
		width: 50%;
		padding-left: 65px;
	}
	.staffcast_castIn .staffcast_List:nth-of-type(1),
	.staffcast_castIn .staffcast_List:nth-of-type(2){
		width: 100%;
	}
	.staffcast_castIn .staffcast_List.w100{
		width: 100%;
	}
	.staffcast_castIn .staffcast_List.w100:before{
		content: '';
		width: calc(50% + 32.5px);
	}
}

@media screen and (min-width:769px) and (max-width:939px){
	.staffcast_staffIn{
		min-height: calc(100vh - 80px);
	}
	.staffcast_List{
		font-size: 16px;
	}
}

.staffcast_ListcatNameWrap{
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100% - 130px);
	height: 120px;
}
.staffcast_ListcatNameInWrap{
	position: absolute;
	width: 750px;
	height: 120px;
	left: calc(50% - 375px);
	bottom: 0;
	display: flex;
}
.staffcast_CatName_staff{
	width: 520px;
	position: relative;
}
@media screen and (min-width: 939px){
	.staffcast_CatName_staff{
		bottom: 0!important;
	}
}
.staffcast_CatName_cast{
	width: 230px;
	position: relative;
}
.staffcast_CatName_staff .sectionChara_sc,
.staffcast_CatName_cast .sectionChara_sc{
	width: 170px;
	height: 120px;
	position: absolute;
	left: calc(50% - 85px);
	margin-left: unset;
}
@media screen and (max-width: 939px){
	.staffcast_ListcatNameWrap{
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 120px;
		z-index: 3;
	}
	.staffcast_ListcatNameInWrap{
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
	}
	.staffcast_CatName_staff{
		position: absolute;
		bottom: 0;
		left: calc(50% - 85px);
		width: 170px;
		height: 120px;
	}
	.staffcast_CatName_cast{
		position: absolute;
		bottom: 0;
		left: calc(50% - 85px);
		width: 170px;
		height: 120px;
	}
}

/*background: url(../img/common/common_bg.jpg);*/
@media screen and (max-width: 768px){
	.staffcast_Lists.scL_s{
		width: 100%;
	}
	.staffcast_List{
		font-size: 2.2rem;
	}
	#staffcast_staffWrap__bg{
		display: none;
	}
	#staffcast_castWrap__bg{
		display: none;
	}
	.staffcast_sp_bgg{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 200vh;
	}
	.staffcast_sp_bgg div{
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: url(../img/common/common_bg.jpg);
	}
	.staffcast_sp_bg div{
		position: sticky;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100vh;
	}
	.staffcast_sp_bg{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 200vh;
	}
	.staffcast_sp_bg div{
		position: sticky;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100vh;
	}
	.staffcast_sp_bg div:before{
		content: '';
		width: 39.3334vw;
		height: 31.5834vw;
		min-width: 472px;
		min-height: 379px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/common/cont_corner_topl.png)no-repeat top left / contain;
		filter: hue-rotate(-90deg) brightness(110%);
	}
	.staffcast_sp_bg div:after {
		content: '';
		width: 37vw;
		height: 23.6667vw;
		min-width: 444px;
		min-height: 284px;
		position: absolute;
		bottom: 0;
		right: 0;
		background: url(../img/common/cont_corner_bottomr.png)no-repeat bottom right / contain;
		filter: hue-rotate(-90deg) brightness(110%);
	}
}

.comflex{
	display: flex;
	align-items: center;
}
.comflex.ait{
	align-items: flex-start;
}
.commentBtn{
	display: inline-block;
	text-decoration: none;
	width: 22px;
	height: 20px;
	background: url(../img/common/commentBtn.svg)no-repeat center center / contain;
	margin-left: 10px;
	margin-top: 0;
	transition: .3s ease-in-out;
}
.comflex.ait .commentBtn{
	margin-top: 5px;
}
.commentBtn:hover{
	margin-top: -6px;
}
.comflex.ait .commentBtn:hover{
	margin-top: 0px;
}

/* COMMENTS */
.commentWrap{
	width: 85%;
	max-width: 1020px;
	display: block;
	margin: 0 auto;
}
.comment_name{
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
	display: block;
}
.comment_name.cn_center{
	text-align: center;
}
.comc_p .comment_name{
	color: #ee88a9;
}
.comc_b .comment_name{
	color: #6facf1;
}
.commentDetailWrap{
	display: flex;
	width: 100%;
	position: relative;
	padding-top: 26px;
}
.comment_img__cast{
	width: 250px;
	height: 354px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.comment_img__cast img{
	width: 100%;
}
.comment_img__illust{
	width: 500px;
	margin: 0 auto;
}
.comment_img__illust img{
	width: 100%;
}
.comment_qaLists{
	width: calc(100% - 282px);
	margin-left: 32px;
}
.comment_qaLists.qa_fullw{
	width: 100%;
	margin-left: 0;
}
.comment_qaList{
	width: 100%;
	display: block;
	margin-bottom: 48px;
}
.comment_q{
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 10px;
}
.comc_p .comment_q{
	color: #ee88a9;
}
.comc_b .comment_q{
	color: #6facf1;
}
.comment_a{
	font-size: 16px;
	line-height: 1.8;
	font-weight: 700;
}
@media screen and (max-width: 768px){
	.commentWrap{
		width: 654px;
		max-width: 100%;
		padding-top: 40px;
	}
	.comment_name{
		text-align: center;
	}
	.commentDetailWrap{
		display: block;
	}
	.comment_img__cast{
		width: 280px;
		height: 354px;
	}
	.comment_img__cast{
		margin: 0 auto 48px;
	}
	.comment_qaLists{
		width: 100%;
		margin-left: 0;
	}
	.comment_q,.comment_a{
		font-size: 20px;
	}
}


/* CHARACTER */
#character .top_contentWrap{
	padding-top: 4.5%;
	min-width: 100%;
}
@media screen and (max-width: 1199px){
	#character .top_contentWrap{
		padding-top: 54px;
	}
}
#character .contIn{
	min-width: 100%;
}
#character .contMain{
	height: 100%;
	min-height: calc(100vh - 120px - 4.5vw);
}
@media screen and (max-width: 768px){
	#character .top_contentWrap{
		padding-top: 60px;
		padding-bottom: 120px;
	}
	#character .contMain{
		min-height: 100%;
	}
	#character .sectionSideBG{
		display: none;
	}
}
.charaLists{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 1199px){
	.charaLists{
		justify-content: center;
	}
}
@media screen and (min-width: 1200px){
	.charaLists{
		width: 950px;
	}
}
.charaList{
	width: 182px;
	height: 182px;
	margin: 18px 9px 0;
	position: relative;
}
.charaList a{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	transition: .4s ease;
}
.charaList a img{
	width: 100%;
}
.charaList a:hover{
	/*top: -20px;*/
	transform: rotate(360deg) scale(1.08);
}
@media screen and (max-width: 768px){
	.charaLists{
		width: 600px;
	}
	.charaList{
		margin: 0 9px 18px;
	}
}

#character_bg .bgIn div:before{
	filter: hue-rotate(150deg) brightness(110%);
}
#character_bg .bgIn div:after{
	filter: hue-rotate(150deg) brightness(110%);
}

#character .contIn{
	width: 100%;
}
#character .sectionChara{
	position: sticky;
	margin-left: auto;
}
@media screen and (max-width: 768px){
	#character .sectionChara{
		position: absolute;
		left: calc(50% - 85px);
		margin-left: unset;
	}
	.characterBG{
		right: 0;
	}
}

/* CHARA MODAL */
.charaWrap{
	display: flex;
	align-items: center;
}
.charaDetail{
	order: 2;
	margin-left: 72px;
}
.charaDetail_name{
	padding-bottom: 30px;
}
.charaDetail_txt{
	font-size: 16px;
	line-height: 2;
}
.charaIMG{
	order: 1;
}
@media screen and (max-width: 768px){
	.charaWrap{
		flex-wrap: wrap;
		justify-content: center;
	}
	.charaDetail{
		margin-left: 0;
		margin-top: 72px;
	}
	.charaDetail_txt{
		font-size: 20px;
	}
	.charaIMG{
		width: 100%;
		display: flex;
		justify-content: center;
	}
}


/* Footer */
.footerIMG{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.js-footerIMG{
	opacity: 0;
	transition: 1.5s ease-in-out;
	transform: scale(1.125);
	filter: blur(15px);
}
.footer-active{
	opacity: 1;
	transform: scale(1);
	filter: blur(0);
}
#footerIMG_01{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/top/footer_mv1.jpg) no-repeat top center / cover;
}

.copyright{
	width: 100%;
	text-align: center;
	font-size: 12px;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 20px;
	text-shadow    :2px  2px 0px #ee87a8,-2px  2px 0px #ee87a8,2px -2px 0px #ee87a8,-2px -2px 0px #ee87a8,2px  0px 0px #ee87a8,0px  2px 0px #ee87a8,-2px  0px 0px #ee87a8,0px -2px 0px #ee87a8;
	margin: 0 auto;
}

@media screen and (max-width: 768px){
	#footerIMG_01{
	background: url(../img/top/footer_mv1.jpg) no-repeat center center / cover;
	}
	.toTop{
		width: 70px;
		height: 70px;
		position: absolute;
		bottom: 30px;
		right: 30px;
		background: url(../img/common/arrow_top.svg)no-repeat center center / contain;
		box-shadow: 8.999px 10.725px 29px 0px rgba(0, 0, 0, 0.66);
		border-radius: 50%;
	}
}



/*-----------------------------------------------
 * 02. TOP CONTENTS Animation
-------------------------------------------------*/
/* Right Bottom Side Chara Animation */
.sectionChara{
	opacity: 1;
	overflow: hidden;
}
.sectionCharaIn{
	position: absolute;
	width: 100%;
	right: -100%;
	transition: .4s ease-in-out;
}
@media screen and (max-width: 768px){
	.sectionCharaIn{
		right: 0;
		bottom: -100%;
	}
}

/* Top In */
#top.is-show.on .sectionCharaIn.top_secChara,
.docSlider-id_top .sectionCharaIn.top_secChara{
	right: 0;
	transition-delay: 600ms;
}

/* PV IN */
#pv.is-show .sectionCharaIn.pv_secChara,
.docSlider-id_pv .sectionCharaIn.pv_secChara{
	right: 0;
	transition-delay: 600ms;
}
@media screen and (max-width: 768px){
	.docSlider-id_pv .sectionCharaIn.pv_secChara{
		bottom: 0;
	}
}
#pv .contIn{
	transition: .4s ease-in-out;
	opacity: 0;
}
#pv.is-show .contIn,
.docSlider-id_pv #pv .contIn{
	opacity: 1;
	transition-delay: 800ms;
}


/* News In */
#top_news.is-show .sectionCharaIn.top_news_secChara,
.docSlider-id_top_news .sectionCharaIn.top_news_secChara{
	right: 0;
	transition-delay: 600ms;
}
@media screen and (max-width: 768px){
	.docSlider-id_top_news .sectionCharaIn.top_news_secChara{
		bottom: 0;
	}
}
#top_news .contIn{
	transition: .4s ease-in-out;
	opacity: 0;
}
#top_news.is-show .contIn,
.docSlider-id_top_news #top_news .contIn{
	opacity: 1;
	transition-delay: 800ms;
}

/* Introduction In */
#introduction.is-show .sectionCharaIn.story_secChara,
.docSlider-id_introduction .sectionCharaIn.story_secChara{
	right: 0;
	transition-delay: 600ms;
}
@media screen and (max-width: 768px){
	.docSlider-id_introduction .sectionCharaIn.story_secChara{
		bottom: 0;
	}
}
#introduction .story_txt{
	transition: .4s ease-in-out;
	opacity: 0;
}
#introduction.is-show .story_txt,
.docSlider-id_introduction #introduction .story_txt{
	opacity: 1;
	transition-delay: 800ms;
}

/* Story In */
#story.is-show .sectionCharaIn.story_secChara,
.docSlider-id_story .sectionCharaIn.story_secChara{
	right: 0;
	transition-delay: 600ms;
}
@media screen and (max-width: 768px){
	.docSlider-id_story .sectionCharaIn.story_secChara{
		bottom: 0;
	}
}
#story .story_txt{
	transition: .4s ease-in-out;
	opacity: 0;
}
#story.is-show .story_txt,
.docSlider-id_story #story .story_txt{
	opacity: 1;
	transition-delay: 800ms;
}


/* Character In */
#character.is-show .sectionCharaIn.character_secChara,
.docSlider-id_character .sectionCharaIn.character_secChara{
	right: 0;
	transition-delay: 600ms;
}
@media screen and (max-width: 768px){
	.docSlider-id_character .sectionCharaIn.character_secChara{
		bottom: 0;
	}
}
/*#character .contMain,*/
.charaLists li{
	transition: .4s ease-in-out;
	opacity: 0;
}
#character.is-show .contMain,
.docSlider-id_character #character .contMain{
	opacity: 1;
	transition-delay: 800ms;
}
#character.is-show .charaLists li:nth-of-type(1),
.docSlider-id_character .charaLists li:nth-of-type(1) {
	opacity: 1;
	transition-delay: 800ms;
}
#character.is-show .charaLists li:nth-of-type(2),
.docSlider-id_character .charaLists li:nth-of-type(2) {
	opacity: 1;
	transition-delay: 900ms;
}
#character.is-show .charaLists li:nth-of-type(3),
.docSlider-id_character .charaLists li:nth-of-type(3) {
	opacity: 1;
	transition-delay: 1000ms;
}
#character.is-show .charaLists li:nth-of-type(4),
.docSlider-id_character .charaLists li:nth-of-type(4) {
	opacity: 1;
	transition-delay: 1100ms;
}
#character.is-show .charaLists li:nth-of-type(5),
.docSlider-id_character .charaLists li:nth-of-type(5) {
	opacity: 1;
	transition-delay: 1200ms;
}
#character.is-show .charaLists li:nth-of-type(6),
.docSlider-id_character .charaLists li:nth-of-type(6) {
	opacity: 1;
	transition-delay: 1300ms;
}
#character.is-show .charaLists li:nth-of-type(7),
.docSlider-id_character .charaLists li:nth-of-type(7) {
	opacity: 1;
	transition-delay: 1400ms;
}
#character.is-show .charaLists li:nth-of-type(8),
.docSlider-id_character .charaLists li:nth-of-type(8) {
	opacity: 1;
	transition-delay: 1500ms;
}
#character.is-show .charaLists li:nth-of-type(9),
.docSlider-id_character .charaLists li:nth-of-type(9) {
	opacity: 1;
	transition-delay: 1600ms;
}
#character.is-show .charaLists li:nth-of-type(10),
.docSlider-id_character .charaLists li:nth-of-type(10) {
	opacity: 1;
	transition-delay: 1700ms;
}
#character.is-show .charaLists li:nth-of-type(11),
.docSlider-id_character .charaLists li:nth-of-type(11) {
	opacity: 1;
	transition-delay: 1800ms;
}
#character.is-show .charaLists li:nth-of-type(12),
.docSlider-id_character .charaLists li:nth-of-type(12) {
	opacity: 1;
	transition-delay: 1900ms;
}
#character.is-show .charaLists li:nth-of-type(13),
.docSlider-id_character .charaLists li:nth-of-type(13) {
	opacity: 1;
	transition-delay: 2000ms;
}
#character.is-show .charaLists li:nth-of-type(14),
.docSlider-id_character .charaLists li:nth-of-type(14) {
	opacity: 1;
	transition-delay: 2100ms;
}


/* StaffCast In */
.staffcast_ListcatNameWrap,
.staffcast_CatName_staff,
.staffcast_CatName_cast{
	overflow: hidden;
}
.sectionChara_sc{
	bottom: -100%;
	transition: .4s ease-in-out;
}
#staffcast.is-show .sectionChara_sc,
.docSlider-id_staffcast .sectionChara_sc{
	bottom: 0;
	transition-delay: 600ms;
}
#staffcast.is-show .sectionCharaIn.staffcast_secChara,
.docSlider-id_staffcast .sectionCharaIn.staffcast_secChara{
	right: 0;
	transition-delay: 600ms;
}
#staffcast .staffcast_Lists{
	transition: .4s ease-in-out;
	opacity: 0;
}
#staffcast.is-show .staffcast_Lists,
.docSlider-id_staffcast #staffcast .staffcast_Lists{
	opacity: 1;
	transition-delay: 800ms;
}

#staffcast .staffcast_gensaku_pc{
	transition: .4s ease-in-out;
	opacity: 0;
}

#staffcast.is-show .staffcast_gensaku_pc,
.docSlider-id_staffcast #staffcast .staffcast_gensaku_pc{
	opacity: 1;
	transition-delay: 800ms;
}


/* Comics In */
#comics.is-show .sectionCharaIn.comics_secChara,
.docSlider-id_comics .sectionCharaIn.comics_secChara{
	right: 0;
	transition-delay: 600ms;
}
@media screen and (max-width: 768px){
	.docSlider-id_comics .sectionCharaIn.comics_secChara{
		bottom: 0;
	}
}
#comics .comics_catch,
#comics .comics_catch_sub,
.comicsLists li{
	transition: .4s ease-in-out;
	opacity: 0;
}
#comics.is-show .comics_catch,
#comics.is-show .comics_catch_sub,
#comics.is-show .comicsLists li,
.docSlider-id_comics #comics .comics_catch,
.docSlider-id_comics #comics .comics_catch_sub,
.docSlider-id_comics .comicsLists li{
	opacity: 1;
	transition-delay: 800ms;
}



/* TOP LOADING */
#loading{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	z-index: 100000;
	background-color: #fff;
	transition: .8s ease;
}
@media screen and (min-width: 769px){
	#loading.fo{
		left: 100%;
		height: 100%;
	}
	#loading.foend{
		left: 100%;
	}
}
@media screen and (max-width: 768px){
	#loading.foend{
		top:100%;
		/*left: 100%;*/
	}
}
#loading.fadeout{
	display: none;
}
.takagi3kitoeigadayo{
	transition: .4s ease;
	position: absolute;
	width: 682px;
	height: 110px;
	position: absolute;
	top: calc(50% - 55px);
	left: calc(50% - 341px);
	transform: rotate(0deg) translate(0px, 0px);
	opacity: 1;
}
@media screen and (min-width: 769px){
	.takagi3kitoeigadayo.fo{
		transform: translate(50%, 0);
		opacity: 0;
	}
}
@media screen and (max-width: 768px){
	.takagi3kitoeigadayo.fo{
		transform: translate(0, 50%);
		opacity: 0;
	}
}
#load_takagi{
	width: 634px;
	height: 110px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/load/load_takagi.png) no-repeat bottom center / contain;
	opacity: 0;
	transition: .4s ease-in-out;
}
#load_takagi.on{
	opacity: 1;
}
#load_cinema{
	width: 123px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	transition: .4s ease-in-out;
}
#load_cinema div{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 20px;
	right: 0;
	background: url(../img/common/load/load_cinema.png) no-repeat top left / contain;
	background-position: center right;
	transition: .4s ease-in-out;
	transform: scale(0.05);
	opacity: 0;
}
#load_cinema div.on{
	opacity: 1;
}
#load_cinema div.on2{
	top: 0px;
	transform: scale(1);
}
@media screen and (max-width: 768px){
	.takagi3kitoeigadayo{
		width: 634px;
		left: calc(50% - 317px);
	}
	.takagi3kitoeigadayo.fo{
		transform: translate(0%, 50%);
		opacity: 0;
	}
	/*.takagi3kitoeigadayo.fo #load_takagi{
		width: 475.5px;
		height: 82.5px;
	}
	.takagi3kitoeigadayo.fo #load_cinema{
		width: 92.25px;
		height: 30px;
	}*/
}


/* PAGE */
@media screen and (min-width: 769px){
	.page{
		position: relative;
		min-height: 100vh;
		/*min-width: 1200px;*/
	}
}

/* Top_bunkasaiBnr */
.bnr_top_scfes{
	position: absolute;
	max-width: 180px;
	max-height: 180px;
	width: 11.25vw;
	height: 11.25vw;
	bottom: 32px;
	right: calc(50% - 11.25vw - 32px);
	transition: .3s ease-in-out;
	opacity: 0;
	transform: translateY(24px);
	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.bnr_top_scfes.on,
.bnr_top_scfes.kai{
	opacity: 1;
	transform: translateY(0);
}
@media screen and (min-width: 1600px){
	.bnr_top_scfes{
		width: 180px;
		height: 180px;
		right: calc(50% - 212px);
	}
}
@media screen and (max-width: 768px){
	.bnr_topWrap{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 40px 50px;
	}
	.bnr_top_scfes{
		order: 3;
		width: 120px;
		height: 120px;
		bottom: auto;
		/*top: calc(10% - 80px);
		right: calc(50% - 80px);*/
		right: auto;
		position: relative;
		margin: 0 12px;
	}
}
@media screen and (max-width: 768px) and (max-height: 1000px){
	.bnr_topWrap{
		top: 5%;
	}
	/*.bnr_top_scfes{
		top: 10%;
		width: 140px;
		height: 140px;
		right: calc(50% - 70px);
	}*/
}
.bnr_top_scfes a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/top/bnr_bunkasai.png) no-repeat center center / 100%;
	transition: .5s ease-in-out;
}
.bnr_top_scfes a:hover{
	transform: scale(1.08);
	opacity: 0.8;
}

/* Top_GaneBnr */
.bnr_top_game{
	position: absolute;
	max-width: 180px;
	max-height: 180px;
	width: 11.25vw;
	height: 11.25vw;
	top: 70px;
	right: calc(50% - 11.25vw - 32px);
	transition: .3s ease-in-out;
	opacity: 0;
	transform: translateY(24px);
	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.bnr_top_game.on,
.bnr_top_game.kai{
	opacity: 1;
	transform: translateY(0);
}

/* Top_animateBnr */
.bnr_top_animate{
	position: absolute;
	max-width: 180px;
	max-height: 180px;
	width: 11.25vw;
	height: 11.25vw;
	top: 70px;
	right: calc(50% - 11.25vw - 33px - 11.25vw - 24px - 11.25vw - 24px);
	transition: .3s ease-in-out;
	opacity: 0;
	transform: translateY(24px);
	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.bnr_top_animate.on,
.bnr_top_animate.kai{
	opacity: 1;
	transform: translateY(0);
}

@media screen and (min-width: 1600px){
	.bnr_top_game{
		width: 180px;
		height: 180px;
		right: calc(50% - 212px);
	}
	.bnr_top_game{
		margin-top: 4.5%;
		top: 0;
	}
	.bnr_top_animate{
		width: 180px;
		height: 180px;
		right: calc(50% - 618px);
	}
	.bnr_top_animate{
		margin-top: 4.5%;
		top: 0;
	}	
}
@media screen and (max-width: 768px){
	.bnr_top_game{
		order: 1;
		width: 120px;
		height: 120px;
		bottom: auto;
		top: auto;
		right: auto;
		margin: 0 12px;
		position: relative;
	}
	.bnr_top_animate{
		order: 1;
		width: 120px;
		height: 120px;
		bottom: auto;
		top: auto;
		right: auto;
		margin: 0 12px;
		position: relative;
	}	
}
/*@media screen and (max-width: 768px) and (max-height: 1000px){
	.bnr_top_game{
		top: 10%;
		width: 140px;
		height: 140px;
		right: calc(50% - 70px);
	}
}*/
.bnr_top_game a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/top/bnr_game.png) no-repeat center center / 100%;
	transition: .5s ease-in-out;
}
.bnr_top_game a:hover{
	transform: scale(1.08);
	opacity: 0.8;
}
.bnr_top_animate a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/top/bnr_animate.png) no-repeat center center / 100%;
	transition: .5s ease-in-out;
}
.bnr_top_animate a:hover{
	transform: scale(1.08);
	opacity: 0.8;
}
/* Top_RadioBnr */
.bnr_top_radio{
	position: absolute;
	max-width: 180px;
	max-height: 180px;
	width: 11.25vw;
	height: 11.25vw;
	top: 70px;
	right: calc(50% - 11.25vw - 33px - 11.25vw - 24px);
	transition: .3s ease-in-out;
	opacity: 0;
	transform: translateY(24px);
	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.bnr_top_radio.on,
.bnr_top_radio.kai{
	opacity: 1;
	transform: translateY(0);
}
@media screen and (min-width: 1600px){
	.bnr_top_radio{
		width: 180px;
		height: 180px;
		right: calc(50% - 416px);
	}
	.bnr_top_radio{
		top: 0;
		margin-top: 4.5%;
	}
}
@media screen and (max-width: 768px){
	.bnr_top_radio{
		order: 2;
		width: 120px;
		height: 120px;
		bottom: auto;
		top: auto;
		right: auto;
		margin: 0 12px;
		position: relative;
	}
}
/*@media screen and (max-width: 768px) and (max-height: 1000px){
	.bnr_top_radio{
		top: 10%;
		width: 140px;
		height: 140px;
		right: calc(50% - 70px);
	}
}*/
.bnr_top_radio a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/top/bnr_radio.png) no-repeat center center / 100%;
	transition: .5s ease-in-out;
}
.bnr_top_radio a:hover{
	transform: scale(1.08);
	opacity: 0.8;
}


/*-----------------------------------------------
 * 03. TOP GEKIJO MODAL
-------------------------------------------------*/
#gekijoWrap{
	max-width: 100%;
	margin: 0 auto;
	padding: 0 10.8334%;
}
.gekijo_logo{
	width: 40%;
	padding-top: 9.3334%;
	background: url(../img/top/gekijo/gekijo_logo.png) no-repeat center / contain;
	margin: 0 auto 40px;
}
.gekijo_contWrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.gekijo_vs, .gekijo_vs img{
	pointer-events: none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}
.gekijo_vs{
	width: 48%;
	overflow: hidden;
	border-radius: 20px;
}
.gekijo_vs img{
	width: 100%;
}
.gekijo_movie{
	width: 48%;
}
.gekijo_movie h3{
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 32px;
	text-align: center;
	font-weight: 700;
	color: #ee88a9;
}
.gekijo_movie_ytWrap{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}
.gekijo_movie_ytWrap iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.gekijo_link{
	margin-top: 56px;
	text-align: center;
}
.theater_link{
	margin-top: 26px;
	text-align: center;
}
.gekijo_link_url{
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 24px 48px;
	text-align: center;
	border-radius: 48px;
	line-height: 1;
	color: #ee88a9;
	font-size: 24px;
	font-weight: 700;
	border: 3px solid #ee88a9;
	text-decoration: none;
	transition: .3s ease;
}
.gekijo_link_url:hover{
	background-color: #ee88a9;
	color: #fff;
}
.gekijo_link_url:after{
	content: '';
	width: 22px;
	height: 22px;
	position: absolute;
	top: calc(50% - 11px);
	right: 30px;
	-webkit-mask-image: url(../img/common/arrow_r_bg.svg);
	mask-image: url(../img/common/arrow_r_bg.svg);
	background-color: #ee88a9;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	transition: background-color .3s ease;
	display: block;
}
.gekijo_link_url:hover::after{
	background-color: #fff;
}
.gekijo_link_url span{
	position: relative;
}

@media screen and (max-width: 768px){
	.gekijo_logo{
		width: 53.1667%;
		padding-top: 9.3334%;
		margin-top: 56px;
	}
	.gekijo_contWrap{
		display: block;
	}
	.gekijo_vs{
		width: 100%;
	}
	.gekijo_movie{
		width: 100%;
		margin-top: 56px;
	}
	.gekijo_link_url{
		padding: 24px 184px;
	}
}


/* COOMON BG */
.commonbg{
	position: absolute;
	top: 0;
	right: 130px;
	bottom: 0;
	left: 0;
	/*z-index: -1;*/
}
.commonbg .bgIn{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*height: 100vh;*/
}
.commonbg .bgIn div{
	position: sticky;
	background: url(../img/common/common_bg.jpg);
	top: 0;
	width: 100%;
	height: 100vh;
}

.commonbg .bgIn div:before{
	content: '';
	width: 39.3334vw;
	height: 31.5834vw;
	min-width: 472px;
	min-height: 379px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/cont_corner_topl.png)no-repeat top left / contain;
}
.commonbg .bgIn div:after{
	content: '';
	width: 37vw;
	height: 23.6667vw;
	min-width: 444px;
	min-height: 284px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../img/common/cont_corner_bottomr.png)no-repeat bottom right / contain;
}

@media screen and (min-width: 1500px){
	.commonbg .bgIn div:before{
		width: 590px;
		height: 473.75px;
	}
	.commonbg .bgIn div:after{
		width: 555px;
		height: 355px;
	}
}
@media screen and (max-width: 768px){
	.commonbg{
		right: 0;
	}
	.commonbg .bgIn{
		height: auto;
	}
}