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

/*-----------------------

　物件ページ

------------------------*/
.pt15{ padding-top:15px !important;}
.mb5{ margin-bottom:5px;}
.mb20{ margin-bottom:20px;}
.mb15{ margin-bottom:15px;}
.clrFix{
	clear:both;
	zoom:100%;
	}
.clrFix:after{
	content:"";
	display:block;
	clear:both;
}
.clrFix .left{ float:left;}
.clrFix .right{ float:right;}	
.clear{ clear:both;}


#bukken{
	padding:25px 0 0 0;
	margin:0 0;
	background:#FFF;
	}






/* 2018-04 renew */

#bukken .sub .btn_detail{
  clear:both;
  display:flex;
  text-align:center;
	}

#bukken .sub .btn_detail p{
  margin:auto;
  display:inline-block;
}

#bukken .sub tr{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 4em;
}

#bukken .sub h3{
	font-size:13px;
	border-bottom:1px solid #CCC;
	line-height:1.2em;
	margin:0 !important;
	padding: 4px 6px;
	background:#e8e8e8;
}

#bukken .tbl_simple tr{
    display:flex;
    flex-direction: initial;
    /*align-items: center;*/
    height: auto;
}



/*
目玉（オススメのみ　*/
#bukken .osusume{
	margin: 0px 4px 0 4px;
}


#bukken .osusume #slider1 {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#bukken .osusume #slider1 .sub th, td {
	width:100%;
}

#bukken .osusume .sub{
	width:23%;
	height:initial;
/*	height:450px;*/
	margin-bottom:20px;
	}

#bukken .osusume .sub .pic p {
	height: 125px!important;
    overflow: hidden;
}
#bukken .osusume .name{
	font-size:12px;
}
#bukken .osusume .icon_shubetsu{ font-size:10px;}

#bukken .osusume .detail{
	width:100%; padding-top:5px;
	}	

#bukken .osusume .hontai{ font-size:11px;}



/*新着枠（NEW）独自*/
.list_new{
	border:5px solid #FF0004;
	}
.list_new h2{
	background:#FF0004;
	color:#FFF;
	padding:5px 10px;
	text-align:center;
	
	font-size:20px;
	
}

#bukken .list_new .sub{
	width:270px;
}

.icon span.icon_new{
	background:#EBFF1F;
	color:#FF0004;
	}
#bukken iframe{ margin-bottom:10px;}


.paging{
	text-align:center;
	clear:both;
	padding:10px;
	}
.paging span,
.paging a{
	margin:0 0 5px 5px;
	padding:5px;
	}
.paging span{
	border:solid #DDD 2px;
	background:#EEE;
	font-weight:bold;
	}
.paging a{
	border:solid #DDD 1px;

}
.paging a:hover{
	background:#0CF;
	color:#FFF;
	text-decoration:none;
	}

#bukken .osusume .t11{ font-size:11px; }
/*.holder{ text-align:center;}*/
/**/


/*
過去実績のみ
*/

.example h3{ background:url(../images/bg_list_ex.gif) !important;}
.example h3{}
.example .pNum{
	color:#005CFF;
}

.pRv{ position:relative;}
.pAb{ position:absolute;}



/*　お気に入りに追加　*/
.btn_bookmart_list{
	 padding:5px 0 5px 0;
	}


.btn_bookmark{ float:right;}
.btn_bookmark img:hover{ cursor:pointer;
	filter:alpha(opacity=55);
	-moz-opacity:0.55;
	opacity:0.55;
	}
.btn_bookmark button{
	display:inline-block;
	border:0;
	background:none;
	}
	
.txt_del_bookmark,
.txt_add_bookmark{ position: relative; display: none;}

.txt_add_bookmark p,
.txt_del_bookmark p{background: #01579B; color: #fff; padding: 1em; width: 20em; position: absolute; box-shadow: 10px 10px 10px rgba(0,0,0, 0.5);}


.btn_bookmark_del button{
	width:100%;
	display:inline-block;
	background:#D9D9D9; text-align:center; padding:6px; border:0;
	}
.btn_bookmark_del button:hover{
	cursor:pointer;
	filter:alpha(opacity=55);
	-moz-opacity:0.55;
	opacity:0.55;	
	}
	
	
.txt_not_data{
	padding:50px 0;
	text-align:center;}
	


/*メーカー検索**/

.title-category{
	/* h4 */
	text-align:center;
	font-size:22px;
	font-weight:bold;
	background:none !important;
	border-bottom:1px solid #CCC;
	margin-bottom:1em;
	
	}
.navi_maker_bnr{
	clear:both;

	border:5px solid #EEE;
	padding:15px;
  margin-bottom:10px;
    
	zoom:100%;
}
.navi_maker_bnr:after{
	content:"";
	display:block;
	clear:both;
}
#bukken .navi_maker_bnr h3{
  font-size:13px;
	border-bottom:1px solid #CCC;
	line-height:1.2em;
	height:auto;
	padding:0.5em;
  text-align:center;
  

}

.navi_maker_bnr *{ box-sizing:border-box;}
.navi_maker_bnr ul{
  margin-left:1%;
  }
.navi_maker_bnr ul li{
	float:left;
	width:32%;
	margin-right:1%;
	border:1px solid #CCC;
	margin-bottom:5px;
	}
.navi_maker_bnr ul li img{ width:100%;}	



#bukken .osusume .sub .btn_detail .btn_left,
#bukken .osusume .sub .btn_detail .btn_right{
	width:93%;
	}
#bukken .osusume .sub .btn_detail .btn_left a,
#bukken .osusume .sub .btn_detail .btn_right a{font-size: 80%;}

#bukken .osusume .sub .btn_detail p{
	margin-bottom:6px;
	display:block;
	width: 100%;
}

#bukken .osusume .sub .btn_detail {
	display: block;
	font-size: 18px;
}


#bukken .sub .pic p{
	height:auto;
	}


/*-----------------------------------------------------------------------------------


スマホページ用


-------------------------------------------------------------------------------------*/
@media only screen and (max-width:768px){

#bukken .osusume .sub {
	width:45%;
}

#bukken .sub .btn{
	width:100%;
	margin-bottom:5px;
	}

}



/*  2020.10.02 追加（スライダー対応）　 */

#bukken .osusume #slider1 {
	display:block;
	height:300px;
}

#bukken .osusume #slider1 .sub{
	display:block;
	float:left;
	width:23%;
	/*margin:0;*/
	margin-left:1%;

}	
@media only screen and (max-width:768px){

#bukken .osusume #slider1{
	margin-left:10px;}
#bukken .osusume #slider1 .sub{
	width:45%;
	margin-left:2%;
}


}