@charset "utf-8";
/*-----------------------------------------------
 * 01. Template
 * 02. Modal
 * 03. Header
 * 04. Top
 * 05. Footer
 * 06. Sub
	* 06-01. News
	* 06-02. Special
-------------------------------------------------*/
/*-----------------------------------------------
 * 01. Template
-------------------------------------------------*/
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
html{
	overflow: auto;
	overflow-y: scroll;
}
body{
	-webkit-text-size-adjust: 100%;
	background-color: #000;
	color: #fff;
	font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	min-width: 1200px;
	word-wrap: break-word;
	overflow: hidden;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: #fff; }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #ff32af;
	color: #fff;
}
::-moz-selection{
	background: #ff32af;
	color:#fff;
}
.rb_f { font-family: 'Roboto', sans-serif; }
.min_f{ font-family: 'Noto Serif JP', serif; }
.fc_pink{ color: #ff32af; }
.fs_s{ font-size: 50%; }
#fullWrap{
	min-width: 1200px;
	position: relative;
	z-index: 1;
}
#fullBg{
	background: url(../img/common/bg_ptn.jpg) repeat;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}
@media screen and (max-width:768px){
	html{
		font-size: 62.5% !important;
	}
	body{
		font-size: 10px;
		font-size: 1rem;
		min-width: 320px;
	}
	.sp{ display: block; }
	.pc{ display: none; }
	img{ max-width: 100%; height: auto; }
	#fullWrap{
		min-width: 320px;
	}
}
/* lodaing */
#loading{
	background-color: #000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
}
/*-----------------------------------------------
 * 02. Modal
-------------------------------------------------*/
.modalBox {
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,.9);
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.js-modalBox{
	display: none;
}
.closeBtn {
	width: 100%;
	height: 100%;
	min-width: 1200px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.closeBtn a{
	background: url(../img/common/btn_close.png) no-repeat 0 0 / 100%;
	display: block;
	width: 100px;
	height: 100px;
	pointer-events: auto;
	position: fixed;
	top: 20px;
	right: 40px;
}
.oneModal {
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.oneModalIn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: auto;
	width: 100%;
	min-width: 1200px;
	min-height: 100vh;
	margin: 0 auto;
	position: relative;
}
.ytIframeWrap{
	width: 920px;
	height: 520px;
	margin: 30px 0;
}
.ytIframe{
	width: 100%;
	height: 100%;
	display: block;
}
@media screen and (max-width:768px){
	.modalBox {
		background: rgba(0,0,0,.75);
	}
	.oneModalIn{
		min-width: 100%;
		min-height: 100%;
	}
	.closeBtn{
		min-width: 100%;
	}
	.closeBtn a{
		width: 100px;
		height: 100px;
		top: 0;
		right: 20px;
	}
	.oneModalIn_cont{
		width: 100%;
	}
	.ytIframeWrap{
		width: 100%;
		height: auto;
		padding-top: 56.25%;
		position: relative;
	}
	.ytIframe{
		position: absolute;
		top: 0;
		left: 0;
	}
}
/*-----------------------------------------------
 * 03. Header
-------------------------------------------------*/
.headerNavWrap{
	width: 100%;
	height: 172px;
	min-width: 1200px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
.headerNavWrap--top{
	width: 100%;
	height: 172px;
	min-width: 1200px;
	position: absolute;
	left: 0;
	z-index: 1000;
}
/*.headerNavWrap:after,
.headerNavWrap--top:after{
	content: "";
	background: url(../img/common/header_bg.png) repeat-x;
	width: 100%;
	height: 220px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}*/
.headerNavWrap--top.active{
	position: fixed;
	top: 0 !important;
}
.headerNav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
@media screen and (max-width:768px){
	.headerNavWrap{
		height: auto;
		min-width: auto;
	}
	.headerNavWrap{
		height: auto;
		min-width: auto;
	}
	.headerNavWrap--top{
		height: auto;
		min-width: auto;
		position: fixed !important;
		top: 0 !important;
	}
	/*.headerNavWrap:after,
	.headerNavWrap--top:after{
		background-image: url(../img/common/header_bg_sp.png);
		height: 150px;
	}*/
	.headerNav{
		background-color: #000;
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		padding: 80px 40px 40px;
	}
	.js-headNav{
		opacity: 0;
		pointer-events: none;
		transition: all .3s ease-in-out;
	}
	.js-headNav.active{
		pointer-events: auto;
		opacity: 1;
	}
	/* mTriggerWrap */
	.mTriggerWrap{
		width: 80px;
		height: 54px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3;
	}
	.mTrigger{
		display: block;
		width: 100%;
		height: 100%;
	}
	.mTrigger__in__line{
		width: 40px;
		height: 13px;
		margin: auto;
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
	}
	.mTrigger__in__line span{
		background-color: #fff;
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		left: 0;
		transition: all .3s ease-in-out;
	}
	.mTrigger__in__line span:nth-child(1){
		top: 0;
	}
	.mTrigger__in__line span:nth-child(2){
		bottom: 0;
	}
	.js-mTrigger.active .mTrigger__in__line span:nth-child(1){
		transform: rotate(-20deg);
		top: 7px;
	}
	.js-mTrigger.active .mTrigger__in__line span:nth-child(2){
		transform: rotate(20deg);
		bottom: 4px;
	}
}
/* headerNav__title */
.headerNav__title{
	width: 192px;
	height: 124px;
	margin-top: 48px;
	margin-left: 40px;
	position: relative;
	z-index: 2;
}
.headerNav__title a{
	background: url(../img/common/head_logo.png) no-repeat 0 0 / 100%;
	display: block;
	width: 100%;
	height: 100%;
}
@media screen and (max-width:768px){
	.headerNav__title{
		width: 60px;
		height: 39px;
		margin-top: 0;
		margin-left: 0;
		margin: auto;
		position: absolute;
		top: 14px;
		right: 0;
		left: 0;
	}
}
/* headerNav__gNav */
.headerNav__gNav{
	margin-top: 122px;
	margin-left: auto;
	padding-right: 40px;
	padding-bottom: 12px;
}
.gNavLists{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 1;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: 803px;
}
.gNavList{
	color: #fff;
}
.gNavList:after{
	content: "/";
	font-size: 20px;
	margin: 0 10px;
}
/*.gNavList:last-child:after{
	content: none;
}*/
.gNavList__link{
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	transition: color .3s ease-in-out;
}
.gNavList__link:hover,
.gNavList__link.active{
	color: #ff32af;
}
@media screen and (max-width:768px){
	.headerNav__gNav{
		margin-top: 0;
		margin-bottom: 40px;
		margin-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	.gNavLists{
		display: block;
		width: 100%;
	}
	.gNavList:after{
		content: none;
	}
	.gNavList{
		margin-bottom: 10px;
	}
	.gNavList__link{
		display: block;
		font-size: 22px;
		font-size: 2.2rem;
	}
}
/* startDate */
.startDate{
	width: 794px;
	height: 51px;
	position: absolute;
	top: 56px;
	right: 40px;
}
.startDate:before{
	content: "";
	background: url(../img/common/head_start_off.png) no-repeat 0 0 / 100%;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	transition: background .3s ease-in-out;
}
.startDate.active:before{
	background-image: url(../img/common/head_start_on.png);
}
.startDate:after{
	content: "";
	background-color: #ff32af;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	transition: width .3s ease-in-out;
}
.startDate.active:after{
	width: 100%;
}
@media screen and (max-width:768px){
	.startDate{
		width: 100%;
		max-width: 400px;
		height: auto;
		margin-bottom: 40px;
		position: static;
		top: auto;
		right: auto;
	}
	.startDate:before{
		background-image: url(../img/common/head_start_off_sp.png);
		padding-top: 25.9%;
	}
	.startDate.active:before{
		background-image: url(../img/common/head_start_on_sp.png);
	}
	.startDate:after{
		content: none;
	}
	/* headerNav__shareListsWrap */
	.headerNav__shareListsWrap{
		display: flex;
		align-items: center;
	}
	.headerNav__shareListsWrap dt{
		color: #fff;
		font-size: 10px;
		font-size: 1rem;
		margin-right: 14px;
	}
}
/**
 * ShareLists
 */
.shareList{
	width: 40px;
	height: 40px;
	margin-bottom: 6px;
}
.shareList__link{
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 100%;
	height: 100%;
}
.shareList__link--tw{
	background-image: url(../img/common/sns_tw.svg);
	background-size: 20px;
}
.shareList__link--fb{
	background-image: url(../img/common/sns_fb.svg);
	background-size: 20px;
}
.shareList__link--li{
	background-image: url(../img/common/sns_line.svg);
	background-size: 20px;
}
@media screen and (max-width:768px){
	.shareLists{
		display: flex;
	}
	.shareList{
		margin-right: 8px;
		margin-bottom: 0;
	}
}
/*-----------------------------------------------
 * 04. Top
-------------------------------------------------*/
/**
 * topMain
 */
#topMain{
	width: 100%;
	height: 100vh;
	min-height: 620px;
	z-index: 1;
}
#topMain.active{
	position: relative;
	height: auto !important;
}
.ani1{
	opacity: 0;
	transition: opacity .4s ease-in-out;
}
.ani1.active{
	opacity: 1;
}
@media screen and (max-width:768px){
	#topMain{
		min-height: auto;
	}
}
/* topSpace */
.topSpace{
	width: 100%;
	height: 50vh;
	min-height: 310px;
	position: relative;
	z-index: 1;
}
.topSpace:after{
	content: "";
	background: url(../img/common/bg_ptn.jpg) repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.topSpace.active:after{
	content: none;
}
.topSpace__copyright{
	color: #fff;
	font-size: 12px;
	position: absolute;
	bottom: -10px;
	left: 40px;
	z-index: 1;
}
.topSpace__shareListsWrap{
	width: 40px;
	height: 186px;
	position: absolute;
	bottom: -227px;
	right: 32px;
	z-index: 1;
}
.topSpace__shareListsWrap > dt{
	color: #fff;
	font-size: 12px;
	line-height: 40px;
	width: 40px;
	height: 38px;
	margin-bottom: 10px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}
@media screen and (max-width:768px){
	.topSpace{
		min-height: 333px;
	}
}
/* topMain__title */
.topMain__title{
	width: 100%;
	height: 100vh;
	min-height: 620px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.topMain__title > span{
	display: block;
	width: 462px;
	height: 300px;
	margin: auto;
	position: absolute;
	top: -22px;
	right: 0;
	bottom: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.topMain__title{
		min-height: 667px;
	}
	.topMain__title > span{
		width: 100%;
		height: auto;
		top: 50%;
		bottom: auto;
		transform: translateY(-50%);
	}
	.topMain__title > span img{
		width: 100%;
	}
}
/**
 * vsWrap
 */
#vsWrap{
	width: 100%;
	height: 50%;
	pointer-events: none;
	position: relative;
	z-index: 0;
}
#vsWrap.active{
	height: auto;
}
.vs__bg{
	width: 100%;
	height: auto !important;
	overflow: hidden;
	padding-top: 118.3333%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.vs__bg li{
	background: url(../img/top/top_mv.jpg) no-repeat 0 0 / 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.vs__bg{
		padding-top: 134.8%;
	}
	.vs__bg li{
		background-image: url(../img/top/top_mv_sp.jpg);
	}
}
.vs__bg.and{
	transition: transform 2s cubic-bezier(.7,0,.170,1);
}
.vs__bg.active{
	transform: translateY(0) !important;
}
/* vs__chara */
.vs__chara{
	width: 100%;
	padding-top: 118.3333%;
	position: relative;
	z-index: 1;
	opacity: 0;
	margin-bottom:240px;
}
.vs__chara li{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.vs__chara__in{
	position: relative;
	transform: translateX(-7%);
	/*opacity: 0;
	transform: scale(.9) translateY(20%);
	transition: all 1s cubic-bezier(.7,0,.170,1);*/
}
@media screen and (max-width:768px){
	.vs__chara{
		padding-top: 134.8%;
		margin-bottom:0;
	}
	.vs__chara__in{
		transform: translateX(-13.5%);
		width: 114%;
	}
}
/*li#vs__chara--all .vs__chara__in{
	transform: scale(.9) translateY(5%);
}*/
.vs__chara li.f_in .vs__chara__in{
	transform: scale(1) translateY(0) !important;
	opacity: 1 !important;
}
.vs__chara li.f_out .vs__chara__in{
	transform: scale(1.2) translateY(10%) !important;
	opacity: 0 !important;
}
li#vs__chara--all img{
	width: 100%;
}
li#vs__chara--one,
li#vs__chara--two,
li#vs__chara--three,
li#vs__chara--four{
	top: -100px;
	overflow: hidden;
}
li#vs__chara--one .vs__chara__in img,
li#vs__chara--two .vs__chara__in img,
li#vs__chara--three .vs__chara__in img,
li#vs__chara--four .vs__chara__in img{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
}
@media screen and (max-width:768px){
	.vs__chara li img{
		width: 100%;
	}
	li#vs__chara--one,
	li#vs__chara--two,
	li#vs__chara--three,
	li#vs__chara--four{
		width: 240%;
		padding-top: 100px;
		left: -70%;
	}
}
/* vs__startDate */
@media screen and (max-width:768px){
	.vs__startDate{
		height:100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.vs__startDate span{
		display: block;
		width: 86.6%;
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
}
/**
 * topicsListsWrap
 */
.topicsListsWrap{
	width: 100%;
	height: 50vh;
	min-height: 310px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.topicsLists{
	width: 218px;
	height: 120px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.topicsLists:after{
	content: "";
	background-color: #fff;
	width: 1px;
	height: 62px;
	position: absolute;
	right: 133px;
	bottom: -31px;
}
.topicsLists > li{
	padding-right: 36px;
}
.topicsLists > li:not(:first-child) {
	display: none;
}
.topicsLists > li > a{
	color: #fff;
	text-decoration: none;
}
.topicsLists > li > a .newsList__date{
	color: #ff32af !important;
	font-size: 12px !important;
}
.topicsLists > li > a .newsList__title{
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	font-size: 12px !important;
	width: 100% !important;
	overflow: hidden !important;
	text-overflow: clip !important;
	white-space: normal !important;
}
.topicsLists > li > a:hover .newsList__title{
	text-decoration: underline;
}
@media screen and (max-width:768px){
	.topicsListsWrap{
		height: auto;
		margin-top: 20px;
		min-height: auto;
		position: static;
	}
	.topicsLists{
		width: 100%;
		height: auto;
		padding: 0 20px;
		position: static;
		right: auto;
		bottom: auto;
	}
	.topicsLists:after{
		display: block;
		width: 1px;
		height: 40px;
		margin-top: 20px;
		margin-left: 40px;
		position: static;
		right: auto;
		bottom: auto;
	}
	.topicsLists > li{
		padding-right: 0;
	}
	.topicsLists > li > a .newsList__date{
		font-size: 10px !important;
		font-size: 1rem !important;
	}
	.topicsLists > li > a .newsList__title{
		font-size: 1.2rem !important;
	}
}
/**
 * topContWrap
 */
.topContWrap{
	padding-top: 40px;
	margin-bottom: 90px;
}
/* topContHeaer */
.topContHeader{
	position: absolute;
	top: 25vh;
	left: 40px;
	z-index: 2;
	transform: translateY(-50%);
}

.topContHeader__navLists {
	width: 220px;
	display: flex;
	flex-wrap: wrap;
}
.topContHeader__navLists li {
	width: 50%;
}
.topContHeader__navLists li a{
	color: #fff;
	display: block;
	font-size: 14px;
	text-decoration: none;
	transition: color .3s ease-in-out;
	line-height: 2;
}
.topContHeader__navLists li a:hover{
	color: #ff32af;
}
/* common */
.comW{
	margin: 0 auto;
	max-width: 1700px;
	min-width: 1200px;
}
.tOneCont{
	padding: 0 40px;
	margin-bottom: 90px;
}
@media screen and (max-width:768px){
	.comW{
		max-width: auto;
		min-width: auto;
		padding: 0 20px;
	}
}
/**
 * Introduction
 */
.intro__title{
	background: url(../img/top/intro_h2.png) no-repeat 0 0 / 100%;
	width: 337px;
	height: 89px;
	margin-bottom: 60px;
}
.intro__text{
	color: #fff;
	font-size: 34px;
	line-height: 2;
	margin-bottom: 36px;
}
.intro__text:last-of-type{
	margin-bottom: 0;
}
@media screen and (max-width:768px){
	.intro__title{
		background-image: url(../img/top/intro_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.intro__text{
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 2.2;
	}
}
/**
 * Character
 */
 #character {
	margin-bottom:50px;
 }
.character__title{
	background: url(../img/top/character_h2.png) no-repeat 0 0 / 100%;
	width: 387px;
	height: 89px;
	margin-bottom: 60px;
}
.character__block {
	width: calc(100% + 40px);
	margin: 0 -20px;
}
.character__block--inner {
	width:100%;
	padding-top:95.5578%;
	position:relative;
}
.character__block--group {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.character__block--group li {
	position: absolute;
	left:0;
	top:0;
	background-size:100% 100%;
	width:100%;
	height:100%;
}
.cbg {
	filter:grayscale(0%) brightness(100%);
	transition:all 0.3s ease;

}
.cbg.hover {
	filter:grayscale(100%) brightness(30%);
}
.cbg-1 {
	background:url(../img/top/character_1thumb.png);
	z-index:5;
}
.cbg-2 {
	background:url(../img/top/character_2thumb.png);
	z-index:4;
}
.cbg-3 {
	background:url(../img/top/character_3thumb.png);
	z-index:3;
}
.cbg-4 {
	background:url(../img/top/character_4thumb.png);
	z-index:2;
}
.character__block--links {
	display: block;
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	z-index:50;
}
.cbl-1 {
	position: absolute;
	display: block;
	top:9.1891%;
	left:30.0619%;
	bottom:0;
	width:20.8677%;
}
.cbl-2 {
	position: absolute;
	display: block;
	top:0;
	left:50.9297%;
	width:23.0371%;
	bottom:2.1621%;
}
.cbl-3 {
	position: absolute;
	display: block;
	top:0;
	right:6.6115%;
	bottom:17.1891%;
	width:19.4214%;
}
.cbl-4 {
	position: absolute;
	display: block;
	top:0;
	left:8.47%;
	bottom:18.91%;
	width:21.5909%;
}
@media screen and (max-width:768px){
	.character__title{
		background-image: url(../img/top/character_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
}
/**
 * Staff
 */
.staff__title{
	background: url(../img/top/staff_h2.png) no-repeat 0 0 / 100%;
	width: 137px;
	height: 89px;
	margin-bottom: 60px;
}
.staffList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 22px;
}
.staffList > dt{
	color: #fff;
	font-size: 34px;
	width: 540px;
}
.staffList > dt:after{
	content: "：";
}
.staffList > dd{
	color: #fff;
	font-size: 64px;
	line-height: 1.4;
	width: calc(100% - 540px);
	margin-left: auto;
}
.staffList > dd a {
	display: inline-block;
	width:240px;
	height:55px;
	margin-left:45px;
	border:2px solid #FFF;
	position: relative;
	margin-bottom:15px;
	vertical-align: bottom;
}
.staffList > dd a:before {
	content:'';
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:0;
	background:#ff32af;
	opacity:0.4;
	transition:all 0.3s ease;
}
.staffList > dd a:hover:before {
	height:51px;
}
.staffList > dd a span {
	display: block;
	height:51px;
	background:url(../img/common/btn_comment.png) no-repeat center center;
	position: relative;
	text-indent: -9887px
}
@media screen and (max-width:768px){
	.staff__title{
		background-image: url(../img/top/staff_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.staffList > dt{
		font-size: 12px;
		font-size: 1.2rem;
		width: auto;
	}
	.staffList > dd{
		font-size: 22px;
		font-size: 2.0rem;
		width: auto;
	}
	.staffList > dd.ands{
		margin-right: -7px;
	}
	.staffList > dd a {
		display: inline-block;
		width:6rem;
		height:2.6rem;
		margin-left:1rem;
		border:2px solid #FFF;
		vertical-align: middle;
		margin-bottom:0.5rem;
	}
	.staffList > dd a span {
		background-size:3.6rem auto;
		height:calc(2.6rem - 4px);
	}
	.staffList > dd a:before {
		display: none;
	}
}
/**
 * Cast
 */
.cast__title{
	background: url(../img/top/cast_h2.png) no-repeat 0 0 / 100%;
	width: 110px;
	height: 89px;
	margin-bottom: 60px;
}
.castList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 22px;
}
.castList > dt{
	color: #fff;
	font-size: 34px;
	width: 540px;
}
.castList > dt:after{
	content: "：";
}
.castList > dd{
	color: #fff;
	font-size: 64px;
	line-height: 1.4;
	width: calc(100% - 540px);
	margin-left: auto;
}
.castList > dd a {
	display: inline-block;
	width:240px;
	height:55px;
	margin-left:45px;
	border:2px solid #FFF;
	position: relative;
	margin-bottom:15px;
	vertical-align: bottom;
}
.castList > dd a:before {
	content:'';
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:0;
	background:#ff32af;
	opacity:0.4;
	transition:all 0.3s ease;
}
.castList > dd a:hover:before {
	height:51px;
}
.castList > dd a span {
	display: block;
	height:51px;
	background:url(../img/common/btn_comment.png) no-repeat center center;
	position: relative;
	text-indent: -9887px
}
@media screen and (max-width:768px){
	.cast__title{
		background-image: url(../img/top/cast_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.castList > dt{
		font-size: 12px;
		font-size: 1.2rem;
		width: auto;
	}
	.castList > dd{
		font-size: 22px;
		font-size: 2.2rem;
		width: auto;
	}
	.castList > dd.ands{
		margin-right: -7px;
	}
	.castList > dd a {
		display: inline-block;
		width:6rem;
		height:2.6rem;
		margin-left:1rem;
		border:2px solid #FFF;
		vertical-align: middle;
		margin-bottom:0.5rem;
	}
	.castList > dd a span {
		background-size:3.6rem auto;
		height:calc(2.6rem - 4px);
	}
	.castList > dd a:before {
		display: none;
	}
}
/**
 * News
 */
#news{
	margin-bottom: 180px;
}
.news__title{
	background: url(../img/top/news_h2.png) no-repeat 0 0 / 100%;
	width: 125px;
	height: 89px;
	margin-bottom: 60px;
}
.newsLists > li{
	margin-bottom: 20px;
}
.newsLists > li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
}
.newsList__date{
	color: #ff32af;
	font-size: 20px;
	width: 200px;
}
.newsList__title{
	color: #fff;
	font-size: 26px;
	width: calc(100% - 200px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color .3s ease-in-out;
}
.newsLists > li a:hover .newsList__title{
	color: #ff32af;
}
@media screen and (max-width:768px){
	#news{
		margin-bottom: 90px;
	}
	.news__title{
		background-image: url(../img/top/news_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.newsLists > li a{
		align-items: start;
	}
	.newsList__date{
		font-size: 12px;
		font-size: 1.2rem;
		width: auto;
		margin-top: 2px;
		margin-right: 20px;
	}
	.newsList__title{
		font-size: 13px;
		font-size: 1.3rem;
		width: auto;
		overflow: auto;
		text-overflow: initial;
		white-space: normal;
	}
}
/**
 * Movie
 */
.movie__title{
	padding: 0 40px;
	pointer-events: none;
	position: relative;
	z-index: 2;
}
.movie__title > span{
	background: url(../img/top/movie_h2.png) no-repeat 0 0 / 100%;
	display: block;
	width: 142px;
	height: 89px;
}
@media screen and (max-width:768px){
	.movie__title{
		padding: 0 20px;
	}
	.movie__title > span{
		background-image: url(../img/top/movie_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
	}
}
/* movieLists */
.movieLists{
	position: relative;
	z-index: 1;
}
.movieLists li{
	width: 100%;
}
.movieList__title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #ff32af;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	padding: 0 40px;
}
.movieList__title:before{
	content: "";
	display: block;
	width: 142px;
	margin-right: 40px;
}
.movieLists li a{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: block;
	width: 100%;
	height: 200px;
	position: relative;
}
.movieLists li a:before{
	content: "";
	background-color: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.movieLists li a:after{
	content: "";
	background-color: #ff32af;
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	mix-blend-mode: overlay;
	z-index: 0;
	transition: height .3s ease-in-out;
}
.movieLists li a:hover:after{
	height: 100%;
}
.movieLists li a .play{
	background: url(../img/common/icon_play_g.png) no-repeat center / auto;
	display: block;
	width: 64px;
	height: 64px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.movieLists li a .play:before{
	content: "";
	background: url(../img/common/icon_play_w.png) no-repeat 0 0 / 100%;
	display: block;
	width: 64px;
	height: 64px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.movieLists li a:hover .play:before{
	animation: rotation 2s linear infinite;
}
.movieLists li a .play:after{
	content: "";
	background: url(../img/common/text_play.png) no-repeat center/ auto;
	display: block;
	width: 64px;
	height: 64px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.movieLists li a:hover .play:after{
	animation: flash .001s ease-in-out infinite alternate;
}
@media screen and (max-width:768px){
	.movieList__title{
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 30px;
		height: 30px;
		padding: 0 40px;
	}
	.movieList__title:before{
		width: 24%;
		margin-right: 0;
	}
	.movieLists li a{
		height: 135px;
	}
	.movieLists li a .play{
		background-size: 48px;
		width: 50px;
		height: 50px;
	}
	.movieLists li a .play:before{
		width: 50px;
		height: 50px;
	}
	.movieLists li a .play:after{
		background-size: 30%;
		width: 50px;
		height: 50px;
	}
}
@keyframes rotation{
	0%  { transform: rotate(0); }
	100%{ transform: rotate(360deg); }
}
@keyframes flash{
	0%  { opacity: 0; }
	100%{ opacity: 1; }
}
/**
 * Episodes
 */
.episodes__in {
	margin-bottom: 0;
}
/* title */
.episodes__title{
	background: url(../img/top/episodes_h2.png) no-repeat 0 0 / 100%;
	width: 221px;
	height: 89px;
	margin-bottom: 60px;
}
@media screen and (max-width:768px){
	.episodes__title{
		width: 31.2%;
		height: auto;
		padding-top: 13.8%;
		margin-bottom: 30px;
	}
}
/* lists */
.episodes__lists {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 90px;
}
.episodes__lists li {
	width: 25%;
	overflow: hidden;
}
.episodes__lists li a {
	display: block;
	position: relative;
	text-decoration: none;
}
.episodes__lists__thumb {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 60%;
  position: relative;
	z-index: 1;
	transition: all 0.5s ease;
}
.episodes__lists li a:hover .episodes__lists__thumb {
	transform: scale(1.1);
}
.episodes__lists__title {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.episodes__lists__title > span {
	background-color: #ff32af;
	color: #fff;
	font-size: 16px;
	padding: 3px 10px;
}
@media screen and (max-width:768px){
	.episodes__lists {
		margin-bottom: 60px;
	}
	.episodes__lists li {
		width: 50%;
	}
	.episodes__lists__title > span {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 2px 6px;
	}
}
/* modal */
.episodesDetail__in {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.episodesDetail__iframeWrap {
	width: 100%;
	height: 100%;
}
.episodesDetail__iframeWrap iframe{
	width: 100%;
	height: 100%;
	display: block;
}
/* next,prev */
.episodesBtn {
	width: 100px;
	height: 100px;
	margin: auto;
	position: fixed;
	top: 0;
	bottom: 0;
}
.episodesBtn.is-prev {
	left: 30px;
}
.episodesBtn.is-next {
	right: 30px;
}
.episodesBtn a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.episodesBtn a > span {
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 0;
	display: block;
	width: 34px;
	height: 23px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: transform .3s ease-in-out;
}
.episodesBtn.is-prev a > span {
	background-image: url(../img/top/chara_prev.png);
}
.episodesBtn.is-prev a:hover > span {
	transform: translateX(-10px);
}
.episodesBtn.is-next a > span {
	background-image: url(../img/top/chara_next.png);
}
.episodesBtn.is-next a:hover > span {
	transform: translateX(10px);
}
@media screen and (max-width:768px){
	.episodesBtn {
		width: 50px;
		height: 50px;
	}
	.episodesBtn.is-prev {
		left: 0px;
	}
	.episodesBtn.is-next {
		right: 0px;
	}
	.episodesBtn a > span {
		width: 24px;
		height: 13px;
	}
	.episodesBtn.is-prev a:hover > span,
	.episodesBtn.is-next a:hover > span {
		transform: translateX(0);
	}
}
/**
 * Episodes - iframe
 */
body#bg-tp {
	background-color: rgba(0,0,0,.7);
}
.ifepFullWrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	position: relative;
}
.ifepWrap {
	width: 850px;
	padding: 100px 0;
}
.ifep__title {
	color: #ff32af;
	font-size: 30px;
	margin-bottom: 30px;
}
.ifep__text {
	font-size: 20px;
	line-height: 2;
	margin-top: 40px;
}
.ifep__img__main {
	width: 850px;
}
.ifep__img__main img {
	width: 100%;
}
.ifep__imgLists {
	display: flex;
	flex-wrap: wrap;
}
.ifep__imgLists > li {
	width: calc((100% - 20px) / 5);
	margin-top: 5px;
}
.ifep__imgLists > li:not(:nth-child(5n + 1)) {
	margin-left: 5px;
}
.ifep__imgLists > li img {
	width: 100%;
}
@media screen and (max-width:768px){
	.ifepWrap {
		width: 100%;
		padding: 80px 50px;
	}
	.ifep__title {
		font-size: 15px;
		font-size: 1.5rem;
		margin-bottom: 20px;
	}
	.ifep__text {
		font-size: 12px;
		font-size: 1.2rem;
		margin-top: 30px;
	}
	.ifep__img__main {
		width: 100%;
	}
	.ifep__imgLists > li {
		width: calc((100% - 10px) / 3);
	}
	.ifep__imgLists > li:not(:nth-child(5n + 1)) {
		margin-left: 0;
	}
	.ifep__imgLists > li:not(:nth-child(3n + 1)) {
		margin-left: 5px;
	}
}
/**
 bnr lists
 */
.bnrListsWrap {
	position: absolute;
	top: calc(50vh + 40px);
    left: 40px;
    width: 30%;
}
.bnrLists {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bnrLists li {
	width: calc((100% - 10px) / 2);
	margin-bottom: 10px;
}
.bnrLists li.bnrList_r {
	margin-left: 10px;
}
.bnrLists li.bnrList-w100{
	width: 100%;
}
.bnrLists li a{
	display: block;
}
.bnrLists li img {
	width: 100%;
}
@media screen and (max-width:768px){
	.bnrListsWrap {
		width: 100%;
		margin-top: 30px;
		padding: 0 20px;
		position: relative;
		top: auto;
		left: auto;
	}
}
/*-----------------------------------------------
 * 05. Footer
-------------------------------------------------*/
.footerWrap{
	padding-top: 120px;
	position: relative;
}
body#top .footerWrap{
	display: none;
}
body#top .footerWrap.active{
	display: block;
}
@media screen and (max-width:768px){
	.footerWrap{
		padding-top: 80px;
		overflow: hidden;
	}
}
/**
 * charaChangerWrap
 */
.charaChangerWrap{
	width: 100%;
	height: 830px;
	position: relative;
	z-index: 0;
}
@media screen and (max-width:768px){
	.charaChangerWrap{
		height: auto;
	}
}
/* charaChanger */
.charaChanger{
	width: 1200px;
	height: 830px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.charaChanger li{
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	opacity: 0;
}
.charaChanger li.f_in{
	animation-name: charaFadein;
	animation-delay: 0;
	animation-duration: 4s;
	animation-timing-function: linear;
}
.charaChanger li.f_out{
	animation-name: charaFadeout;
	animation-delay: 0;
	animation-duration: 4s;
	animation-timing-function: cubic-bezier(0, .46, 1, .57);
}
@keyframes charaFadein{
	0%{
		transform: translateX(5%);
		opacity: 0;
	}
	10% {
		transform: translateX(0);
		opacity: 1;
	}
	100% {
		transform: translateX(-8%);
		opacity: 1;
	}
}
@keyframes charaFadeout{
	0%{
		transform: translateX(-8%);
		opacity: 1;
	}
	5% {
		transform: translateX(-16%);
		opacity: 0;
	}
	100% {
		transform: translateX(16%);
		opacity: 0;
	}
}
.charaChanger li#c1{
	background-image: url(../img/common/c_chara_1.png);
}
.charaChanger li#c2{
	background-image: url(../img/common/c_chara_2.png);
}
.charaChanger li#c3{
	background-image: url(../img/common/c_chara_3.png);
}
.charaChanger li#c4{
	background-image: url(../img/common/c_chara_4.png);
}
@media screen and (max-width:768px){
	.charaChanger{
		width: 100%;
		height: auto;
		padding-top: 124%;
	}
	.charaChanger li#c1{
		background-image: url(../img/common/c_chara_1_sp.png);
	}
	.charaChanger li#c2{
		background-image: url(../img/common/c_chara_2_sp.png);
	}
	.charaChanger li#c3{
		background-image: url(../img/common/c_chara_3_sp.png);
	}
	.charaChanger li#c4{
		background-image: url(../img/common/c_chara_4_sp.png);
		width: 126.6%;
		left: -26.6%;
	}
}
/**
 * fAniT
 */
 #fAniT{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
/* fAniT__line */
.fAniT__line{
	width: 590px;
	height: 660px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.fAniT__line li:nth-child(1){
	background: url(../img/common/f_logo_img.png) no-repeat 0 0 / 100%;
	width: 152px;
	height: 331px;
	position: absolute;
	top: 0;
	left: 0;
	animation-name: turn_t;
	animation-delay: 0;
	animation-duration: 6s;
	animation-timing-function: cubic-bezier(0.02, 0.88, 0.58, 1);
	animation-iteration-count: infinite;
	animation-fill-mode: none;
	z-index: 1;
}
.fAniT__line li:nth-child(2){
	background: url(../img/common/f_2041_img.png) no-repeat 0 0 / 100%;
	width: 264px;
	height: 112px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
}
@media screen and (max-width:768px){
	.fAniT__line{
		width: calc(100% - 40px);
		height: 100%;
	}
	.fAniT__line li:nth-child(1){
		width: 20.2%;
		height: 35.5%;
	}
	.fAniT__line li:nth-child(2){
		width: 35.2%;
		height: 12%;
		right: 20px;
		bottom: 25%;
	}
}
/* fAniT__line keyframes */
@keyframes turn_t{
	0%{
		top: 0;
		left: 0;
	}
	20%{
		top: 50%;
		left: 0;
	}
	50%{
		top: 0;
		left: 0;
	}
	80%{
		top: 0;
		left: 100%;
	}
	100%{
		top: 0;
		left: 0;
	}
}
@media screen and (max-width:768px){
	@keyframes turn_t{
		0%{
			top: 0;
			left: 0;
		}
		20%{
			top: 50%;
			left: 0;
		}
		50%{
			top: 0;
			left: 0;
		}
		80%{
			top: 0;
			left: calc(79.8% + 20px);
		}
		100%{
			top: 0;
			left: 0;
		}
	}
}
/**
 * fAniB
 */
#fAniB{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fAniB__line */
.fAniB__line{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/* fAniB__line li:nth-child(1) */
.fAniB__line li:nth-child(1){
	width: calc(50% + 420px);
	height: 160px;
	margin: auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
.fAniB__line li:nth-child(1):before{
	content: "";
	background-color: #ff32af;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
.fAniB__line li:nth-child(1).active:before{
	animation-name: lineHorizontal;
	animation-delay: 0;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0.02, 0.88, 0.58, 1);
	animation-iteration-count: 1;
	animation-fill-mode: none;
}
@media screen and (max-width:768px){
	.fAniB__line li:nth-child(1){
		width: calc(50% + 100px);
		height: 100px;
	}
}
/* fAniB__line li:nth-child(2) */
.fAniB__line li:nth-child(2){
	width: 160px;
	height: 70%;
	margin: auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -460px;
}
.fAniB__line li:nth-child(2):before{
	content: "";
	background-color: #ff32af;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}
.fAniB__line li:nth-child(2).active:before{
	animation-name: lineVertical;
	animation-delay: 0;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0.02, 0.88, 0.58, 1);
	animation-iteration-count: 1;
	animation-fill-mode: none;
}
@media screen and (max-width:768px){
	.fAniB__line li:nth-child(2){
		width: 100px;
		right: auto;
		left: 0;
	}
}
/* fAniB__line li:nth-child(3) */
.fAniB__line li:nth-child(3){
	width: calc(50% + 420px);
	height: 160px;
	margin: auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.fAniB__line li:nth-child(3):before{
	content: "";
	background-color: #ff32af;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.fAniB__line li:nth-child(3).active:before{
	animation-name: lineHorizontal_m;
	animation-delay: 0;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0.02, 0.88, 0.58, 1);
	animation-iteration-count: 1;
	animation-fill-mode: none;
}
@media screen and (max-width:768px){
	.fAniB__line li:nth-child(3){
		width: calc(50% + 100px);
		height: 100px;
	}
}
/* fAniB__line li:nth-child(4) */
.fAniB__line li:nth-child(4){
	width: 160px;
	height: 70%;
	margin: auto;
	overflow: hidden;
	position: absolute;
	right: -460px;
	bottom: 0;
	left: 0;
}
.fAniB__line li:nth-child(4):before{
	content: "";
	background-color: #ff32af;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}
.fAniB__line li:nth-child(4).active:before{
	animation-name: lineVertical_m;
	animation-delay: 0;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0.02, 0.88, 0.58, 1);
	animation-iteration-count: 1;
	animation-fill-mode: none;
}
@media screen and (max-width:768px){
	.fAniB__line li:nth-child(4){
		width: 100px;
		right: 0;
		left: auto;
	}
}
/* fAniB__line keyframes */
@keyframes lineHorizontal{
	0% {
		right:0;
		left:100%;
	}
	45% {
		right:0;
		left:0;
	}
	55% {
		right:0;
		left:0;
	}
	100% {
		right:100%;
		left:0;
	}
}
@keyframes lineHorizontal_m{
	0% {
		left:0;
		right:100%;
	}
	45% {
		left:0;
		right:0;
	}
	55% {
		left:0;
		right:0;
	}
	100% {
		left:100%;
		right:0;
	}
}
@keyframes lineVertical{
	0% {
		top:0;
		bottom:100%;
	}
	45% {
		top:0;
		bottom:0;
	}
	55% {
		top:0;
		bottom:0;
	}
	100% {
		top:100%;
		bottom:0;
	}
}
@keyframes lineVertical_m{
	0% {
		bottom:0;
		top:100%;
	}
	45% {
		bottom:0;
		top:0;
	}
	55% {
		bottom:0;
		top:0;
	}
	100% {
		bottom:100%;
		top:0;
	}
}
/* fAniB__line2 */
.fAniB__line2{
	width: 80%;
	max-width: 1550px;
	height: 400px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.fAniB__line2 li:nth-child(1){
	background: url(../img/common/deco_line1.png) no-repeat 0 0 / 100%;
	width: 22px;
	height: 99px;
	position: absolute;
	top: 0;
	left: 0;
	animation-name: turn;
	animation-delay: 0;
	animation-duration: 7s;
	animation-timing-function: cubic-bezier(0.02, 0.88, 0.58, 1);
	animation-iteration-count: infinite;
	animation-fill-mode: none;
}
.fAniB__line2 li:nth-child(2){
	background: url(../img/common/deco_line2.png) no-repeat 0 0 / 100%;
	width: 255px;
	height: 48px;
	position: absolute;
	top: 0;
	right: 0;
	animation-name: turn_a;
	animation-delay: 0;
	animation-duration: 8s;
	animation-timing-function: cubic-bezier(0.02, 0.88, 0.58, 1);
	animation-iteration-count: infinite;
	animation-fill-mode: none;
}
@media screen and (max-width:768px){
	.fAniB__line2{
		max-width: 100%;
		height: 100%;
	}
	.fAniB__line2 li:nth-child(1){
		width: 20px;
		height: 90px;
		animation-timing-function: linear;
	}
	.fAniB__line2 li:nth-child(2){
		width: 175px;
		height: 33px;
	}
}
/* fAniB__line2 keyframes */
@keyframes turn{
	0%{
		top: 0;
		left: 0;
		transform: rotate(0);
	}
	25%{
		top: 100%;
		left: 0;
		transform: rotate(0);
	}
	30%{
		top: 100%;
		left: 0;
		transform: rotate(90deg);
	}
	50%{
		top: 100%;
		left: 100%;
		transform: rotate(90deg);
	}
	55%{
		top: 100%;
		left: 100%;
		transform: rotate(0);
	}
	75%{
		top: 0;
		left: 100%;
		transform: rotate(0);
	}
	80%{
		top: 0;
		left: 100%;
		transform: rotate(90deg);
	}
	95%{
		top: 0;
		left: 0;
		transform: rotate(90deg);
	}
	100%{
		top: 0;
		left: 0;
		transform: rotate(0);
	}
}
@media screen and (max-width:768px){
	@keyframes turn{
		0%{
			top: 0;
			left: 0;
			transform: rotate(0);
		}
		25%{
			top: calc(100% - 90px);
			left: 0;
			transform: rotate(0);
		}
		30%{
			top: calc(100% - 90px);
			left: 0;
			transform: rotate(90deg);
		}
		50%{
			top: calc(100% - 90px);
			left: 100%;
			transform: rotate(90deg);
		}
		55%{
			top: calc(100% - 90px);
			left: 100%;
			transform: rotate(0);
		}
		75%{
			top: 0;
			left: 100%;
			transform: rotate(0);
		}
		80%{
			top: 0;
			left: 100%;
			transform: rotate(90deg);
		}
		95%{
			top: 0;
			left: 0;
			transform: rotate(90deg);
		}
		100%{
			top: 0;
			left: 0;
			transform: rotate(0);
		}
	}
}
@keyframes turn_a{
	0%{
		top: 0;
		right: 0;
	}
	20%{
		top: 0;
		right: 80%;
	}
	40%{
		top: 80%;
		right: 80%;
	}
	60%{
		top: 80%;
		right: 80%;
	}
	80%{
		top: 80%;
		right: 0;
	}
	100%{
		top: 0;
		right: 0;
	}
}
/* fAniB__line3 */
.fAniB__line3{
	width: 590px;
	height: 750px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
}
.fAniB__line3 li:nth-child(1){
	background: url(../img/common/f_oa_img.png) no-repeat 0 0 / 100%;
	width: 109px;
	height: 440px;
	position: absolute;
	bottom: 0;
	right: 0;
	animation-name: turn_b;
	animation-delay: 0;
	animation-duration: 7s;
	animation-timing-function: cubic-bezier(0.02, 0.88, 0.58, 1);
	animation-iteration-count: infinite;
	animation-fill-mode: none;
}
@media screen and (max-width:768px){
	.fAniB__line3{
		width: 100%;
		height: 100%;
	}
	.fAniB__line3 li:nth-child(1){
		width: 14.5%;
		height: 47.3%;
	}
}
/* fAniB__line3 keyframes */
@keyframes turn_b{
	0%{
		bottom: 0;
		right: 0;
	}
	20%{
		bottom: 0;
		right: 100%;
	}
	50%{
		bottom: 0;
		right: 100%;
	}
	60%{
		bottom: 50%;
		right: 100%;
	}
	80%{
		bottom: 50%;
		right: 0;
	}
	90%{
		bottom: 0;
		right: 0;
	}
	100%{
		bottom: 0;
		right: 0;
	}
}
@media screen and (max-width:768px){
	@keyframes turn_b{
	0%{
		bottom: 0;
		right: 0;
	}
	20%{
		bottom: 0;
		right: 85.5%;
	}
	50%{
		bottom: 0;
		right: 85.5%;
	}
	60%{
		bottom: 50%;
		right: 85.5%;
	}
	80%{
		bottom: 50%;
		right: 0;
	}
	90%{
		bottom: 0;
		right: 0;
	}
	100%{
		bottom: 0;
		right: 0;
	}
}
}
/* fAniB__bgWrap */
.fAniB__bgWrap{
	width: 330px;
	height: 592px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 330px;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.fAniB__bg li{
	background: url(../img/common/fanib_bg.jpg) 0 0 / 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.fAniB__bgWrap{
		width: 50%;
		height: 100%;
		right: auto;
		top: auto;
	}
}
/* glitch */
.glitch {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.glitch__img {
	position: absolute;
	background-color: transparent;
	background-size: cover;
	transform: translate3d(0,0,0);
	background-blend-mode: none;
}
.glitch__img:nth-child(n+2) {
	opacity: 0;
}
.imgloaded .glitch__img:nth-child(n+2) {
	animation-duration: 4s;
	animation-delay: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.imgloaded .glitch__img:nth-child(2) {
	background-color: transparent;
	background-blend-mode: none;
	animation-name: glitch-anim-1;
}
.imgloaded .glitch__img:nth-child(3) {
	background-color: transparent;
	background-blend-mode: none;
	animation-name: glitch-anim-2;
}
.imgloaded .glitch__img:nth-child(4) {
	background-blend-mode: none;
	animation-name: glitch-anim-3;
}
.imgloaded .glitch__img:nth-child(5) {
	background-color: #ff32af;
	background-blend-mode: overlay;
	animation-name: glitch-anim-flash;
}
@keyframes glitch-anim-1 {
	0% {
		opacity: 1;
		transform: translate3d(10px,0,0);
		-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}
	2% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	4% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	8% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	10% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	12% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	14% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	16% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	18% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(10px,0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}
@keyframes glitch-anim-2 {
	0% {
		opacity: 1;
		transform: translate3d(calc(-1 * 10px),0,0);
		-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
		clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
	}
	3% {
		-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	5% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
		clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
	}
	7% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	9% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}
	11% {
		-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
		clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
	}
	13% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	15% {
		-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}
	17% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
	}
	19% {
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	20% {
		-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
		clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(calc(-1 * 10px),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}
@keyframes glitch-anim-3 {
	0% {
		opacity: 1;
		transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
		clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
	}
	1.5% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
		clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
	}
	2% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
		clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
	}
	2.5% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	3% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
		clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
	}
	5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
		clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
	}
	5.5% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
		clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
	}
	7% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
		clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
	}
	8% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	9% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
		clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
	}
	10.5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
		clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
	}
	11% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
		clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
	}
	13% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
		clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
	}
	14% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
		clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
	}
	14.5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
		clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
	}
	15% {
		-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
		clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
	}
	16% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	18% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
		clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
		clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1,-1,1);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}
@keyframes glitch-anim-text {
	0% {
		transform: translate3d(calc(-1 * 10px),0,0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	2% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	4% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	7% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	8% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	9% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	9.9% {
		transform: translate3d(calc(-1 * 10px),0,0) scale3d(-1,-1,1);
	}
	10%, 100% {
		transform: translate3d(0,0,0) scale3d(1,1,1);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
@keyframes glitch-anim-flash {
	0%, 5% {
		opacity: 0.2;
		transform: translate3d(10px, 5px, 0);
	}
	5.5%, 100% {
		opacity: 0;
		transform: translate3d(0, 0, 0);
	}
}
/**
 * Share, Copyright
 */
.footer__shareListsWrap {
	width: 40px;
	height: 186px;
	position: absolute;
	bottom: 40px;
	right: 32px;
	z-index: 1;
}
.footer__shareListsWrap > dt{
	color: #fff;
	font-size: 12px;
	line-height: 40px;
	width: 40px;
	height: 38px;
	margin-bottom: 10px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}
.footer__copyright{
	color: #fff;
	font-size: 12px;
	position: absolute;
	bottom: 40px;
	left: 40px;
	z-index: 1;
}
@media screen and (max-width:768px){
	.footer__copyright{
		font-size: 10px;
		font-size: 1rem;
		bottom: 20px;
		left: 20px;
	}
}
/*-----------------------------------------------
 * 06. Sub
-------------------------------------------------*/
body#sub #fullWrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
}
body#sub .footerWrap{
	margin-top: auto;
}
.subMain{
	margin-top: 230px;
	position: relative;
}
.subCont{
	margin-bottom: 80px;
	padding: 0 40px;
	position: relative;
	z-index: 1;
}
.subBg{
	background: url(../img/common/sub_bg.jpg) no-repeat 0 0 / cover;
	width: 100%;
	height: 300px;
	position: absolute;
	left: 0;
	z-index: 0;
}
@media screen and (max-width:768px){
	.subMain{
		margin-top: 80px;
	}
	.subCont{
		padding: 0 20px;
	}
	.subBg{
		background-image: url(../img/common/sub_bg.jpg);
		width: 100%;
		height: 150px;
	}
}
/**
 * 06-01. News
 */
.subNews__title{
	background: url(../img/top/news_h2.png) no-repeat 0 0 / 100%;
	width: 125px;
	height: 89px;
	margin-bottom: 60px;
}
@media screen and (max-width:768px){
	.subNews__title{
		background-image: url(../img/top/news_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
}
/* subNewsLists */
.subNewsLists > li{
	margin-bottom: 40px;
}
.subNewsLists > li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	text-decoration: none;
}
.subNewsLists > li a:after{
	content: "";
	background-color: #ff32af;
	width: 0;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: width .3s ease-in-out;
}
.subNewsLists > li a:hover:after{
	width: 100%;
}
.subNewsLists > li a:hover .newsList__title{
	color: #ff32af;
}
@media screen and (max-width:768px){
	.subNewsLists > li{
		margin-bottom: 30px;
	}
	.subNewsLists > li a{
		align-items: start;
	}
	.subNewsLists > li a:after{
		content: none;
	}
}
/* subNewsDetail */
.subNewsDetailWrap{
	margin-bottom: 80px;
}
.subNewsDetail__title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 100px;
}
.subNewsDetail__title--data{
	color: #ff32af;
	display: block;
	font-size: 20px;
	width: 200px;
	margin-top: 6px;
}
.subNewsDetail__title--text{
	color: #fff;
	display: block;
	font-size: 26px;
	width: calc(100% - 200px);
}
@media screen and (max-width:768px){
	.subNewsDetail__title{
		margin-bottom: 70px;
	}
	.subNewsDetail__title--data{
		font-size: 12px;
		font-size: 1.2rem;
		width: auto;
		margin-top: 2px;
		margin-right: 20px;
	}
	.subNewsDetail__title--text{
		font-size: 13px;
		font-size: 1.3rem;
		width: auto;
	}
}
/* subNewsDetail textArea */
.subNewsDetail img{
	height: auto;
	max-width: 100%;
}
.subNewsDetail p{
	color: #fff;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 40px;
}
.subNewsDetail p.center {
	text-align: center;
}
.subNewsDetail p.right{
	text-align: right;
}
.subNewsDetail p.inBorder{
	border: 1px solid #fff;
	padding: 20px;
}
.subNewsDetail p a{
	color: #ff32af;
	text-decoration: none;
}
.subNewsDetail p a:hover{
	text-decoration: underline;
}
.subNewsDetail iframe[src*="youtube"]{
	width: 100%;
	height: 100%;
}
.subNewsDetail .ytWrap{
	display: inline-block;
	width: 640px;
	height: 360px;
}
.backTo{
	width: 300px;
	height: 36px;
	margin: 0 auto;
}
.backTo a{
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 36px;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
}
@media screen and (max-width:768px){
	.subNewsDetail p{
		font-size: 12px;
		font-size: 1.2rem;
		margin-bottom: 30px;
	}
	.subNewsDetail iframe[src*="youtube"]{
		position: absolute;
		top: 0;
		left: 0;
	}
	.subNewsDetail .ytWrap{
		width: 100%;
		height: auto;
		padding-top: 56.25%;
		position: relative;
	}
	.backTo{
		width: 200px;
		height: 30px;
	}
	.backTo a{
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 30px;
	}
}
/* subNewsDetail textArea pink bold */
.subNewsDetail .pink{
	color:#ff32af;
	font-weight: bold;
	margin-bottom: 13px;
	padding-bottom: 10px;
	border-bottom: #ff32af 1px solid;
}

/* subNewsDetail textArea frame */
.subNewsDetail .frame{
	background: #ff32af;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0;
	padding: 30px;
	width: 100%;
	margin:0 auto;
	font-size: 16px;
}
.subNewsDetail .frame__in{
	border: #ff32af 1px solid;
	padding: 30px;
	width: 100%;
	margin:0 auto;
	font-size: 16px;
}
@media screen and (max-width:768px){
	.subNewsDetail .frame{
		background: #ff32af;
		font-weight: bold;
		color: #fff;
		margin-bottom: 0;
		padding: 20px;
		width: 100%;
		margin:0 auto;
		font-size: 12px;
	}
	.subNewsDetail .frame__in{
		border: #ff32af 1px solid;
		padding: 20px;
		width: 100%;
		margin:0 auto;
		font-size: 12px;
	}
}

/* pager */
.pagerWrap {
	margin-top: 100px;
}
.pagerWrap .wp-pagenavi {
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagerWrap a,
.pagerWrap span {
	background-color: #000;
	border: 1px solid #ff32af;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	width: 40px;
	height: 40px;
	margin: 0 6px;
	text-decoration: none;
	transition: all .3s ease;
}
.pagerWrap a:hover,
.pagerWrap .current {
	background-color: #ff32af;
}
@media screen and (max-width:768px){
	.pagerWrap a,
	.pagerWrap span {
		font-size: 10px;
		font-size: 1rem;
		width: 30px;
		height: 30px;
		margin: 0 2px;
		text-decoration: none;
		transition: all .3s ease;
	}
}

/**
 * 06-02. Special
 */
.subSpecial__title--gallary{
	background: url(../img/special/special_h2_gallary.png) no-repeat 0 0 / 100%;
	width: 434px;
	height: 89px;
	margin-bottom: 60px;
}
.subSpecial__title--icon{
	background: url(../img/special/special_h2_icon.png) no-repeat 0 0 / 100%;
	width: 619px;
	height: 89px;
	margin-bottom: 60px;
}
.subSpecial__title--interview{
	background: url(../img/special/special_h2_interview.png) no-repeat 0 0 / 100%;
	width: 488px;
	height: 89px;
	margin-bottom: 60px;
}
.subSpecial__title--comics{
	background: url(../img/special/special_h2_comics.png) no-repeat 0 0 / 100%;
	width: 407px;
	height: 89px;
	margin-bottom: 60px;
}
@media screen and (max-width:768px){
	.subSpecial__title--gallary{
		background-image: url(../img/special/special_h2_gallary_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.subSpecial__title--icon{
		background-image: url(../img/special/special_h2_icon_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.subSpecial__title--interview{
		background-image: url(../img/special/special_h2_interview_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.subSpecial__title--comics{
		background-image: url(../img/special/special_h2_comics_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
}
.subSpecial__ImgLists{
	width: 100%;
	display: flex;
}
.special__comicsLists{
	flex-wrap: wrap;
}
@media screen and (min-width: 768px){
	.special__comicsLists li{
		margin-bottom: 20px;
	}
}
.subSpecial__ImgLists li{
	width: calc(25% - 15px);
	margin-right: 20px;
}
.subSpecial__ImgLists li:nth-of-type(4n){
	margin-right: 0;
}
.subSpecial__ImgLists li:last-child{
	margin-right: 0;
}
.subSpecial__ImgLists li a{
	display: block;
	text-decoration: none;
}
.subSpecial__ImgLists li a img{
	width: 100%;
}
@media screen and (max-width:768px){
	.subSpecial__ImgLists{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.subSpecial__ImgLists li{
		width: 48.50746%;
		margin-right: 0;
	}
	.subSpecial__ImgLists li:nth-of-type(n+3){
		margin-top: 2.98508%;
	}
}

/* subSpecial__interviewLists */
.subSpecial__interviewLists > li{
	margin-bottom: 40px;
}
.subSpecial__interviewLists > li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	text-decoration: none;
}
.interview__no{
	color: #ff32af;
	font-size: 20px;
	width: 200px;
}
.interview__title{
	color: #fff;
	font-size: 26px;
	width: calc(100% - 200px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color .3s ease-in-out;
}
.subSpecial__interviewLists > li a:after{
	content: "";
	background-color: #ff32af;
	width: 0;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: width .3s ease-in-out;
}
.subSpecial__interviewLists > li a:hover:after{
	width: 100%;
}
.subSpecial__interviewLists > li a:hover .interview__title{
	color: #ff32af;
}
@media screen and (max-width:768px){
	.subSpecial__interviewLists > li{
		margin-bottom: 30px;
	}
	.subSpecial__interviewLists > li a{
		align-items: start;
	}
	.subSpecial__interviewLists > li a:after{
		content: none;
	}
	.interview__no{
		font-size: 12px;
		font-size: 1.2rem;
		width: auto;
		margin-top: 2px;
		margin-right: 20px;
	}
	.interview__title{
		font-size: 13px;
		font-size: 1.3rem;
		width: auto;
		overflow: auto;
		text-overflow: initial;
		white-space: normal;
	}
}

/*special modal*/
.specialImgWrap{
	width: 920px;
	margin: 30px 0;
	text-align: center;
}
@media screen and (max-width:768px) {
	.specialImgWrap{
		width: 100%;
		height: auto;
		margin-top: 100px;
	}
}

/* SPECIAL INTEVIEW PAGE */
.subSpecialDetailWrap{
	margin-bottom: 80px;
}
.subSpecialDetailWrap__title{
	display: -webkit-box;
	display: -ms-f;
	display: flex;
	margin-bottom: 100px;
}
.subSpecialDetailWrap__title--no{
	color: #ff32af;
	display: block;
	font-size: 20px;
	width: 198px;
	margin-top: 6px;
}
.subSpecialDetailWrap__title--no span{
	display: inline-block;
	position: relative;
}
.subSpecialDetailWrap__title--no span:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 4px;
	left: 0;
	height: 1px;
	background-color: #ff32af;
}
.subSpecialDetailWrap__title--text{
	color: #fff;
	display: block;
	font-size: 26px;
	width: calc(100% - 200px);
}
.subSpecial__interviewName{
	text-align: center;
}
@media screen and (max-width:768px){
	.subSpecialDetailWrap__title{
		margin-bottom: 25px;
	}
	.subSpecialDetailWrap__title--no{
		font-size: 12px;
		font-size: 1.2rem;
		width: auto;
		margin-top: 2px;
/*        margin-right: 20px;*/
	}
	.subSpecialDetailWrap__title--text{
		font-size: 13px;
		font-size: 1.3rem;
		width: auto;
	}
}
.subSpecial__interviewIn{
	width: 100%;
	display: flex;
	margin-bottom: 48px;
}
.subSpecial__interviewIn:last-child{
	margin-bottom: 0;
}
.subSpecial__interviewIn dt{
	width: 198px;
	padding-right: 80px;
	position: relative;
}
.subSpecial__interviewIn dt:after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 38px;
	background: url(../img/special/interview_arrow.png) no-repeat center center / contain;
	width: 9px;
	height: 5px;
}
.subSpecial__interviewName{
	text-align: center;
	margin-top: 8px;
	color: #ff32af;
	font-size: 14px;
	font-weight: 500;
}
.subSpecial__interviewName span{
	font-size: 12px;
}
.subSpecial__interviewIn dd{
	width: calc(100% - 198px);
}
.subSpecial__interviewIn dd p{
	font-size: 16px;
	color: #fff;
	line-height: 2.5;
}

@media screen and (max-width:768px){
	.subSpecialDetailWrap__title--no{
		width: 25.4%;
	}
	.subSpecialDetailWrap__title--text{
		width: calc(100% - 25.4%);
	}
	.subSpecial__interviewIn{
		margin-bottom: 35px;
	}
	.subSpecial__interviewIn:last-child{
		margin-bottom: 0;
	}
	.subSpecial__interviewIn dt{
		width: 25.4%;
		padding-right: 8.73239%;
	}
	.subSpecial__interviewIn dt:after{
		right: 13.3334%;
	}
	.subSpecial__interviewName{
		font-size: 0.9rem;
	}
	.subSpecial__interviewName span{
		font-size: 0.7rem;
	}
	.subSpecial__interviewIn dd{
		width: 74.6%;
	}
	.subSpecial__interviewIn dd p{
		font-size: 1.1rem;
		line-height: 2.1;
	}
}


/*-----------------------------------------------
 * Modal  Comment
-------------------------------------------------*/

.modalComment {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 50px 0;
  }

  .modalComment.min_f {
	font-weight: 300;
  }

  .modalComment-name {
	margin-bottom: 45px;
	font-size: 64px;
	line-height: 1.28;
	letter-spacing: 43px;
	font-weight: 500;
  }

  .modalComment__color-base {
	color: #fff;
  }

  .modalComment__color-pink {
	color: #ff32af;
  }

  .modalComment-contents {
	font-size: 20px;
	line-height: 2.5;
	margin-bottom: 40px;
  }

  .modalComment_question {
	margin-bottom: 12px;
	letter-spacing: .135rem;
  }

  .modalComment_answer {
	letter-spacing: .11rem;
  }

  .modalComment__content {
	margin: 0 auto;
	padding: 40px;
  }

  .modal {
	display: none;
	position: fixed;
	overflow: auto;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.9);
  }

  .modalComment__bg {
	width: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .modalComment__content {
	width: 100%;
	overflow: auto;
	padding: 0px;
	position: relative;
	min-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .js-modal-close .closeBtn a {
	top: 20px;
	right: 40px;
  }

  @media screen and (max-width:768px) {
	.modalComment {
	  width: 90%;
	  padding-right: 0;
	}
	.modalComment__content {
	  width: 90%;
	  margin: 60px auto;
	  padding: 0;
	}
	.modalComment-name {
	  margin-bottom: 30px;
	  font-size: 32px;
	  line-height: 1.28;
	  letter-spacing: 22px;
	}
	.modalComment_question, .modalComment_answer {
	  font-size: 12px;
	}
	.js-modal-close .closeBtn a {
	  top: 0px;
	  right: 10px;
	}
  }


  /*-----------------------------------------------
   * Modal  Character
  -------------------------------------------------*/

  .character__modal--contents {
	width: 860px;
	margin: 0 auto 120px;
	position: relative;
	padding: 80px 0;
  }

  .character__modal--name {
	font-size: 94px;
	writing-mode: vertical-rl;
	align-items: center;
	letter-spacing: 3.95rem;
	margin-left: 86px;
  }

  .character__modal--cv {
	font-size: 24px;
	position: absolute;
	letter-spacing: 1rem;
  }

  .character__modal--detail {
	font-size: 20px;
	letter-spacing: .1rem;
	line-height: 2.3;
	font-weight: 300;
	width:520px;
	position: absolute;
	right:0;
	top:450px;
  }

  .bg-chara1 .character__modal--cv {
	top: 35%;
	left: 60px;
  }

  .bg-chara2 .character__modal--cv {
	top: 39%;
	left: 60px;
  }

  .bg-chara3 .character__modal--cv {
	top: 36.5%;
	left: 60px;
  }

  .bg-chara4 .character__modal--cv {
	top: 35.5%;
	left: 60px;
  }

  .bg-chara1 .name-bottom, .bg-chara2 .name-bottom, .bg-chara3 .name-bottom, .bg-chara4 .name-bottom {
	margin-top: 160px;
  }

  .bg-chara1 .character__modal--detail {}

  .bg-chara2 .character__modal--detail {
	margin-top: 60px;
  }

  .bg-chara3 .character__modal--detail {
	margin-top: 80px;
  }

  .bg-chara4 .character__modal--detail {
	margin-top: 10px;
  }


  /* bg chara */

  .bg-chara1 {
	background: url(../img/top/character_1thumb.png) no-repeat 140px -10px/130%;
  }

  .bg-chara2 {
	background: url(../img/top/character_2thumb.png) no-repeat -35px 5px/110%;
  }

  .bg-chara3 {
	background: url(../img/top/character_3thumb.png) no-repeat -350px -30px/135%;
  }

  .bg-chara4 {
	background: url(../img/top/character_4thumb.png) no-repeat 360px 60px/140%;
  }

  @media screen and (max-width:768px) {
	.character__modal--contents {
	  width: 100%;
	  margin: 0 auto 0;
	  position: relative;
	  padding: 40px 0 80px;
	}
	.character__modal--name {
	  font-size: 47px;
	  writing-mode: vertical-rl;
	  align-items: center;
	  letter-spacing: 3.95rem;
	  margin-left: 50px;
	}
	.character__modal--cv {
	  font-size: 12px;
	}
	.character__modal--detail {
	  width: 90%;
	  margin-top: 20px;
	  margin: 0 auto;
	  font-size: 12px;
	  position:relative;
	  right: auto;
	  top:auto;
	}
	.bg-chara1 .name-bottom, .bg-chara2 .name-bottom, .bg-chara3 .name-bottom, .bg-chara4 .name-bottom {
	  margin-top: 50px;
	}
	.bg-chara2 .character__modal--detail {
	  margin-top: 60px;
	}
	.bg-chara3 .character__modal--detail {
	  margin-top: 50px;
	}
	.bg-chara4 .character__modal--detail {
	  margin-top: 30px;
	}
	.bg-chara1 .character__modal--cv,
	.bg-chara2 .character__modal--cv,
	.bg-chara3 .character__modal--cv,
	.bg-chara4 .character__modal--cv {
	  top: 210px;
	  left: 30px;
	}
	/* bg chara */
	.bg-chara1 {
	  background: url(../img/top/character_1thumb.png) no-repeat 50px -10px/140%;
	}
	.bg-chara2 {
	  background: url(../img/top/character_2thumb.png) no-repeat -90px 20px/140%;
	}
	.bg-chara3 {
	  background: url(../img/top/character_3thumb.png) no-repeat -250px 5px/165%;
	}
	.bg-chara4 {
	  background: url(../img/top/character_4thumb.png) no-repeat 120px 25px/175%;
	}
  }

  .character__modal {
	position: fixed;
	z-index: 9899;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	overflow: auto;
	display: none;
  }

  .character__modal--inner {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .character__modal--contents {
	display: none;
	margin: 80px 0;
  }

  .character__nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	pointer-events: none;
  }

  @media screen and (max-width:768px) {
	.character__nav {
	  padding: 10px;
	}
  }

  .character__nav li {
	width: 50px;
	height: 40px;
  }

  .character__nav li a {
	display: block;
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.3s ease;
	pointer-events: auto;
  }

  .character__nav li a.chara__prev,
  .character__nav li a.charas__prev {
	background-image: url(../img/top/chara_prev.png);
  }

  .character__nav li a.chara__next,
  .character__nav li a.charas__next {
	background-image: url(../img/top/chara_next.png);
  }

  .character__nav li a.chara__prev:hover,
  .character__nav li a.charas__prev:hover {
	transform: translateX(-10px);
  }

  .character__nav li a.chara__next:hover,
  .character__nav li a.charas__next:hover {
	transform: translateX(10px);
  }

/**
 * Story
 */
#story {
	position: relative;
}
.story__title{
	background: url(../img/top/story_h2.png) no-repeat 0 0 / 100%;
	width: 142px;
	height: 89px;
	margin-bottom: 60px;
}
.story__text{
	color: #fff;
	font-size: 34px;
	line-height: 2;
	margin-bottom: 36px;
}
.story__text:last-of-type{
	margin-bottom: 0;
}
.story__img {
	display: block;
	width: 70%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	transform: translateY(-48%);
}
.story__img span {
	width: 100%;
	padding-top: 185.9412%;
	display: block;
	background: url(../img/top/story_img.png) no-repeat center right / contain;
}
@media screen and (max-width:768px){
	.story__title{
		background-image: url(../img/top/story_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.story__text{
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 2.2;
	}
}

/**
 * Character (idname = characters)
 */
.characters__in {
	margin-bottom: 0;
}
.characters__title{
	background: url(../img/top/characters_h2.png) no-repeat 0 0 / 100%;
	width: 265px;
	height: 89px;
	margin-bottom: 60px;
}
.characters__list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 90px;
}
.characters__list li {
	width: 25%;
	overflow: hidden;
}
.characters__list li a {
	display: block;
	height: 0;
	padding-top: 62%;
	transition:all 0.5s ease;
	backface-visibility: hidden;
	filter:grayscale(0%) brightness(100%);
	transform: scale(1.01);
}
.characters__list li a.hover {
	filter:grayscale(100%) brightness(30%);
}
.characters__list li a:hover {
	transform: scale(1.1);
}
.characters__1 a {
	background: url(../img/top/characters_thumb1.jpg) no-repeat center center / cover;
}
.characters__2 a {
	background: url(../img/top/characters_thumb2.jpg) no-repeat center center / cover;
}
.characters__3 a {
	background: url(../img/top/characters_thumb3.jpg) no-repeat center center / cover;
}
.characters__4 a {
	background: url(../img/top/characters_thumb4.jpg) no-repeat center center / cover;
}
.characters__5 a {
	background: url(../img/top/characters_thumb5.jpg) no-repeat center center / cover;
}
.characters__6 a {
	background: url(../img/top/characters_thumb6.jpg) no-repeat center center / cover;
}
.characters__7 a {
	background: url(../img/top/characters_thumb7.jpg) no-repeat center center / cover;
}
.characters__8 a {
	background: url(../img/top/characters_thumb8.jpg) no-repeat center center / cover;
}
.characters__9 a {
	background: url(../img/top/characters_thumb9.jpg) no-repeat center center / cover;
}
.characters__10 a {
	background: url(../img/top/characters_thumb10.jpg) no-repeat center center / cover;
}
.characters__11 a {
	background: url(../img/top/characters_thumb11.jpg) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.characters__title{
		background-image: url(../img/top/characters_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.characters__list {
		margin-bottom:60px;
	}
	.characters__list li {
		width:50%;
	}
}
/**
 * Music
 */
.music__title{
	background: url(../img/top/music_h2.png) no-repeat 0 0 / 100%;
	width: 144px;
	height: 89px;
	margin-bottom: 60px;
}

.music__lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.music__lists li {
	width: calc(50% - 10px);
}
.music__thumb {
	height: 0;
	padding-top: 61.8181%;
	margin-bottom: 30px;
}
.soon .music__thumb {
	border: 1px solid #1a1a1a;
	position: relative;
	overflow: hidden;
	background: #000;
}
.soon .music__thumb:before {
	position: absolute;
	content: '';
	width: 200%;
	height: 1px;
	background: #1a1a1a;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) rotate(-31.8deg);
}
.soon .music__thumb:after {
	content: '';
	position:absolute;
	width: 20%;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url(../img/top/music_soon.png) no-repeat center center / contain;
}
.music__1 .music__thumb {
	background: url(../img/top/music_op_a.jpg) no-repeat center center / cover;
}
.music__2 .music__thumb {
	background: url(../img/top/music_ed.jpg) no-repeat center center / cover;
}
.music__lists h3 {
	display: flex;
	font-size: 26px;
	line-height: 1.9;
	width: 100%;
	margin-bottom: 25px;
	letter-spacing: 0.1em;
}
.music__cat {
	font-size: 16px;
	color: #ff32af;
	width: 200px;
	flex: 1;
	line-height: 49.4px;
}
.music__name {
	width: calc(100% - 200px);
}
.music__text {
	font-size: 16px;
	line-height:2.25;
	letter-spacing: 0.1em;
}
.music__text img{
	width: 550px;
	margin:20px 0 20px 0;
}
.music__text__pink {
	font-size: 16px;
	line-height:2.25;
	letter-spacing: 0.1em;
	color: #ff32af;
	font-weight: bold;
}
.music__text__line{
	display: block;
    padding-left: 1em;
    text-indent: -1em;
}
.music__comment a {
	display: inline-block;
	width:240px;
	height:55px;
	border:2px solid #FFF;
	position: relative;
	margin-bottom:15px;
	vertical-align: bottom;
	margin: 20px 0 40px 0 ;
}
.music__comment a:before {
	content:'';
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:0;
	background:#ff32af;
	opacity:0.4;
	transition:all 0.3s ease;
}
.music__comment a:hover:before {
	height:51px;
}
.music__comment a span {
	display: block;
	height:51px;
	background:url(../img/common/btn_comment.png) no-repeat center center;
	position: relative;
	text-indent: -9887px
}
@media screen and (max-width:768px){
	.music__thumb {
		margin-bottom: 1.5em
	}
	.music__title{
		background-image: url(../img/top/music_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.music__lists li {
		width:100%;
		margin-bottom:3em;
	}
	.music__lists h3 {
		font-size:15px;
		font-size: 1.5rem;
		margin-bottom: 1em;
	}
	.music__cat {
		font-size:12px;
		font-size: 1.2rem;
		width:15rem;
		line-height:2.9rem;
	}
	.music__name {
		width: calc(100% - 15rem);
	}
	.music__text {
		font-size:12px;
		font-size: 1.2rem;
	}
	.soon .music__thumb:before {
		position: absolute;
		content: '';
		width: 200%;
		height: 1px;
		background: #1a1a1a;
		left: 50%;
		top: 50%;
	}
	.music__comment a {
		display: inline-block;
		width:33rem;
		height:4.6rem;
		border:2px solid #FFF;
		vertical-align: middle;
	}
	.music__comment a span {
		background-size:5.6rem auto;
		height:calc(2.6rem - -13px);
	}
	.music__comment a:before {
		display: none;
	}
}
.js-characters-modal .character__modal--contents {
	padding-top:0;
}
.bg-charas1 .character__modal--cv,
.bg-charas2 .character__modal--cv,
.bg-charas3 .character__modal--cv,
.bg-charas4 .character__modal--cv,
.bg-charas6 .character__modal--cv,
.bg-charas7 .character__modal--cv,
.bg-charas8 .character__modal--cv,
.bg-charas9 .character__modal--cv,
.bg-charas10 .character__modal--cv {
top: 345px;
left: 60px;
}
.bg-charas5 .character__modal--cv,
.bg-charas11 .character__modal--cv {
left: 60px;
}
.bg-charas1 .name-bottom,
.bg-charas2 .name-bottom,
.bg-charas3 .name-bottom,
.bg-charas4 .name-bottom,
.bg-charas6 .name-bottom,
.bg-charas7 .name-bottom,
.bg-charas8 .name-bottom,
.bg-charas9 .name-bottom,
.bg-charas10 .name-bottom {
margin-top: 160px;
}

.character__modal--vimg {
	width: 520px;
	height: 560px;
	position: absolute;
	right: 0;
	top: 0;
}
@media screen and (max-width:768px){
	.character__modal--vimg {
		height:auto;
		width:75%;
		right:auto;
		left:50%;
		top:0;
		bottom:0;
		transform:translateX(-50%);
		z-index:-1;
		position: fixed;
	}
	.bg-charas1 .name-bottom,
	.bg-charas2 .name-bottom,
	.bg-charas3 .name-bottom,
	.bg-charas4 .name-bottom,
	.bg-charas6 .name-bottom,
	.bg-charas7 .name-bottom,
	.bg-charas8 .name-bottom,
	.bg-charas9 .name-bottom,
	.bg-charas10 .name-bottom {
		margin-top: 50px;
	}
	.js-characters-modal .character__modal--contents {
		padding-bottom:0;
		position: relative;
	}
	.bg-charas1 .character__modal--cv,
	.bg-charas2 .character__modal--cv,
	.bg-charas3 .character__modal--cv,
	.bg-charas4 .character__modal--cv,
	.bg-charas6 .character__modal--cv,
	.bg-charas7 .character__modal--cv,
	.bg-charas8 .character__modal--cv,
	.bg-charas9 .character__modal--cv,
	.bg-charas10 .character__modal--cv {
	  top: 170px;
	  left: 30px;
	}
	.bg-charas5 .character__modal--cv,
	.bg-charas11 .character__modal--cv {
	  top: 405px;
	  left: 20px;
	}
}
.bg-charas1 .character__modal--vimg {
	background: url(../img/top/characters_vimg1.jpg) no-repeat center center / contain;
}
.bg-charas2 .character__modal--vimg {
	background: url(../img/top/characters_vimg2.jpg) no-repeat center center / contain;
}
.bg-charas3 .character__modal--vimg {
	background: url(../img/top/characters_vimg3.jpg) no-repeat center center / contain;
}
.bg-charas4 .character__modal--vimg {
	background: url(../img/top/characters_vimg4.jpg) no-repeat center center / contain;
}
.bg-charas5 .character__modal--vimg {
	background: url(../img/top/characters_vimg5.jpg) no-repeat center center / contain;
}
.bg-charas6 .character__modal--vimg {
	background: url(../img/top/characters_vimg6.jpg) no-repeat center center / contain;
}
.bg-charas7 .character__modal--vimg {
	background: url(../img/top/characters_vimg7.jpg) no-repeat center center / contain;
}
.bg-charas8 .character__modal--vimg {
	background: url(../img/top/characters_vimg8.jpg) no-repeat center center / contain;
}
.bg-charas9 .character__modal--vimg {
	background: url(../img/top/characters_vimg9.jpg) no-repeat center center / contain;
}
.bg-charas10 .character__modal--vimg {
	background: url(../img/top/characters_vimg10.jpg) no-repeat center center / contain;
}
.bg-charas11 .character__modal--vimg {
	background: url(../img/top/characters_vimg11.jpg) no-repeat center center / contain;
}

/**
 * On Air
 */
#onair {
	position: relative;
}
.onair__title{
	background: url(../img/top/onair_h2.png) no-repeat 0 0 / 100%;
	width: 157px;
	height: 89px;
	margin-bottom: 60px;
}
.onair__text{
	color: #fff;
	font-size: 34px;
	line-height: 2;
}
.onair__text:last-of-type{
	margin-bottom: 0;
}
.onair__text__ondemand{
	color: #fff;
	font-size: 34px;
	line-height: 2;
	margin-bottom: 8px;
}
.onair__text__link a {
	display: inline-block;
	width:240px;
	height:55px;
	border:2px solid #FFF;
	position: relative;
	margin-bottom:15px;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	padding-top: 6px;
}
.onair__text__link a:before {
	content:'';
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:0;
	background:#ff32af;
	opacity:0.4;
	transition:all 0.3s ease;
}
.onair__text__link a:hover:before {
	height:51px;
}
.onair__text__info{
	font-size: 20px;
}
@media screen and (max-width:768px){
	.onair__title{
		background-image: url(../img/top/onair_h2_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.onair__text{
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 2.2;
	}
	.onair__text__ondemand{
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 2.2;
	}
	.onair__text__link a {
		font-size: 1.5rem;
		display: inline-block;
		border:2px solid #FFF;
		margin-bottom:10px;
		padding-top: 9px;
	}
	.onair__text__link a:before {
		display: none;
	}
	.onair__text__info{
	font-size: 15px;
}
	.music__text {
		font-size: 12px;
		font-size:1.2rem;
	}
}
.news__more{
	width: 300px;
	height: 36px;
	margin: 50px auto 0;
}
.news__more a{
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 36px;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
}
@media screen and (max-width:768px){
	.backTo{
		width: 200px;
		height: 30px;
	}
	.backTo a{
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 30px;
	}
}

.subSpecial__comics--title{
	background: url(../img/books/books_h2_comics.png) no-repeat 0 0 / 100%;
	width: 348px;
	height: 89px;
	margin-bottom: 60px;
}
.subSpecial__novels--title{
	background: url(../img/books/books_h2_novels.png) no-repeat 0 0 / 100%;
	width: 342px;
	height: 89px;
	margin-bottom: 60px;
}
.subSpecial__ImgLists li p {
	text-align: center;
	margin-top:25px;
	margin-bottom:30px;
	line-height: 1.75
}
.booksmodalWrap {
	width:940px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.booksSpec {
	width:516px;
}
.booksmodalThumb {
	width:363px;
}
.booksSpec h3 {
	font-size: 24px;
	line-height: 1.75;
	margin-bottom:16px;
	color:#e7447d;
}
.booksSpec p {
	font-size:16px;
	line-height:2;
	margin-bottom:2em;
}
.booksSpec p strong {
	color:#e7447d;
}
.booksmodalNovel {
	width:100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.booksmodalNovel .booksSpec,
.booksmodalNovel .booksmodalThumb{
	width:726px;
}
.booksmodalNovel .booksmodalThumb {
	margin-bottom:40px;
}
@media screen and (max-width:768px){
	.subSpecial__comics--title{
		background-image: url(../img/books/books_h2_comics_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.subSpecial__novels--title{
		background-image: url(../img/books/books_h2_novels_sp.png);
		width: 100%;
		height: auto;
		padding-top: 13.2%;
		margin-bottom: 30px;
	}
	.booksmodalWrap {
		width:100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	.booksSpec {
		width:88% !important;

	}
	.booksmodalThumb {
		width:48.4%;
		margin-bottom:5vw;
	}
	.booksmodalThumb img {
		width:100%;
		height:auto;
		display: block;
	}
	.booksSpec h3 {
		font-size:15px;
		font-size:1.5rem;
	}
	.booksSpec p {
		font-size:10px;
		font-size:1.0em;
	}
	.booksmodalNovel .booksmodalThumb {
		width:96.8%;
	}
}
.onairTable {
	padding:40px 0;
	width:100%;
}
.onairTable table {
	width:100%;
}
.onairTable th,
.onairTable td {
	padding:20px;
	font-size:20px;
	font-family: 'Noto Serif JP', serif;
	border:1px solid #FFF;
}
.onairTable th {
	background: #FFF;
	color:#000;
}
@media screen and (max-width:768px){
.onairTable {
	padding:5vw 0;
	width:calc(100% - -40px);
	overflow: auto;
	margin-right:-20px;
	margin-left:-20px;
	-webkit-overflow-scrolling:touch;
}
.onairTable table {
	width:200%;
	margin-right:20px;
	margin-left:20px;
}
.onairTable th,
.onairTable td {
	padding:2vw;
	font-size:1.3rem;
	font-family: 'Noto Serif JP', serif;
	border:1px solid #FFF;
}
}

.contest__head {
	position: relative;
	padding-top:40%;
	width:100%;
	margin-bottom:50px;
}
.contest__head h2 {
	width:490px;
	height:69px;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-245px;
	margin-top: -35px;
	background:url(../img/contest/contest_title.png) no-repeat center center / contain;
	z-index:4;
}
.contest__head--left {
	position: absolute;
	left:0;
	top:0;
	right:50%;
	bottom:0;
	background:url(../img/contest/contest_headleft.jpg) no-repeat center center / cover;
}
.contest__head--right {
	position: absolute;
	right:0;
	top:0;
	left:50%;
	bottom:0;
	background:url(../img/contest/contest_headright.jpg) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.contest__head {
		padding-top:64%;
		margin-bottom:3rem;
	}
	.contest__head h2 {
		width:65%;
		height:100%;
		top:0;
		bottom:0;
		margin-left:0;
		margin-top:0;
		transform:translateX(-50%);
	}
}
.contest__parag {
	line-height:2.5;
	font-size:16px;
	letter-spacing: 0.1em;
}
@media screen and (max-width:768px){
	.contest__parag {
		font-size:1.4rem;
	}
}
.contest__h3 {
	color:#e61866;
	font-size:20px;
	text-align: center;
	margin-bottom:20px;
	font-weight: 700;
}
.contest__method1 {
	line-height:2.5;
	font-size: 16px;
	letter-spacing: 0.1em;
}
.contest__method1 dd {
	padding-left:1em;
	text-indent: -1em;
}
.contest__method1 a {
	color:#e61866;
}
@media screen and (max-width:768px){
	.contest__h3 {
		font-size:1.6rem;
		margin-bottom:2rem;
	}
	.contest__method1 {
		font-size: 1.4rem;
	}
}
.contest__refer {
	padding-top:40px;
	line-height:2.5;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contest__refer dt {
	font-size: 24px;
	color:#e61866;
	width: 100%;
	margin-bottom:15px;
}
.contest__refer dt span {
	font-size:16px;
}
.contest__refer dd {
	width:32%;
	padding-top: 20px;
}
.contest__refer--img {
	width:100%;
	margin-bottom:10px;
}
.contest__refer--img img {
	width:100%;
}
.contest__refer--btn {
	height:50px;
}
.contest__refer--btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	height:50px;
	border:1px solid #FFF;
	letter-spacing: 0.1em;
	color:#FFF;
	text-decoration: none;
	transition:all 0.3s ease;
}
.contest__refer--btn a:hover {
	background:#FFF;
	color:#000;
}

@media screen and (max-width:768px){
	.contest__refer {
		padding-top:3rem;
	}
	.contest__refer dt {
		font-size: 1.6rem;
		margin-bottom:0;
	}
	.contest__refer dt span {
		font-size: 1.3rem;
	}
	.contest__refer dd {
		width:49%;
		margin-bottom:4.5rem;
	}
	.contest__refer--img {
		width:100%;
		margin-bottom:1rem;
	}
	.contest__refer--img img {
		width:100%;
	}
	.contest__refer--btn {
		height:3.5rem;
	}
	.contest__refer--btn a {
		height:7.0rem;
		font-size:1.3rem;
		text-align: center;
		line-height: 1.6em;
	}
}
.contest__method2 {
	padding:50px 0 40px;
	line-height:2.5;
	font-size:16px;
	letter-spacing: 0.1em;
}
.contest__method2 strong {
	color:#e61866;
	font-weight: 700;
	font-size:24px;
	display: block;
	margin-bottom:10px;
}
@media screen and (max-width:768px){
	.contest__method2 {
		padding:3rem 0 2rem;
		font-size:1.4rem;
	}
	.contest__method2 strong {
		font-size:1.8rem;
	}
	.contest__method2 .sp {
		display: inline;
	}
}
.contest__caution {
	font-size:16px;
	line-height: 2.5;
	margin-bottom:2em;
}
.contest__caution dt {
	font-weight: 700;
}
.contest__caution dd {
	padding-left:1em;
	text-indent: -1em;
}
.contest__caution .pi {
	color:#e61866;
}
.contest__method2 br.pc {
	display: inline;
}
@media screen and (max-width:768px){
	.contest__caution {
		font-size:1.2rem;
	}

}


.subSpecial__bd--title{
	background: url(../img/bd/bluray_h2.png) no-repeat 0 0 / 100%;
	width: 200px;
	height: 88px;
	margin-bottom: 60px;
}
@media screen and (max-width:768px){
	.subSpecial__bd--title {
	width: 100px;
	height: 44px;
	}
}
.bd__modal{
	margin: 0 auto;
}
.bd__modal img{
	width: 800px;
}
.bd__lists{
	padding-top: 40px;
	font-size: 20px;
}
@media screen and (max-width:768px){
	.bd__lists {
	font-size: 1.5rem;
	margin-bottom: 1em;
	}
}
.bd__lists ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.bd__lists li:last-child{
	padding-left: 80px;
}
@media screen and (max-width:768px){
	.bd__lists li:last-child {
	padding: 0;
	}
}
.bd__lists li:first-child{
	padding-bottom: 0;
}
@media screen and (max-width:768px){
	.bd__lists li:first-child {
	padding-bottom: 30px;
	}
}
.bd__line{
	display: block;
    padding-left: 1em;
    text-indent: -1em;
}
.bd__tit{
    color: #ff32af;
	font-weight: 700;
}