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

#home #slider{position:relative;padding-left:202px;box-sizing:border-box;}
#home #slider ul{position:fixed!important;top:0;z-index:-1;}
#home #slider ul>li{overflow:hidden;}
#home #slider ul>li>img{width:auto;height:701px;max-width:none;position:relative;left:50%;-ms-transform: translateX(-50%);-webkit-transform : translateX(-50%);transform : translateX(-50%);}
#home #slider .text{position:absolute;top:50%;left:50%;margin: -53px 0 0 101px;-ms-transform: translate(-50%,-50%);-webkit-transform : translate(-50%,-50%);transform : translate(-50%,-50%);}


#home #contents_wrap .lead{font-size:20px;line-height:1.5;}

@media screen and (max-width: 768px) {
	#home #slider{padding-left:0;}
	#home #slider ul>li{height:300px;}
	#home #slider ul>li>img{width:auto;height:100%;}
	#home #slider .text{width:85px;margin:0!important;}
}
@media screen and (max-width: 600px) {
	#home .sec_title span { padding: 0;}
}


/* ---------------------------------------------------
	#sec_appeal
------------------------------------------------------ */
#home #sec_appeal{padding:30px 0 42px;box-shadow:0 3px 10px 0 rgba(0,0,0,0.68);position:relative;z-index:1;}
#home #sec_appeal:after{content:"";pointer-events:none;position:absolute;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:url(../image/appeal_bg_01.png) no-repeat 35.5% 28.8%,url(../image/appeal_bg_02.png) no-repeat 47% 100%;}
#home #sec_appeal .inner{max-width:1100px;}


#home #sec_appeal .lead{margin-bottom:26px;}

#home #sec_appeal .point_wrap{font-size:0;}
#home #sec_appeal .point_wrap dl{display:inline-block;vertical-align:top;font-size:16px;position:relative;margin-bottom:44px;}
#home #sec_appeal .point_wrap dl>a dt{position:absolute;top:0;left:0;z-index:1;}
#home #sec_appeal .point_wrap dl>a dd .image{position:relative;display:inline-block;margin:0 0 18px 0;}
#home #sec_appeal .point_wrap dl>a dd p{font-size:12px;line-height:1.8;}
#home #sec_appeal .point_wrap dl>a dd .sub{position:absolute;right:0;bottom:0;z-index:1;}

#home #sec_appeal .point_wrap dl.point5{width:35.2%;margin-right:3.5%;}
#home #sec_appeal .point_wrap dl.point5>a dt{width:23.6%;}
#home #sec_appeal .point_wrap dl.point5>a dd .image{padding:11% 11% 0 2.5%;}
#home #sec_appeal .point_wrap dl.point5>a dd .sub{width:31.7%;margin: 0 0 -5% 0;}
#home #sec_appeal .point_wrap dl.point5>a dd p{padding: 0 12% 0 6%;}

#home #sec_appeal .point_wrap dl.point2{width:27%;margin-right:3.4%;}
#home #sec_appeal .point_wrap dl.point2>a dt{width:30.7%;margin-top:16%;}
#home #sec_appeal .point_wrap dl.point2>a dd .image{padding:29% 0 0 7%;}
#home #sec_appeal .point_wrap dl.point2>a dd p{padding: 0 2% 0 2%;}

#home #sec_appeal .point_wrap dl.point3{width:30.9%;margin-right:0;}
#home #sec_appeal .point_wrap dl.point3>a dt{width:27%;margin:0 0.5% 0 0;left:auto;right:0;}
#home #sec_appeal .point_wrap dl.point3>a dd .image{padding:13.5% 0 0 0;}
#home #sec_appeal .point_wrap dl.point3>a dd p{padding: 0 7% 0 8%;}
#home #sec_appeal .point_wrap dl.point3>a dd .sub{width:39.2%;margin: 0 -7% -5% 0;}

#home #sec_appeal .point_wrap dl.point1{width:44%;margin-right:2.7%;}
#home #sec_appeal .point_wrap dl.point1>a dt{width:19%;margin-top:5%;left:auto;right:0;}
#home #sec_appeal .point_wrap dl.point1>a dd .image{padding:1.5% 0 0 5%;}
#home #sec_appeal .point_wrap dl.point1>a dd p{padding: 0 6% 0 6%;}

