@charset "utf-8";
@charset "utf-8";

body{
	background-image:url(../img/border22.png);
}

ul{
	list-style: none;
	padding-left: 0;
}

.bs{
	/* box-shadow */
	box-shadow:1px 2px 9px -3px #6b6b6b;
	-moz-box-shadow:1px 2px 9px -3px #6b6b6b;
	-webkit-box-shadow:1px 2px 9px -3px #6b6b6b;
}
.A_font{
	font-family:"Arial", Gadget, sans-serif;
}

/*リンク処理*/
.nolink{
	text-decoration:line-through;
	cursor:default;
}
/**共通要素**/
#container{
	width:100%;
}

header{
	width:100%;
}

#loder{
	position:absolute;
	width:43px;
	top:450px;
	left: 0;
 	right: 0;
	margin:0 auto;
}

#header_container{
	width:100%;
	min-width:1024px;
	height:817px;	/*765+85  = 807.5 + 97.5 = 905 = 820px */
	overflow:hidden;
	position:relative;
	/*background-image:url(../img/main_v2.jpg),url(../img/main_bgbarD.jpg);
	background-color:#FFF;
	background-position:top center,center top;
	background-repeat:no-repeat,repeat-y; */
	background-image:url(../img/main_bgbarD.jpg);
	/*background-color:#FFF;*/
	/*background-color:#ffbbc1;
	/*background-color:#FFF;*/
	background-position:center top;
	background-repeat:repeat-y;
	border-top:13px solid #0099ff;	
	border-bottom:8px solid #0099ff;
}

#mainV{
	display:block;
	width:100%;
	min-width:1024px;
	height:817px;
	text-align:center;
	overflow: hidden;
    position: relative;
	margin:0 auto;
	opacity:0;
	background-image:url(../img/mainvisual_0630DL.jpg?0630);
	background-position:top center;
	background-repeat:no-repeat;
}
#mainV img{
}
/***header*****/
#header_line{
	width:100%;
	height:13px;
	background-color:#2ea5ff;
}
#header_wrap{
	width:100%;
	background:#FFF;/*ie8*/
	background:linear-gradient(to bottom, rgba(255,255,255,.7), rgba(255,255,255,0));
}
#header_nav{
	width:960px;
	margin:0 auto;
	position:absolute;
	top:0px;
	left: 0;
 	right: 0;
	margin:0 auto;
	padding-left:0px;
	padding-right:0px;
	box-sizing:border-box;
	z-index:1;
}

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

#header_nav h1{
	display:block;
	float:left;
	/*width:16.32%;*/
	text-align:center;
	margin-top:15px;
}

#main_nav{
	float:right;

	margin-top:30px;
	text-align:right;
	box-sizing:border-box;
}

#main_nav ul{
	font-size:0;
	padding-left:0px;
}

#main_nav li{
	position:relative;
	display:inline-block;
	font-size:16px;
	height:36px;
}
/*追加*/
.nav_newtag{
	height:1rem;
	position:absolute;
	color:red;
	font-size:0.75rem;
	font-weight:bold;
	top:-1.35em;
	text-align:center;
	margin:0 auto;
	left:0;
	right:0;
	bottom:0;
}
#main_nav li a{
	display:block;
	margin:0 4px;/*レス変更*/
	padding:0px 21.4286%;/*18px レス変更*/
	height:42px;
	border-radius:3px;
	background-color:RGBa(26,156,255,.5);/*個別指定*/
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all  0.3s ease-out;
	
	overflow: hidden;
	text-indent: 200%;
    white-space: nowrap;
	/*background-color:#FFF;*/
}

#main_nav li:nth-child(5) a{
	/*border:1px solid #eeeeee;*/
	/*background-color:transparent;/*個別指定*/
}

/*#main_nav li:nth-child(4) a:hover{
	background-color:transparent;
}*/

#main_nav li:nth-child(5) a{
	/*background-color:transparent;
	cursor:default;*/
}
#main_nav li:nth-child(5) a:hover{
	/*background-color:transparent;*/
}
#main_nav li a:hover{
	/*background-color:#2ea5ff;*/
	background-color:RGBa(26,156,255,1);
}
.select a{
	/*border-bottom:2px solid #FFF;*/
	background-color:RGBa(26,156,255,.8);
}

#intro a{
	width:76px;
	background-image:url(../img/nav_btn@2x1021.png);
	background-size:650px 84px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#point a{
	width:76px;
	width:76px;
	background-image:url(../img/nav_btn@2x1021.png);
	background-size:650px 84px;
	background-repeat:no-repeat;
	background-position:-76px 0px;
}

