@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(../../../assets/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(../../../assets/img/common/sns_tw.svg) no-repeat center center / contain;
	position: relative;
	z-index: 10;
}
.share_fb{
	width: 15px;
	height: 15px;
	background: url(../../../assets/img/common/sns_fb.svg) no-repeat center center / contain;
	position: relative;
	z-index: 10;
}
.share_li{
	width: 16px;
	height: 15px;
	background: url(../../../assets/img/common/sns_line.svg) no-repeat center center / contain;
	position: relative;
	z-index: 10;
}
.seasonLinks{
	margin-top: 0px;
}
.seasonLinks{
	width: 120px;
	height: 56px;
	position: fixed;
	right: 0;
	top: 70px;
	z-index: 2;
	transition: .8s ease-in-out;
	transition-delay: 500ms;
	opacity: 1;
}
.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(../../../assets/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);*/

	left: 13.334%;
	margin: 0 auto;
	width: 73.334%;
	flex-wrap: wrap;
}
.pc_nav .nav01{
	order: 1;
}
.pc_nav .nav02{
	order: 3;
}
.pc_nav .nav03{
	order: 5;
}
.pc_nav .nav04{
	order: 6;
}
.pc_nav .nav05{
	order: 7;
}
.pc_nav .nav06{
	order: 8;
}
.pc_nav .nav07{
	order: 9;
}
.pc_nav .nav08{
	order: 10;
}
.pc_nav .nav09{
	order: 2;
}
.pc_nav .nav10{
	order: 4;
}
.pc_nav .nav11{
	order: 11;
}
.pc_nav .nav99{
	order: 12;
}

