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

/* ---------------------------------------------------
Main common parts
------------------------------------------------------ */
.box_main { min-height: 580px; padding: 60px 0 0;}
.main_type1 .sec_inn div { float: right;}
.main_type2 .sec_inn div { float: left;}
.box_main .sec_inn { width: 1100px; margin: 0 auto; overflow: hidden;}
.box_main .sec_inn div { width: 320px; padding: 40px; border: 1px solid #ccc; background: rgba(255,255,255,0.9);}
.box_main h3 { margin: 0 0 20px; padding: 0 0 20px; font-size: 46px; text-align: center; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif; color: #573000; border-bottom: 1px solid #666;}
.box_main p span { display: block; margin: 0 auto; padding: 0 0 15px; font-size: 25px; text-align: center; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif; color: #a17713; line-height: 1.5;}
.box_main a { margin: 30px auto 0; }
.box_main p { line-height: 1.8; color: #000;}

@media screen and (max-width: 600px) {
	.box_main { min-height: inherit; padding: 10% 0 50%;}
	.box_main .sec_inn { width: 100%;}
	.main_type1 .sec_inn div,
	.main_type2 .sec_inn div { float: none; margin: 0 auto;}
	.box_main.main_type1 .sec_inn div,
	.box_main.main_type2 .sec_inn div { width: 100%; padding: 0 4%; box-sizing: border-box; border: none; background: none;}
	.box_main h3 { font-size: 30px; margin: 0 0 2%; padding: 0 0 2%;}
	.main_type3 h3 { margin: 0; padding: 0;}
	.box_main p span { padding: 0 0 2%; font-size: 22px;}
}


/* ---------------------------------------------------
Sub common parts
------------------------------------------------------ */
.sub { overflow: hidden;}
.sub h4 { display: block; width: 470px; margin: 0 auto; padding: 40px 0 20px; font-size: 25px; text-align: center; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif; color: #a07612; border-bottom: 1px solid #ccc;}
.sub p { margin: 0 auto; padding: 30px 0 0; width: 470px; line-height: 1.8;}
.sub .sec_inn { margin: 0 auto; max-width: 1600px; overflow: hidden;}
.sub .sec_inn .photo { position: relative; width: 50%; height: 400px; overflow: hidden;}
.sub .sec_inn .photo img { position: absolute; left: 50%; margin: 0 0 0 -400px; max-width: inherit;}
.sub_type1 .sec_inn .photo { float: left;}
.sub_type2 .sec_inn .photo { float: right;}
.sub .sec_inn .txt { width: 50%;}
.sub_type1 .sec_inn .txt { float: right;}
.sub_type2 .sec_inn .txt { float: left;}
.sub .sec_inn a{ margin: 20px auto 0; color: #fff;}

@media screen and (max-width: 600px) {
	.sub h4 { padding: 8% 0 4%; width: 100%; font-size: 22px;}
	.sub p { padding: 4% 0 8%; width: 100%;}
	.sub_type1 .sec_inn .photo,
	.sub_type2 .sec_inn .photo { float: none; width: 100%; height: inherit;}
	.sub .sec_inn .photo img { position: relative; left: inherit; margin: 0; max-width: 100%;}
	.sub_type1 .sec_inn .txt,
	.sub_type2 .sec_inn .txt { float: none; width: 92%; margin: 0 auto; padding: 0;}
	.sub .sec_inn a{ margin: 0 auto 30px; color: #fff;}
}


/* ---------------------------------------------------
Header
------------------------------------------------------ */
#home #header_wrap{ display: none;}


/* ---------------------------------------------------
Eye catch image ( Main image )
------------------------------------------------------ */

#main_img{ position: relative;}
#main_img .slick-slide{ line-height: 0;}
#main_img .slick-slide img{ width: 100%; height: auto;}

#main_img .main_logo{ position: absolute; top: 10px; left: 30px; width: 220px; height: 63px; z-index: 99; filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25)) drop-shadow(-1px -1px 10px rgba(0, 0, 0, 0.25));}
#main_img .main_tel{ font-size: 13px; text-align: right; color: #fff; line-height: 1.3; position: absolute; top: 10px; right: 30px; z-index: 99; filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25)) drop-shadow(-1px -1px 10px rgba(0, 0, 0, 0.25));}
#main_img .main_tel span.telnum{ font-size: 35px; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#main_img .main_tel span.telnum span{ font-size: 25px;}

@media screen and (max-width: 600px) {
#main_img{ overflow: hidden;}
#main_img > div{ position: relative; top: 0; left: 50%; margin: 0 0 0 -300px; height: 281px; width: 600px; max-width: 600px;}
#main_img .slick-slide img{ width: 600px; max-width: 600px;}

#main_img .main_logo{margin: 0 auto; top: 10px; left: 0; right: 0;}
#main_img .main_tel{ display: none;}
}


/* ---------------------------------------------------
Lead
------------------------------------------------------ */
#lead { position: relative; min-height: 600px; text-align: center; background: url(../../img/lead.jpg)no-repeat top center; background-size: cover;}
#lead h2 { padding: 110px 0 25px; font-size: 30px; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif; color: #573000;}
#lead p { font-size: 16px; line-height: 1.8; color: #573000;}
#lead a { margin: 25px auto 0;}

@media screen and (max-width: 600px) {
	#lead { min-height: inherit; padding:10% 4% 45%;}
	#lead h2 { padding:0 0 4%; font-size: 20px;}
	#lead p { padding:0; text-align: left; /*text-shadow: none; color: #000;*/}
}

@media screen and (max-width: 320px) {
	#lead h2 { font-size: 18px;}
    #lead h2 br.br320{ display: none;}
}


/* ---------------------------------------------------
Meal unique style (Overwright)
------------------------------------------------------ */
#meal .box_main{ background: url(../../img/meal_main.jpg) no-repeat top center; background-size: cover;}
@media screen and (max-width: 600px) {
	#meal .box_main{ background: url(../../img/meal_main.jpg) no-repeat bottom center; background-size: 100%;}
}

/* ---------------------------------------------------
Room unique style (Overwright)
------------------------------------------------------ */
#ukai .box_main{ background: url(../../img/ukai_main.jpg) no-repeat top center; background-size: cover;}
@media screen and (max-width: 600px) {
	#ukai .box_main{ background: url(../../img/ukai_main.jpg) no-repeat bottom center; background-size: 100%;}
}


/* ---------------------------------------------------
Facilities unique style (Overwright)
------------------------------------------------------ */
#facilities{padding: 0 0 80px;}
#facilities h3{ padding: 80px 0 55px; font-size: 46px; text-align: center; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif; color: #573000;}

@media screen and (max-width: 600px) {
	#facilities{padding: 0;}
	#facilities h3{ padding: 10% 0 0; font-size: 30px;}
}

/* ---------------------------------------------------
Room unique style (Overwright)
------------------------------------------------------ */
#room .box_main{ background: url(../../img/room_main.jpg) no-repeat top center; background-size: cover;}
@media screen and (max-width: 600px) {
	#room .box_main{ background: url(../../img/room_main.jpg) no-repeat bottom center; background-size: 100%;}
}


/* ---------------------------------------------------
Plan unique style
------------------------------------------------------ */
/* タイトル */
#plan h5 { color: #573000;}
/* テキスト */
#plan p { color: #000;}
#plan { padding: 0 0 60px; overflow: hidden; margin: 80px 0 0;}
#plan .sec_inn { margin: 0 auto; width: 1100px;}
#plan h3 { padding: 0 0 30px; text-align: center; font-size: 42px; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif;}
#plan h3 img { display: block; margin: 0 auto 20px;}
#plan #recommend_489ban .PlanView { float: left; width: 245px; margin: 0 40px 40px 0;}
#plan #recommend_489ban .PlanView:nth-of-type(4n) { margin-right: 0;}
#plan #recommend_489ban .PlanView:nth-of-type(4n+1) { clear: both;}
#plan #recommend_489ban .main_picture { margin: 0 0 10px;}
#plan #recommend_489ban .main_picture img { width: 100%;}
#plan #recommend_489ban .plan { margin: 0 0 25px;}
#plan #recommend_489ban .comment { display: none;}
#plan #recommend_489ban .planlist li { display: block; border-radius: 4px; color: #fff; text-align: center; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif; background: linear-gradient(to bottom, #a36e32 0%,#8f4e00 100%); position: relative;}
#plan #recommend_489ban .planlist li:after{ content: ""; position: absolute; top: 50%; right: 10px; background: url(../img/ico_arrow1.png) no-repeat 0 0; background-size: 5px; width: 5px; height: 7px; margin: -3px 0 0;}
#plan #recommend_489ban .planlist li:hover { text-decoration: none; color: #fff; background: url(../img/ico_arrow1.png)no-repeat right 10px center #573000; background-size: 5px; }
#plan #recommend_489ban .planlist li a { display: block; padding: 5px 0; color: #fff;}
#plan #recommend_489ban .planlist li a:hover { text-decoration: none;}

/*▼ 予約番v5用 */
#plan #recommend_489ban { display: inline-block; }

@media screen and (max-width: 600px) {
	#plan { padding: 0 0 30px; margin: 40px 0 0;}
	#plan h3 { padding: 0 0 3%; font-size: 28px;}
	#plan .sec_inn { width: 92%;}

	/*▼ 予約番v5用 */
	#plan #recommend_489ban .PlanView { width: 49%; margin: 0 2% 3% 0;}
	#plan #recommend_489ban .PlanView:nth-of-type(4n) { margin: 0 2% 3% 0;}
	#plan #recommend_489ban .PlanView:nth-of-type(4n+1) { clear: none;}
	#plan #recommend_489ban .PlanView:nth-of-type(2n) { margin-right: 0;}
	#plan #recommend_489ban .PlanView:nth-of-type(2n+1) { clear: both;}
	#plan #recommend_489ban .planlist li { width: 100%;}
}


/* ---------------------------------------------------
Information unique style
------------------------------------------------------ */
#info { width: 1100px; margin: 0 auto; padding: 60px 0 0;}
#info #blog { float: left; width: 600px; padding: 0 0 30px;}
#info #blog h3 { margin: 0 0 20px; padding: 0 0 10px 24px; font-size: 20px; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif; position: relative; border-bottom: 1px solid #ccc; color: #573000;}
#info #blog h3:before{ content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 7px; left: 0; background: #573000}
#info #blog li { border-bottom: solid 1px #ccc; padding: 15px 0; list-style: none; overflow: hidden;}
#info #blog li time { display: block; float: left; width: 100px;}
#info #blog li a { display: block; float: right; width: 500px; line-height: 1.5;}
#info #blog >a { display: block;  margin: 30px 0 0; padding: 5px ; width: 100%; box-sizing: border-box; background-color: #975b14; text-align: center; color: #fff;}
#info #blog >a:hover { text-decoration: none; background-color: #573000}

#info #bnr_col { float: right; width: 400px;}
#info #bnr_col a img { margin: 0 0 10px;}

#info::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
.bnr_tabiiro { display: table; margin: 50px auto 0; max-width: 1100px;}

@media screen and (max-width: 600px) {
	#info { width: 92%; padding: 40px 0 0;}
	#info #blog,
	#info #bnr_col { float: none; width: 100%; text-align: center;}
    #info #blog h3{ padding: 0 0 5%; margin: 0 0 3%;}
    #info #blog h3:before{ display:none;}
    #info #blog li { text-align: left;}
    #info #blog li a {width: auto; float: none; }

	.bnr_tabiiro { max-width: 92%; margin: 0 auto 20px;}
}