@CHARSET "UTF-8";


	#wrap{
		width: 100%;
		margin-top: 0;
	}



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

	div.logo{
		width: 100%;
		height: auto;
		margin: 20px auto 0px;
	}

	div.logo img{
		width: 30%;
		display: block;
		margin: 0 auto;
	}

	div.tel{
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	div.tel img{
		float:none;
		width: 30%;
		display: block;
		margin: 0 auto 10px;
	}

ul#navi{
	width: 100%;
	background: #172144;
}

ul#navi li {
	display: inline-block;
}

ul#navi li img{
	display: inline-block;
	text-align: center;
}

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

#container{
	margin: 0;
	padding: 10px;
	width: 100%;
}


#main{
	clear: both;
	float: none;
	width: 100%;
	margin: 20px auto;
}

#contents1{
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 10px;
}

img.reserve{
	width: 50%;
}

.wifi{
	width: 95%;
	margin: 0 auto;
}


.sub{
	display: none;
}



#map{
	background: #fff;
	float: none;
	width: 100%;
	margin: 0 auto;
}

	table.walk td {
		font-size: 80%;
	}


.fwrap{
	display: none;
}

/* 864px以下--------------------------------------
------------------------------------------------*/

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

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

	img.reserve{
		display: block;
		margin: 15px auto;
		width: 70%;

	}

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

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


/* 648px以下--------------------------------------
------------------------------------------------*/

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

	body{
		font-size: 15px;
	}

	#wrap{
			margin-bottom: 30px;
	}

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

	div.language p{
		display: none;
	}

	div.logo{
		width: 100%;
		height: auto;
		margin: 20px auto 0px;
	}

	div.logo img{
		width: 35%;
		display: block;
		margin: 0 auto;
	}

	div.tel{
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	div.tel img{
		float:none;
		width: 35%;
		display: block;
		margin: 0 auto 10px;
	}


	img.welcome{
		clear: both;
		width: 100%;

	}
	img.reserve{
		display: block;
		margin: 15px auto;
		width: 85%;

	}

	#container{
		padding: 0;
	}


div#top{
	width:40%;
}

table.top {
	width:100%;
/*	border: solid 1px #000; */
}
table.top td, th {
	background: #fff;
	border-collapse: collapse;
/*	border: solid 1px #000; */
}


table.top td{
	display: block;
	vertical-align: top;
	padding: 3px;
	width: 100%;
}


table.top th {
	display: block;
	width: auto;
}

img.what{
	width: 80%;
}



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

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

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

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


/* rooms,facility共通 -----------------*/

	table.table01 {
		display: block;
		width:100%;
	}

	table.table01 th{
		display: block;
		width:100%;
		text-align: center;
	}

	table.table01 td {
		display: block;
		width:100%;
		text-align: center;
	}


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


	table.facility {
		border: none;
		border-collapse: collapse;
		width: 100%;
	}

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

	table.facility th{
		display: block;
		border: none; /*solid 1px #ddd;*/
		width: 100%;
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		color: #153d73;
		text-align: center;
	}

	table.facility td {
		border: none;
		display: block;
		width: 100%;
	    padding: 10px;
	    vertical-align: top;
		text-align: center;
	}

	p.head img{
		width:55%;
	}


	/* 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){

	div.logo{
		width: 100%;
		height: auto;
		margin: 20px auto 0px;
	}

	div.logo img{
		width: 40%;
		display: block;
		margin: 0 auto;
	}

	div.tel{
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	div.tel img{
		float:none;
		width: 40%;
		display: block;
		margin: 0 auto 10px;
	}

	img.reserve{
		width:100%;
	}

	#wrap{
			margin-bottom: 15px;
	}

}