.docSlider-button.nav_non{
	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_story #nav_story{
		color: #ee86a7;
	}
	.docSlider-id_onair #nav_onair{
		color: #ee86a7;
	}
	.docSlider-id_staffcast #nav_staffcast{
		color: #ee86a7;
	}
	.docSlider-id_movie #nav_movie{
		color: #ee86a7;
	}
	.docSlider-id_character #nav_character{
		color: #ee86a7;
	}
	.docSlider-id_comics #nav_comics{
		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(../../../assets/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(../../../assets/img/common/secChara/chara_01.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara02{
	background: url(../../../assets/img/common/secChara/chara_02.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara03{
	background: url(../../../assets/img/common/secChara/chara_03.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara04{
	background: url(../../../assets/img/common/secChara/chara_04.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara05{
	background: url(../../../assets/img/common/secChara/chara_05.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara06{
	background: url(../../../assets/img/common/secChara/chara_06.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara07{
	background: url(../../../assets/img/common/secChara/chara_07.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara08{
	background: url(../../../assets/img/common/secChara/chara_08.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara09{
	background: url(../../../assets/img/common/secChara/chara_09.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara10{
	background: url(../../../assets/img/common/secChara/chara_10.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara11{
	background: url(../../../assets/img/common/secChara/chara_11.png)no-repeat left bottom / 130px 120px;
}
.sec_charaimg.chara12{
	background: url(../../../assets/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{
/*	height: 100vh;*/
}
#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: block;
		height: 100%;
	}
}
@media screen and (min-width: 769px){
	#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%;
	/*min-height: 620px;*/
	display: flex;
	/*position: relative;*/
	padding-right: 0;
}
@media screen and (max-width: 768px){
	#top .contIn{
		/*min-height: 1000px;*/
		flex-wrap: wrap;
	}
}
.fv_mvWrap{
	order: 1;
	width: 50%;
	/*min-height: 620px;*/
	height: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/*justify-content: center;*/
	background-color: #95d6cc;
}
#fv_mvInWrap{
	width: 63.334%;
	padding-top: 85.334%;
	border-radius: 20px;
	overflow: hidden;
	position: relative;

/*	margin-left: auto;
	margin-right: auto;*/
	transition: 1.5s ease-in-out;
}
.mv{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	transition: 1.5s ease-in-out;
	transform: scale(1.125);
	filter: blur(15px);
	opacity: 0;
	border-radius: 20px;
	overflow: hidden;
}
#mv1{
	background: url(../img/top/fv_mv1.jpg) no-repeat center center / cover;
}
#mv2{
	background: url(../img/top/fv_mv2.jpg) no-repeat center center / cover;
}
#mv3{
	background: url(../img/top/fv_mv3.jpg) no-repeat center center / cover;
}
#mv4{
	background: url(../img/top/fv_mv4.jpg) no-repeat center center / cover;
}
.mv.mv-active{
	opacity: 1;
	transform: scale(1);
	filter: blur(0px);
}
.fv_mvBG{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 50%;
	min-width: 600px;
}
#fv_mv_txt{
	width: 100%;
	display: block;
	position: absolute;
	bottom: -5%;
}
@media screen and (min-width: 769px){
	.fv_mvWrap.js-Mainvs{
		transition: 1.5s ease-in-out;
	}
	#fv_mvInWrap.js-Mainvs{
		width: 89.667%;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		margin-left:0!important;
	}
	.Mainvs{
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}
@media screen and (max-width: 768px){
	.fv_mvWrap{
		width: 100%;
		height: 74%;
		/*height: 74vh;*/
		min-height: 740px;
		overflow: hidden;
	}
	#fv_mvInWrap{
		min-width: 420.168px;
		width: 42.0168vh;
		max-width: 510px;
		min-height: 565.547px;
		height: 56.5547vh;
		max-height: 686.461px;
		padding-top: 0;
		overflow: unset;
		opacity: 0;
		background-color: unset;
		transform: rotate(5deg);
		margin: 0 auto;
		border-radius: 20px;
		transition: all 1.5s ease-in-out, transform .3s ease-in-out, opacity .3s ease-in-out;
	}
	#fv_mvInWrap.kai{
		opacity: 1;
		transform: rotate(0);
	}
	#fv_mvLists{
		width: 100%;
		height: 100%;
		border-radius: 20px;
		overflow: hidden;
		position: relative;
	}
	#fv_mv_txt{
		bottom: -28px;
	}
	#mv3{
		background: url(../img/top/fv_mv3_sp.jpg) no-repeat center bottom / cover;
	}
	#mv4{
		background: url(../img/top/fv_mv4_sp.jpg) no-repeat center bottom / cover;
	}
	#fv_mvInWrap.js-Mainvs{
		width: 64.8vh;
		min-width: 648px;
		max-width: 696px;
		height: 51.2vh;
		min-height: 512px;
		max-height: 549.926px;
	}
}
#fv_mv_txt p{
	font-size: 56px;
	line-height: 1;
	color: #fff;
	font-weight: 500;
	font-style: italic;
	text-align: center;
}
@media screen and (min-width: 1200px){
	#fv_mv_txt p{
		font-size: 4.667vw;
		position: relative;
	}
}
@media screen and (min-width: 2400px){
	#fv_mv_txt p{
		font-size: 112px;
	}
}
#fv_mv_txt p span{
	display: inline-block;
	color: #ee87a8;
}
@media screen and (min-width:769px) and (max-width:900px){
	#fv_mv_txt{
		bottom: -6%;
	}
	#fv_mv_txt p span{
		display: block;
	}
}
@media screen and (max-width: 768px){
	#fv_mv_txt p{
		width: 700px;
		left: 50%;
		transform: translateX(-50%);
		position: relative;
	}
}
.fv_mvSelectWrap{
	width: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: calc(50% - 28px);
	bottom: 0;
	z-index: 2;
}
.fv_mvSelectList{
	min-width: 56px;
	min-height: 56px;
	width: 4.667vw;
	height: 4.667vw;
	margin-bottom: 12px;
}
.fv_mvSelectList:last-child{
	margin-bottom: 0;
}
.fv_mvSelectList a{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 3px solid transparent;
	transition: .5s ease-in-out;
}
.fv_mvSelectList a:hover{
	transform: scale(1.08);
}
#fv_mvSelectList_mv1 a{
	background: url(../img/top/fv_mvSelectList_mv1.png) no-repeat center center / contain;
}
#fv_mvSelectList_mv2 a{
	background: url(../img/top/fv_mvSelectList_mv2.png) no-repeat center center / contain;
}
#fv_mvSelectList_mv3 a{
	background: url(../img/top/fv_mvSelectList_mv3.png) no-repeat center center / contain;
}
#fv_mvSelectList_mv4 a{
	background: url(../img/top/fv_mvSelectList_mv4.png) no-repeat center center / contain;
}
.fv_mvSelectList a.mv-active{
	border-color: #95d6cc;
}
@media screen and (max-width: 768px){
	.fv_mvSelectWrap{
		order: 2;
		width: 100%;
		height: 90px;
		display: flex;
		position: relative;
		top: -45px;
		margin-bottom: -45px;
		left: unset;
		bottom: unset;
	}
	.fv_mvSelectList{
		min-width: 90px;
		min-height: 90px;
		width: 90px;
		height: 90px;
	}
	.fv_mvSelectLists{
		display: flex;
		opacity: 0;
		transition: .3s ease-in-out;
	}
	.fv_mvSelectLists.kai{
		opacity: 1;
	}
	.fv_mvSelectList{
		margin-bottom: 0;
		margin: 0 10px;
	}
}
.fv_titleWrap{
	order: 2;
	width: 50%;
	position: relative;
	overflow: hidden;
}
@media screen and (min-width: 768px){
	.fv_titleWrap{
		top: 50px;
		opacity: 0;
		transition: .3s ease;
	}
	.fv_titleWrap.on{
		top: 0;
		opacity: 1;
	}
	.fv_mvWrap{
		opacity: 0;
		transition: .3s ease-in-out;
		background-color: unset;
		transform: rotate(5deg);
	}
	.fv_mvWrap.on{
		opacity: 1;
		/*background-color:#95d6cc;*/
		transform: rotate(0);
	}
	.fv_mvSelectLists{
		opacity: 0;
		transition: .3s ease-in-out;
	}
	.fv_mvSelectLists.on{
		opacity: 1;
	}
	.shareLists,
	.seasonLinks{
		opacity: 0!important;
		transition: .3s ease;
	}
	.shareLists.on,.seasonLinks.on{
		opacity: 1!important;
	}
	.docSlider-pager{
		opacity: 0!important;
	}
	.docSlider-pager.on{
		transition: .3s ease;
		opacity: 1!important;
	}
	.title_txt_copyrightWrap{
		opacity: 0;
		transition: .3s ease;
	}
	.title_txt_copyrightWrap.on{
		opacity: 1;
	}
}
.titleLogo{
	width: 73.334%;
	padding-top: 11.8334%;
	background: url(../img/common/logo.svg) no-repeat center center / contain;
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: 0 auto;
}
.title_txt{
	width: 100%;
	height: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
.title_catch {
	padding-top: 9.5%;
}
.title_catch p{
	width: 47.5%;
	padding-top: 2.667%;
	background: url(../img/top/fv_takagi3me.svg) no-repeat center center / contain;
	margin: 0 auto;
}
.title_txt_tv{
	padding-top: 12%;
}
.title_txt_tv p{
	width: 57%;
	padding-top: 11%;
	background: url(../img/top/fv_title_txt_tv.svg) no-repeat center center / contain;
	margin: 0 auto;
}
.title_txt_movie{
	padding-top: 2.5%;
}
.title_txt_movie p{
	/*width: 28%;
	padding-top: 2.5%;*/
	width: 40%;
	padding-top: 8.1667%;
	background: url(../img/top/fv_title_txt_movie.svg) no-repeat center center / contain;
	margin: 0 auto;
}
.title_txt_copyrightWrap{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
}
.title_txt_copyright{
	position: absolute;
	display: block;
	font-size: 10px;
	bottom: 20px;
	right: 0;
	left: 0;
	font-weight: 500;
	text-align: center;
}
@media screen and (min-width:769px) and (max-width:989px){
	.title_txt_copyright{
		bottom: 10px;
	}
	.title_txt_copyright .pcmin{
		display: block;
	}
}
@media screen and (max-width: 768px){
	.fv_titleWrap{
		order: 3;
		width: 100%;
		height: 26%;
		min-height: 260px;
		margin-top: -45px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.fv_titleInWrap{
		display: block;
		position: relative;
		top: 50px;
		transition: .3s ease;
		opacity: 0;
	}
	.fv_titleInWrap.kai{
		top: 0;
		opacity: 1;
	}
	.titleLogo{
		width: 576px;
		height: 93px;
		padding-top: 0;
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
	}
	.title_txt{
		margin-top: 35px;
		position: relative;
		height: auto;
	}
	.title_catch{
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: calc((100% - 42.0168vh) / 2);
		max-width: 164.906px;
		min-width: 120px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 0;
	}
	.title_catch p{
		width: 21px;
		height: 424px;
		background: url(../img/top/title_catch_sp.svg) no-repeat center center / contain;
	}
	.title_txt_tv{
		padding-top: 0;
	}
	.title_txt_tv p{
		width: 430px;
		height: 80px;
		padding-top: 0;
	}
	.title_txt_movie{
		padding-top: 0%;
		margin-top: 20px;
	}
	.title_txt_movie p{
		width: 510px;
		height: 20px;
		background: url(../img/top/fv_title_txt_movie_sp.svg) no-repeat center center / contain;
		padding-top: 0;
	}
}
.sectionSideBG{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 130px;
	background-color: #fff;
	/*z-index: -1;*/
}
.TopBG{
	position: absolute;
	width: 50%;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #95d6cc;
	z-index: -1;
}
@media screen and (max-width: 768px){
	.TopBG{
		display: none;
	}
	.top_secChara{
		display: none;
	}
}

/* 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;
		height: 100%;
		min-height: 1000px;
	}
	#top_news .sectionChara{
		right: calc(50% - 85px);
	}
}
#top_news{
/*	background: url(../img/top/common_bg.jpg) no-repeat center center / cover;
	background-color: #ffddaf;*/
}
#top_news_bg{
	position: absolute;
	top: 0;
	right: 130px;
	bottom: 0;
	left: 0;
	background-color: #ffddaf;
	/*z-index: -1;*/
}
#top_news_bg div{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../../../assets/img/common/common_bg.png);
	mix-blend-mode: overlay;
	opacity: 0.7;
}
#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;
	/*min-width: 190px;*/
}
.newsList__link{
	display: block;
	text-decoration: none;
	height: 100%;
	overflow: hidden;
	border-radius: 20px;
}
.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: 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: 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 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;*/
	/*display: flex;
	align-items: center;*/
}
#story .contMain{
	width: calc(100% - 130px);
	position: relative;
	height: 100%;
	display: block;
	min-height: calc(100vh - 120px - 4.5vw);
}
@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;
	}
}
#story .sectionChara{
	position: sticky;
	margin-left: auto;
}
.story_vs{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 30vw;
	/*min-width: 360px;*/
	height: 100%;
	background: url(../img/top/top_story__pcvs.jpg) no-repeat center center / cover;
}
@media screen and (max-width: 768px){
	#story .sectionChara{
		order: 2;
		margin-top: -120px;
	}
	.story_vs{
		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;
	}
}
.story_txtWrap{
	width: calc(70vw - 130px - 6px);
	padding: 0 20px;
	/*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){
	.story_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;
	}
}
@keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.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;
}
@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;
	}
}
.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;
	}
}



/* 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);
}
.staffcast_txtWrap{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 939px){
	#staffcast .pcmin{
		display: block!important;
	}
	#staffcast .pc{
		display: none;
	}
	#staffcast .top_contentWrap {
		padding-top: 0px;
	}
	#staffcast .sectionChara{
		margin-top: -120px;
	}
	#staffcast .contMain{
		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(../../../assets/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(../../../assets/img/common/common_bg.png);
		mix-blend-mode: lighten;
		opacity: 0.7;
	}
	.staffcastBG{
		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;
}
.staffcastBG{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #c6e4b6;
	/*z-index: 0;*/
}
.staffcastBG div{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../../../assets/img/common/common_bg.png);
	mix-blend-mode: lighten;
	opacity: 0.7;
}

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

