@charset "utf-8";
/* CSS Document */

/*----------------------------------------*/
/*    rent index                        　*/
/*----------------------------------------*/
.rentbox {
	margin-bottom: 1em;
}

.rentbox h5 {
	background: #ffb32e;
	padding: 4px;
}

.rentbox .rent {
	border: #ffb32e solid 1px;
}

.rentbox img {
	float: left;
	background: #ffb32e;
	padding: 1px;
	margin: 4px;
}
.rentbox .info {
	float: left;
	margin: 4px;
}
.rentbox .textbox {
	background: #ffdabc;
	padding: 4px 10px;
	margin: 4px;
	clear: both;
	float: none;
}

/*----------------------------------------*/
/*    rent other                        　*/
/*----------------------------------------*/

.rent {
	margin-bottom: 20px;
}

.rent div.text {
	float: left;
	padding-left: 6px;
}

.rent div.image {
	float: left;
	padding: 1px;
	background: #ffb32e;
}

.rent div.image img {
	width: 100%;
}

.rent div.image a {
	display: block;
	line-height: 0;
}
div.flow {
	width: 55%;
}

.map {
	width: 100%;
	height: 340px;
	margin-bottom: 1em;
	border: #ffb32e 1px solid;
}

ul.images {}

ul.images li {
	list-style: none;
	float: left;
	margin: 4px;
}

ul.images li img {border: #ffb32e 1px solid;}

ul.list {margin-bottom: 10px;}

ul.list li {
	list-style: inside;
	font-size: 90%;
}

div.images {
	float: left;
	margin-right: 1%;
	width: 48%;
}

div.images img {
	width: 100%;
	padding: 1px;
	background: #ffb32e;
}

div.detail {
	float: left;
	width: 50%;
}

div.sp-images {	
	width: 100%;
}
div.sp-images img {	
	padding: 1px;
	background: #ffb32e;
}

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

	div.flow {
		clear: both;
		width: 100%;
	}

}