/*-------------------------------------------
　TITLE: 鋼の錬金術師
　COPYRIGHT： （C)2016 映画「鋼の錬金術師」製作委員会
　DISTRIBUTER：　Warner Bros: Japan LLC
 DEVICE: SmartPhone
 AUTHER： gaie.inc
 UPDATE: 2016.05.13
 ------------------------------------------*/

*:focus{outline: none;}
img{vertical-align: bottom;}

/* BODY
-------------------------------------------*/
body{
	width: 100%;
	background: #000;
}

/* HEADER
-------------------------------------------*/

/* COMMENT 
-------------------------------------------*/
.com-body{
	width: 100%;
	background: url(../img/contBG.jpg) center top repeat-y;
	background-size: 100%;
}
	.com-inner{
		width: 90%;
		margin: 0 auto;
		padding: 14% 0 8%;
	}
		.com-inner > article{
			margin: 0 0 21%;
		}
		.com-inner > article > h2{
			margin: 0 0 4%;
		}
		.com-inner > article > p{
			font-size: 110%; line-height: 152%;
		}

/* NAVIGATOR 
-------------------------------------------*/
.navigator{
	width: 100%;
	position: relative;
}
.navigator a{
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	width: 10000px;
	background: url(../../img/bg_gnav_1.png) center center no-repeat;
	background-size: auto 100%;
}
.navigator p{
	text-align: center;
	border-bottom: #8e8e8e 1px solid;
}
.navigator .navigator_news img{
	width: 23.625%;
}
.navigator .navigator_about img{
	width: 63.75%;
}
.navigator .navigator_comment img{
	width: 37.125%;
}
.navigator .navigator_tw img{
	width: 60.25%;
}
.navigator .navigator_tw{
	border-bottom: none;
}
.navigator .navigator_top{
	border-top: #8e8e8e 1px solid;
}
.navigator .navigator_up img,
.navigator .navigator_down img{
	width: 100%;
	vertical-align: bottom;
}
.navigator .navigator_up,
.navigator .navigator_down{
	line-height: 0;
}
	.navigator > hr{
		display: block;
		width: 100%; height: 18px;
		margin: 0;
		border: 0;
		background: url(../img/line01.jpg) left top no-repeat #fff;
		background-size: 100% 100%;
	}
/* FOOTER
-------------------------------------------*/
footer{
	width: 100%;
	padding: 7% 0;
	text-align: center;
	background: #420401;
}
	footer p{
		display: inline-block;
		margin: 0 5px;
	}