@charset "utf-8";
/* ===================================================================

 file name  :property-category.css
 style info :物件情報-カテゴリー

=================================================================== */

/* =============================

	overwrite

=============================== */



/* ============================== */

#main section.search{
	padding-bottom:46px;
}
#main section.search.none{
	display:none;
}
#main section.search h3{
	margin-bottom:16px;
}
#main section.search dl{
	border-top:1px solid #bfbfbf;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	position:relative;
	zoom:1;
	background:#fef5f5;
	font-size:109%;
	margin-bottom:20px;
}
#main section.villetta_search dl{
	background:#f5f5f5;
}

#main section.search dl dt{
	position:absolute;
	left:20px;
	width:156px;
	padding:1em 0;
}
#main section.search dl dd{
	border-bottom:1px solid #bfbfbf;
	padding:0 0 0 176px;
}
#main section.search dl dd ul{
	background:#FFF;
	padding:1em 0 1em 22px; 
}
#main section.search dl dd ul li{
	width:132px;
	float:left;
}
#main section.search dl dd ul li input{
	margin-right:6px;
}
#main section.search p #sbtn{
	display:block;
	color:#FFF;
	border:none;
	outline:none;
	font-size:18px;
	padding:0.4em 0;
	width:150px;
	margin:0 auto;
	text-align:center;
	cursor:pointer;
	background: rgb(77,194,190); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(77,194,190) 0%, rgb(60,173,170) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(77,194,190)), color-stop(100%,rgb(60,173,170))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(77,194,190) 0%,rgb(60,173,170) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(77,194,190) 0%,rgb(60,173,170) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(77,194,190) 0%,rgb(60,173,170) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(77,194,190) 0%,rgb(60,173,170) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc2be', endColorstr='#3cadaa',GradientType=0 ); /* IE6-9 */
}
#main section.search p #sbtn.hover{
	background: #019792;
}


/* results */
#main section.results{
	position:relative;
	overflow:hidden;
}
#main section.results .secTtl{
	margin-bottom:0;
}
#main section.results .pager.upper{
	position:static;
	padding:15px 0;
}
#main section.results .list{
	margin-right:-15px;
	overflow:hidden;
	zoom:1;
}
#main section.results .list article{
	width:162px;
	float:left;
	margin:0 15px 15px 0;
	border:1px solid #e0dfdf;
	padding:12px;
}


#main section.results .list article h3{
	margin:0.6em 0;
}
#main section.results .list article p.img{
	width:162px;
	height:100px;
	overflow:hidden;
}
#main section.results .list article p.img img{
	max-width:162px;
	max-height:100px;
	width:auto;
	height:auto;
}
#main section.results .list article.hover a{
	color:#148480;
}
#main section.results .list article dl{
	position:relative;
	font-size:12px;
	line-height:1.2;
}
#main section.results .list article dl dt{
	position:absolute;
	left:0;
	color:#9f9c9b;
	padding:0.2em 0;
}
#main section.results .list article dl dd{
	padding:0.2em 0 0.2em 80px;
	min-height:1em;
}

/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){

	#main section.search{
		padding-bottom:40px;
	}
	#main section.search h3{
		margin-bottom:22px;
		position:relative;
	}
	#main section.search h3 img{
		display:none;
	}
	#main section.search h3:before{
		content:attr(data-label);
		padding-left:20px;
	}
	#main section.search h3:after{
		content:'';
		background:url(../images/property/category/ico_search.png) no-repeat 0 0;
		background-size:12px 12px;
		width:12px;
		height:12px;
		display:block;
		position:absolute;
		left:0;
		top:50%;
		margin-top:-6px;
	}
	#main section.search dl{
		background:none;
		font-size:84%;
	}
	#main section.search dl dt{
		background:#fef5f5;
		position:static;
		width:100%;
		padding:0.6em 10px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}

	#main section.search dl dd{
		padding:0 10px;
		background:#FFF;
	}
	#main section.search dl dd ul{
		background:none;
		padding:0.4em 0; 
	}
	#main section.search dl dd ul li{
		width:50%;
		padding:0.4em 0;
	}
	#main section.search dl dd ul li input{
		margin-right:4px;
}
	#main section.search p #sbtn{
		font-size:14px;
		width:145px;
			border-radius:0;
		-webkit-appearance: none;
	}

	/* results */
	#main section.results .pager.upper{
		padding:20px 0;
	}
	#main section.results .pager.under{
		padding-top:5px;
	}
	#main section.results .list{
		margin-right:0;
	}
	
	#main section.results .list article{
		width:48.3333%;
		float:left;
		margin: 0 0 15px 0;
		border:1px solid #e0dfdf;
		padding:4px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#main section.results .list article:nth-child(even){
		float:right;
	}
	#main section.results .list article:nth-child(odd){
		clear:both;
	}
	#main section.results .list article p.img{
		width:100%;
		height:auto;
		overflow:hidden;
	}
	#main section.results .list article p.img img{
		max-width:100%;
		max-height:100%;
		width:100%;
		height:auto;
	}
	#main section.results .list article h3{
		margin:0.6em 5px;
		font-size:10px;
	}
	#main section.results .list article dl{
		font-size:8px;
	}
	#main section.results .list article dl dt{
		padding:0.2em 0 0.2em 5px;
	}
	#main section.results .list article dl dd{
		padding:0.2em 0 0.2em 70px;
	}

}