@charset "utf-8";

/* for Common & Smartphone*/

#sale{}
#rent{}


/*カテゴリナビ*/
.lNav ul{
	margin:0 auto 50px;
	padding:0 10px;
	text-align:left;
}
.lNav ul li{
	width:48%;
	display:inline-block;
	margin-right:4%;
	margin-bottom:10px;
}
.lNav ul li:nth-child(2n){
	margin-right:0;
}
.lNav ul li a{
	display:block;
	width:100%;
	height:40px;
	border:2px solid;
	line-height:1.2;
	padding-top:9px;
	font-size:123%;
	text-decoration:none;
	text-align:center;
	letter-spacing:0.05em;
	position:relative;
}
.lNav ul li a::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top:1px solid;
	border-right:1px solid;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -3px;
}
/*売買物件_全て*/
.lNav ul li a.all{
	color:#534741;
	border-color:#534741;
}
.lNav ul li a.all::after{
	border-color:#534741;
}
/*売買物件_新築一戸建*/
.lNav ul li a.saleShinchiku{
	color:#66cc00;
	border-color:#66cc00;
}
.lNav ul li a.saleShinchiku::after{
	border-color:#66cc00;
}
/*売買物件_中古一戸建*/
.lNav ul li a.saleChuko{
	color:#2d9100;
	border-color:#2d9100;
}
.lNav ul li a.saleChuko::after{
	border-color:#2d9100;
}
/*売買物件_マンション*/
.lNav ul li a.saleMansion{
	color:#0e84df;
	border-color:#0e84df;
}
.lNav ul li a.saleMansion::after{
	border-color:#0e84df;
}
/*売買物件_土地*/
.lNav ul li a.saleTochi{
	color:#754c24;
	border-color:#754c24;
}
.lNav ul li a.saleTochi::after{
	border-color:#754c24;
}
/*売買物件_収益物件*/
.lNav ul li a.saleShueki{
	color:#f7931e;
	border-color:#f7931e;
}
.lNav ul li a.saleShueki::after{
	border-color:#f7931e;
}
/*賃貸物件_マンション */
.lNav ul li a.rentMansion{
	color:#11b0e2;
	border-color:#11b0e2;
}
.lNav ul li a.rentMansion::after{
	border-color:#11b0e2;
}
/*賃貸物件_一戸建 */
.lNav ul li a.rentIkko{
	color:#3f9d00;
	border-color:#3f9d00;
}
.lNav ul li a.rentIkko::after{
	border-color:#3f9d00;
}
/*賃貸物件_店舗・事務所 */
.lNav ul li a.rentShop{
	color:#754c24;
	border-color:#754c24;
}
.lNav ul li a.rentShop::after{
	border-color:#754c24;
}
/*賃貸物件_駐車場・倉庫 */
.lNav ul li a.rentParking{
	color:#f7931e;
	border-color:#f7931e;
}
.lNav ul li a.rentParking::after{
	border-color:#f7931e;
}


/*物件リスト*/
.listUnit{
	width:100%;
/*	margin:0 auto 50px; */
	margin:0 auto 30px;
	border-top:1px solid #e6e6e6;
	padding-top:10px;
}
.listSubject{
	float:left;
	margin-left:10px;
	font-size:138%;
	font-weight:normal;
	line-height:1.5;
	text-align:left;
	width:55%;
	width:-webkit-calc(100% - 150px);
	width:calc(100% - 150px);
}

.listThumb{
	float:right;
	width:120px;
	height:90px;
	margin:0 10px 10px 0;
	overflow:hidden;
}

.listThumb img{
	width:100%;
	height:100%;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}


/*概要*/
.listOl{
	clear:both;
	border-top:1px solid #e6e6e6;
	width:100%;
}
.listOl th,
.listOl td{
	border-bottom:1px solid #e6e6e6;
	font-size:93%;
	line-height:1.5;
	text-align:left;
	padding:5px;
}
.listOl th:last-child,
.listOl td:last-child{
	border-bottom:none;
}
.listOl th{
	font-weight:normal;
	background:#e7f5ff;
}

.listPrice{
	color:#c1272d;
	font-size:128% !important;
}

