@CHARSET "UTF-8";


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




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

	div#top img{
		width: 66%;
	}



	div.tel{
		display: none;
	}

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

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

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

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


#contents1{
	background: #fff;
	width: 94%;
	margin: 0 auto;
	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.welcome{
		width: 300px;
		margin-left: 5px;
	}

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

	#page-top {
		position: fixed;
		bottom: 10px;
		right: 25px;
		font-size: 14px;
	}

	#page-top img{
		width: 100px;
		height: 100px;
	}


}


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

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

	body{
		font-size: 15px;
	}

	#wrap{
			margin-bottom: 30px;
	}

	.language p{
		display:none;
	}

	#contents1 h2:first-child{
		font-size: 22px;
	}

	#contents1 h2{
		font-size: 22px;
	}

	img.welcome{
		clear: both;
		width: 100%;
		margin-bottom: 10px;
	}

	div.reserve{
	text-align: left;
	}

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

	#container{
		padding: 0;
	}


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

	#page-top {
		position: fixed;
		bottom: 10px;
		right: 15px;
		font-size: 14px;
	}

	#page-top img{
		width: 90px;
		height: 90px;
	}


/* 480px以下--------------------------------------
------------------------------------------------*/

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

	#contents1 h2:first-child{
		font-size: 18px;
	}

	#contents1 h2{
		font-size: 18px;
	}

	img.reserve{
		width:100%;
	}

	#wrap{
		margin-bottom: 15px;
	}

	div#top div img{
		width: 80%:
	}



	#page-top {
		position: fixed;
		bottom: 5px;
		right: 5px;
		font-size: 14px;
	}

	#page-top img{
		width: 75px;
		height: 75px;
	}
}