@charset "utf-8";
/*--****************************************



@top



*****************************************--*/
#top{
	display:none;
	position:absolute;
	top:0;
	left:0;
}

#top-bg{
}

#buzzesBanner{
	position:absolute;
	top: -15px;
    left: 0px;
	z-index: 1;
	display:none;
}
#event-banner{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:block;
}
#event-banner img{
	width:100%;
	height:100%;
}

#blu-ray-dvd {
	position:absolute;
	top:0;
	right:0;
	min-width: 310px;
	z-index:2;
}


/*--****************************************



@intro



*****************************************--*/
#intro{
	display:none;
	overflow:hidden;
	background-color:#000;
}

#intro>.relative{
	width:inherit;
	height:inherit;
}

#intro-bg{
}

#intro .txt{
	color:#fff;
	padding: 40px 40px 80px;
}



/*--****************************************



@story



*****************************************--*/
#story{
	display:none;
	overflow: hidden;
	background-color:#fff;
}

#story>.relative{
	width:inherit;
	height:inherit;
}

#story-bg{
}

#story .txt{
	color:#000;
	padding: 40px 40px 80px;
}



/*--****************************************



@cast



*****************************************--*/
#cast{
	display:none;
	overflow:hidden;
}


#cast>.relative{
	width:inherit;
	height:inherit;
	overflow:hidden
}

/*============================
#castNavi-container
============================*/
#castNavi-container{
	position:absolute;
	top:-270px;
	left:0;
	height: 0px;
	z-index: 3;
}

#castNavi-background{
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height: 0px;
	background-image:url(../img/cast/navi/castNaviBg.png);
	background-position:center;
	background-repeat:repeat;
	z-index: 0;
}

#checkline-vertical{
	position:fixed;
	top:0;
	left:0;
	width:1px;
	height:auto;
	z-index:100;
	background-color:#ff0000;
}

#checkline-horizon{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:1px;
	z-index:100;
	background-color:#ff0000;
}

#castNavi-container>.relative{
	width:inherit;
	height:inherit;
}

.castNavi-tab{
	position:absolute;
	top:270px;
	right:0;
	cursor:pointer;
}


#castTab-open{
}

#castTab-close{
	display:none;
}


#castNavi-inner{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:270px;
}
.castNavi-thumb{
	float:left;
}

.castNavi-thumb>.relative{
	width:inherit;
	height:inherit;
}

.castNavi-thumb>.guard{
	width:inherit;
	height:inherit;
}

.castNavi-btn{
	cursor:pointer;
	padding:0 0px 0 0;
}

/*============================
#castContents-container
============================*/
#castImg-container{
	position:absolute;
	top:0;
	left:0;
	background-position:center;
	background-repeat:no-repeat;
}

#castImg-container>.relative{
	width:inherit;
	height:inherit;
	overflow:hidden;
}

#cast-img{
	position:absolute;
	top:0;
	left:0;
}

/*============================
#castTxt-container
============================*/
#castTxt-container{
	width:300px;
	height:auto;
	background-color:#e70012;
	position: absolute;
	z-index: 2;
    top: 0;
    left: 0;
}

#castTxt-box{
	width:300px;
	height:auto;
	outline:none;
}
.chara-txt{
}

.profile-txt{
}

.cast-divideLine{
	height:2px;
	padding: 20px 0;
	    display: block;
}

.cast-txt{
	padding:25px 25px 80px;
	font-size:16px;
	line-height: 1.8em;
    letter-spacing: 3px;
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  serif;
}


.castTxt-name{
	padding:0 0 7px;
}
.castTxt-profileLead{
	padding:5px 0 20px;
}

/*============================
#castCursor-container
============================*/
#castCursor-container{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#castCursor-container>.relative{
	width:inherit;
	height:inherit;
	overflow:hidden;
}

#castCursor-left{
	position:absolute;
	top:50%;
	margin-top:-30px;
	left:300px;
	cursor:pointer;
}
#castCursor-right{
	position:absolute;
	top:50%;
	margin-top:-30px;
	right:0;
	cursor:pointer;
}



/*--****************************************



@staff



*****************************************--*/
#staff{
	display:none;
	overflow:hidden;
}

#staff-ttl{
	padding:0 0 20px 0;
}

#staff-profile{
	padding:0 0 20px 0;
}


.staff-top-section{
	background-image:url(../img/staff/img0.jpg);
	background-size:cover;
	background-position:top left;
	background-repeat: no-repeat;

}


.staff-section{
	width:100%;
}

 .staff-top-article{
	 float:right;
 }


 .staff-article{
	 float:left;
 }

.staff-leftBox{
	width:50%;
}

.staff-rightBox{
	width:50%;
}

.staff-whiteBox {
	background-color:#fff;
	color:#000;
}

.staff-whiteBox>.staffTxt-area>.staffName-container{
		width:100%;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#000;
}

.staff-blackBox{
	background-color:#000;
	color:#fff;
}

.staff-blackBox>.staffTxt-area>.staffName-container{
		width:100%;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#fff;
}

.staffTxt-area{
}

.staffTxt-area{
	padding:50px 40px;
}

.staff-section:last-child .staffTxt-area{
	padding:50px 40px 80px;
}


.staffName-top-container{
text-align:left;
    padding: 0 0 30px;
}

.staff-blackBox>.staffTxt-area>.staffName-top-container{
		width:100%;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#fff;
}

.staffName-container{
text-align:center;
    padding: 0 0 30px;
}

.staffTxt-container{
	padding: 30px 0 0px;
	text-align:left;
}


.staffTxt-container p{
	font-size:16px;
	line-height: 1.8em;
    letter-spacing: 3px;
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  serif;
}






/*--****************************************



@prono



*****************************************--*/
#prono{
	display:none;
	background-color:#fff;
}

#prono>.relative{
	width:inherit;
	height:inherit;
}


#prono-ttl{
	position:absolute;
	top:20px;
	left:20px;
	z-index:1;
}

#prono-container{
	padding:0 0 50px;
}


/*============================
#prono-container
============================*/
#prono-container{
}
.prono-section{
}

.prono-btn{
	width:100%;
	cursor:pointer;
	background-color:#000;
}

.prono-btn>.relative{
	width:inherit;
	height:inherit;
	overflow:hidden;
}

.right-lead .prono-navibg{
	position:absolute;
	top:0;
	left:0;
}

.left-lead .prono-navibg{
	position:absolute;
	top:0;
	right:0;
}


.right-lead .prono-navittl{
	position:absolute;
	    top: 25%;
    right: 3%;
}

.left-lead .prono-navittl{
	position:absolute;
	    top: 25%;
    left: 3%;
}

.right-lead .prono-navidown{
	position:absolute;
	    bottom: 11%;
    right: 3%;
}

.left-lead .prono-navidown{
	position:absolute;
	    bottom: 11%;
    left: 3%;
}


.prono-article{
	width:100%;
	text-align:left;
	display:none;
}

.prono-oni{
	padding:10px;
}

.prono-lead{
	padding:10px 0 10px;
	    text-align: center;
}

.prono-txt-container{
	padding:0px;
}

.prono-img{
	padding:0px;
	    width: 100%;
    height: auto;
}

.prono-txt{
	padding:30px;
	font-size:16px;
	line-height: 1.8em;
    letter-spacing: 3px;
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  serif;
	width: 750px;
    margin: 0 auto;

}

.prono-close-bar{
	width:100%;
	height:100px;
	text-align:center;
	background-color:#ff0000;
	cursor:pointer;
}

.prono-close-arrow{
	padding:18px;
}

#buzzes-telop-container{
	/*display:none;*/
}