/* カテゴリーアイコン */
[class*="catIcon"]::after{ /*class名にcatIconが含まれる*/
	content:"";
	color:#fff;
	width:80px;
	height:20px;
	font-size:75%;/*12pt*/
	line-height:20px;
	margin:0;
	text-align:center;
	display:block;
}

/* 概要カテゴリーアイコン */
.catIconSaleShinchiku::after {
	content:"新築一戸建";
	background:#66cc00;
	}
.catIconSaleChuko::after {
	content:"中古一戸建";
	background:#2d9100;
	}
.catIconSaleMansion::after {
	content:"マンション";
	background:#0e84df;
	}
.catIconSaleTochi::after {
	content:"土地";
	background:#754c24;
	}
.catIconSaleShueki::after {
	content:"収益";
	background:#f7931e;
	}
.catIconRentMansion::after {
	content:"マンション";
	background:#11b0e2;
	}
.catIconRentIkko::after {
	content:"一戸建";
	background:#3f9d00;
	}
.catIconRentShop::after {
	content:"店舗・事務所";
	background:#754c24;
	}
.catIconRentParking::after {
	content:"駐車場・倉庫";
	background:#f7931e;
	}


/*詳細はこちらボタン*/
.btnDtl{
	display:block;
	width:100%;
	height:40px;
	background:#009de0;
	color:#fff !important;
	text-decoration:none;
	font-size:123%;
	padding-top:13px;
	line-height:1;
	position:relative;
}
.btnDtl br{
	display:none;
}
.btnDtl::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -3px;
}






/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) { 

}
	
/* for PC*/
@media screen and (min-width:768px) {
#sale{}
#rent{}


/*カテゴリナビ*/
.lNav ul{
	width:960px;
	text-align:center;
}
.lNav ul li{
	width:140px;
	margin-right:10px;
	margin-bottom:0;
}
.lNav ul li:nth-child(2n){
	margin-right:10px;
}
.lNav ul li:last-child{
	margin-right:0;
}



/*物件リスト*/
.listUnit{
	width:960px;
	overflow:hidden;
	border-top:none;
	padding-top:0;
}
.listSubject{
	float:none;
	width:100%;
	margin-left:0;
	margin-bottom:10px;
	display:block;
}

.listThumb{
	clear:both;
	width:120px;
	min-height:90px;
	height:auto;
	border:1px solid #e6e6e6;
	margin:0;
	float:left;
	vertical-align:middle;
	position: relative;
}
.listThumb img{
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}


/*概要*/
.listOl{
	clear:none !important;
	float:left;
	width:740px;
	min-height:90px;
}
.listOl th,
.listOl td{
	border-right:1px solid #e6e6e6;
	font-size:108%;
	text-align:center;
}
.listOl th:last-child,
.listOl td:last-child{
	border-right:none;
	border-bottom:1px solid #e6e6e6;
}
.listOl th{
	height:30px;
	padding:0;
}
.listOl td::before {
	display:none;
	float:none;
	width:auto;
	padding:5px 10px;
}
.listThSaleCat{width:100px;padding:5px 10px !important;}
.listThSalePrice{width:140px;}
.listThSalePlan{width:100px;}
.listThSaleAdd{width:180px;}
.listThSaleAcc{width:220px;}

.listThRentCat{width:100px;padding:5px 10px !important;}
.listThRentPrice{width:100px;}
.listThRentManage{width:100px;}
.listThRentPlan{width:100px;}
.listThRentAdd{width:160px;}
.listThRentAcc{width:180px;}




}
@media screen and (max-width:767px) {
/* スマホ用横並び設定 */
.listOl thead{
	display:none;
}
.listOl tr{
	display:block;
}
.listOl td{
	display:block;
	text-align:left;
	padding-left:60px;
}
.listOl td::before {
	content:attr(data-label);
	float:left;
	margin-left:-50px;
	font-weight:bold;
}
}
@media screen and (min-width:768px) {



/*詳細はこちらボタン*/
.btnDtl{
	float:left;
	width:100px;
	min-height:90px;
	font-size:108%;
	padding-top:20px;
	line-height:1.5;
}
.btnDtl br{
	display:block;
}
.btnDtl span{
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}














}


/*for Retina common and SP*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	}

/*for Retina PC*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:768px) { 

}