@charset "utf-8";
/**
/* 周辺売り出し中物件情報コンテンツ --- 2024.5.21
 * ※見た目はMDBを踏襲し複製＆最適化
 */

/* .container-neighborhood-sales */
.container-neighborhood-sales {
	max-width: 1200px;
}

.container-neighborhood-sales .hd-block {
	margin: 0 auto;
	max-width: 990px;
	padding: 0;
}

.neighborhood-sales-mansion-content {
	margin: 0 auto;
	max-width: 930px;
	overflow: unset;
	width: 90%;
}

.neighborhood-sales-mansion-content.block_for_pc {
	display: block;
}

.neighborhood-sales-mansion-content.block_for_mb {
	display: none;
}

.neighborhood-sales-mansion-content p {
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}


/* .neighborhood-sales-mansion-wrap */
.neighborhood-sales-mansion-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
	text-align: center;
}

.neighborhood-sales-mansion-wrap .article-one-wrap {/*<li>*/
	background: #fff;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
  box-sizing: border-box;
	display: inline-block;
	margin: 0 3px;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
	width: 32.8%;
}

.neighborhood-sales-mansion-wrap .article-one-wrap:hover {
	background: #f5f8fb;
	border-color: #c9cfd8;
}

.neighborhood-sales-mansion-wrap .article-one-wrap a {
	display: block;
	text-decoration: none;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .main-info-block {
	padding: 1em;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .photo-area {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
	height: 132px;/* 156px */
  justify-content: center;
	text-align: center;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .photo-area img {
	display: inline-block;
	height: auto;
	max-height: 132px;/* 156px */
	max-width: 47%;/* 156px */
	width: auto;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .photo-area .gaikan {
	margin-right: 3%;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .photo-area .madorizu {
	margin-left: 3%;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area {
	display: block;
	margin: .8em auto .6em;
	text-align: left;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .name {
	color: #484848;
	display: inline-table;
	line-height: 1.3;
	min-height: 40px;
	width: 100%;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .name .name-txt {
	display: table-cell;
	font-family: 'Marcellus', YuGothic, 'Yu Gothic', 'kozuka-gothic-pr6n', sans-serif;
	font-size: 17px;
	font-weight: bold;
	vertical-align: middle;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .condition {
	align-items: center;
	display: flex;
	flex-flow: row nowrap;/* 初期値 */
	justify-content: space-between;
	margin: 8px 0 3px;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .condition .icon-bukken-shumoku {
	display: inline-block;
	flex-shrink: 0;/* この要素は常に等倍を維持 */
	vertical-align: middle;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .condition .text-icon {
	background: #aaa;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	letter-spacing: .03em;
	line-height: 2.5em;
	margin-right: 3px;
	padding: 0 6px 0 8px;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .condition .icon-info {
	display: inline-block;
	flex-shrink: 2;/* 左に位置する物件種別の文字数によりこちらが自動で縮小して幅内に収まるように設計 */
	font-size: 10px;
	line-height: 1;
	vertical-align: middle;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .condition .icon-info img {
	display: inline-block;
	max-height: 25px;
	vertical-align: middle;
	width: 100%;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .kakaku {
	color: #484848;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	margin: 8px 1em 0 0;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .kakaku span {
	font-weight: bold;/* 賃貸の物件詳細ページに必要 */
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .kakaku .red {
	color: #dc080c;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	margin-right: 3px;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .kai,
.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .madori,
.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .senyu {
	color: #484848;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .add,
.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .transport .kotsu-set {
	color: #484848;
	display: block;
	font-size: 13px;
	line-height: 1.6;
	padding-bottom: 2px;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .add {
	margin-top: 6px;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .text-area .transport {
	display: block;
}

.neighborhood-sales-mansion-wrap .article-one-wrap .detail-link {
	background: #484848;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 30px;
	margin: 6px 0 10px;
	padding: 0;
	text-align: center;
	transition: .2s ease-out;
}


/* ----------------------------------------------------------
   .js-carousel - slick CSS上書き
----------------------------------------------------------- */
/*
 * osusume_shinchiku_mansion.css の記述を共用しているため、ここでは端折ります。
 */