@charset "utf-8";
/* ===================================================
	room CSS
====================================================== */
/* ---------------------------------------------------

------------------------------------------------------ */
#main_img { width: 100%; padding: 140px 0 120px; text-align: center; background: url(../../room/img/tit_bg.jpg)no-repeat center; background-size: cover;}
#main_img h2 { color: #fff; font-size: 38px; text-shadow: 0 0 10px #000, 0 0 7px #000, 0 0 3px #000;
	-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
section { width: 1100px; max-width: 92%; margin: 0 auto;}

@media screen and (max-width: 600px) {
	#main_img { padding: 60px 0;}
	#main_img h2 { font-size: 32px;}
}

/* ---------------------------------------------------
#lead
------------------------------------------------------ */
#lead { padding: 30px 0 60px; text-align: center;}
#lead h3 { padding-bottom: 20px; color: #a07612; font-size: 26px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#lead p { line-height: 2;}

@media screen and (max-width: 600px) {
	#lead { padding: 30px 0 40px;}
	#lead h3 { font-size: 22px;}
	#lead p { text-align: left; line-height: 1.6;}
}


/* ---------------------------------------------------
#sec1
------------------------------------------------------ */
#sec1 div { width: 23%; float: right;}
#sec1 div h4 { padding: 25px 0; font-size: 26px; text-align: center; border-top: 2px solid #76552d; border-bottom: 1px solid #ccc;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#sec1 div h4 span { font-size: 12px;}
#sec1 div p { padding-top: 20px;}
#sec1 div a { display: block; margin-top: 80px; box-sizing: border-box; padding: 7px; background: linear-gradient(#96764e, #75532c); color: #fff; text-align: center;}
#sec1 div a:hover { background: linear-gradient(#755429, #865f33); text-decoration: none;}
#sec1>img { width: 73%; max-width: 800px; float: left;}

@media screen and (max-width: 600px) {
	#sec1 { padding-bottom: 30px; border-bottom: 1px solid #ccc;}
	#sec1 div { width: 100%; float: none;}
	#sec1 div h4 { padding: 15px 0; font-size: 23px;}
	#sec1 div a { margin-top: 30px;}
	#sec1>img { width: 100%; float: none; padding-bottom: 15px;}
}

/* ---------------------------------------------------
#sec2
------------------------------------------------------ */
#sec2 { padding-top: 80px;}
#sec2 div { width: 23%; float: left;}
#sec2 div h4 { padding: 25px 0; font-size: 26px; text-align: center; border-top: 2px solid #76552d; border-bottom: 1px solid #ccc;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#sec2 div h4 span { font-size: 12px;}
#sec2 div p { padding-top: 20px;}
#sec2 div a { display: block; margin-top: 80px; box-sizing: border-box; padding: 7px; background: linear-gradient(#96764e, #75532c); color: #fff; text-align: center;}
#sec2 div a:hover { background: linear-gradient(#755429, #865f33); text-decoration: none;}
#sec2>img { width: 73%; max-width: 800px; float: right;}

@media screen and (max-width: 600px) {
	#sec2 { padding-top: 30px;}
	#sec2 div { width: 100%; float: none;}
	#sec2 div h4 { padding: 15px 0; font-size: 23px;}
	#sec2 div a { margin-top: 30px;}
	#sec2>img { width: 100%; float: none; padding-bottom: 15px;}
}

/* ---------------------------------------------------
#sec3
------------------------------------------------------ */
#sec3 { padding: 40px 50px 30px; margin: 70px auto 90px; border: 1px solid #e4d4be; box-sizing: border-box;}
#sec3 div:nth-of-type(1) { width: 63%; float: left;}
#sec3 div:nth-of-type(2) { width: 32%; max-width: 320px; float: right;}
#sec3 h5 { padding-bottom: 10px; margin-bottom: 15px; font-size: 26px; border-bottom: 1px solid #ccc; color: #a07612;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#sec3 p+p { padding-top: 15px;}
#sec3 div:nth-of-type(1) p { line-height: 1.8;}
#sec3 div:nth-of-type(2) p { padding-top: 10px;}

@media screen and (max-width: 600px) {
	#sec3 { padding: 20px 4%; margin: 40px auto 50px;}
	#sec3 div:nth-of-type(1),
	#sec3 div:nth-of-type(2) { width: 100%; max-width: auto; float: none;}
	#sec3 div:nth-of-type(1) { padding-bottom: 20px;}
	#sec3 h5 { text-align: center; font-size: 23px;}
}


#sec1:after,
#sec2:after,
#sec3:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}