.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;
	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 4px 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;
	}
}
.characterBG{
	position: absolute;
	top: 0;
	right: 130px;
	bottom: 0;
	left: 0;
	background-color: #ffdce8;
}
.characterBG:before{
	content: '';
	position: absolute;
	background: url(../img/top/character_bg_side_tl.png) no-repeat top left / contain;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	max-width: 779px;
	mix-blend-mode: color-burn;
	opacity: 0.7;
}
.characterBG:after{
	content: '';
	position: absolute;
	background: url(../img/top/character_bg_side_tr.png) no-repeat top right / contain;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	max-width: 779px;
	mix-blend-mode: color-burn;
	opacity: 0.7;
}
.characterBG div{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.characterBG div:before{
	content: '';
	position: absolute;
	background: url(../img/top/character_bg_side_bl.png) no-repeat bottom left / contain;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	max-width: 779px;
	mix-blend-mode: color-burn;
	opacity: 0.7;
}
.characterBG div:after{
	content: '';
	position: absolute;
	background: url(../img/top/character_bg_side_br.png) no-repeat bottom right / contain;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	max-width: 779px;
	mix-blend-mode: color-burn;
	opacity: 0.7;
}

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

/* COMICS */
#comics{
	background: repeating-linear-gradient(-45deg, #ffe26c, #ffe26c 50px, #fff 50px, #fff 100px);
}
#comics .top_contentWrap{
	padding-top: 4.5%;
	min-width: 100%;
}
@media screen and (max-width: 1199px){
	#comics .top_contentWrap{
		padding-top: 54px;
	}
}
@media screen and (max-width: 768px){
	#comics .top_contentWrap{
		padding-top: 60px;
		padding-bottom: 120px;
	}
	#comics .sectionSideBG{
		display: none;
	}
}
#comics .contIn{
	min-width: 100%;
}

