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

	html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p,a, dl, dt, dd, ol, ul, li, tr, th, td{
		border:0;
		font-family:inherit;
		font-style:inherit;
		font-weight:inherit;
		margin:0;
		outline:0;
		padding:0;
		vertical-align:baseline;
	}

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

	:focus{
		outline:0;
	}


	table{
		border: none;
	}


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

	ol{
		margin-left: 30px;
	}

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

	ol.list_parentheses li{
		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;
	}

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

	ul{
		list-style:none;
	}




	a img{
		border:0;
	}

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

	.left{
		text-align: left;
	}

	.right{
		text-align: right;
	}

	.f10{
		font-size:10px;
	}


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

	body{
	/*	background-image: url(../../img/bg11.jpg);*/
		background: #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		width: 100%;
		color:#555;
		font-size:18px;
		font-family: 'Noto Sans Japanese';
	/*	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
		line-height:1.5;
		-webkit-text-size-adjust:100%;
	}


	/* リンク設定 ------------------------------------------------------------*/
	a{
		color:#6caefe;
		text-decoration:none;
	}

	a:hover{
		color:#488fdd;
	}

	a:active, a:focus {
		outline:0;
	}

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

	h1 {
		margin: 0 auto;
	}

	h2{
		font-weight: bold;
		font-size: 24px;
		margin: 30px auto 10px;
		border-bottom: solid 3px #eedcb3;
		position: relative;
	}

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


	/* ======================= 全体 ======================= */
	/* ======================= ヘッダー ======================= */

	header{
		width: 100%;
		height: auto;
		margin: 0 auto;
		background: #f4efd7;
		border-bottom: solid 2px #693905;
		background-image: url(../../img/royal_bg3.jpg);
	}

	div.headTitle{
		width: 100%;
		background: #693905;
	}

	div.headT_inner{
		max-width: 1200px;
		margin: 0 auto;
		font-size: 10px;
		color: #fff;
		padding: 0px 10px;
	}

	div.headT_inner h1{
		font-size: 10px;
		float:left;
		padding: 5px 0 0;
	}

	.language{
		width: auto;
		float: right;
		margin: 0 auto;
	}

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

	#google_translate_element{
		float: right;
	}


	div.head_inner{
		max-width: 1200px;
/*		background: #f4efd7; */
		margin: 0 auto;
		padding: 20px 10px;
	}


	/* ============ PCロゴ ======================= */

	p.logo{
		display: block;
		float: left;
/*		background: #000;*/
	}

	p.logo img{
		width: 300px;
	}

	/* ----------- スマホロゴ ------------------*/
	p.logo_s{
		display: none;
	}



	/* ============ 電話番号 ======================= */

	div.tel{
		display: block;
		text-align: right;
	}

	div.tel p{
		text-align: right;
		font-size: 15px;
	}

	div.tel img{
		clear:both;
		width: 320px;
		text-align: right;
		margin-top: -15px;
	}



	/* ============ ナビ  =================== */

	#navi{
		width: 100%;
		margin:0px auto;
	/*	background: #f4efd7;*/
		float: right;
/*		border-top: solid 1px #8c7042; /*#693905;*/
	}

	.nav_inner{
		max-width: 1200px;
		margin: 0 auto;
		border-top: solid 1px #8c7042; /*#693905;*/

	}

	/* トップ画像 --------------------------------------- */

	.topImg{
		position: relative;
		padding: 0;
		background: #B5A462;
	}

	.topImg img{
		width: 100%;
		display: block;
		padding: 0;
		margin: 0px auto;
		opacity: 0.9;
	}

	.topImg p{
		position: absolute;
		top: 45%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		color: #fff;
	}

	.box16{
		padding: 0.5em 1em;
		margin: 2em 0;
		background: #6a1917;
/*		background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
		background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);*/
	}
	.box16 p {
		margin: 0;
		padding: 0;
	}

	/* まだ使うかは不明 11/13 ----------------------------*/
	.topbnr{
		border-collapse: collapse;
		max-width: 1200px;
		margin: 30px auto;
	}
	.topbnr th,
	.topbnr td {
		padding: 10px;
	}

	.topbnr td {
		width: 50%;
	}

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


	/* 予約-------------------------------------------- */

	div.reserve{
		width: 1000px;
		height: 200px;
		background: #ddd; /*#663300;*/
		margin: 20px auto;
	}

	div.reserve img{
		display: block;
		margin: 0 auto;
	}