#home #sec_appeal .point_wrap dl.point4{width:31.7%;margin-right:3.9%;}
#home #sec_appeal .point_wrap dl.point4>a dt{width:26.1%;margin-top:-6%;left:auto;right:0;}
#home #sec_appeal .point_wrap dl.point4>a dd .image{padding:0;margin-bottom:23px;}
#home #sec_appeal .point_wrap dl.point4>a dd p{padding: 0 0 0 5%;}
#home #sec_appeal .point_wrap dl.point4>a dd .sub{width:48.5%;margin: 0 -6% -0.5% 0;}

#home #sec_appeal .point_wrap dl.point6{width:17.7%;margin-right:0;padding-top:89px;}
#home #sec_appeal .point_wrap dl.point6>a dt{width:28.5%;margin-top:143px;margin:73% -1% 0 0;left:auto;right:0;}
#home #sec_appeal .point_wrap dl.point6>a dd .text{width:63%;margin:0 0 -3% 12%;}
#home #sec_appeal .point_wrap dl.point6>a dd .image{padding:0;margin-bottom:23px;}


@media screen and (max-width: 768px) {
	#home #sec_appeal .point_wrap{text-align:center;}
	#home #sec_appeal .point_wrap dl{margin:0 1% 20px !important;padding:0!important;width:48%!important;max-width:none!important;}
	#home #sec_appeal .point_wrap dl.point5{max-width:387px;width:100%;}
	#home #sec_appeal .point_wrap dl.point5>a dt{width:30.5%;}
	#home #sec_appeal .point_wrap dl.point2{max-width:297px;width:100%;}
	#home #sec_appeal .point_wrap dl.point2>a dt{margin-top:0;}
	#home #sec_appeal .point_wrap dl.point2>a dd .image{padding-top:0;margin-bottom:28px;}
	#home #sec_appeal .point_wrap dl.point3{max-width:340px;width:100%;}
	#home #sec_appeal .point_wrap dl.point3>a dt{width:30.5%;}
	#home #sec_appeal .point_wrap dl.point1{max-width:484px;width:100%;}
	#home #sec_appeal .point_wrap dl.point1>a dt{width:30.5%;margin-top:0;}
	#home #sec_appeal .point_wrap dl.point4{max-width:349px;width:100%;}
	#home #sec_appeal .point_wrap dl.point4>a dt{margin-top:0;width:30.5%;}
	#home #sec_appeal .point_wrap dl.point4>a dd .image{padding-top:6%;}
	#home #sec_appeal .point_wrap dl.point6{max-width:195px;width:100%;}
	#home #sec_appeal .point_wrap dl.point6>a dt{margin-top:35%;}
	#home #sec_appeal .point_wrap dl.point6>a dd .text { width: 44%; padding: 20px 0 10px;}
	#home #sec_appeal .point_wrap dl>a dd p { text-align: left;}
}
@media screen and (max-width: 600px) {
	#home #sec_appeal { padding: 10px 0 0;}
	#home #sec_appeal .sec_title { margin-bottom: 5px;}
	#home #sec_appeal .point_wrap dl.point6>a dd .text { width: 63%; padding: 0;}
}

/* ---------------------------------------------------
	#sec_room
------------------------------------------------------ */
#home #sec_room{padding:73px 0 54px;position:relative;z-index:0;}

#home #sec_room .sec_title{margin-bottom:30px;}
#home #sec_room .lead{margin-bottom:53px;}
#home #sec_room .picup_room{text-align:right;}

