@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 h1 { 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 h1 { font-size: 32px;}
}

/* ---------------------------------------------------
#lead
------------------------------------------------------ */
#lead { padding: 30px 0 60px; text-align: center;}
#lead h2 { padding-bottom: 20px; color: #A6802F; 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 h2 { font-size: 22px;}
	#lead p { text-align: left; line-height: 1.6;}
}


/* ---------------------------------------------------
#sec1
------------------------------------------------------ */
#sec1 section:not(:first-of-type) { padding-top: 80px;}
#sec1 section div { width: 23%;}
#sec1 section:nth-of-type(2n-1) div { float: right;}
#sec1 section:nth-of-type(2n) div { float: left;}
#sec1 section div h3 { 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; line-height: 1.2;
}
#sec1 section div h3 span { font-size: 12px;}
#sec1 section div h3 span:nth-of-type(2) { font-size: 15px;}
#sec1 section div p { padding-top: 20px;}
#sec1 section div a { display: block; margin-top: 80px; box-sizing: border-box; padding: 7px; background: linear-gradient(#923C15, #601F1D); color: #fff; text-align: center;}
#sec1 section div a:hover { background: linear-gradient(#6C261A, #843216); text-decoration: none;}
#sec1 section > img { width: 73%; max-width: 800px;}
#sec1 section:nth-of-type(2n-1) > img { float: left;}
#sec1 section:nth-of-type(2n) > img { float: right;}

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

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

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


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