#chara a{
	width:115px;
	background-image:url(../img/nav_btn@2x1021.png);
	background-size:650px 84px;
	background-repeat:no-repeat;
	background-position:-152px 0px;
}

#eventcg a{
	width:105px;
	background-image:url(../img/nav_btn@2x1021.png);
	background-size:650px 84px;
	background-repeat:no-repeat;
	background-position:-267px 0px;	
}

#download a{
	width:115px;
	background-image:url(../img/nav_btn@2x1021.png);
	background-size:650px 84px;
	background-repeat:no-repeat;
	background-position:-372px 0px;
}

#spec a{
	width:76px;	
	width:76px;
	background-image:url(../img/nav_btn@2x1021.png);
	background-size:650px 84px;
	background-repeat:no-repeat;
	background-position:-487px 0px;
}

#special a{
	width:87px;	
	width:87px;
	background-image:url(../img/nav_btn@2x1021.png);
	background-size:650px 84px;
	background-repeat:no-repeat;
	background-position:-563px 0px;
}


/*メインビジュアル*/
#mainvisual{
	width:1024px;
	position:relative;
	/*画像の高さに合わせる*/
	/*max-height:auto;*/
	margin:0 auto;
}
.anime{
	position:absolute;
	left: 0;
 	right: 0;
	margin:0 auto;
}
#anime_log{
	bottom:110px;/*164px*/
	width:467px;	/*ロゴの横幅に合わせる*/
	height:192px;
	opacity:0;
}
#anime_logsub{
	bottom:32px;/*164px*/
	width:496px;	/*ロゴの横幅に合わせる*/
	height:95px;
	opacity:0;
}
/*メインビジュアル*/
#main{
	width:100%;
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	box-sizing:border-box;/*追加*/
}
/*****baner*******/
#topix{
	width:100%;
	margin:18px auto 0 auto;
	box-sizing:border-box;
}
#topix:after{
	content:"";
	display:block;
	clear:both;	
}
#topix h2{
	padding-left:12px;/*レス変更*/
	height:40px;
	box-sizing:border-box;
}

/**横バナー**/
#big_baner{
	widht:100%;
	height:165px;
	margin-bottom:20px;
	overflow:hidden;
}
.baner img{
	max-width: 100%;
}

#big_baner a,#boxB a,#boxC a{
	display:block;
	transition:all 0.5s ease;
}

#big_baner a:hover,#big_banerB a:hover,#boxB a:hover,#boxC a:hover{
	opacity:.75;
}

/**箱バナー**/
#boxA{
	position:relative;
	display:none;/*レス変更*/
	width:49%;
	/*margin-right:3%;*/
	margin-bottom:10px;
	float:left;
}
#boxB{
	position:relative;
	width:49%;/*レス変更*/
	height:165px;
	float:left;
	background-color:#FFF;
	/*margin-right:1.5625%;/*15px;*/
}
#boxC{
	position:relative;
	width:49%;/*レス変更*/
	float:right;	
	height:165px;
	background-color:#FFF;
	/*margin-right:1.5625%;/*15px;*/
}
#boxD{
	width:32.29%;/*レス変更*/
	float:left;	
}
/*****information*******/
#infomartion{
	margin-top:30px;	
}
#infomartion h2{
	padding-top:8px;
	padding-left:12px;/*レス変更*/
	height:45px;
	box-sizing:border-box;
}
#box_info{
	width: 100%;
	background-color:#FFF;
	border-radius:3px;
	border:1px solid #EBEBEB;
	box-sizing:border-box;
}
#box_info:after{
	content:"";
	display:block;
	clear:both;	
}
.infor_caption{
	height:40px;/*重要*/
	font-size:18px;
	font-size:1.25rem;
	line-height:45px;
	letter-spacing:0.15em;/*レス変更*/
	font-weight:normal;
}

/**News**/
#box_N{
	width:66.25%;/*レス変更*/
	height:407px;
	float:left;
	padding-left:15px;/*レス変更*/
	box-sizing:border-box;/*追加*/
}

#box_N h3{
	padding-left:5px;
	color:#0091fe;
}
#box_N ul{
	width:100%;
	height:362px;
	border-top:1px solid rgba(15,70,100,.12);
	border-bottom:1px solid rgba(15,70,100,.12);
	overflow:auto;
	padding-right:15px;/*レス変更*/
}
#box_N li{
	width:100%;
	height:120px;
	padding:10px 10px 0px 0px;
	border-bottom:1px dotted #0091fe;
	overflow:hidden;
	box-sizing:border-box;/*追加*/
}
#box_N li:after{
	content:"";
	display:block;
	clear:both;	
}
#box_N li img{
	float:left;
	width:100px;
	border-radius:3px;
}
.newstext{
	float:none;
	width:auto;
	margin-left:100px;/*imgの幅と同じ*/
	padding-left:15px;
	font-size:0.8125rem;/*13px*/
	line-height: 155%;
}
.newstext p> time, .newstext nobr> time{
	font-size:12px;
	font-weight:bold;/*追加*/
	color:#4d4d4d;
}
.news_red{
	color:#d72e2e;
	font-weight:bold;
	font-size:0.6875rem;/*12px*/
}
.newstext a{
	text-decoration:underline;
	color:#3399ff;
}