#home #sec_room .room_list{padding:30.4% 0 0 0;background:url(../image/room_501_img.png) no-repeat right top / 100% auto;position:relative;}
#home #sec_room .room_list:before{content:"";background:url(../image/room_list_bg.png) no-repeat 50% 81.5%;width:100%;height:auto;position:absolute;top:0;right:0;bottom:0;left:0;}
#home #sec_room .room_list .inner{position:relative;max-width:1082px;}
#home #sec_room .room_list ul{position:relative;font-size:0;margin:0 0 0 -2.18%;text-align:center;}
#home #sec_room .room_list ul>li{vertical-align:top;width:21.8%;margin:0 0 20px 2.18%;background:#ffffff;box-sizing:border-box;padding:6px;display:inline-block;box-shadow:3px 3px 10px rgba(0,0,0,0.75);position:relative;font-size:16px;}
#home #sec_room .room_list ul>li a{text-align:left;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;}
#home #sec_room .room_list ul>li a span{max-width:27px;position:relative;z-index:0;background:url(../image/icon_01.png) no-repeat 50% 9px #ffffff;display:inline-block;height:125px;padding: 29px 6px 0;box-sizing: border-box;}
#home #sec_room .room_list ul>li a span:before{content:"";width:100%;display:block;position:absolute;top:20px;left:0;border-bottom:solid 1px rgba(129,129,129,0.4);}

#home #sec_room .room_list ul>li a span:after{content:"";position:absolute;z-index:-1;left:0;top:100%;width: 100%;height:0;padding:90.91% 0 0 0;background:url(../image/room_title_bg.png) no-repeat left top / contain;}

#home #sec_room .room_list ul>li:first-child{position: absolute;right: 0;bottom: 100%;background: none;box-shadow: none;margin: 0 12px 10px 0;padding: 0;}
#home #sec_room .room_list ul>li:first-child img.main{display:none;}
#home #sec_room .room_list ul>li:first-child a{display:inline-block;position:relative;}
#home #sec_room .room_list ul>li:first-child a span{max-width:none;background:none;height:auto;padding:0 0 0 27px;}
#home #sec_room .room_list ul>li:first-child a span:before{top:auto;bottom:5px;border-bottom:solid 1px rgba(255,248,232,0.8);}
#home #sec_room .room_list ul>li:first-child a span:after{padding:0;left:0;top:50%;width:17px;height:17px;display:block;border:none;background:url(../image/icon_02.png) no-repeat center rgba(255,248,232,0.9);-ms-transform: translateY(-50%);-webkit-transform : translateY(-50%);transform : translateY(-50%);}

@media screen and (max-width: 768px) {
	#home #sec_room .room_list ul>li{width:31.15%;}
	#home #sec_room .room_list ul>li a span{width:23.5%;height:auto;}
	
	
	#home #sec_room .room_list ul>li:first-child{right:auto;bottom:auto;position:relative;margin: 0 0 20px 2.18%;background: #ffffff;padding: 6px;box-shadow: 3px 3px 10px rgba(0,0,0,0.75);}
	#home #sec_room .room_list ul>li:first-child img.main{display:block;width:100%;}
	#home #sec_room .room_list ul>li:first-child a{position:absolute;}
	#home #sec_room .room_list ul>li:first-child a span{background: url(../image/icon_01.png) no-repeat 50% 9px #ffffff;max-width:27px;padding:29px 6px 0;}
	#home #sec_room .room_list ul>li:first-child a span:before{top:20px;bottom:auto;border-bottom: solid 1px rgba(129,129,129,0.4);}
	#home #sec_room .room_list ul > li:first-child a span:after{top:100%;width:100%;height:0;padding:90.91% 0 0 0;background:url(../image/room_title_bg.png) no-repeat left top / contain;-ms-transform: translateY(0%);-webkit-transform : translateY(0%);transform : translateY(0%);}
}

@media screen and (max-width: 600px) {
	#home #sec_room { padding: 20px 0;}
	#home #sec_room .sec_title { margin-bottom: 0;}
	#home #sec_room .lead { margin-bottom: 20px;}
	#home #sec_room .lead dt { margin-bottom: 10px;}
}


/* ---------------------------------------------------
	#sec_meal
------------------------------------------------------ */
#home #sec_meal{position:relative;padding:0 0 17px 0;box-shadow:0 6px 10px -3px rgba(0,0,0,0.68);z-index:1;}
#home #sec_meal:before{content:"";position:absolute;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:url(../image/meal_bg.png) no-repeat 100% 100%;}

