@charset "utf-8";

#block-info{ width:95%; max-width:1080px; margin:0 auto; padding-top:45px;}
#block-info ul{ clear:both; display:block; overflow:hidden;  }
#block-info ul li{ position:relative; display:block; margin-bottom:5px; overflow:hidden; }
#block-info h3 { margin-bottom: 5px; }
#block-info ul li a{ position:relative; display:block; width:98%; max-width:216px; height:360px; margin:0 auto; text-decoration:none; overflow:hidden; }
#block-info ul li a:hover{ text-decoration:none; }

#block-info ul{ display:block; margin:0; padding:0; overflow:hidden; }
#block-info li{ position:relative;display:block; background:#FFF; overflow:hidden; }
#block-info li a{ display:block; width:98%; height:370px; max-width:216px; color:#000; margin:0 auto; }
#block-info li a:hover{ text-decoration:none;}
#block-info li a:hover img{ alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
#block-info li .new{ position:absolute; display:block; top:0px; left:0px; width:100%; height:100%; background:url(../2/images/common/icon_new.png) right 2px top 2px no-repeat;}
#block-info li a h3{ color:#000000; font-size:11pt; font-weight:bold; margin-top:5px; line-height:1.2em; }
#block-info li a p{ clear:both; display:block; color:#656565; overflow:hidden; margin:5px 0; padding:3px 0; overflow:hidden; line-height:1.4; }
#block-info li a p span{ display:block; float:left; color:#FFF; height:auto;padding:3px 3px 2px 3px; margin:-2px 5px 0 0; }
#block-info li a p span.status_1{ background-color:#64AFE3; }
#block-info li a p span.status_2{ background-color:#D67F6D; }
#block-info li a p span.status_3{ background-color:#ff0000; }
#block-info li a p span.status_4{ background-color:#D67F6D; }
#block-info li a p.thumb_price{ font-size:10pt; margin:0; padding:2px; line-height:13px; }
#block-info li a p.thumb_lotarea{ margin:0; padding:0; line-height:1.6; }

.articlelist * { box-sizing:content-box; }

a.more{ display:block; width:275px; margin:37px auto;}
.other_search{ text-align:center;}
.other_search a{ color:#63717D; text-decoration:underline;}
.thumb{ max-width:216px; overflow:hidden; }
.thumb img{ display:block; width:100%; height:auto; margin:0 auto; }
.pricestr { font-size:8pt;color:#656565; }

/* footer */
/******** PC用 ********/
var { font-size:8pt; }

@media screen and (min-width:736px) {
	#block-info ul li{ float:left; width:25%;}
}
@media screen and (min-width:721px) and (max-width:880px)  {
	#block-info ul li{ float:left; width:25%;  }

}
@media screen and (min-width:661px) and (max-width:720px)  {
	#block-info ul li{ float:left; width:25%;  }

}
@media screen and (min-width:551px) and (max-width:660px)  {
	#block-info ul li{ float:left; width:33.3%;  }

}
@media screen and (min-width:441px) and (max-width:550px)  {
	#block-info ul li{ float:left; width:50%;  }

}
@media screen and (min-width:381px) and (max-width:440px)  {
	#block-info ul li{ float:left; width:50%;  }

}
@media screen and (min-width:321px) and (max-width:380px)  {
	#block-info ul li{ float:left; width:100%;  }
	#block-info ul li a{ height:auto; }
}
@media screen and (max-width:320px){
	#block-info ul li{ float:left; width:100%;  }
	#block-info ul li a{ height:auto; }
}

@media screen and (max-width:735px) {
	#block-info ul li{ margin-bottom:5px;}
	#block-info ul li a h3{ color:#000000; font-size:10pt; height:auto; font-weight:bold; }
	#block-info ul li a p{ clear:both; display:block; height:auto; font-size:0.8em; line-height:1.2; color:#656565; overflow:hidden; margin:5px 0; padding:2px 0; overflow:hidden; }
	a.more{ margin:20px auto 37px auto;}
}

@media screen and (max-width:380px) {
	#block-info ul li a h3{ color:#000000; height:auto; font-weight:bold; }
}