@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

body{
	width: 100%;
	font-size:14px;
	color:#333;
	background: #fff;
	/*background-image: url("../../img/bestbg.jpg");*/
}

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, 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;
	font-family: 'Noto Sans JP';
	font-weight: 400;
	}

*, *:before, *:after {
	margin:0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


	ul {
		list-style:none;
	}

/* 体裁 --------------------体裁 ----------
------------------------------------------*/

	.center{
		text-align: center;
		display: block;
		margin: 0 auto;
	}

	.left{
		text-align: left;
	}

	.right{
		text-align: right;
	}

	.f_left{
		float: left;
	}

	.f_right{
		float: right;
	}

/* 文字 --------------------文字 ----------
------------------------------------------*/

.f20{
	font-size:20px;
}


	#wrap{
		max-width: 1200px;
		background: #fff;
		margin: 50px auto;
		padding: 0px 10px 10px;
/*		-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);	/*影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
/*		box-shadow: 0px 0px 20px rgba(0,0,0,0.2); */
	}

	.topImg{
		margin: 0px auto 0;
		padding: 0px;
		width: 100%;
		background: #fff;
	/*	border-bottom: solid 2px;*/
	}

	.topImg img{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		opacity: 0.8;
	}



/* 1200px以下トップ画像設定 --------------------------------*/

@media only screen and (max-width:1200px){
	.topImg img{
		width: 100%;
		height: auto;
	}
}



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

header{
	width: 100%;
	height: auto;
	background: #996633;
	margin: 0 auto;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}


.headInner{
	max-width: 1200px;
	margin: 0 auto;
	background: #996633; /*#663300;*/
}

	.language{
		max-width: 1200px;
		margin: 0 auto;
		background: #fff;
	}

	.language p{
		float: right;
		color: #fff;
		margin-right: 10px;
		margin-top: 3px;
	}

	#google_translate_element{
		float: right;
	}

	.clear{
		clear: both;
	}

/* ロゴ ------------------------------------------*/

div.logo{
	width: 35%;
	height: 70px;
	float: left;
	margin-top: 15px;
	margin-left: 40px;
	margin-bottom:10px;
}

div.logo img{
	width: 60%;
}

div.tel {
	width: 40%;
	height: auto;
	margin-top: 5px;
	margin-right: 30px;
	float: right;
	background: #996633;
}

div,tel img{
	margin: 0;
}
.tel p{
	text-align: right;
	color: #fff;
}
.tel span{
	font-size: 14px;
}


/* ヘッドナビ -------------------------------*/

.navi{
	width: 100%;
	background: #663300;
	margin: 0px auto;
}

.paradeiser{
	diaplay: none;
}

.paradeiser a:hover{
	background: #fff;
}

.drawer ,.drawer--right{
	display: none;
}


/* ------------------------------*/

.title{
	margin: 30px 0 10px;
}

#container{
	margin: 50px auto 20px;
	max-width:1200px;
	height: auto;
	background: #fff;
	font-size:15px;
	padding: 10px;
	overflow: hidden;
/*	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; */
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);	/*影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.top{
	margin-top: 20px;
}

img.what{
	margin:0;
}

#contents{
	max-width: 1200px;
	height: auto;
	margin: 25px auto 25px auto;
	padding: 10px;
	background: #fff;
}

.top01{
	width: 100%;
}

img.welcome{
	width: 400px;
	float: right;
}

img.reserve{
	margin: 15px 0;
	width: 50%;
}

img.reserve:hover{
	opacity: 0.8;
}


/* トップテーブル ------------------------------ */

table.top {
	width:100%;
/*	border: solid 1px #000; */

}
table.top td, th {
	border-collapse: collapse;
	border: solid 1px #000;
}


table.top td{
	vertical-align: top;
	width: 70%;
}


table.top th {
	width: auto;
}

.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}

.lh25{
	margin-left: 15px;
	line-height: 22px;
}