#home #sec_meal .inner{position:relative;}

#home #sec_meal .lead{width:48%;box-sizing:border-box;float:left;text-align:left;padding-left:13px;}
#home #sec_meal .lead dt{margin-bottom:27px;}
#home #sec_meal .lead dd{line-height:2.3;}
#home #sec_meal #meal_slider{margin-bottom:55px;}
#home #sec_meal .image{width:52%;position:relative;float:right;}
#home #sec_meal .image img{position:relative;right:-3%;margin-top:-33.5%;}

@media screen and (max-width: 600px) {
	#home #sec_meal .lead,
	#home #sec_meal .image{float:none;width:100%;margin:0 0 20px 0;}
	#home #sec_meal .lead { margin: 0;}
	#home #sec_meal .image img{margin:0;right:auto;}
	#home #sec_meal .sec_title { margin-bottom: 0;}
	#home #sec_meal #meal_slider { height: 320px; margin-bottom: 20px; overflow: hidden;}
	#home #sec_meal .lead dt { margin-bottom: 15px;}
	#home #sec_meal .lead dd { line-height: 2;}
}
/* ---------------------------------------------------
	#sec_spa
------------------------------------------------------ */
#home #sec_spa{position:relative;padding:22% 0 50px 0;}
#home #sec_spa:before{content:"";position:absolute;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:url(../image/spa_bg.png) no-repeat top right; background-size: 100%;}

#home #sec_spa .sec_title{background:url(../image/spa_sec_title_line.png) no-repeat center;margin-bottom:12px;}
#home #sec_spa .sec_title:before{display:none;}
#home #sec_spa .sec_title span{margin-left:4%;}
#home #sec_spa .sec_title span:before{display:none;}
#home #sec_spa .sec_title span:after{background-image:url(../image/sec_title_bg02.png);background-position: 54% 50%;}
#home #sec_spa .sec_title a.link_detail{background-color:#ffffff;}

#home #sec_spa .lead{position:relative;z-index:0;color:#ffffff;margin-bottom:62px;}
#home #sec_spa .lead dt{margin-bottom:15px;}


#home #sec_spa .spa_list{position:relative;}
#home #sec_spa .spa_list ul{position:relative;font-size:0;max-width:1082px;width:100%;margin:0 auto;text-align:center;}
#home #sec_spa .spa_list ul>li{margin:0 34px 20px;background:#ffffff;box-sizing:border-box;padding:6px;display:inline-block;box-shadow:3px 3px 10px rgba(0,0,0,0.75);position:relative;font-size:16px;}
#home #sec_spa .spa_list ul>li a{text-align:left;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;}
#home #sec_spa .spa_list ul>li a span{position:relative;z-index:0;background:url(../image/icon_01.png) no-repeat 50% 9px #ffffff;display:inline-block;height:125px;padding: 29px 6px 0;box-sizing: border-box;}
#home #sec_spa .spa_list ul>li a span:before{content:"";width:100%;display:block;position:absolute;top:20px;left:0;border-bottom:solid 1px rgba(129,129,129,0.4);}

#home #sec_spa .spa_list ul>li a span:after{content:"";position:absolute;z-index:-1;left:0;bottom:-22.5px;width: 0;height: 0;border-style: solid;border-width: 22.5px 0 22.5px 27px;border-color: transparent transparent transparent #ffffff;}

@media screen and (max-width: 768px) {
	#home #sec_spa:before{background-size: auto;}
}
@media screen and (max-width: 600px) {
	#home #sec_spa .sec_title span i { margin-top: -5px;}
	#home #sec_spa { padding: 7% 0 20px 0;}
	#home #sec_spa .lead { margin-bottom: 40px; text-shadow: 1px 1px 4px #000, -1px -1px 4px #000;}
}



/* ---------------------------------------------------
	#sec_plan
------------------------------------------------------ */
#home #sec_plan {padding:0 0 60px 0;}
#home #sec_plan .sec_title{margin-bottom:46px;}