.pMark{
  margin-top: 1rem;
  text-align: center;
}
	/* 見出し ----------------------------------------*/

	.gridWrapper{
		clear:both;
		max-width: 1000px;
		padding-bottom:20px;
		overflow:hidden;
		margin: 50px auto 20px;
		display:table;
		background: #fff;
		/*	border: solid 1px #ddd; */
	}

	/* 見出し個々 -------------------------------------*/
	.grid{
		width:380px;
		display:table-cell;
		background: #fff;
	}

	* html .gridWrapper{height:1%;}

	.grid{
		overflow:hidden;
	}

	.box{
		background: #fff;
		padding:8px;
		margin: 5px;
	}

	.box img{
		width:100%;
		display: block;
		margin: 0 auto;
	}

	.box h3{
		font-size:16px;
		padding:10px 0 15px;
	}

	.box h3, .box p{
		text-align:left;
	}

	.box p.readmore{
		padding:10px 10px 5px;
		text-align:right;
	}

	.box p.readmore a{
		padding:3px 7px;
		border-radius:3px;
	}



/* トップページのコンテンツ -------------------------------------------------------*/

	#wrap{
		max-width: 1200px;
		background: #fff;
		margin: 0px auto 50px;
		padding: 20px 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);*/
	}



	/* トップページ地図
	---------------------------------------------------------------------------*/

	#map{
		background: #fff;
		text-align: center;
	}

	#map p{
		text-align: left;
		margin-left: 10px;
	}


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

	#contents1{
		width: 100%;
		background: #fff;
	}

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


	#main ul {
		margin-bottom: 15px;
	}

	#main li{
		padding: 0 0 0 10px;
	}

	/*メニュー１個ごとの設定*/
	#main ul li a {
		text-decoration: none;
		border-bottom: 1px solid #222;
		padding-left: 10px;
		background: #fff;
		color: #000;
	}
	#main ul li a:hover {
		background: #ff6b12;
	}

	img.hotelbnr{
		display: block;
		margin: 50px auto 30px;
	}



/*subコンテンツ内のbox1
---------------------------------------------------------------------------*/
/*subコンテンツ内のbox1設定*/
#sub{
	background: #7f3509;
	padding: 10px;
	margin-bottom: 15px;
}
#sub{
	margin-bottom: 0;
}


/* サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	background: #fff;
	float: right;
	width: 20%;
	margin-right: 20px;
	padding-bottom: 30px;
}

p.top{
	text-align: center;
}
p.top img{
	width: 40%;
}




/* 宿泊案内 部屋スペック ---------------*/

	p.c{
		margin-top: 80px;
	}

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

	#rooms {
		clear: both;
		background: #fff;
		width: 90%;
		margin: 0 auto;
	}

	#rooms p{
		text-align: left;
	}

	#rooms span {
		font-size: 11px;
		float: none;
		width: auto;
	}

	table.room {
		width:100%;
		margin: 20px auto 70px;
		border-collapse: collapse;
		border-spacing: 0;
	}

	table.room th{
		padding-right: 10px;
		width: 45%;
		vertical-align: middle;
	}

	table.room td.room_t{
		background: #bf794e;
		font-size: 18px;
		vertical-align: middle;
		padding-left: 15px;
		color: #fff;
	}

	table.room td{
		border: solid 1px #ddd;
		padding-left: 15px;
		vertical-align: middle;
	}

	img.reserve{
		width: 50%;

	}


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

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

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

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


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