/* -----------------------------------------------*/







.contents2{
	width: 100%;
	background: #fff;
	margin: 30px 0;
	overflow: hidden;
}

.pMark{
  margin-top: 1rem;
}





/* メインコンテンツ ------------------------------------------------*/

#main {
	background: #fff;
	width: auto;
	padding-bottom: 10px;
	box-sizing: border-box;
}

/* hタグ --------------------------------------------------------------*/

h1 {
	margin: 0 auto;
}

h2{
	font-weight: bold;
	font-size: 22px;
	margin: 30px auto 10px;
	border-bottom: solid 5px #ffcc99;
	position: relative;
}

h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 5px #663300;
	bottom: -5px;
	width: 40%;
}


/* サブコンテンツ
---------------------------------------------------------------------------*/
.sub {
	background: #fff;
	margin: 0px;
	float: right;
	width: 23%;
}

img.wifi{
	width:100%;
	border: solid 1px #bbb;
}

/* picArea */

#picArea ul li{
	display:block;
	margin-right:35px;
	float:left;
	}
#picArea ul{
	margin:0;
	padding:0;
	}
#picArea ul li.last{
	margin-right:0;
	}

#picArea{
	overflow:hidden;
	background:#b88e6e;
	padding:35px 50px;
}

/* -------------------------------------共通設定-----------
-----------------------------------------------------------
----共通設定---------------------------------------------*/

	#contents1{
		padding: 10px 35px;
	/*	border: solid 1px #ddd;*/
	}

	img.title{
		width: 90%;
		display: block;
		margin: 0 auto 50px;
	}

/* Rooms ---------------------------------客室--------------
-------------------------------------------------------------
----------------------------------------------------------*/

	.mainImg{
		width: 100%;
		vertical-align: top;
	}


	table.room {
		width:100%;
		margin: 0px auto 30px;
		border-collapse: collapse;
		border: none;

	}

	table.room th{
		width: 60%;
		vertical-align: middle;
		padding: 2px;
		border: none;
	}


	table.room td{
		vertical-align: top;
		padding: 2px;
	}

	table.room span {
		font-size: 13px;
		float: none;
		width: auto;
	}


/* Rooms,Facility共通テーブル --------------------------*/

	table.table01 {
		width: 100%;
		margin: 10px auto 30px;
		border-collapse: collapse;
		text-align: left;
		line-height: 40px;
	}

	table.table01 th{
		border: solid 1px #bbb;
		width: 30%;
		padding: 20px;
		font-weight: bold;
		vertical-align: middle;
		color: #333;
		background:  #ffe5cc;
		line-height: 1.5;
	}

	table.table01 th span{
		font-size:14px;
	}

	table.table01 td {
	    width: 70%;
	    padding: 20px;
	    vertical-align: middle;
		line-height: 1.5;
		border: solid 1px #bbb;
	}



/* Facility ------施設案内------------------------------------
---------------------------------------------------Facility---
-------------------------------------------------------------*/

table.facility {
	width: 100%;
	margin: 10px auto 30px;
	border-collapse: collapse;
	text-align: left;
	line-height: 40px;
}

table.facility th{
	width: 30%;
	padding: 20px;
	font-weight: bold;
    vertical-align: middle;
	color: #333;
	background: #f5deb3;
	line-height: 1.5;
}

table.facility td {
	    width: 50%;
	    padding: 10px;
	    vertical-align: top;
		line-height: 1.5;
}

table.facility p{
	margin: 5px 0 5px 5px;
	text-align: left;
}

table.facility span{
	font-size: 14px;
}

.lh40{
	margin-left: 15px;
	line-height: 40px;
	text-align: left;
}

.card{
	width: 60%;
}


/* ------東京マップ----------東京マップ-----------東京マップ
-----------------------------------------------------*/



ul.textIndent li{
	margin-top: 15px;
}

ul.textIndent li.indent{
	margin-top: 0;
	padding-left: 15px;
}



