@charset "utf-8";

/* ### 画像 ### */
img	{max-width: 100%;
	height: auto;}

/* 全体 */
body {
	/*padding: 10px 15px 10px 15px;*/
	background: #000 url(../images/bg_rhb1.gif) repeat-y left top;
	background-size: contain;
	/*background-color: #333;*/
}
#container {
	width: 100%;
	margin: 0;
	background: none;
	/*background-color: #333;*/
}

div#header h1 {
	padding: 16px 0px 6px; /* 元 */
	padding: 2.08% 0px 0.78%;
	width: 722px; /* 元 */
	width: 94.01%;
}

div#header h1 img {
	width: 722px; /* 元 */
	width: 100%;
	height: auto;
}

div#textArea p#terms {
	padding: 9px 15px 1em 0; /* 元 */
	padding: 1.17% 1.95% 1em 0;
	padding: 1.21% 2.02% 1em 0;
	padding: 2.57% 4.29% 1em 0;
	/*background-color: #333;*/
}

@media screen and (max-width:730px) {
	p#terms span.term {
		font-size: 116%; /*15px*/
	}
}
@media screen and (max-width:690px) {
	p#terms span.term {
		font-size: 108%; /*14px*/
	}
}
@media screen and (max-width:640px) {
	p#terms span.term {
		font-size: 100%; /*13px*/
	}
	p#terms span.time {
		font-size: 100%; /*13px*/
	}
	p#terms span.laputaLink {
		font-size: 93%; /*12px*/
	}
}

div#row1 {
	padding: 8px 12px 10px 12px; /* 元 */
	padding: 1.04% 1.56% 1.3%;
	/*background-color: #555;*/
}

div#row1 div#textArea {
	width: 350px; /* 元 */
	width: 45.57%;
	width: 47.04%;
}

div#row2 {
	padding: 0 23px 12px 12px; /* 元 */
	padding: 0 2.99% 1.56% 1.56%;
}

div#row2 div#textArea {
	width: 384px; /* 元 */
	width: 50%;
	width: 52.39%;
}

div#row1 div#textsInner {
	padding: 14px 12px 5px 12px; /* 元 */
	padding: 1.82% 1.56% 0.65%;
	padding: 1.88% 1.61% 0.67%;
	padding: 4% 3.43% 1.43%;
}

div#row2 div#textsInner {
	padding: 14px 12px 5px 12px; /* 元 */
	padding: 1.82% 1.56% 0.65%;
	padding: 3.65% 3.13% 1.3%;
}

p#mainVisual {
	width: 380px; /* 元 */
	width: 49.48%;
	width: 51.08%;
}

p#mainVisual img {
	width: 380px; /* 元 */
	width: 100%;
	height: auto;
}

div#texts {
	margin-bottom: 8px; /* 元 */
	margin-bottom: 1.04%;
}

div#stills {
	width: 325px; /* 元 */
	width: 42.32%;
	width: 44.34%;
	margin-top: -50px; /* 元 */
	margin-top: -6.51%;
	margin-top: -6.82%;
}

@media screen and (max-width:760px) {
	div#stills {
		margin-top: -40px;
	}
}

@media screen and (max-width:750px) {
	div#stills {
		margin-top: -30px;
	}
}

@media screen and (max-width:730px) {
	div#stills {
		margin-top: 0px;
	}
}

@media screen and (max-width:710px) {
	div#row1 {
		padding-bottom: 0;
	}
	div#stills {
		margin-top: 16px;
	}
}

div#stills img {
	width: 325px; /* 元 */
	width: 100%;
	height: auto;
}