@CHARSET "UTF-8";


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

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

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

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

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

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

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

.pMark{
  text-align: center;
}


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


/* 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 #cce4ff;
		position: relative;
	}

	.language p{
		display: none;
	}

	div.logo{
		margin: 25px auto 10px;
	}

	div.logo img{
		width: 50%;

	}

	img.welcome{
		clear: both;
		width: 100%;
		margin: 0;
	}
	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){
	img.reserve{
		width:100%;
	}

	#wrap{
			margin-bottom: 15px;
	}


}