* { margin: 0; padding: 0; }
img { border: none; vertical-align: bottom; }
img a { border: none; }
ul { margin: 0; padding: 0; }
li { list-style-type: none; margin: 0; padding: 0; line-height: 1.0em; }
a { text-decoration: underline; color: #654037 }
a:hover { text-decoration: none; }
.clear { clear: both; }
.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clearfix { overflow: hidden; }
.box_sizing { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
body { background: #F7EAE2; font-family: Meiryo, "メイリオ", Geneva, Arial, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 12px; line-height: 1.5; -webkit-text-size-adjust: none; }
figure { line-height: 0.1em; font-size: 1px; margin: 0; padding: 0; }
header { padding: 5px 5px 2px; margin: 0; width: 100%; }
header h1 { color:#50322F; font-size:8px; text-align:center}
header #logo { float: left; padding-top: 12px; }
header ul { width: 113px; display: inline-block; float: right; text-align: center; margin-top: 10px; }
header ul li a { display: block; }
header ul li img { float: none; }
header ul li:nth-child(2) { margin: 3px 0; padding: 5px 0; }
#g_nav { background:#F7EAE2 url(../img/nav_bg.jpg) no-repeat center top; background-size:100%; padding: 20px 0 0 0; width: 100%; }
#g_nav ul{ padding: 0 0 0 6%; }
#g_nav li { width: 28%; float: left; margin:7px 5% 7px 0; }
#g_nav li img{ width: 100%; text-align: left; }
#g_nav li a { }
#dish #g_nav li#nav_dish img{opacity: 0.6}
#bath #g_nav li#nav_bath img{opacity: 0.6}
#room #g_nav li#nav_room img{opacity: 0.6}
#modern #g_nav li#nav_room img{opacity: 0.6}
#facility #g_nav li#nav_facilities img{opacity: 0.6}
#access #g_nav li#nav_access img{opacity: 0.6}
aside { width:100%; text-align:center;}
aside #btn_mail_magazine { margin:0 6%; width:88%;}
aside #btn_reserve { margin:15px 4%; width:92%;}
img#top { }
#s_nav { text-align: center; padding: 15px 0 0; line-height: 200%; color: #654037; font-size:110%; }
#s_nav a { margin:20px 10px; }
footer { padding: 0 0 2px; margin: 0; }
footer img { vertical-align: top; }
footer #logo { padding:10px 5px 0 5px; }
footer ul { width: 113px; display: inline-block; float: right; text-align: center; margin-top: 16px; padding-right:5px; }
footer ul li a { display: block; }
footer ul li img { float: none; }
footer ul li:nth-child(2) { margin: 3px 0; padding: 5px 0; }
footer p#address { float: left; padding: 10px 0 0 5px; color: #603f31; font-size: 10px; }
footer .sns { clear: both; text-align: center; padding: 5px 0; }
footer .sns a { margin-right: 5px; }
footer .sns img { width: 35px; height: 35px; }
footer p#copy { padding-top: 5px; text-align: center; color: #666666; font-size: 8px; }
/* carousel */
.flexslider { position: relative; padding: 10px 15px 0; background: #333; }
.flexslider .slides img { width: 100%; height: auto; }
.flex-control-nav { text-align: center; }
.flex-control-nav li { display: inline-block; margin: 6px 6px 0; }
.flex-control-nav a { display: block; width: 10px; height: 10px; border-radius: 10px; box-shadow: 0 0 3px rgba(0,0,0,0.2); background: #ccc; text-indent: -9999px; }
.flex-control-nav a.flex-active { background: #9B454E; }
.flex-direction-nav a { display: block; position: absolute; top: 95px; top: 38%; width: 12px; height: 40px; text-indent: -9999px; }
.flex-direction-nav .flex-prev { left: 10px; background: url(../img/btn_prev.png) no-repeat; background-size: 12px; }
.flex-direction-nav .flex-next { right: 10px; background: url(../img/btn_next.png) no-repeat; background-size: 12px; }

#fix_nav { position: fixed; bottom: 0; left: 0; display: table; width: 100%; height: 60px; z-index: 7777; background-color: #f7eae3;}
#fix_nav img { vertical-align: middle; padding: 5px 0 0;}
#fix_nav > a { display: table-cell; float: left; vertical-align: middle; width: 28.3%; height: 62px; text-align: center; border-right: 1px solid #F7F3EA; box-sizing: border-box;}
#fix_nav > a:first-child { background: url(../img/fix1_bg.gif)repeat-x; background-size: contain;}
#fix_nav > a:nth-child(2) { background: url(../img/fix2_bg.gif)repeat-x; background-size: contain;}
#fix_nav > a:nth-child(3) { background: url(../img/fix3_bg.gif)repeat-x; background-size: contain;}
#fix_nav #btn_menu { display: table-cell; float: right; vertical-align: middle; height: 60px; width: 15%; padding-top: 2px; border-right: none; background: url(../img/fix4_bg.gif)repeat-x; text-align: center;}

#fix_nav #menu {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#fix_nav #menu .menu_tit { position: absolute; top: 20px; left: 50%; margin-left: -22px;}
#fix_nav #menu #btn_close { position: absolute; top: 22px; right: 17px;}
#fix_nav #menu #btn_close img { padding: 0;}
#fix_nav #menu ul { margin: 15px 10px; padding-top: 30px; background: #fff; border-radius: 4px;}
#fix_nav #menu li { border-top: 1px solid #bbb;}
#fix_nav #menu li a { display: table; width: 100%; padding: 12px 30px; color: #666; font-size: 13px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-decoration: none; background: url(../img/arrow.gif)no-repeat 15px 14px; background-size: 6px;}

footer { padding: 0 0 64px;}