@charset "utf-8";
/**
/* NEW CONSTRUCTION - おすすめ新築マンション
 * おすすめ新築マンション表示用<ul>の<li> --- CSS設定
 */

.osusume-shinchiku-mansion-content {
	width: auto;
}

.osusume-shinchiku-mansion-content.block_for_pc {
	display: none;
}

.osusume-shinchiku-mansion-content.block_for_mb {
	display: block;
}

.osusume-shinchiku-mansion-content.js-kaiheitop {
/* js-kaiheitop動作時 - position:fixedしてるheader高さぶんのズレ解消のため */
	margin-top: -130px;
	padding-top: 130px;
}


/* .osusume-shinchiku-mansion-wrap */
.osusume-shinchiku-mansion-wrap {
	margin: 0 auto;
	width: 94%;
}

.osusume-shinchiku-mansion-wrap ul {
	text-align: center;
}

.osusume-shinchiku-mansion-wrap .mansion-one-wrap {
  margin: 0 auto 20px;
  max-width: 400px;
  width: 100%;
}

.osusume-shinchiku-mansion-wrap .mansion-one-wrap .info-area-wrap {
  display: block;
  margin: 0 auto;
  width: 94%;
}

.osusume-shinchiku-mansion-wrap .img-photo {
  max-width: 100%;
  width: auto;
}

.osusume-shinchiku-mansion-wrap .mansion-one-wrap .info-area {
	max-width: 318px;
}

.osusume-shinchiku-mansion-wrap .mansion-one-wrap .name .name-txt {
  font-size: 17px;
  letter-spacing: 0;
}

.osusume-shinchiku-mansion-wrap .mansion-one-wrap .info-txt > * {
  letter-spacing: .05em;
}

.osusume-shinchiku-mansion-wrap .mansion-one-wrap .info-txt.kakaku td > * {
  letter-spacing: .04em;
}

/* 該当物件が4件以上のときに隠したり表示したりする関連 */
.osusume-shinchiku-mansion-wrap .full,
.osusume-shinchiku-mansion-wrap .minimum {
  background: transparent;
  border-bottom: 1px solid #dae2e8;
	cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  margin: -1em 0 0;
  padding: 5px 0 3px;
  text-align: center;
}
.osusume-shinchiku-mansion-wrap .full span,
.osusume-shinchiku-mansion-wrap .minimum span {
  color: #204462;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 40px;
  padding-left: 3px;
}

.osusume-shinchiku-mansion-wrap .full.open {
  display: none;
}

.osusume-shinchiku-mansion-wrap .full-list {
  display: none;
}

/*「公式サイトはこちら」ボタン */
.osusume-shinchiku-mansion-wrap .site-link {}


/* ----------------------------------------------------------
   ページ背景が濃暗色だった場合の上書き用CSS / page-bg-dark /
----------------------------------------------------------- */

.page-bg-dark .osusume-shinchiku-mansion-wrap .full,
.page-bg-dark .osusume-shinchiku-mansion-wrap .minimum {
  border-color: #ccc;
}

.page-bg-dark .osusume-shinchiku-mansion-wrap .full span,
.page-bg-dark .osusume-shinchiku-mansion-wrap .minimum span {
  color: #fff;
}