@charset "utf-8";

/**base**/
body {
	font-size:0.88em;
	line-height:1.8em;
	letter-spacing:0.05em;
	color:#000;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

/**reset**/
body,header,footer,nav,section,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
img { vertical-align:top;}
hr { display:none;}
a { border:none; outline:none; text-decoration:none; color:#000000;}


/**clear**/
.clear{ clear:both;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block;}
.clearfix {overflow:hidden;}
/* End hide from IE-mac */


/**layout**/
#wrapper { overflow:hidden;}

/*header*/
#header { height:178px; background:url(../img/h_bg.gif) repeat-x;}
#header .inner { width:1100px; margin:0 auto;}
#header .inner:after{ content:" " ; clear:both; display:block; height:0;}
#header h1 { float:left; width:174px; padding-top:25px;}
#header #gnav ul { float:left; width:455px; padding-left:110px;}
#header #gnav ul:after{ content:" " ; clear:both; display:block; height:0;}
#header #gnav li { float:left; width:65px;}
#header #gnav li a { display:block; width:65px; height:178px;}
#header #gnav li a:hover { background:url(../img/nav_mark.gif) no-repeat 33px 22px;}

#home       #header #gnav li.nav1 a,
#story      #header #gnav li.nav2 a,
#spa        #header #gnav li.nav3 a,
#meal       #header #gnav li.nav4 a,
#room       #header #gnav li.nav5 a,
#facilities #header #gnav li.nav6 a,
#access     #header #gnav li.nav7 a { background:url(../img/nav_mark.gif) no-repeat 33px 22px;}

#header .inner div { float:right; width:224px; padding-top:43px;}
#header .inner div a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* 下層ページ共通 */
#title_col { width:100%; height:210px;  background:url(../img/h_bg.gif); position:relative; overflow-x:hidden;}
#title_col img.photo { position:absolute; top:0; left:50%; margin-left:-800px;}



/* パンくずリスト */
#breadcrumbs { width:1100px; padding:10px 0 0 0; margin:0 auto;}
#breadcrumbs li { display:inline; font-size:0.85em; color:#000;}
#breadcrumbs li span { display:inline-block; padding:0 7px;}
#breadcrumbs li a { color:#000; text-decoration:none;}
#breadcrumbs li a:hover { text-decoration:underline;}


/* footer */
#footer { background:url(../img/f_bg.gif) repeat-x 0 30px; padding-bottom:30px; margin-top:95px;}
#footer:after{ content:" " ; clear:both; display:block; height:0;}
#footer #fnav { width:1100px; margin:0 auto; position:relative; z-index:1;}
#footer #fnav:after{ content:" " ; clear:both; display:block; height:0;}
#footer #fnav li { line-height:0; float:left; padding-right:28px;}
#footer #fnav li#pagetop { float:right; padding-right:0;}
#footer #fnav li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#footer #search_col { width:1100px; margin:0 auto;}
#footer #search_col:after{ content:" " ; clear:both; display:block; height:0;}
#footer #search_col h3 { float:left; width:57px; padding:0 58px 0 79px;}
#footer #search_col div { float:left; width:835px; margin-top:80px; *margin-top: 30px; position:relative; color: #fff;}

/*↓↓↓予約番ver.4まで↓↓↓*/
#footer #search_col tr { float: left;}
#footer #search_col tr:not(:first-child) { border-left:1px solid #71554b;}
#footer #search_col tr:not(:first-child) th { padding: 0 0 0 15px;}
#footer #search_col tr:not(:nth-child(3)) td { padding: 0 15px 0 0;}
#footer #search_col tr:last-child td { padding: 0 0 0 15px;}
/*↑↑↑予約番ver.4まで↑↑↑*/
/* #footer #search_col div img#search { position:absolute; top:0; left:0;}
#footer #search_col div a { position:absolute; top:46px; right:0;}
#footer #search_col div a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;} */

/*↓↓↓予約番ver.5から↓↓↓*/
#search_489ban{ margin: 70px 0 0 !important;}
#search_489ban form{ display: flex;}
#search_489ban dt,
#search_489ban dd{ line-height: 1.4;}
#search_489ban select{ float: left; margin: 0 10px 0 0; height:22px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:3px; border:solid 1px #5E433A; padding:0 20px 0 5px; background:url(../img/ico_select.png) no-repeat right center #fff; background-size:15px; }
#search_489ban select::-ms-expand { display: none;}
#search_489ban .date_489ban{ padding: 0 20px 0 0; border-right: solid 1px #5E433A;}
#search_489ban .date_489ban dt{ display: block;}
#search_489ban .date_489ban dd select,
#search_489ban .date_489ban dd label{ float: left;}
#search_489ban .inbox_489ban{ margin: 0 !important; width: auto !important; padding: 0 20px; border-right: solid 1px #5E433A;}
#search_489ban .inbox_489ban dl{ float: left;}
#search_489ban .inbox_489ban dl.person_489ban:last-of-type{ margin: 0 0 0 15px;}
#search_489ban .inbox_489ban:last-of-type{ display: none;}
#search_489ban button{ float: left; margin: 5px 0 5px 20px; padding: 8px 20px; height:auto; border-radius: 3px; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border:solid 1px #5E433A; box-sizing: border-box; cursor: pointer; outline:none; background: #fff; font-size: 15px;}

/*↑↑↑予約番ver.5から↑↑↑*/

#footer .inner { width:1100px; margin:0 auto; padding-top:55px;}
#footer .inner:after{ content:" " ; clear:both; display:block; height:0;}
#footer .inner address { float:left; width:430px; color:#ede3e3; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;}
#footer .inner address img { display:block; padding-bottom:20px;}
#footer .inner address strong { display:block; font-size:1.1em; font-weight:bold;}

#footer .inner ul.fnav { float:left; width:145px;}
#footer .inner ul.fnav a { color:#ede3e3;}
#footer .inner ul.fnav a:hover { text-decoration:underline;}

#footer .inner dl { float:right; width:223px; padding-top:15px;}
#footer .inner dl a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#footer .inner #media_col { clear:both; padding:60px 0 0 0;}
#footer .inner #media_col { text-align: center;}
#footer .inner #feed_m ul { display:inline-block; padding: 20px 0;}
#footer .inner #feed_m li { float: left; width: 164px;}
#footer .inner #feed_m li:not(:last-child) { padding: 0 35px 0 0;}
#footer .inner #feed_m figure { width: 156px; height: 223px; padding: 0; margin: 0; overflow: hidden; border: 4px solid  #fff;}
#footer .inner #feed_m img { width: 156px;}
#footer .inner #feed_m a { color: #fff;}

#footer .inner #copy { color:#fff; text-align:center; font-size:0.9em; letter-spacing:0.1em;}

/* slidesshow 共通 */
#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}

/* ランゲージボタン */
#h_lang { position: absolute; left: 50%; top: 0; margin: 0 0 0 -550px; width: 1100px; z-index: 1000;}

#h_lang p{
	float: right;
	background: #000;
	color: #fff;
	width: 135px;
	text-align: center;
	background-repeat: no-repeat;
	background-position:
	right 10px center;
	display: block;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

@media all and (-ms-high-contrast:none){
	#h_lang p{
		line-height: 35px;
	}
}

#h_lang p:hover{
	text-decoration: none;
	opacity: 0.75;
}
#h_langlist{
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	width: 135px;
	background: rgba(255,255,255,0.7);
	z-index: 1;
}
#h_langlist li:not(:last-child){
	border-bottom: 1px #f3f0ec solid;
}
#h_langlist li a{
	display: block;
	padding: 5px 0;
	text-align: center;
}