@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi02 a {
	color: #fac055;
}

#main .section {
	margin: 0 auto;
	width: 820px;
}

#main  p {
	margin: 0 15px 30px;
	color: #8B8B8B;
	font-size: 14px;
	line-height: 2.8;
}

#main .text {
	margin: 0 0 6px;
	color: #7A1414;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	line-height: 1.6;
}

#main .inner {
	margin: 110px 0 40px;
	background: #5D2525 url(../img/visitor/bg.png) repeat;
}

#main .inner .imgBoxR {
	margin: 0 auto;
	padding: 35px 30px 68px;
	width: 930px;
	background-color: #5D2525;
}

#main .inner .imgBoxR .photoBox {
	padding-top: 60px;
	float: right;
}

#main .inner .imgBoxR .textBox {
	width: 440px;
	float: left;
}

#main .inner .imgBoxR .textBox h2 {
	margin-bottom: 10px;
}

#main .inner .imgBoxR .textBox p {
	margin: 0;
	color: #FFF;
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
}

#main .inner .imgBoxL {
	margin: 0 auto;
	padding: 5px 30px 20px;
	width: 930px;
	background-color: #5D2525;
}

#main .inner .imgBoxL .photoBox {
	padding-top: 70px;
	float: left;
}

#main .inner .imgBoxL .textBox {
	width: 430px;
	float: right;
}

#main .inner .imgBoxL .textBox h2 {
	margin-bottom: 18px;
}

#main .inner .imgBoxL .textBox p {
	margin: 0;
	color: #FFF;
	font-size: 14px;
	line-height: 1.95;
	text-align: left;
}

#main .inner .imgBoxL .textBox .linkP {
	margin-top: 8px;
}

#main .inner .imgBoxL .textBox .linkP a {
	color: #FFF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#main .photoUl {
	margin: 0 auto;
	padding: 7px 0 65px;
	width: 816px;
}

#main .photoUl li {
	padding: 0 35px;
	float: left;
}

#main .textInner {
	margin: 0 auto 45px;
	width: 880px;
}

#main .textInner p {
	margin: 0 0 20px;
	line-height: 1.5;
	font-size: 14px;
}

#main .textInner .title {
	font-size: 18px;
	text-align: center;
}

#main .textInner li {
	padding-bottom: 4px;
	color: #8B8B8B;
	font-size: 14px;
	line-height: 1.55;
}

#main .btmBox {
	padding: 40px 0 50px;
	background-color: #F6F6F6;
}

#main .btmBox h2 {
	margin-bottom: 20px;
	padding-bottom: 4px;
}

#main .btmBox .subBox {
	margin: 0 auto;
	width: 950px;
}

#main .btmBox p {
	margin-bottom: 20px;
	color: #555;
	font-size: 14px;
	line-height: 1.5;
}

#main .btmBox ul {
	margin: 0 10px
}

#main .btmBox li {
	padding-left: 1em;
	color: #555;
	font-size: 14px;
	line-height: 1.8;
	text-indent: -1em;
}

@media all and (min-width: 0) and (max-width: 767px)  {
	
	#main .section {
		margin: 0 15px;
		width: auto;
	}
	
	#main  p {
		margin: 0 0 30px;
		font-size: 12px;
		line-height: 1.8;
	}
	
	#main .text {
		margin: 0 0 10px;
		font-size: 16px;
	}
	
	#main .inner {
		margin: 30px 0;
		padding: 0 15px;
	}
	
	#main .inner .imgBoxR {
		margin: 0;
		padding: 20px 15px;
		width: auto;
	}
	
	#main .inner .imgBoxR .photoBox {
		padding: 0 0 20px;
		float: none;
	}
	
	#main .inner .imgBoxR .photoBox img {
		width: 100%;
	}
	
	#main .inner .imgBoxR .textBox {
		width: auto;
		float: none;
	}
	
	#main .inner .imgBoxR .textBox h2 {
		margin-bottom: 10px;
	}
	
	#main .inner .imgBoxR .textBox p {
		margin: 0;
		color: #FFF;
		font-size: 12px;
		line-height: 1.4;
		text-align: left;
	}
	
	#main .inner .imgBoxL {
		margin: 0 auto;
		padding: 0 15px 20px;
		width: auto;
	}
	
	#main .inner .imgBoxL .photoBox {
		padding: 0 0 20px;
		float: none;
	}

	#main .inner .imgBoxL .photoBox img {
		width: 100%;
	}
	
	#main .inner .imgBoxL .textBox {
		width: auto;
		float: none;
	}
	
	#main .inner .imgBoxL .textBox h2 {
		margin-bottom: 18px;
	}
	
	#main .inner .imgBoxL .textBox p {
		font-size: 12px;
		line-height: 1.4;
		text-align: left;
	}
	
	#main .inner .imgBoxL .textBox .linkP {
		margin-top: 8px;
	}
		
	#main .photoUl {
		margin: 0 auto;
		padding: 0 5px 25px;
		width: auto;
	}
	
	#main .photoUl li {
		padding: 0 5px;
		width: 33.3%;
		float: left;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}

	#main .photoUl li img {
		width: 100%;
	}
	
	#main .textInner {
		margin: 0 15px 30px;
		width: auto;
	}
	
	#main .textInner p {
		margin: 0 0 20px;
		line-height: 1.5;
		font-size: 12px;
	}
	
	#main .textInner .title {
		font-size: 18px;
		text-align: center;
	}
	
	#main .textInner li {
		padding: 0 0 2px 1em;
		font-size: 12px;
		text-indent: -1em;
	}
	
	#main .btmBox {
		padding: 20px 15px 50px;
		background-color: #F6F6F6;
	}
	
	#main .btmBox h2 {
		margin-bottom: 20px;
		padding-bottom: 4px;
	}
	
	#main .btmBox .subBox {
		margin: 0 auto;
		width: auto;
	}
	
	#main .btmBox p {
		margin-bottom: 15px;
		font-size: 12px;
		line-height: 1.5;
	}
	
	#main .btmBox ul {
		margin: 0
	}
	
	#main .btmBox li {
		font-size: 12px;
		line-height: 1.5;
	}

}