.newstext a:hover{
	color:#FF5659;
}
/*more_btn*/
#box_N li:last-child{
	padding-top:1rem;
	padding-left:5px;
	border-bottom:none;
}
.morebtn_Area{
	height:74px !important;
}
.more_btn{
	display:block;
	height:32px;
	line-height:32px;
	text-align:center;
	padding:0.4em;
	/*border:1px solid #B1B1B1;*/
	font-size:0.875rem;
	letter-spacing:0.2em;
	font-weight:bold;
	color:#FFF;
	background-color:#2ea5ff;
	border-radius:3px;
	cursor:pointer;
}
.more_btn:hover{
	background-color:#287AC7;;
}

/**Twitter**/
#box_TW{
	float:right;
	width:31.979%;/*レス変更*/
	height:407px;
	box-sizing:border-box;/*追加*/
}

#box_TW > h3{
	padding-left:15px;
	letter-spacing:0em;/*レス変更*/
	color:#55acee;
}

#box_TW > h4{
	padding-left:15px;
	letter-spacing:0em;/*レス変更*/
	color:#55acee;
}

#twitter_area{
	width:100%;/*レス変更*/
	margin:0 auto;
	max-height:362px;/*407-40*/
}

/*news_topic*/
#N_topic{
	margin-top:25px;	
}
#N_topic ul{
	font-size:0;
}
#N_topic li{
	display:inline-block;
	margin-right:15px;
	background-color:#FFF;
	border-radius:2px;
}
#N_topic li:last-child{
	margin-right:0px;
}
#N_topic li > a{
	display:block;
	width:228px;
	height:140px;
	transition:all 0.5s ease;
}

#N_topic li > a:hover{
	opacity:0.75;
}

/*****footer*******/
footer{
	width:100%;
	min-width:1024px;
	margin-top:45px;
	padding-bottom:40px;
	background-image:url(../img/f_dot.png);
	background-color:#2ea5ff;
	border-bottom:10px solid #FFF;
	box-sizing:border-box;
}

#footer_container{
	width:100%;
	margin:0 auto;
	padding-top:35px;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

/***AD***/
#showcase{
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	box-sizing:border-box;
}

#showcase:after,#showcase_baner:after{
	content:"";
	display:block;
	clear:both;	
}
#showcase_text{/*レス対応*/
	text-align:center;
}
#showcase_text > p{
	padding-top:0px;/*レス対応*/
	padding-bottom:0px;/*レス対応*/
	color:white;
	letter-spacing:0.05em;/*文字間隔*/
	line-height:62px;/*レス対応*/
	font-weight:bold;
}
#showcase_chara{/*レス対応*/
	position:relative;
}
#showcase_chara img{/*レス対応*/
	position:absolute;
	top:-65px;
}

/***footer nav***/
#footer_nav{
	margin-top:30px;
}

#footer_nav ul{
	font-size:0;
	padding-left:0px;
}
#footer_nav li{
	font-family:"Arial", Gadget, sans-serif;
	display:inline-block;/*レス変更*/
	border-left:1px solid #FFF;;/*レス変更*/
	color:#d9d9d9;
	font-size:0.75rem;
	letter-spacing:0.2em;/*文字間隔*//*レス変更*/
	padding:0 10px;/*レス変更*/
}

#footer_nav li:nth-of-type(1){
	border-left:none;
	font-weight:bold;
	padding-bottom:5px;
	color:white;
}

#footer_nav li a{
	padding:0px 0px;/*レス変更*/
	display:block;
	color:white;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all  0.3s ease-out;
}

#footer_nav li a:hover{
	background-color:#FFF;
	color:#4D72FF;
}

/***twitter***/
#tw{
	float:right;
	position:relative;
	top:-18px;
}
#tweet{
	width:70px;
	height:20px;
}

/**copyright**/
#hook_logo{
	clear:both;
	margin-top:60px;/*レス変更*/
	height:45px;
	text-align:center;
}

#hook_logo a{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all  0.3s ease-out;
}

#hook_logo a:hover{
	opacity:0.7;	
}

#copyright{
	margin-top:12px;
	text-align:center;
	font-size:0.6875rem;/*レス変更*/
}

#copyright p{
	color:white;
}
/* CSS Document */