#wrap{
	clear:both;
}
#wrap header#head{
	clear:both;
	position:fixed;
	width:100%;
	overflow:hidden;
	left:0px;
	top:0px;
	padding:20px;
	box-sizing:border-box;
	z-index:999;
	background:rgba(0,0,0,0.5);
}
#wrap header#head.dir2{
	background:rgba(0,0,0,0.5);
}
#wrap header#head .h_left{
	width:30%;
	float:left;
}
#wrap header#head .h_left h1{
	font-size:120%;
	color:#fefefe;
	font-weight:bold;
    font-family: 'Orbitron', sans-serif;
}
#wrap header#head .h_left h1 a{
	color:#fefefe;
	text-decoration:none;
}
#wrap header#head .h_left h1 a:hover{
	color:#83b8c5;
}
#wrap header#head .h_right{
	width:70%;
	float:right;
}
#wrap header#head .h_right nav{
	display:block;
	text-align:right;
}
#wrap header#head .h_right nav li{
	display:inline-block;
	padding:0 0 0 15px;
}
#wrap header#head .h_right nav li a{
	text-decoration:none;
	font-size:100%;
	color:#eeeeee;
	font-family: 'Lato', sans-serif;
}
#wrap header#head .h_right nav li a:hover{
	color:#83b8c5;
}
#main_visual{
	width:100%;
	height:700px;
	background:url(../images/mainbg.jpg) no-repeat center bottom;
	background-size:cover;
	clear:both;
	position:relative;
}
#main_visual .main_text{
	width:100%;
	max-width:1100px;
	position:absolute;
	left:50%;
	top:50%;
	line-height:1.5;
	text-align:center;
}
#main_visual .main_text h2{
	padding:10px;
	font-size:250%;
	font-weight:bold;
    font-family: 'Orbitron', sans-serif;
	color:#fefefe;
	text-shadow:0px 0px 8px #595959;
	margin:0 0 15px 0;
}
#main_visual .main_text h2 span{
	font-size:80%;
	margin:0 10px 0 0;
}
#main_visual .main_text p{
	font-size:120%;
	color:#eeeeee;
	text-shadow:0px 0px 5px #333333;
	font-weight:200;
	padding:10px;
}

/**common**/
.contents_sec{
	clear:both;
	padding:100px 20px;
}
.contents_sec h3{
	font-size:200%;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	color:#333;
	text-align:center;
	margin:0 0 50px;
}
.contents_sec .inner_cn{
	max-width:1024px;
	clear:both;
	margin:0 auto;
	color:#808080;
	margin:0 auto;
	font-size:110%;
	line-height:1.5;
}
.contents_sec#fans .inner_cn p{
	text-align:center;
}
.contents_sec#fans .inner_cn p.cs{
	margin-top:70px;
	text-align:center;
	padding:40px 0;
	opacity:0.5;
}
.contents_sec#fans .inner_cn .sitelist{
	clear:both;
	margin:100px 0 0 0;
	text-align:center;
}
.contents_sec#fans .inner_cn .sitelist li{
	display:inline-block;
	width:250px;
	height:160px;
	margin:10px;
	border-radius:10px;
}
.contents_sec#fans .inner_cn .sitelist li a{
	display:block;
	width:250px;
	height:160px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	border-radius:10px;
	box-shadow:0px 0px 7px 2px #e3e3e3;
}
.contents_sec#fans .inner_cn .sitelist li a:hover{
	opacity:0.8;
}
.contents_sec#fans .inner_cn .sitelist li span{
	display:none;
}
#press{
	background:#dadada;
}
.contents_sec#press .release_list{
	clear:both;
	margin:0 0 70px;
}
.contents_sec#press .release_list dl{
	display:block;
	clear:both;
	margin:0 0 7px;
	background:#ffffff;
	border:1px solid #e1e1e1;
	border-radius:8px;
	padding:20px;
	color:#222;
}
.contents_sec#press .release_list dt{
	display:block;
	clear:both;
	margin:0 0 7px;
	font-size:100%;
	font-style:italic;
}
.contents_sec#press .release_list dd{
	display:block;
	clear:both;
	font-size:90%;
}
.btn{
	clear:both;
	text-align:center;
}
.btn a{
	display:inline-block;
	padding:15px 70px;
	color:#fefefe;
	text-decoration:none;
	font-size:130%;
	background:#57777f;
	border:1px solid #57777f;
	font-family: 'Raleway', sans-serif;
}
.btn a:hover{
	border:1px solid #57777f;
	background:none;
	color:#57777f;
}
.btn a:after{
	content:">";
	position:relative;
	font-weight:100;
	margin:0 0 0 7px;
}
.contents_sec#contact .contact_list{
	clear:both;
	text-align:center;
}
.contents_sec#contact .contact_list li{
	display:inline-block;
	max-width:500px;
	padding:25px 15px;
	background:#ffffff;
	border-radius:10px;
	box-sizing:border-box;
	margin:5px;
}
.contents_sec#contact .contact_list li dl{
	display:block;
}
.contents_sec#contact .contact_list li dl dt{
	display:block;
	font-size:140%;
	font-weight:200;
	margin:0 0 40px;
}
.contents_sec#contact .contact_list li dl dt i{
	font-size:150%;
	margin:0 7px 0 0;
}
.contents_sec#contact .contact_list li dl dd{
	display:block;
	font-size:90%;
}
.contents_sec#contact .contact_list li dl dd p.btn{
	padding-top:40px;
}

.info{
	clear:both;
	text-align:left !important;
	font-size:90%;
	color:#444444;
}

.info p{
	text-align:left !important;
}

.info .read_text{
	padding-bottom:50px;
	clear:both;
}

.info dl{
	display:block;
	padding-bottom:35px;
	margin-bottom:35px;
	border-bottom:1px solid #ccc;
	clear:both;
}

.info dt{
	display:block;
	padding-bottom:15px;
	font-size:130%;
	clear:both;
	color:#222;
}

footer#foot{
	padding:20px;
	clear:both;
	overflow:hidden;
	font-size:85%;
}
footer#foot .f_left{
	width:50%;
	float:left;
}
footer#foot .f_left nav{
	text-align:left;
}
footer#foot .f_left nav li{
	display:inline-block;
	margin:0 15px 0 0;
	padding:0 15px 0 0;
	border-right:1px solid #666;
}
footer#foot .f_left nav li:last-child{
	border-right:none;
}
footer#foot .f_left nav li a{
	color:#666;
	text-decoration:none;
}
footer#foot .f_left nav li a:hover{
	color:#57777f;
}
footer#foot .f_right{
	width:50%;
	float:right;
	color:#666;
	text-align:right;
}