#home #sec_plan #recommend ul.tabNav_489ban{display:block;width:100%;font-size:0;text-align:left;}
#home #sec_plan #recommend ul.tabNav_489ban>li{text-align:left;cursor:pointer;letter-spacing:-0.125em;width:19%;box-sizing:border-box;margin:0 1.25% 10px 0;display:inline-block;position:relative;line-height:52px;font-size:20px;color:#5d2228;transition:all 0.3s;font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;}
#home #sec_plan #recommend ul.tabNav_489ban>li:nth-child(5n){margin-right:0;}
#home #sec_plan #recommend ul.tabNav_489ban>li:before{content:"";width:100%;display:block;border-top:1px solid #f6eeea;position:absolute;;left:0;top:1px;}
#home #sec_plan #recommend ul.tabNav_489ban>li a{display:block;color:#5d2228;text-decoration:none;padding:2px 70px 0 28px;background:url(../image/plan_menu_icon.png) no-repeat 8px 50%,#eddcd7;}
#home #sec_plan #recommend ul.tabNav_489ban>li a:hover { background:url(../image/plan_menu_icon.png) no-repeat 8px 50%,#68232d;}
#home #sec_plan #recommend ul.tabNav_489ban>li a:after{content:"";background:no-repeat center / cover;width:63px;height:34px;box-shadow:0 0 3px 0 rgba(201,201,199,0.75);position:absolute;top:50%;right:8px;display:inline-block;border:solid 1px #ffffff;line-height:1;-ms-transform: translateY(-50%);-webkit-transform : translateY(-50%);transform : translateY(-50%);}
#home #sec_plan #recommend ul.tabNav_489ban>li.select,
#home #sec_plan #recommend ul.tabNav_489ban>li:hover{color:#ffffff;}
#home #sec_plan #recommend ul.tabNav_489ban>li:after { content: ""; display: block; height: 7px;}
#home #sec_plan #recommend ul.tabNav_489ban>li.select:after,
#home #sec_plan #recommend ul.tabNav_489ban>li:hover:after { background: url(../image/tab_arrow.gif)no-repeat center bottom;}
#home #sec_plan #recommend ul.tabNav_489ban>li.select a{color:#ffffff; background: url(../image/plan_menu_icon.png) no-repeat 8px 50%,#68232d;}
#home #sec_plan #recommend ul.tabNav_489ban>li:hover a{color:#ffffff;}

#home #sec_plan #recommend ul.tabNav_489ban>li:nth-child(1) a:after{background-image:url(../image/plan_menu_01_img.jpg);}
#home #sec_plan #recommend ul.tabNav_489ban>li:nth-child(2) a:after{background-image:url(../image/plan_menu_02_img.jpg);}
#home #sec_plan #recommend ul.tabNav_489ban>li:nth-child(3) a:after{background-image:url(../image/plan_menu_03_img.jpg);}
#home #sec_plan #recommend ul.tabNav_489ban>li:nth-child(4) a:after{background-image:url(../image/plan_menu_04_img.jpg);}
#home #sec_plan #recommend ul.tabNav_489ban>li:nth-child(5) a:after{background-image:url(../image/plan_menu_05_img.jpg);}

#home #sec_plan #recommend .tab_489ban{overflow:hidden;padding: 31px 3.6% 10px;font-size:12px;line-height:1.8;color:#ffffff;background:url(../image/plan_contents_bg.png);}
#home #sec_plan #recommend .tab_489ban .PlanView{text-align:left;width:21.3%;float:left;margin:0 4.93% 20px 0;}
#home #sec_plan #recommend .tab_489ban .PlanView:nth-child(4n){margin-right:0;}
#home #sec_plan #recommend .tab_489ban .PlanView .main_picture{margin-bottom:9px;text-align:center;}
#home #sec_plan #recommend .tab_489ban .PlanView a{color:#ffffff;}
#home #sec_plan #recommend .tab_489ban .PlanView .pblist a{padding:0 13px;display:inline-block;margin:9px 0 0 3px;border:dotted 1px #ffffff;color:#ffffff;font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;}
#home #sec_plan #recommend .tab_489ban .PlanView .pblist a:hover{text-decoration:none;}