.card{
	width: 100%;

}

.card img{
	width: 90%;
}


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

	#contents{
		width: 95%;
		background: #fff;
		margin: 0 auto;
		padding: 10px;
	}

	#contents img{
		display: block;
		margin: 0 auto;
	}

	img.tokyomap{
		width: 100%;
		margin: 20px auto;
	}


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

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: 17px;
	    padding: 5px;
	    vertical-align: top;
		line-height: 1.5;
}

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

img.access{
	width: 100%;
}


/* 利用規約 ------------------------------------*/

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

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



/*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: #000;
		background: #f4efd7;
		border-top: solid #693905 3px;
		padding-top: 10px;
		background-image: url(../../img/royal_bg3.jpg);
	}

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


	/*フッターメニュー設定
	---------------------------------------------------------------------------*/
	div.fwrap{
		max-width: 1200px;
		margin: 15px auto;
	}
	div.address{
		width:23%;
		height: 100%;
		float: left;
		display: inline-block;
		padding-top: 20px;
		padding-left: 10px;
	/*	background: #000;*/
	}


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

	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{
		display: block;
		font-size: 13px;
	}

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

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

	footer img.f_logo{
		width: 55%;
		display: block;
		margin: 15px auto 0;
	}

	footer p.address{
		font-size: 65%;
		text-align: center;
		margin-top: 15px;
		margin-left: 10px;
	}

	/* リスト縦 フッター下部 --------------------------*/
	div.fmenu1{
		width:26%;
	/*	background: #777;*/
		padding-top: 35px;
		text-align: left;
		float: right;
	}

	div.fmenu1 li a{
		margin-left: 5px;
		font-size: 10px;
	}

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

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

	div.fmenu2{
		width:24%;
	/*	background: #777;*/
		padding-top: 35px;
		text-align: left;
		float: right;
	}
	div.fmenu2 li a{
		font-size: 10px;
	}
	.f_hr{
		border: solid 1px #fff;
	}

	.clear{
		clear: both;
	}

	/* コピーライト -------------------------------------*/
	div.copy{
		color: #fff;
		background: #693905;
		font-size: 10px;
		text-align: center;
	}


/* 1200px以下トップ画像設定 --------------------------------*/
	@media only screen and (max-width:1200px){
		.topImg img{
			width: 100%;
			height: auto;
		}
	}




/* 1039px以下の設定 ---------------------------------------------*/
@media only screen and (max-width:1039px){


	*{
    -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{
		padding-top:15px;
	}

	.img_news{
		width: 100%;
	}


	.grid{
	float:left;
	width:32%;
	margin:10px 0 0 1%;
	}

	p.head img{
		margin-top: 20px;
	}

	div.fwrap{
		max-width: 1200px;
		margin: 20px auto;
	}
	div.address{
		width:100%;
		height: 100%;
	}

	/* フッターロゴ */
	footer img.f_logo{
		display: block;
		width: 20%;
		margin: 0 auto;
	}

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

	.fmenu1{
		display: none;
	}

	.fmenu2{
		display: none;
	}

	.topInfo{
	display: none;
	}



/* トップページのコンテンツ -------------------------------------------------------*/

	/* 予約 */

	div.reserve{
		width: 96%;
		height: 150px;
		background: #663300;
		margin: 0 auto 30px;
	}

	#contents {
		width: 100%;
		background: #fff;
		margin: 50px auto;
	}

	#contents img{
		width:100%;
	}
	#main {
	background: #fff;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 10px;
	box-sizing: border-box;
	}

	#news {
	width: 100%;
	margin-bottom: 15px;
	}

	#mainBanner img{
	width: 100%;
	height:auto;
}

/* 利用規約 ------------------------------------*/

	#contents1{
		padding: 10px;
	}
}

/* 864px以下の設定 -------------------------------------*/

