@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
html{
	width: 100%;
}

body{
	width: 100%;
	font-size:14px;
	color:#333;
	background: #F5DEB3;
}

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;
}


h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {
	margin: 0px;
	padding: 0px;
}

h1{
	text-align: center;
}

h2{
	margin-top: 60px;
}

ul {
	list-style-type: none;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}


.left{
	text-align: left;
}

.right{
	text-align: right;
}



/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #806c3f;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

a:hover {
	color: #333;
}

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


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

	#contents{
		width: 90%;
		margin: 0 auto;
		padding: 10px 35px;
	/*	border: solid 1px #ddd;*/
	}


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

	header{
		max-width: 1200px;
		margin: 0 auto;
		height: auto;
		background: #762f07;
	}

	.language{
		max-width: 1200px;
		float: right;
	}

	.clear{
		clear: both;
	}

	img.logo{
		width: 200px;
		display: inline-block;
		margin-bottom: 20px;
	}

	.navi{
		border-top: solid 1px #6a1917;
	}

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

	div.top{
		margin-top: 20px;
		padding: 10px 0px;
	}

	div.top div{
		width: 300px;
		display: block;
		margin: 0 auto;
	}

	div.top img{
		display: block;
		width: 70%;
		margin: 0 auto;
		margin-bottom: 15px;
	}

/*コンテナー ----------------------------------------------------------- */

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

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

	img.top{
		width: 100%;
		margin: 0;
		border-bottom: solid 3px #806c3f;
	}


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

	#main {
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
		background: #fff;
	}

/* mainコンテンツのh2タグの設定 -----------------------------------*/

	#contents h2 {
		clear: both;
		color: #800000;
		margin-bottom: 15px;
		line-height: 1.3;
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px solid #806c3f;
		text-align: center;
		padding-bottom: 15px;
		letter-spacing: 0.4em;
	}

/* h2大きい見出し -------------------------------------------*/

	#contents h2 span {
		display: block;
		margin-top: 5px;
		color: #800000;
		font-family: 'Bellefair', serif;
		font-size: 54px;
	}

	#contents h2 span.f35{
		font-size: 35px;
	}


/* ========= 冒頭  welcome お宿cocochi～部分の画像  ========= */

	img.welcome{
		width: 350px;
		float: right;
		margin-left: 10px;
	}


/* 連絡先 -----------------------------------------*/
/* 予約-----------------------------------------------*/

div.reserve{
	text-align: center;
}

table.reserve{
	width: 100%;
}

table.reserve td:first-child{
	background: #ffb8b8;

}

table.reserve td{
	border: solid 1px #333;
	width: 50%;
	padding-bottom: 15px;
}

table.reserve td p{
	font-size:14px;
	text-align: center;
	margin-top: 25px;
}

span.tel{
	line-height: 1.2;
	font-size: 44px;
	font-family: 'Bellefair', serif;
}
.pMark{
  margin-top: 1rem;
  text-align: center;
}

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

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


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

	}

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


	table.room td{
		vertical-align: top;
		width: 50%;
		padding: 2px;
		border: none;
	}

	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 #ddd;
		width: 30%;
		padding: 20px;
		font-weight: bold;
		vertical-align: middle;
		color: #333;
		background: #f3a68c;
		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 #ddd;
	}

/* 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;
		border: none;
}

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%;
}


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

p.tokyomap{
	text-align: center;
}
p.tokyomap img{
	width: 100%;
}

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

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



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

	table.walk{
		width: 100%;
		border: none;
	}

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

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

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

	img.access{
		width: 100%;
	}


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

	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;
	}


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

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 14px;
}
#page-top a {
	opacity: 0.7;
    background: #B22222;
    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: #FFA07A;
}



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

footer {
	height: 100%;
	color: #fff;
	background: #762f07;
	border-top: solid #0B0B3B 2px;
	padding-top: 20px;

}

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


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

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

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

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;
	}



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

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

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

	.clear{
		clear: both;
	}