@media screen and (max-width: 768px) {
	#home #sec_plan #recommend ul.tabNav_489ban{text-align:center;margin-left:-2%;}
	#home #sec_plan #recommend ul.tabNav_489ban>li{width:31%;font-size:16px;letter-spacing:0;line-height:1.6;padding:0;margin:0 0 10px 2%; line-height: 50px;}
	#home #sec_plan #recommend ul.tabNav_489ban>li:after { content: none;}
	#home #sec_plan #recommend ul.tabNav_489ban>li a{ padding: 0 0 0 28px;}
	#home #sec_plan #recommend ul.tabNav_489ban>li a:after{display:none;}

}
@media screen and (max-width: 600px) {
	#home #sec_plan { padding: 0 0 40px;}
	#home #sec_plan .sec_title { margin: 0;}
	#home #sec_plan #recommend ul.tabNav_489ban{margin-left:0;}
	#home #sec_plan #recommend ul.tabNav_489ban>li{width:100%;margin:0 0 10px 0;}

	#home #sec_plan #recommend .tab_489ban{text-align:left;font-size:0;}
	#home #sec_plan #recommend .tab_489ban .PlanView{font-size:12px;display:inline-block;vertical-align:top;float:none;width:48%;margin:0 1% 20px;text-align:left;}
	#home #sec_plan #recommend .tab_489ban .PlanView .main_picture img { width: 100%;}
	#home #sec_plan #recommend .tab_489ban .PlanView .plan{text-align:left;}
}
/* ---------------------------------------------------
	#sec_information
------------------------------------------------------ */
#home #sec_information{padding:0 0 90px 0;text-align:center;}
#home #sec_information .sec_title{margin-bottom:26px;padding:0;}
#home #sec_information .sec_title span{padding-bottom:12px;}
#home #sec_information .sec_title span:after{display:none;}
#home #sec_information .sec_title:before{height:2px;border-top:solid 1px rgba(0,0,0,0.2);border-bottom:solid 1px rgba(0,0,0,0.2);background:none;}
#home #sec_information .sec_title span:before{box-shadow:0 0 10px 0 #fffefb;}
#home #sec_information .inner{font-size:0;}
#home #sec_information .news,
#home #sec_information .facebook,
#home #sec_information .banner{font-size:13px;display:inline-block;vertical-align:top;}

#home #sec_information .news{width:25.4%;margin-right:4.3%;}
#home #sec_information .news dl{margin-bottom:20px;text-align:left;}
#home #sec_information .news dl>dt{font-size:16px;color:#5d2228;border-bottom:solid 1px #cbb9b7;padding: 0 0 10px 4px;}
#home #sec_information .news dl>dt span{font-size:0.777em;color:#ce9f1d;vertical-align:middle;}

#home #sec_information .news dl>dd ul>li{padding:10px 0;border-bottom:solid 1px #cbb9b7;}
#home #sec_information .news dl>dd ul>li span{float:left;width:7em;}
#home #sec_information .news dl>dd ul>li a{padding-left:7em;display:block;box-sizing:border-box;}

#home #sec_information .news .link a{display:block;margin-bottom:7px;}

#home #sec_information .facebook{max-width:407px;width:40%;margin:0 4.9% 20px 0;padding:7px 0 0 0;}
#home #sec_information .facebook .fb-page{display:inline-block;width:100%;}
#home #sec_information .facebook .fb-page>span{display:inline-block;width:100%!important;}
#home #sec_information .facebook .fb-page>span>iframe{width:100%!important;}

#home #sec_information .banner{width:25.5%;padding:3px 0 0 0;}
#home #sec_information .banner a{display:block;margin-bottom:17px;}

@media screen and (max-width: 768px) {
	#home #sec_information .news,
	#home #sec_information .facebook,
	#home #sec_information .banner{display:inline-block;width:100%;text-align:center;margin:0 0 20px 0;}
}
@media screen and (max-width: 600px) {
	#home #sec_information { padding: 0 0 30px 0;}
	#home #contents_wrap #sec_information .sec_title:before { content: "";}
}
/* ---------------------------------------------------

------------------------------------------------------ */

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
}