@media only screen and (max-width:864px){


	p.logo{
		display: none;
	}

	p.logo_s{
		display: block;
		text-align: center;
		margin-bottom: 25px;
	}

	p.logo_s img{
		width: 150px;
	}

	div.tel{
		float: none;
/*		background: #fff;*/
		margin: 0 auto;
		width: 50%;
	}

	div.tel p{
		float: none;
		text-align: center;
		margin: 0 auto;
	}

	div.tel img{
		float: none;
		width: 80%;
		display: block;
		margin: 0 auto;
	}

	p.welcome{
		font-size: 14px;
		line-height: 20px;
	}

	p.welcome img{
		width: 70%;
	}


	/* Facility -----------------------------*/
	#main {
		width: 100%;
		margin: 0 auto;
	}

/* 予約サイト --------------------------------*/

	img.reserve{
		width: 70%;
		display: block;
		margin: 0 auto;
	}



	/* フッターロゴ */
	footer img.f_logo{
		display: block;
		width: 30%;
		margin: 0 auto;
	}

	p.access img{
		width: 30%;
	}


}

@media only screen and (min-width:641px){

	/* ============= 電話番号 クリック無効======================= */
	.telLink {
		pointer-events: none;
	}

}

/* 640px以下の設定 -------------------------------------*/

@media only screen and (max-width:640px){

	body{
		font-size: 14px;
	}

	#header{
		height:auto;
		padding-bottom:20px;
	}

	#header h1,.logo,.info{
		text-align:center;
	}


	div#head{
		padding: 30px 0;

	}

	p.access img{
		width: 40%;
	}

	img.logo{
		float: none;
		margin: 0 auto;
		width:50%;
	}

	p.top{
		font-size: 14px;
	}

	p.top img{
		width: 80%;
	}

	div.tel{
		width: 60%;
	}

	div.tel p{
		font-size: 13px;
	}

/* ========================== */
	p.welcome{
		font-size: 12px;
		line-height: 20px;
	}

	p.welcome img{
		width: 80%;
	}

	.box img{
		float:left;
		margin-right:5px;
	}

	.box h3{
		padding-top:0;
	}

/* 予約サイト --------------------------------*/

	img.reserve{
		width: 100%;
	}


	/* rooms ---------------------------*/

	td.room_t{
		margin-top: 10px;
	}

	table.room {
		width:100%;
		margin: 15px auto 50px;
	}

	table.room td, th {
		display: block;
		width:100%;
		border-collapse: collapse;
	}

	table.room th{
		padding: 0;
		width:100%;
	}


	/* facility ------------------------*/

	.table01 {
		border-collapse: collapse;
		width: 100%;
	}

	td img{
		width: 70%;
		display: block;
		margin: 0 auto;
	}

	.table01 th{
		display: block;
		border: solid 1px #ddd;
		width: 100%;
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		text-align: center;
	}

	.table01 td {
		display: block;
		border: solid 1px #ddd;
		width: 100%;
	    padding: 10px;
	    vertical-align: top;
		text-align: center;
	}

	p.head img{
		width:55%;
	}

	.card img{
		display: block;
		margin: 0 auto;
	}


	/* access ------------------------*/

	table.walk{
		width: 100%;
	}

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

	table.walk td {
		width: 100%;
		display: block;
	    padding: 10px;
	    vertical-align: top;
		line-height: 1.5;
	}


}

/* 480px以下の設定 -------------------------------------*/

@media only screen and (max-width:480px){

	p.head img{
		width:70%;
	}

	p.logo_s{
	display: block;
	text-align: center;
	margin-bottom: 25px;
	}

	p.logo_s img{
	width: 130px;
	}

	#main{

	}

	.grid{
		width:100%;
		margin:10px 0;
	/*	border: solid 1px #ccc;*/
	}

	.box img{
		width: 100%;
		clear: both;
	}


	#mainBanner h2,#mainBanner p{
		font-size:80%;
	}
}