@charset "utf-8";


	img.top{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
/*---------------------------------------*/

	.text{
		width:100%;
	}

	.text p{
		font-size: 20px;
	/*	text-align: center;*/
		margin-bottom:15px;
	}

	p.checkIn{
		border: solid 1px;
		text-align: center;
	}

	p.label{
		text-align: center;
		vertical-align: middle;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 10px 0 7px;
		border-bottom: solid 1px black;
	}

	p.blue{
		font-size: 20px;
		font-weight:bold;
		color:#006699;
	}

	p.alert{
		font-size: 16px;
		color:#ff0000;
	}



/* 見出し ----------------------------------------*/

	ul.rooms {
		width: 100%;
		margin: 30px auto;
		padding: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}

	ul.rooms li.roomsLeft{
		width: 49%;
		border: solid 1px #bbb;
	}

	ul.rooms li.roomsRight{
		width: 49%;
		margin-left: 1%;
		border: solid 1px #bbb;
	}

/* 見出し個々 -------------------------------------*/

	.box{
		padding: 10px;
		margin: 0 auto 30px;
		overflow: hidden;
	}

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

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

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

	/* 予約ボタン -------------------------*/

	.square_btn {
	    position: relative;
	    display: inline-block;
	    font-weight: bold;
	    padding: 10px 15px;
	    text-decoration: none;
	    color: #FFF;
	    background: #00bcd4;
	    transition: .4s;
	  }

	.square_btn:hover {
	    background: #1ec7bb;
	}


	/* お部屋設備 ----------------------*/

	.facility{
		width: 100%;
		margin: 0 auto;
	}

	.equipment{
		margin-top: 20px;
		margin-bottom: 100px;
		overflow:hidden;
	}

	.equipment .equipmentImg{
		float:left;
		margin-right:10px;
	}

	/* 料金について */
	#contentFrame .price{
		margin-top: 20px;
		padding-bottom: 20px;
	}

	#contentFrame .price p{
		clear:both;
	}

	#contentFrame .price dl{
		/*width:420px;*/
		margin-bottom:1.5em;
		line-height:1.6;
	}
	#contentFrame .price dl dt{
		/*width:60px;*/
		/*height:15px;*/
		float:left;
		font-weight:bold;
	}
	#contentFrame .price dl dd{
		display:block;
		margin-left: 6.5em;
	}
	#contentFrame .price img{
		margin:5px 0;
	}



/* レスポンシブ -------------------------*/

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

	div.text p{
		font-size: 16px;
	}

}


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

	body{
		font-size: 15px;
	}

	h2.top {
		display: block;
	}

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

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



/* 見出し個々 -------------------------------------*/

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

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

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

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

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


/* 見出し ----------------------------------------*/

	ul.rooms li.roomsLeft{
		display: block;
		float: none;
		width: 100%;
	}

	ul.rooms li.roomsRight{
		margin-left: 0;
		display: block;
		float: none;
		width: 100%;
		margin: 30px auto 0;
	}
}