@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;
	
	}



#searchBox{
	border:5px solid #EEE;
	padding:15px;
}
#searchBox h3{ font-size:13px; text-align:center;
	padding:5px !important;
	line-height:normal;
	height:auto;
}
#searchBox .left,
#searchBox .right{
	width:136px;
	/*width:165px;*/
	margin-right:0px;
	padding-left:5px;}
#searchBox input{ margin-right:5px;
}
#searchBox label{ cursor:pointer; display:block;}



#bukken .list{
	margin:0 0 0 5px;

	clear:both;
	zoom:100%;
	}
#bukken .list:after{
	content:"";
	display:block;
	clear:both;
}
#bukken .sub{
	padding:3px;
	background-color:#FFF;
	border:1px solid #DDD;
	margin-bottom:20px;
	float:none;
	margin:0px;
	}

#bukken .ml0{
	margin-left:0 !important;}
#bukken .sub h3{
	font-size:13px;
	border-bottom:1px solid #CCC;
	line-height:1.2em;
/*	height:1.4em;*/
	padding:5px;
	background:#C9C9C9!important;
	font-weight:bold;
	
}

#bukken .sub h3 table{
	width:100%;
	border-collapse:collapse;
}
#bukken .sub h3 table{}
#bukken .sub h3 table td{ vertical-align:middle;}
#bukken .sub h3 table .name{ text-align:left;font-size: 1vw;}


.icon{ text-align:right;}	
.icon span{
	text-align:center;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-indent:0;
	padding:0;
	line-height:16px;
}
.icon span.icon_osusume{
	background:#090;}
.icon span.icon_shubetsu{
	background:#F00;
	}

#bukken .sub .pic{
	float:none;
	margin-top:5px;
	height:auto;
	}
#bukken .sub .pic p{
	border:solid 1px #DDD;
	overflow:hidden;
	height:130px;
	}
	
#bukken .sub .pic p img{
	padding:5px;
	width:100%;

}
#bukken .sub .pic .btn{
	text-align:center;
	border:0;
	}


#bukken .sub .btn{
	text-align:center;
	border:1px solid #000;
	background:#CCC;
	display:inline-block;
	padding:4px;
	border-radius:4px;
	font-size:13px;
	}

#bukken .sub .btn_d {
	border:1px solid #b6061e;
	background:#b6061e;
	}

#bukken .sub .btn_y {
	border:1px solid #174f9b;
	background:#174f9b;
	}

#bukken .sub .btn:hover {
	opacity:0.8;
	}

#bukken .sub .btn a {
	color:#FFF;
	text-decoration:none;
	}


#bukken .sub .detail{
	width:210px;
	float:right;
	}
	
#bukken .sub .detail .bnr p{
	margin-bottom:5px ;
}
	
#bukken table.tbl_simple{}	
#bukken table.tbl_simple th{
	background-color:#EEE;
	color:#333;
	text-align:center;
	border:1px solid #DDD;
	padding:5px;
}
#bukken table.tbl_simple td{
	background-color:#FFF;
	vertical-align:top;
	border:1px solid #DDD;	
	padding:5px;	
	}



#bukken .bukken_up{margin:0;}

#bukken .bukken_up .sub{
	width:auto; /*475*/
	padding:15px;
	background-color:#FFF;
	border:1px solid #DDD;
	margin-bottom:20px;
	margin-left:0;
	float:none;
	clear:both;
	zoom:100%;
	height:auto;
	}
#bukken .bukken_up .sub:after{
	content:"";
	display:block;
	clear:both;
}	
#bukken .bukken_up .pic{ width:350px;}
#bukken .bukken_up .detail{ width:500px;}

#bukken .bukken_up  .sub h3{
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding-bottom:5px;
	clear:both;
	zoom:100%;
}
#bukken .bukken_up .sub h3:after{
	content:"";
	display:block;
	clear:both;
}

#bukken .bukken_up .sub .pic p{
	border:solid 1px #DDD;	
	margin-bottom:5px;
	height:auto;
	overflow:inherit;	
}

#bukken .bukken_up .sub .pic p img{
	padding:5px;
}

#bukken .bukken_up .sub .detail{
	float:right;
	}

#bukken .bukken_up .sub ul{
	}
#bukken .bukken_up .sub ul li{
	float:left;
	margin-right:3px;
	border:1px solid #EEE;
	
	}	
#bukken table.tbl_simple{
	margin-bottom:5px;}	
#bukken table.tbl_simple th{
	background-color:#EEE;
	color:#333;
	text-align:center;
	border:1px solid #DDD;
}
#bukken table.tbl_simple td{
	background-color:#FFF;
	vertical-align:top;
	border:1px solid #DDD;	
	}
/*追加分*/
#bukken ul{
	list-style-type:none !important;
	}
#bukken table{ border-collapse:collapse;}
#bukken p{ margin:0;}

.pNum{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:24px;
	color:#C00;
	font-weight:bold;
	line-height:1.1em;
}
.pNum span{ font-size:15px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.pNum span.hontai{ font-size:13px; line-height:1em;}	



/* 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 .osusume{
	margin:0px 10px 0 10px;
}


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

#bukken .osusume .sub{
	width:23%;
	height:initial;
/*	height:450px;*/
	margin-bottom:20px;
	}
#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%;}	


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


スマホページ用


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

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

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




/*
目玉（オススメのみ　*/
/*
.osusume{
	width:910px;
	height:260px;
	margin-bottom:0;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#bukken .osusume{
	margin:0 0 0 10px;}
	#bukken .osusume .sub{
	width:220px;
	height:200px;
	}
*/

  
  #bukken .osusume .name{
	  font-size:12px;
  }
  #bukken .osusume .icon_shubetsu{ font-size:10px;}
  
  #bukken .osusume .detail{
	  padding-top:5px;
	  margin:0 auto 0;
	  }	
  
  #bukken .osusume .hontai{ font-size:11px;}
  
  #bukken .osusume .sub .pic p {
	  overflow: hidden;
	  height:150px;
  }
  
  #bukken .osusume .btn_detail { font-size:11px;}
  
  #bukken .osusume .tbl_simple {
	  margin:0 auto 0;
	  width:98%;
  }
  
  
  }



/* 2020.12.08 */
#bukken .sub{ padding:3px; }

#bukken table.tbl_simple{ margin-bottom:5px !important;}
#bukken table.tbl_simple th,
#bukken table.tbl_simple td{
	font-size:12px;
	}

#bukken .sub .btn{
	padding:4px;
	font-size:13px;
	}


@media only screen and (max-width:768px){
  #bukken table.tbl_simple th,
  #bukken table.tbl_simple td{}
  #bukken table.tbl_simple td{ text-align:left; }
  #bukken table.tbl_simple th{ width:40%; font-size:11px;}  

}
/*  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%;
}


}

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

  
  #bukken .osusume .sub .pic p {
	  height:100px;
  }

}