/* ------アクセス----------アクセス-----------アクセス
-----------------------------------------------------*/

table.walk{
	width: 100%;
}

table.walk th{
	border: solid 1px #bbb;
	width: 33%;
	padding: 10px;
	font-weight: normal;
    vertical-align: middle;
	color: #333;
	background: #f5deb3;
	line-height: 1.5;
}

table.walk td {
	    width: 33%;
	    font-size: 14px;
	    padding: 5px;
	    vertical-align: top;
		line-height: 1.5;
}

img.map{
	width: 100%;
	margin-bottom: 50px;
}

img.access{
	width: 100%;
}


/* 利用規約・宿泊約款 ---------------------------
--------------------------------------------------*/

	ol{
		margin-left: 15px;
	}

	ol.list_parentheses{
		padding:0 0 0 2em;
		margin:0;
	}

	ol.list_parentheses li{
		margin-left: -15px;
		list-style-type:none;
		list-style-position:inside;
		counter-increment: cnt;
	}

	ol.list_parentheses li:before{
		display: marker;
		content: "(" counter(cnt) ") ";
	}

	li.rules{
		margin-bottom: 15px;
	}



/*PAGE TOP設定
---------------------------------------------------------------------------*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 14px;
}
#page-top a {
	opacity: 0.7;
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 0px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/*フッター
---------------------------------------------------------------------------*/
footer {
	width: 100%;
	color: #fff;
	background: #996633;
	border-top: solid #0B0B3B 3px;
	padding-top: 20px;
	margin: 0 auto;
}

footer a {
	text-decoration: none;
	color: #000;
}
footer a:hover {
	color: #777;
}


/*フッターメニュー設定
---------------------------------------------------------------------------*/

div.fwrap{
	max-width: 1200px;
	margin: 20px auto;
}

div.address{
	width:23%;
	height: 100%;
	float: left;
	display: inline-block;
	padding-top: 40px;
}


/* リスト横 フッター上部 */

div.fmenu{
	width: 100%;
	text-align: center;
	border-bottom: dotted 1px #999;
	padding-bottom: 25px;
}

div.fmenu li{
	height: 20px;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-right: solid 1px #000;
	padding:0 8px;
}

div.fmenu li a{
	color: #fff;
	font-size: 13px;
}

div.fmenu li a:hover{
	color: #fff;
}

div.fmenu li:last-child{
	border: none;
}

/* フッターロゴ ----------------------------------- */

footer img.f_logo{
	width: 60%;
	display: block;
	margin-left: 30px;
}

footer p.address{
	font-size: 68%;
	text-align: left;
	margin-top: 15px;
	margin-left: 30px;
}


/* リスト縦 フッター下部 --------------------------*/

div.fmenu1{
	width:25%;
/*	background: #777; */
	margin-bottom: 25px;
	padding-top: 25px;
	text-align: left;
	float: left;
}

div.fmenu1 ul{
	padding-left: 10px;
	color: #fff;
}

div.fmenu1 li a{
	color: #fff;
	font-size: 10px;
}

div.fmenu1 li a:hover{
	color: #fff;
}


.f_hr{
	border: solid 1px #fff;
}

/* リスト縦 ------------------------------------*/
/* 系列店舗欄 ----------------------------------*/

div.fmenu2{
	width:24%;
/*	background: #777; */
	margin-bottom: 25px;
	padding-top: 25px;
	text-align: left;
	float: left;
}

div.fmenu2 ul{
	padding-left: 10px;
	color: #fff;
}

div.fmenu2 li a{
	color: #fff;
	font-size: 10px;
}

div.fmenu2 li a:hover{
	color: #fff;
}

.f_hr{
	border: solid 1px #fff;
}

.clear{
	clear: both;
}

.ml15{
	margin-left: 15px;
}

/* コピーライト -------------------------------------*/

div.copy{
	color: #fff;
	background: #663300;
	font-size: 11px;
	text-align: center;
}