/* =Reset default
---------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ul, ul li {list-style: none;}


body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#dddddd;
	background:#000;
}
@media only screen and (min-width: 641px) and (max-width: 999px) {
	body {overflow-x:hidden !important;}
}
@media only screen and (max-width: 640px) {
	body {font-family:  "ヒラギノ明朝 ProN W3","Times New Roman", "游明朝", YuMincho,  "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;}
}

img{border:0px none;}


.area {	width:1000px; margin:0 auto;}
@media only screen and (max-width: 640px) {
.area {	width:98%; margin:0 auto;}
}


img.imgmaxH100 {max-height:100%;}
img.imgmaxW100 {max-width:100%;}


.clear { clear: both; }

/*link*/

a{color:#FFCC00; text-decoration:none;}

a:visited{color:#ff9966;text-decoration:none;}

a:hover{color:#ff9933;text-decoration:none;}




/* =ヘッダー
---------------------------------------------------------------------------------------- */

#header {
	background:url(../img/header_bk.png);
	margin:0;
	height:110px;
}
.areah {	width:1000px;	margin:0 auto;}

#logo {padding:0; margin:0; width:250px; height:110px; float:left;}
#logo h1 {font-size:10px; font-weight:normal; color:#454545; padding:3px 0; margin:0;}

#moon_age {width:250px; height:110px; float:left;}
.font_moon {padding:35px 0 0 0; color: #705f3d; font-size: 11px; line-height:180%; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}



#res_tel {width:500px; height:110px; float:left; text-align:right; line-height:0;}

.head_yoyaku {height:50px; margin:5px 0 0 0;}
.head_yoyaku li {float:right; list-style:none;}
/*　予約番空室検索ヘッダー　*/
/* widthにpadding・borderを含める */
table, tr, th, td {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.search_table_489ban {border-collapse: collapse; background:#7d6233; border:none;}
.search_table_489ban th, .search_table_489ban td  { height:40px; vertical-align: middle;}
.search_table_489ban th { font-size:14px; padding:2px 5px 0 5px;}
.search_table_489ban td {background:#5f4c2a; padding:2px 10px 0 10px;}
.search_table_489ban select {margin-right:5px;}



/*　スマホ用ヘッダー　*/

@media only screen and (max-width: 999px) {
	#header {height:65px;}
	.areah {	width:100%;	margin:0;}
	#logo {padding:10px 0 0 0; margin:0; width:40%; height:60px; float:left;}
	#logo img {max-height:45px; float:left;}
	#logo h1 {display:none; visibility:hidden;}
	#moon_age {padding:0; margin:0; width:20%; height:65px; float:left; text-align:center;}
	#moon_age img {height:65px; }
	.font_moon {display:none; visibility:hidden;}
	#res_tel {display:none; visibility:hidden;}
}

.sm_menu {display:none; visibility:hidden;}
@media only screen and (max-width: 999px) {
	.sm_menu {width:38%; height:65px; float:left; display:inherit; visibility:visible;}
}

/*　開閉ボタン　*/
.menu-btn {cursor: pointer; padding:0; margin:0;}
.menu-btn2 {cursor: pointer; display: block; position: relative; color: #ccc; font-weight: bold; font-size: 1.1em; line-height: 1.5em; padding: 0.5em 2em 0.5em 0.5em; text-decoration:none;}
.menu-btn2:after  { display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 0.6em; height: 0.6em; margin: -4px 0 0 0; border-top: solid 1px #aeaeae; border-right: solid 1px #aeaeae; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.menu-btn2:hover{ background:#444;}

/*　スマホ用リスト表示　*/
#menu-list, #menu-list2  {display: none; box-sizing: border-box; background-color: rgba( 0, 0, 0, 0.90 ); border-top: 2px solid #b8a37a; position:relative; z-index: 9999;}
#menu-list2 {border-top:none;}

#menu-list .lists, #menu-list2 .lists { padding:0; margin:0; }
#menu-list li  {border-bottom: 1px solid #aeaeae; list-style:none; }
#menu-list2 li {border-bottom: 1px dotted #aeaeae; list-style:none; }
#menu-list li a, #menu-list2 li a { display: block; position: relative; color: #ccc; font-weight: bold; font-size: 1em; line-height: 1.5em; padding: 0.3em 2em 0.3em 0.5em; text-decoration:none;}
#menu-list2 li a { padding: 0.3em 2em;}
#menu-list li a:hover, #menu-list2 li a:hover { background:#444; }
#menu-list li a:after, #menu-list2 li a:after  { display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 0.6em; height: 0.6em; margin: -4px 0 0 0; border-top: solid 1px #aeaeae; border-right: solid 1px #aeaeae; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#menu-list .list-close { background-color: rgba( 255, 255, 255, 0.05 ); text-align: center; font-weight: bold; padding: 10px 0; border-bottom: 2px solid #222222; line-height: 1.5em; margin:0; letter-spacing:0.1em; display: block;}	
#menu-list .list-close:hover{ background:#444;}





/* =フォント
---------------------------------------------------------------------------------------- */
.font_s {font-size: 10px; line-height: 10px; text-align:left;}
#topics {float:right;  background:#000; filter:Alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
#topics a {display:block; text-decoration:none; width: 200px; margin:0; padding:3px;}




/* =フッター
---------------------------------------------------------------------------------------- */

#footer {
	background:url(../img/footer_bk.gif) repeat-x bottom;
	width: 100%;
	bottom: 0px;
	position: absolute;
	text-align:center;
	line-height:100%;
	clear:both;
}
#main_menu {
	width:1000px;
	margin:0 auto;
	clear:both;
}
#main_menu li {float:left;}

#sub_menu {
	width:1000px;
	border-top:1px solid #fff;
	text-align:left;
	margin:0 auto;
	clear:both;
}
#sub_menu ul {}
#sub_menu li {float:left; list-style:none;}

@media only screen and (min-width: 641px) and (max-width: 999px) {
	#main_menu {width:100%; max-width:100%; height:80px; overflow-x:hidden;}
	#main_menu li {width:12.5%; text-align:center; overflow:hidden;}
	#main_menu li img {width:100%; max-width:125px; max-height:80px;}
	#main_menu li img:hover {width:12.5%;}
	#sub_menu {width:100%;}
}

@media only screen and (max-width: 640px) {
	#footer {background:url(../img/footer_bksm.gif) repeat-x bottom; bottom:84px;}
	#main_menu {display:none; visibility:hidden;}
	#sub_menu {display:none; visibility:hidden;}
}
#footer_sm_box {display:none; visibility:hidden;}
#footer_sm {display:none; visibility:hidden;}
@media only screen and (max-width: 640px) {
	#footer_sm_box {display:table; visibility:visible; width:100%; height:84px; position: absolute; bottom: 0; background:#000;}
	#footer_sm {font-size:14px; line-height:18px; padding:0 2px 2px 2px; display:table-cell; visibility:visible; vertical-align:bottom; background:#000;}
}

/*　ニュース　*/
#index_bg {
	position:relative;
	z-index: 10;
	width:1000px;
	height:180px;
	margin:0 auto;
	overflow:hidden;
	}

#index_bg #news {
	position:absolute;
	width:998px;
	height:180px;
	top:150px;
	text-align:left;
	font-size: 12px;
	left: 1px;
	}
#index_bg #news p{line-height:0;}

#index_bg #news .inner {
	background-color:rgba(0,0,0,0.7);
	background-repeat : no-repeat;
	padding:5px 10px;
	line-height:2;
	}
#news .inner a, #news .inner a:visited {color:#cc9;}
#news .inner a:hover{color:#ff9933;text-decoration:none;}

#index_bg #news .banner {
	float:right;
	padding:0 0 0 10px;
	border-left:solid #505050 1px;
	}

#news .banner ul { margin:0; padding:0; width:220px; list-style:none; float:right;}
#news .banner li { margin:0; padding:0 10px;}

.tv_cm { float:left;
	width:184px;
	padding:3px; 
	margin:0; 
	float:right; 
	background-color: rgba( 0, 0, 0, 0.80 )
}

@media only screen and (max-width: 999px) {
	#index_bg {width:100%;}
	#index_bg #news {width:100%; left: 0;}
	#index_bg #news .banner {display:none; visibility:hidden;}
	.tv_cm {display:none; visibility:hidden;}
}

/*floatの回り込み解除 START*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	min-height: 1px;
	}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
/*floatの回り込み解除 END*/

img.float-right {float: right;  margin: 0;}
img.float-left {float: left; margin: 0;}