.comicsLists{
	width: 900px;
	display: flex;
	flex-wrap: wrap;
}
@media screen and (min-width:890px) and (max-width:1199px){
	.comicsListsWrap{
		padding: 0 20px;
	}
	.comicsLists{
		width: 720px;
		margin: 0 auto;
	}
}
@media screen and (min-width:769px) and (max-width:890px){
	.comicsListsWrap{
		padding: 0 20px;
	}
	.comicsLists{
		width: 540px;
		margin: 0 auto;
	}
}
.comics_catch{
	width: 453px;
	height: 39px;
	background: url(../img/top/comics_catch.png) no-repeat center center / contain;
	margin: 0 auto;
}
.comics_catch_sub{
	margin-top: 36px;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 56px;
}
@media screen and (max-width: 768px){
	.comics_catch_sub{
		font-size: 24px;
	}
}
.comicsList{
	width: 160px;
	margin: 0 10px 20px;
}
.comics_link{
	width: 160px;
	display: block;
	text-decoration: none;
}
.comics_img{
	width: 160px;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 17.355px 20.683px 38px 0px rgba(255, 187, 84, 0.32);
}
.comics_img img{
	width: 100%;
	transition: .4s ease;
	transform: scale(1);
	pointer-events: none;
}
.comics_link:hover .comics_img img{
	transform: scale(1.08);
}
.comics_title{
	font-size: 12px;
	line-height: 2;
	text-align: center;
	padding-top: 14px;
	transition: .3s ease;
}
.comics_link:hover .comics_title{
	color: #ee87a8;
}
.comics_title span{
	position: relative;
	background: linear-gradient(#fff, #ee87a8) right bottom/0 2px no-repeat;
	transition: background-size 0.25s ease;
}
.comics_link:hover .comics_title span{
	background-position: left bottom;
	background-size: 100% 2px;
}

#comics .contIn{
	width: 100%;
}
#comics .sectionChara{
	position: sticky;
	margin-left: auto;
}

