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


/*============================
件数
============================*/
.countArea{
  display: flex;
  padding-left: 10px;
}
.countArea .property{
  font-size: 16px;
  font-weight: bold;
  margin: 0 50px 0 0;
  line-height: 30px;
}
.countArea .num{
  font-size: 30px;
  color: #d75a45;
}
.countArea .change-sort{
	font-size: 0;
}
.countArea .change-sort,
.countArea .ttl,
.countArea .selectBox{
	display: inline-block;
	vertical-align: middle;
}
.nomatch .countArea .nomatchHide{
	display: none;
}
.countArea .ttl{
	padding-right: 5px;
	font-size: 14px;
}
.countArea .selectBox select{
	padding: 5px 18px 5px 10px;
	font-size: 14px;
}

.refineArea{
	background: #efefef;
	margin: 20px 0;
	padding: 8px 20px;
	border-radius: 8px;
}
.refineArea .checkbox{
	display: inline-block;
}
.refineArea .checkbox .ttl{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}
.refineArea .checkbox._refine{
	width: 18%;
	box-sizing: border-box;
}
.refineArea .checkbox._type{
	width: 79%;
	position: relative;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #aaa;
	box-sizing: border-box;
}
.refineArea .checkbox._type .checkBox + span{
	margin-left: 15px;
}

/*============================
propertyWrap
============================*/
.propertyList{
	background: #fff;
	margin-bottom: 40px;
	border: 1px solid #555;
}
.propertyList .bandBlock{
	display: table;
	width: 100%;
	padding: 10px 20px;
	border-bottom: 1px solid #bbb;
}
.propertyList .bandBlock .bandcheckBox,
.propertyList .bandBlock .bandName,
.propertyList .bandBlock .bandFav{
	display: table-cell;
	vertical-align: middle;
}
.propertyList .bandBlock .bandcheckBox{
	width: 30px;
}
.propertyList .bandBlock .i_input{
	position: relative;
}
.propertyList .bandBlock .checkBox + span{
	position: initial;
}
.propertyList .bandBlock .checkBox + span:after{
	top: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	height: 30px;
}
.propertyList .bandBlock .bandName{
	width: 800px;
	padding-left: 20px;
	font-size: 24px;
  line-height: 1.4;
	font-weight: bold;
	box-sizing: border-box;
}
.propertyList .bandBlock .bandFav{
	width: 110px;
}
.propertyList .bandBlock .bandFav .favStat{
	display: block;
	padding:3px 5px 3px 30px;
	color: #777;
	background-image: url(/assets/pc/common/img/icon_heart_ccc.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: left 8px center;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.propertyList .bandBlock .bandFav .favStat.on{
	color: #d75a45;
	border: 1px solid #d75a45;
	font-weight: bold;
	background-image: url(/assets/pc/common/img/icon_heart_red.png);
}
.propertyList .detailBlock{
	padding: 15px 20px;
}
.propertyList .detailBlock .phData{
	float: left;
	width: 200px;
	height: 160px;
	background-color: #ddd;
	margin-right: 40px;
}
.propertyList .detailBlock .specData{
	float: left;
	width: 375px;
	padding-right: 20px;
	box-sizing: border-box;
}
.propertyList .detailBlock .specData .tag{
	display: inline-block;
	background: #555;
	font-size: 11px;
	color: #fff;
	padding: 2px 10px;
}
.propertyList .detailBlock .specData .tag.investment{
	background: #CA5F57;
}
.propertyList .detailBlock .specData .price span{
	font-size: 24px;
	font-weight: bold;
}
.propertyList .detailBlock .specData .spec dt,
.propertyList .detailBlock .specData .spec dd{
	font-size: 15px;
}
.propertyList .detailBlock .specData .spec .ttl{
	width:5em;
	float:left;
	font-weight: bold;
	position: relative;
}
.propertyList .detailBlock .specData .spec dd{
	width:calc(100% - 5em);
	float:left;
    padding-left: 12px;
    text-indent: -7px;
}
.propertyList .detailBlock .specData .spec dd:before{
	content: '：';
	display: inline-block;
}
.btnDetail{
	width: 300px;
	float: right;
}
.btnDetail .btnBox .btn{
	margin-bottom: 15px;
}
.btnDetail .btnBox .flL,
.btnDetail .btnBox .flR{
	width: 140px;
}
.btnDetail .btnBox .btn a{
	display: inline-block;
	width: 100%;
	border-radius: 3px;
	padding: 9px 35px 7px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.btnDetail .btnBox .btn .btnNormal{
	color: #333;
	border: 1px solid #777;
	box-shadow: 0 4px 0 0 #aaa;
	padding: 13px 5px 11px;
}
.btnDetail .btnDelete,
.btnDetail .btnAdd{
	text-align: right;
}
/*掲載終了*/
.discont.propertyList{
	background: #ccc;
}
#propMail .propertyList .checkBox + span:after,
.discont.propertyList .checkBox + span:after{
	display: none;
}
.discont.propertyList .detailBlock .specData .price span{
	color: #777;
}
.discont.propertyList .deleteBox{
	border-radius: 4px;
	background-color: #777;
	color: #fff;
	text-align: center;
	padding: 35px 10px;
}
.discont.propertyList .deleteBox .txt{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.discont.propertyList .deleteBox .btnDelete{
	text-align: center;
}
/*============================
leadArea
============================*/
.leadArea{
	position: relative;
	background-color: #efefef;
	border: 1px solid #ccc;
	padding: 8px 8px 8px 20px;
	margin-bottom: 30px;
}
.leadArea.fukidashiDown{
	margin-bottom: 30px;
}
.leadArea.fukidashiDown::before,
.leadArea.fukidashiDown::after{
	position: absolute;
	left: 0;
	top: 100%;
	display: block;
	content: '';
	width: 0;
	height: 0;
	box-sizing: content-box;
}
.leadArea.fukidashiDown::before{
	border-top:solid 8px #ccc;
	border-right:solid 6px transparent;
	border-bottom:solid 8px transparent;
	border-left:solid 6px #ccc;
	margin-left: -1px;
}
.leadArea.fukidashiDown::after{
	border-top:solid 7px #efefef;
	border-right:solid 5px transparent;
	border-bottom:solid 7px transparent;
	border-left:solid 5px #efefef;
}

.leadArea .lead-img,
.leadArea .lead-text,
.leadArea .btn{
	display: inline-block;
	vertical-align: middle;
}
.leadArea .lead-img{
	width: 26px;
	height: 26px;
	margin-right: 9px;
}
.leadArea .lead-text{
	font-size: 16px;
	margin-right: 24px
}