@charset "UTF-8";
/* CSS Document */


#header_col:after,
#nav_wrap:after,
#nav_wrap > div:after,
nav ul:after,
#s_nav_wrap ul:after,
#s_nav_wrap:after,
#breadcrumbs:after,
footer:after,
#footer_wrap:after,
.page_top:after {content:"."; display:block; height:0; clear:both; line-height:0; visibility:hidden; overflow: hidden;
font-size: 0.1em;}

body { min-width: 1300px; line-height: 1.5; font-size: 13px; color: #5f462d;}
a:hover img{opacity:0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”;}
article a{ color: #5f462d;}
article a:hover { text-decoration: none;}

#header_wrap{ background: url(../img/slide_bg.png) no-repeat center bottom,url(../img/h_bg.gif) repeat-x #fcfbf7;}
.ie8 #header_wrap { background: url(../img/h_bg.gif) repeat-x #fcfbf7;}
header { width: 1300px; height: 330px; margin: 0 auto;}
#header_col { width: 1100px; margin: 0 auto 15px; padding: 15px 0 0;}
#header_col div,#home #header_col dl { float: left; padding-top: 10px;}
#header_col div { padding: 10px 0;}
#header_col div>* { display: inline-block; }
#header_col h1 { font-weight: normal; }
#header_col dl { padding: 0 0 0 40px;}
#header_col dd { margin: 10px 0 0; padding: 10px 0 0; background: url(../img/line.gif) repeat-x top;}
#header_col ul { float: right; padding-top: 10px;}
#header_col li { float: left; margin: 0 6px 0 0;}
#header_col li:last-child { margin: 0;}
#header_col img.h_tel3{padding-left: 55px;}
#nav_wrap .logo { float: left; width: 407px;}
#nav_wrap .logo, #nav_wrap .logo img:nth-child(1) { position: relative; z-index: 10;}
#nav_wrap .logo img:nth-child(1) { padding: 0 0 0 100px; margin-top: -15px;}
#nav_wrap .logo img:nth-child(2) { position: absolute; top: -60px; left: -15px; z-index: 1;}

#nav_wrap { background: url(../img/bg1.gif); border-top: 1px solid #afa770; }
#nav_wrap >div { position: relative; width: 1300px; margin: 0 auto;}
nav { float: left; border-left: 1px solid #afa770;}
nav li { float: right; width: 64px; height: 163px; padding: 25px 12px; border-right: 1px solid #afa770;}
#spa nav #nav1,#meal nav #nav3,#facility nav #nav4,#access nav #nav5,#sightseeing nav #nav6 { background: rgba(255,255,255,0.4);}
#nav_wrap div > ul { position: relative; width: 269px; float: left; margin: 0 0 0 30px;}
#nav_wrap div > ul li:nth-child(1) { position: relative; margin: 0 0 -55px; top: -55px; z-index: 200;}
#nav_wrap div > ul li:nth-child(2) { margin: 0 0 10px;}
#nav_wrap div > ul li:nth-child(3),#nav_wrap div > ul li:nth-child(4) { float: left;}
#nav_wrap div > ul li:nth-child(4) { margin: 0 0 0 4px;}
#s_nav_wrap { background: url(../img/s_nav_bg.png) repeat-x center; min-height: 35px;}
#s_nav { margin: 0 auto; width: 1100px;}
#s_nav ul { float: right; padding: 3px 0 0;}
#s_nav li { float: left; margin: 0 0 0 35px; padding: 0 0 0 16px; background: url(../img/icon1.jpg) no-repeat left bottom;}
#s_nav li a { font-size: 11px; color: #fff; text-decoration: none;}
#s_nav li a:hover { text-decoration: underline;}
.h_tel { position: absolute; bottom: 0; left: 95px;}
#breadcrumbs { width: 1100px; margin: 0 auto; padding: 10px 0 0; font-size: 12px;}
#breadcrumbs li { float: left;}
#breadcrumbs li a { color: #3a2800; text-decoration: none;}
#breadcrumbs li a:hover { text-decoration: underline;}
#breadcrumbs span { padding: 0 10px;}

/* #fixed_nav */
@keyframes h-fixed {
	0% { transform: translateY(-100%); }
	100% { transform: translateY(0); }
}
@keyframes h-top {
	0% { transform: translateY(0); }
	80% { transform: translateY(-100%); opacity: 0; }
}
#fixed_nav { position: fixed; top: 0; left: 0; z-index: 9999; width: max(1300px, 100%); padding: 12px 0; transform: translateY(-100%); background: rgba(255 255 255 / 100%); font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; letter-spacing: 0.08em; }
#fixed_nav .inner { display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 0 auto; }
#fixed_nav.fixed { position: fixed; animation: h-fixed 1s; transform: translateY(0); }
#fixed_nav.top { transition: opacity 0.7s; animation: h-top 1s; }
#fixed_nav a { transition: opacity 0.5s; }
#fixed_nav a:hover { opacity: 0.7; }
#fixed_nav a:hover img { opacity: 1; }
#fixed_nav .nav,
#fixed_nav .nav ul { display: flex; align-items: center; }
#fixed_nav .nav li+li { border-left: 1px solid #afa770; }
#fixed_nav .nav li a { display: block; min-width: 115px; padding: 0 25px; font-size: 16px; color: #4b2e0d; text-decoration: none; text-align: center; box-sizing: border-box; }
#fixed_nav .nav li .en { display: block; font-size: 9px; color: #a98e53; }
#fixed_nav .nav>p { display: contents; }
#fixed_nav .nav>p img { margin-top: -5px; }
#fixed_nav .nav .btn { display: inline-flex; align-items: center; gap: 0 0.5em; line-height: 45px; margin-left: 5px; padding: 0 22px; border-radius: 2px; outline-offset: -2px; outline: 1px solid rgba(255, 255, 255, 0.4); font-size: 16px; color: #fff; background: url(../img/btn_bg.jpg) repeat-x center top / cover; text-decoration: none; }
#fixed_nav .nav .btn .en { font-size: 11px; color: #fbd186; }

#footer_wrap { position: relative; background: url(../img/bg5.png) repeat-x top,url(../img/bg1.gif); z-index: 1;}
.ie8 #footer_wrap { background: url(../img/bg1.gif);}
footer { position: relative; width: 1100px; margin: 40px auto 0; padding: 40px 0 30px; font-size: 12px;}
.page_top { position: absolute; top: -20px; right: 0; display: block; clear: both;}
footer #f_tel { display: table; margin: 0 0 25px; padding: 13px 0; background: url(../img/f_tel_bg.png) no-repeat; min-width: 671px; min-height: 73px;}
footer #f_tel img { vertical-align: middle;}
footer #f_tel > img { padding: 0 15px 0 35px;}
#f_col ul { float: left; font-size: 13px; padding: 0 80px 0 0;}
#f_col ul:nth-child(2) { width: 240px;}
#f_col ul:nth-child(3) { width: 82px;}
#f_col ul:nth-child(4) { padding: 0;}
#f_col li { margin: 0 0 8px; padding: 0 0 0 10px; background: url(../../common/img/icon2.gif)no-repeat left center;}
#f_col li a { color: #5f462d; text-decoration: none;}
#f_col li a:hover { text-decoration: underline;}
footer #logo { float: left; width: 420px;}
footer #logo p { padding: 20px 0;}
footer #logo a { display: block; width: 237px; margin: 0 0 20px;}
footer address { font-style: normal; color: #000;}
footer #f_col { float: right;}
#footer_wrap .copy { padding: 5px 0; text-align: center; font-size: 12px; color: #fff; background: url(../img/bg2.gif) repeat-x top,url(../img/s_nav_bg.gif);}

.no_link img { opacity:0.5; filter:alpha(opacity=50); -ms-filter: “alpha( opacity=50 )”;}
.no_link  { color:#ad8f71;}

/* ERROR */
#error { background: url(../img/bg6.gif) center 0 repeat; }
#error header { display: flex; align-items: center; justify-content: center; font-size: 38px; font-family: serif; color: #fff; text-shadow: 0px 0px 8px rgba(0, 0, 0.8); background: url(../img/title_bg.jpg) no-repeat top center; }
#error #contents_wrap { color: #5f462d; }
#error section { width: 1100px; margin: 0 auto; padding: 50px 0; line-height: 1.8; text-align: center; }
#error .tit { font-size: 24px; }
#error .tit+p { margin-top: 1em; }
#error section p+p { margin-top: 0.5em; }