@charset "utf-8";
/****メインビジュアル****/
header{
	width:100%;
	min-width:1024px;
	height:820px;	/*765+85  = 807.5 + 97.5 = 905 = 820px */
	overflow:hidden;
	background-image:url(../img/new_main1125.jpg);
	background-color:#FFF;
	background-position:top center;/*４値構文は、Android 4.3エラー */
	background-repeat:no-repeat;
}
#main_visual{
	width:980px;
	height:840px;	/*765+85/2-22   905-22-85/2 = 840.5px  */
	margin:0px auto 0px auto;
	overflow:visible; /*default*/
	position:relative;
}
#movie{
	position:absolute;
	width:206px;
	bottom:88px;
	left:0px;
	text-align:center;
}
#movie a{
	padding-bottom:5px;
}
#movie a:hover{
	opacity:0.9;
}
#movie a img{
	border-radius:3px;
	margin-bottom:5px;
}
#trail_vba{
	position:absolute;
	width:208px;
	bottom:95px;
	right:0px;
	text-align:center;
}
#trail_vba a{
	position:relative;
	top:0px;
	transition:all 0.3s;
}
#trail_vba a:hover{
	top:4px;
}
/**/
#re_event{
	position:absolute;
	width:240px;
	bottom:328px;
	right:-5px;
	
	text-align:center;
}
#re_event a{
	position:relative;
	top:0px;
	padding-bottom:5px;
	transition:all 0.2s;
}
#re_event a:hover{
	top:3px;
}
#re_event a img{
	border-radius:3px;
	margin-bottom:5px;
	/*border:solid 1px #FFF;*/
}
/*1109 plus*/
#masterup{
	position:absolute;
	bottom:87px;
	left:-4px;
}
#masterup a{
	position:relative;
	top:0px;
	transition:all 0.4s;
}
#masterup a:hover{
	top:3px;
}
#masterup a:active{
	top:5px;
}
/***contents _header***/
#contents_header{
	width:100%;
	height:22px;
	
	background-color:#fff;
}

#contents_header:after{
	content:"";
	display:block;
	clear:both;	
}

.headerclass{
	width:960px;
	margin:0 auto;
}

.headerclass > p{
	width:480px;
	height:22px;
	padding-top:1px;

	padding-left:5px;
	line-height:22px;
	float:left;
	color:gray;
	font-size:12px;/*フォントザイズ*/
	font-size:0.75rem;
}

.headerclass > a{
	color:silver;
	margin-left:10px;
	padding-right:5px;
	padding-top:2px;
	line-height:22px;
	height:22px;
	float:right;
	font-size:12px;/*フォントザイズ*/
	font-size:0.75rem;
}

.headerclass > a:hover{
	color:#64A1FF;
}
/***END_contents _header***/


/***character****/

#character > span{
	position:absolute;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}

#A{
	bottom:0px;
	left:0;
	right:0;
	opacity:1;
}
/***ロゴ***/
#main_title > h1{
	position:absolute;
	left: 0;
 	right: 0;
	margin:0 auto;
	bottom:138px;/*164px*/
	opacity:0;
	width:547px;	/*ロゴの横幅に合わせる*/
	height:185px;
}

/****ナビゲーション****/

#navigation{
	width:100%;
	height:90px;
	background-image:url(../img/navbg.png);
	background-repeat:repeat-x;
	background-color:#fff;
}

.navclass{
	width:960px;
	height:90px;
	margin:0 auto;
	padding:0px 40px  0px 40px;/*78-16.5=71.5*/
	position:relative;
	background-image:url(../img/navigation_bg.png);
	background-repeat:no-repeat;
}

.navclass ul{
	padding-left:0;
}

.navclass li{
	display: inline-block;
	list-style:none;
	width:140px;/*120*/
	height:75px;
	margin-top:10px;
	margin-right:0.9%;
	box-sizing:border-box;
}

