@charset "UTF-8";

/* *************************************************************

*   Navi CSS
*   Since:2022-07
*   Editor:ricostyle

************************************************************* */



@media print,screen and (min-width:961px) {
/*PC用のcssを記述*/


/* メインのナビ */
#meanmenu,#MENU{visibility: hidden;display:none;}

#PCmenu{margin:0 0 40px 250px;text-align:left;display:block;position:relative;}
#PCmenu ul.normal_nav{display:inline-block;text-align:left;}
#PCmenu ul.normal_nav li{display:inline-block;padding-right:40px;color:#330000;font-family:'HannariMincho';}
#PCmenu ul.normal_nav li a{color:#330000;display:block;padding-bottom:6px;}
#PCmenu ul.normal_nav li a:hover{border-bottom:1px solid #927676;padding-bottom:5px;}

/* 今いるナビ */
#Sisetu #PCmenu ul.normal_nav li.nv01 a,
#Food #PCmenu ul.normal_nav li.nv02 a,
#Hotel_fee #PCmenu ul.normal_nav li.nv03 a,
#Annai #PCmenu ul.normal_nav li.nv04 a,
#Access #PCmenu ul.normal_nav li.nv05 a
{border-bottom:1px solid #927676;padding-bottom:5px;}


/* インスタアイコン */
#PCmenu ul.sns_icon{position:absolute;top:0;right:0;display:inline-block;}
#PCmenu ul.sns_icon li a{padding-left:26px;background:url(../img_cmn/icon_insta.png) no-repeat top left;background-size:contain;color:#000;font-family:'HannariMincho';font-size:0.95em;}
#PCmenu ul.sns_icon li a:hover{opacity: .7;filter:alpha(opacity=70);-moz-opacity: 0.7;}



/* 空室状況・予約ボタン */
#head_btn{position:relative;margin-bottom:40px;text-align:right;font-family:'HannariMincho';font-size:1.1em;}
#head_btn li{display:inline-block;margin:0 0 0 1px;text-align:center;}
#head_btn li.btn1 a,#head_btn li.btn2 a{display:block;padding:20px 60px 25px 20px;color:#FFF;}
#head_btn li.btn3 a{display:block;padding:20px 90px 25px 20px;color:#FFF;}
#head_btn li.btn1{background:#C281BF url(../img_cmn/icon_ppl.png) no-repeat 85% center;}
#head_btn li.btn2{background:#E1629B url(../img_cmn/icon_red.png) no-repeat 85% center;}
#head_btn li.btn3{background:#7D8CBF url(../img_cmn/icon_tel.png) no-repeat 85% center;}
#head_btn li:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}


/* 過ごし方ナビ */
#Sugosikata{color:#FFF;background:url(../img_cmn/bg_nv.gif) repeat-y top center;text-align:left;font-family:'Habataki';font-size:1.1em;}
#Sugosikata .tt{width:27%;display:table-cell;vertical-align:middle;}
#Sugosikata .tt a{color:#FFF;}
#Sugosikata #sugosikata_li{display:table-cell;padding:15px 0 5px;vertical-align:middle;font-size:0.85em;}
#Sugosikata #sugosikata_li li{display:inline-block;background:url(../img_cmn/icon_ashi.png) no-repeat left 3px;padding:0 30px 10px 20px;}
#Sugosikata #sugosikata_li li a{color:#FFF;line-height:1em;}
#Sugosikata #sugosikata_li li a:hover{text-decoration:underline;}


}




@media only screen and (min-width:520px) and (max-width:960px) {
/*タブレット用のcssを記述*/


/* メインのナビ */
#PCmenu{visibility: hidden;display:none;}

/*ミーンメニュー*/
#MENU{
	background:#000;
	color:#FFF;
	position:absolute;top:30px;left:0;
	padding:10px 20px 10px 70px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
.mean-container .mean-bar {
	float: left;
	position: absolute;top:32px;left:0;width:100%;height:0;
	z-index:9999999;color:#000;text-align:left;
}
.mean-container a.meanmenu-reveal {
	width: 32px;
	margin-top:0px;
	height: 23px; /*  開いたメニューの高さ  */
	padding:3px 82px 8px 18px;
	cursor: pointer;
	color:  #fff;
	text-decoration: none;
	background:none;
	font-size: 13px;
	text-indent: -9999em;
	line-height: 25px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
}
.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 1px;
	margin-top:6px;
}
.mean-container .mean-nav {
	float: left;
	width: 100%;
	/*margin-top: 7px;*/
	background-color: #000;
}
.mean-container .mean-nav ul {padding: 0;margin: 0;width: 100%;list-style-type: none;}
.mean-container .mean-nav ul li {position: relative;float: left;width: 100%;}
.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 92%;
	font-size:0.85em;
	padding: 0.85em 5%;
	margin: 0;
	text-align: left;
	color:#FFF;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 1px solid #666;
}
.mean-container .mean-nav ul li.mean-last a {border-bottom: none;margin-bottom: 0;}
.mean-container .mean-nav ul li a:hover {background:#333;}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.mean-remove {display: none !important;}



/* 空室状況・予約ボタン */
#head_btn{margin:10px auto 0;text-align:right;font-family:'HannariMincho';position:fixed;top:0;right:0;z-index:1000000000;}
#head_btn li{display:block;margin:2px 0;text-align:center;}
#head_btn li.btn1 a,#head_btn li.btn2 a{display:block;padding:15px 50px 15px 15px;color:#FFF;}
#head_btn li.btn1{background:#C281BF url(../img_cmn/icon_ppl.png) no-repeat 85% center;}
#head_btn li.btn2{background:#E1629B url(../img_cmn/icon_red.png) no-repeat 85% center;}
#head_btn li.btn3{visibility: hidden;display:none;}
#head_btn li:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}


/* 過ごし方ナビ */
#Sugosikata{color:#FFF;text-align:left;font-family:'Habataki';}
#Sugosikata .tt{display:block;padding:10px 15px;background:#C0A896;font-size:1.1em;}
#Sugosikata #sugosikata_li{display:block;padding:15px;vertical-align:middle;background:#8F6241;font-size:0.9em;line-height:1.8em;}
#Sugosikata #sugosikata_li li{display:inline-block;background:url(../img_cmn/icon_ashi.png) no-repeat left 7px;padding:0 1em 0 17px;}
#Sugosikata #sugosikata_li li a,#Sugosikata .tt a{color:#FFF;}
#Sugosikata #sugosikata_li li a:hover,#Sugosikata .tt a:hover{text-decoration:underline;}


}