@media screen and (max-width: 768px){
	.comicsLists{
		width: 720px;
	}
	.comicsList{
		margin: 0 10px 40px;
	}
	.comics_title{
		font-size: 18px;
		line-height: 1.44;
	}
	#comics .sectionChara{
		position: absolute;
		left: calc(50% - 85px);
		margin-left: unset;
	}
}

.comicsBG{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*background: repeating-linear-gradient(-45deg, #ffe26c, #ffe26c 50px, #fff 50px, #fff 100px);*/
	z-index: -1;
}

/* 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;
}
#footerIMG_02{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../../../assets/img/top/footer_mv2.jpg) no-repeat top center / cover;
}
#footerIMG_03{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../../../assets/img/top/footer_mv3.jpg) no-repeat top center / cover;
}
#footerIMG_04{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../../../assets/img/top/footer_mv4.jpg) no-repeat top center / cover;
}

@media screen and (max-width: 768px){
	#footerIMG_01{
	background: url(../img/top/footer_mv1_sp.jpg) no-repeat center center / cover;
	}
	#footerIMG_02{
		background: url(../../../assets/img/top/footer_mv2_sp.jpg) no-repeat center center / cover;
	}
	#footerIMG_03{
		display: none;
	}
	#footerIMG_04{
		display: none;
	}
	.copyright{
		font-size: 12px;
		color: #fff;
		position: absolute;
		left: 50%;
		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;
		transform: translateX(-50%);
	}
	.toTop{
		width: 70px;
		height: 70px;
		position: absolute;
		bottom: 30px;
		right: 30px;
		background: url(../../../assets/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;
}

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

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


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

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


/* 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: 50%;
		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: 682px;
	height: 110px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/load/load_takagi.png) no-repeat center center / contain;
	opacity: 0;
	transition: .4s ease-in-out;
}
#load_takagi.on{
	opacity: 1;
}
#load_3{
	width: 682px;
	height: 110px;
	position: absolute;
	top: 0;
	left: 0;
	transition: .4s ease-in-out;
}
#load_3 div{
	width: 112px;
	height: 106px;
	position: absolute;
	top: -100px;
	right: 0;
	background: url(../img/common/load/load_3.png) no-repeat center center / contain;
	background-position: center right;
	transition: .4s ease-in-out;
	transform: scale(0.05) rotate(270deg);;
	opacity: 0;
}
#load_3 div.on{
	opacity: 1;
	transform: scale(4) rotate(135deg);
}
#load_3 div.on2{
	top: 0px;
	transform: scale(1) rotate(0);
}
@media screen and (min-width: 768px){
	.takagi3kitoeigadayo.fo{
		transform: translate(50%, 0);
		opacity: 0;
	}
	.takagi3kitoeigadayo.fo #load_takagi,
	.takagi3kitoeigadayo.fo #load_3{
		width: 36.667vw;
		height: 5.91667vw;
	}
	.takagi3kitoeigadayo.fo #load_3 div{
		width: 100%;
		height: 100%;
		background-position: center right;
	}
}


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

/* 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: absolute;
		top: calc(10% - 80px);
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.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(../../../assets/img/top/bnr_takagisanten.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_nishikataBnr */
.bnr_top_nishikata{
	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_nishikata.on,
.bnr_top_nishikata.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_nishikata{
		width: 180px;
		height: 180px;
		right: calc(50% - 618px);
	}
	.bnr_top_nishikata{
		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_nishikata{
		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(../../../assets/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_nishikata a{
	width: 100%;
	height: 100%;
	display: block;
	background: url(../../../assets/img/top/bnr_nishikataquest.png) no-repeat center center / 100%;
	transition: .5s ease-in-out;
}
.bnr_top_nishikata 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(../../../assets/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;
	}
}