.navclass li:last-of-type{
	margin-right:0;
}

.navclass li a{
	height:100%;
	display:block;
	line-height:60px;
	text-indent:-9999px;
	overflow:hidden;

	/*hover*/
	transition: background-image  0.4s ease;
    -moz-transition: background-image 0.4s ease;
	-webkit-transition: background-image 0.4s ease;
   -ms-transition: background-image 0.4s ease;
}

.story a{
	background-image:url(../img/navbtn.png);
	background-size:840px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.story a:hover{
	background-position:0px -65px;
}

.world a{
	background-image:url(../img/navbtn.png);
	background-size:840px;
	background-repeat:no-repeat;
	background-position:-140px 0px;
}

.world a:hover{
	background-position:-140px -65px;
}

.chara a{
	background-image:url(../img/navbtn.png);
	background-size:840px;
	background-repeat:no-repeat;
	background-position:-280px 0px;
}

.chara a:hover{
	background-position:-280px -65px;
}

.grahic a{
	background-image:url(../img/navbtn.png);
	background-size:840px;
	background-repeat:no-repeat;
	background-position:-420px 0px;
}

.grahic a:hover{
	background-position:-420px -65px;
}

.special a{
	background-image:url(../img/navbtn.png);
	background-size:840px;
	background-repeat:no-repeat;
	background-position:-560px 0px;
}

.special a:hover{
	background-position:-560px -65px;
}

.down a{
	background-image:url(../img/navbtn.png);
	background-size:840px;
	background-repeat:no-repeat;
	background-position:-700px 0px;	
	
}

.down a:hover{
	background-position:-700px -65px;
}

.special{
	width:140px;/*120*/
	height:75px;
	display:block;
	line-height:60px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../img/navbtn.png);
	background-size:840px;
	background-repeat:no-repeat;
	background-position:-560px -130px;
}
.down{
	width:140px;/*120*/
	height:75px;
	display:block;
	line-height:60px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../img/navbtn.png);
	background-size:840px;
	background-repeat:no-repeat;
	background-position:-700px -130px;
}
.news_red{
	color:#DD1619;
	font-size:0.6875rem;
}
.label{
	width:65px;
	height:28px;
	position:absolute;
	text-align:center;
	top:-13px;
	right:6px;
	z-index:5;
	color:#FFF;
	padding:5px 2px 2px 2px;
	font-size:.6875rem;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:-0.01rem;
	border-radius:3px;
	background-color:#ffac26;
	 /* Chrome10-25,Safari5.1-6 */
	background: -moz-linear-gradient(rgba(255,200,112,1) 0%, rgba(255,172,38,1) 99%);
	background: -webkit-linear-gradient(rgba(255,200,112,1) 0%, rgba(255,172,38,1) 99%);
	background: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(255,200,112,1)), color-stop(0.99, rgba(255,172,38,1)));
	background: -o-linear-gradient(rgba(255,200,112,1) 0%, rgba(255,172,38,1) 99%);
	background: linear-gradient(rgba(255,200,112,1) 0%, rgba(255,172,38,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 2px 2px 2px rgba(0,0,0,.25);
}
.label:after{
	content: "" ;
	width: 0px;
	height: 0px;
	border: 10px solid transparent;
	border-top: 10px solid #ffac26;
	position: absolute;
	bottom: -20px;
	right: 35%;
}
.labelB{
	width:65px;
	height:auto;
	position:absolute;
	text-align:center;
	top:-24px;
	left:-2px;
	z-index:5;
	color:#dd0000;
	text-shadow: 1px 1px 1px #b3b3b3;
	/*padding:5px 2px 2px 2px;*/
	font-size:.875rem;
	font-weight:bold;
	line-height:28px;
	letter-spacing:-0.01rem;
	border-radius:3px;
}
/*====END メインビジュアル======***/
/***ローダー***/
#loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.98);
	z-index:9999;
}
#loader img{
	position:absolute	;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
}