@media screen and (max-width:519px) {
/*スマホ用のcssを記述*/


/* メインのナビ */
#PCmenu{visibility: hidden;display:none;}

/*ミーンメニュー*/
#MENU{
	background:#000;
	color:#FFF;
	position:absolute;top:30px;left:0;
	padding:16px 16px 16px 60px;font-size:0.9em;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
.mean-container .mean-bar {
	float: left;
	position: absolute;top:32px;left:0;width:100%;height:0;
	z-index:9999999;color:#000;text-align:left;
}
.mean-container a.meanmenu-reveal {
	width: 24px;
	margin-top:0px;
	height: 32px;
	padding:8px 82px 6px 18px;
	cursor: pointer;
	color:  #fff;
	text-decoration: none;
	background:none;
	font-size: 13px;
	text-indent: -9999em;
	line-height: 25px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
}
.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 1px;
	margin-top:6px;
}
.mean-container .mean-nav {
	float: left;
	width: 100%;
	/*margin-top: 7px;*/
	background-color: #000;
}
.mean-container .mean-nav ul {padding: 0;margin: 0;width: 100%;list-style-type: none;}
.mean-container .mean-nav ul li {position: relative;float: left;width: 100%;}
.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 92%;
	font-size:0.85em;
	padding: 1.3em 5%;
	margin: 0;
	text-align: left;
	color:#FFF;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 1px solid #666;
}
.mean-container .mean-nav ul li.mean-last a {border-bottom: none;margin-bottom: 0;}
.mean-container .mean-nav ul li a:hover {background:#333;}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.mean-remove {display: none !important;}



/* 空室状況・予約ボタン */
#head_btn{margin:0 auto;text-align:right;font-family:'HannariMincho';font-size:0.85em;position:fixed;top:0;right:0;z-index:1000000000;}
#head_btn li{display:block;margin:0 0 2px 0;text-align:center;}
#head_btn li.btn1 a,#head_btn li.btn2 a{display:block;padding:16px 40px 16px 20px;color:#FFF;}
#head_btn li.btn1{background:#C281BF url(../img_cmn/icon_ppl.png) no-repeat 85% center;}
#head_btn li.btn2{background:#E1629B url(../img_cmn/icon_red.png) no-repeat 85% center;}
#head_btn li.btn3{visibility: hidden;display:none;}
#head_btn li:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}


/* 過ごし方ナビ */
#Sugosikata{color:#FFF;text-align:left;font-family:'Habataki';}
#Sugosikata .tt{display:block;padding:10px;background:#C0A896;font-size:1.1em;}
#Sugosikata #sugosikata_li{display:block;padding:10px;vertical-align:middle;background:#8F6241;font-size:0.9em;line-height:1.8em;}
#Sugosikata #sugosikata_li li{display:inline-block;background:url(../img_cmn/icon_ashi.png) no-repeat left 7px;padding:0 1em 0 17px;}
#Sugosikata #sugosikata_li li a,#Sugosikata .tt a{color:#FFF;}
#Sugosikata #sugosikata_li li a:hover,#Sugosikata .tt a:hover{text-decoration:underline;}


}