@charset "utf-8";
/*-------------------------------------------------------------- */
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, sup, tt, var, dl, dt, dd, ol, 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;}

ol, ul {list-style: none;}
table.info-tbl {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, section {display: block;}
/* -------------------------------------------------------------- */
body {
	color:#333;
	font-size:medium;
	font-family:verdana,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
	line-height:1.6;
	-webkit-text-size-adjust: none;
}
/* リンク------------------------------------------------------------*/
a {color:#003366;}
a:visited {color:#6666cc;}
a:hover {color:#990000;text-decoration:none;}
a:hover img {
	 opacity:0.8;
	 filter:alpha(opacity=80);
	 -ms-filter: “alpha( opacity=80 )”;
}
a:active, a:focus {outline:0;}
/* ------------------------------------------------------------*/
#wrapper{
	margin:0 auto;
	padding:20px 1% 0;
	width:98%;
	position:relative;
	font-size:0.8em;
}
.inner{
	margin:0 auto;
	width:100%;
}
/* ヘッダー------------------------------------------------------------*/
#header{
	padding:5px 0;
	height:100px;
}
#header h1, #header p {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.5;
}
.head-l{
	float:left;
	margin-left:17px;
}
.head-r{
	float:right;
	padding-right:20px;
	text-align:right;
}
.head-r p {font-size:0.7em;}
/* 2017/06/11*/
img {
	max-width: 100%;
	height: auto;
}
/* コンテンツ------------------------------------------------------------*/
section.content article {
	margin-bottom:1em;
	padding:10px 0;
	background:#fff;
	overflow:hidden;
}
* html section.content article {height:1%;}
section.content p {
	margin-bottom:5px;
}
.section-header {
	font-size:0.8em;
	font-weight:normal;
}
h1.hotel, h2.s_city {
	padding:5px 0 5px 5px;
	color:#003366;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.3em;
	border-left:solid 10px #003366;
}
h2.ttl {
	font-weight:bold;
	line-height:1.4;
}
h2.hotel-cat {
	border-top:dotted 1px #003366;
	border-bottom:dotted 1px #003366;
	font-size:1em;
	font-weight:bold;
	line-height:1.2;
	padding:7px 0 5px 5px;
}
.cnt img {
	max-width:90%;
	height:auto;
}
.alignleft {
	float:left;
	clear:left;
	margin:3px 10px 10px 0;
}
.alignright {
	float:right;
	clear:right;
	margin:3px 0 10px 10px;
}
.border {border:4px solid #f1f1f1;}
/* サイド------------------------------------------------------------*/
#side article {
	color:#666;
	margin: 0 0 5px 0;
	padding: 5px 0;
}
#side ul {padding:5px;}
#side li {
	margin-bottom:3px;
	padding-bottom:3px;
	list-style:none;
	border-bottom:1px dashed #ebebeb;
}
#side li:last-child{
	border:0;
	margin-bottom:0px;
}
#side li a {
	display:block;
	overflow:hidden;
	word-break:keep-all;
	word-wrap:normal;
	white-space:nowrap;
	text-decoration:none;
}
#side li a:hover {text-decoration:underline;}
.widget-header {
	margin: 0 0 3px 0;
	padding:10px 0 8px 5px;
	font-weight:normal;
	border-top:1px dotted #333333;
	border-bottom:1px dotted #333333;
	background-color:#f1f1f1;
	_height:1px;
}
.widget-cnt {
	color:#666;
	margin: 0 0 5px 0;
	padding: 5px 0;
	overflow:hidden;
}
/* フッター------------------------------------------------------------*/
#footer{
	clear:both;
	overflow:hidden;
	font-size:0.7em;
	padding:7px;
	border-top:1px solid #858585;
}
* html #footer{height:1%;}
ul.footnav{
	width:100%;
	text-align:center;
	padding:5px 0;
}
ul.footnav li{
	float:none;
	display:inline-block;
	padding:0 6px;
	border-right:1px solid #b6b6b6;
}
/* ------------------------------------------------------------*/
address {
	font-size:0.8em;
	text-align:center;
}
p strong {
	font-weight:bold;
}
section.content p span {
	color:#990000;
}
#top_pan {
	clear:both;
	font-size:0.9em;
	margin-bottom:1em;
	overflow:hidden;
}
#bot_pan {
	clear:both;
	font-size:0.9em;
	overflow:hidden;
}
.sps-side {
	margin:0 0 8px 0;
}
.sps-img {
	margin:7px 0;
}
.pager {
	text-align:right;
	margin-bottom:1em;
}
.cnt {
	text-align:center;
	margin:7px 0;
}
.n-rgt {
	clear:both;
	text-align:right;
}
br.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
/* ページリスト */
.bMenu {
	clear: both;
	border-bottom:1px solid #e9e9e9;
	margin-bottom:0.9em;
	overflow:hidden
}
.bMenu strong {
	font-weight: bold;
}
.bMenu_ttl {
	color:#fff;
	display:inline-block;
	padding:5px;
	font-size:1.1em;
	font-weight:bold;
	background-color:#0080ff;
	overflow:hidden
}
.bMenu li {
	display:block;
	margin:3px 0;
	text-decoration:none;
	overflow:hidden;
	word-break:keep-all;
	word-wrap:normal;
	white-space:nowrap;
}
.hotellist li {
	display:block;
	overflow:hidden;
	background: transparent url(./share/ag-arrow2.gif) no-repeat 0 2px;
	padding-left:17px;
}
.hotellist li a {
	text-decoration:none;
}
.site-box {
	font-size:1.2em;
}
/* ホテルリスト */
.list-ttl {
	background-color:#f1f1f1;
	border-top:dotted 1px #003366;
	border-bottom:dotted 1px #003366;
	font-weight:bold;
	line-height:1.2;
	padding:7px 0 5px 5px;
}
.h-list {
	border-bottom:dotted 1px #003366;
	padding:5px 0;
	overflow:hidden;
}
.menu-box {
	margin-bottom:1em;
}
.menu-box h3 {
	display:inline;
	font-size:1.1em;
	margin:6px 0;
}
.menu-box img {
	margin:0 0 0 7px;
}
p.h-det {
	line-height:1.3;
}
p.h-det img{
	float:left;
	margin:0 8px 6px 0;
}
/* ホテル詳細 */
.hotel-btn {
	float:right;
	margin:1em 0 0 auto;
	overflow:hidden;
}
.hotel-btn a {
	display:block;
	width:240px;
	height:45px;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	line-height:45px;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	background-color:#003366;
}
.hotel-btn a:hover {
	background-color:#990000;
}
.right-navi {
	clear:both;
	text-align:right;
}
table.info-tbl {
	width:100%;
	border-collapse:collapse;
	margin:5px auto 15px auto;
}
table.info-tbl td {
	width:50%;
	border-collapse:collapse;
	text-align:left;
	padding:8px;
	border:1px solid #D4D4D4;
	line-height:20px;
}
table.info-tbl th {
	width:50%;
	text-align:right;
	padding:8px;
	letter-spacing:1px;
	border-top:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
}
ul.fac-tbl li {
	width:29%;
	float:left;
	background: transparent url(./share/check-non.png) no-repeat 0 2px;
	padding: 5px 0 5px 22px;
	word-break:keep-all;
	word-wrap:normal;
	white-space:nowrap;
}
ul.fac-tbl li.chk {
	background: transparent url(./share/check.png) no-repeat 2px 0;
	padding: 5px 0 5px 22px;
}
/* PC用 ------------------------------------------------------------*/
@media only screen and (min-width: 980px){
	#header,#wrapper,.inner{
	width:980px;
	padding:0;
	margin:0 auto;
	}
	
	#wrapper{padding-bottom:20px;}
	
	#main {
	float:left;
	width:600px;
	padding-left:15px;
	}
	
	#main img {
	max-width:100%;
	height:auto;
	}
	#side {
	float:right;
	width:336px;
	padding-right:14px;
	overflow:hidden;
	}
	#side article {
	margin-bottom:20px;
	overflow:hidden;
	}
  	#gallery img {
	float:left;
	width:32%;
	margin:0 5px 5px 0;
	}
	/* グリッド */
	.sbox2{
	float:left;
	width:48%;
	margin:10px 5px 10px 0;
	}
	ul.fac-box li {
	width:29%;
	float:left;
	}
}
@media only screen and (max-width:979px){
	*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	#main{max-width:600px;}
	
	#side {max-width:600px;padding-bottom:30px;}
	#side article{padding:7px;margin-bottom:12px;}
	#side p{text-align:center;}
	
	.sbox2{
	float:left;
	width:48%;
	margin:0 5px 0 0;
	}
	#gallery img {
	float:left;
	width:32%;
	margin:0 5px 5px 0;
	}
}
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	#header{
	height:auto;
	}
	.head-l,.head-r{
	clear:both;
	width:100%;
	float:none;
	margin:0;
	text-align:center;
	}
	.box img{
	float:left;
	margin-right:5px;
	}
	.box h3{padding-top:0;}
	.alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
	.bMenu li {
	margin-bottom:0.3em;
	}
	.sbox2 {float:left;}
	#gallery img {float:left;}
}
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	.sbox2 {width:100%;}
	#gallery img {float:none;width:100%;height:100%;}
	.box img{max-width:100px;}
	ul.fac-box li {width:48%;float:left;}
	.bMenu li {
	margin-bottom:0.3em;
	}
}