.room {
	margin-bottom:80px;
}

.room-list {
	width:100%;
	overflow:hidden;
}

.room-h3 {
	padding:10px 0 20px;
	font-size:25px;
}

.room-list-p {
	color:#d61a1a;
	margin-bottom:20px;
	font-size:20px;
	font-weight:bold;
}

.room-a {
	padding:5px 28%;
	border:solid 1px #CCC;
	text-decoration:none;
	font-size: 0.8vw;
}


.one-third {
	width:28%;
	margin:15px 2.6%;
}

.float-left {
	float:left;
}


.sub-main-contents {
	width:80%;
	margin:0 auto ;
	text-align:center;
}

.full-width {
	width:100%;
}

.topimg img {
	width:100%;
}

.topimg2 {
	text-align:center;
}

.topimg2 img {
	width:75%;
}


@media only screen and (min-width: 1221px) and (max-width: 1600px){

.room-h3 {
    font-size: 20px;
}

.room-list-p {
	font-size:15px;
}

.room-a {
    padding: 5px 20%;
}

}




@media only screen and (min-width: 992px) and (max-width: 1220px) {

.room-h3 {
    font-size: 20px;
}

.room-list-p {
	font-size:15px;
}

.room-a {
    padding: 5px 20%;
}
}


@media only screen and (min-width: 421px) and (max-width: 767px) {

	.one-third {
		width: 28.1%;
	}

	.room-h3 {
		font-size:15px;
	}

	.room-list-p {
		font-size:13px;
	}

	.room-a {
		padding: 5px 1%;
		font-size:10px;
	}
}


@media only screen and (max-width: 420px) and (min-width: 281px){

	.one-third {
		width: 44.8%;
	}

	.room-h3 {
		font-size:15px;
	}

	.room-list-p {
		font-size:13px;
	}

	.room-a {
		padding: 5px 1%;
		font-size:10px;
	}
}



.contents03, .half {
	float:left;
}


div.sub-contents-div {
	width:100%;
	margin:10px 0;
}


.sub-contents-div h3 {
	width:60%;
	margin:0 auto;
	padding:10px 0 20px;
	border-bottom:dashed #000 3px;
	font-size:25px;
}


.contents {
	width:100%;
	margin:0;
	overflow:hidden;
	clear:both;
}


article.sub-main-contents {
	width:80%;
	margin:0 auto 50px;
	text-align:center;
}

article.sub-main-contents h2 {
	padding-bottom:5px;
	margin:0 0 80px;
	border-bottom:dashed #000 3px;
	font-size:36px;
}


.half {
	width:50%;
	/*display:inline-block;*/
}