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


/*------------------------------
#topNav
------------------------------*/
#topNav {
	width: 100%;
	height: 60px;
	background: #624239;
}
#topNav li {
	width: 22%;
	height: 60px;
	line-height: 20px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background: no-repeat 50% 9px;
	background-size: 24px 24px;
	box-sizing: border-box;
	position: relative;
	float: left;
}
#topNav .topNav01 {
	background-image: url(../../img/common/icon_headnav_rent.png);
}
#topNav .topNav02 {
	background-image: url(../../img/common/icon_headnav_sale.png);
}
#topNav .topNav03 {
	background-image: url(../../img/common/icon_headnav_toushi.png);
}
#topNav .topNav04 {
	width: 34%;
	background-image: url(../../img/common/icon_headnav_tenant.png);
}
#topNav li.active {
	padding-top: 34px;
	color: #7A5941;
	background-color: #F5F5F0;
}
/*#topNav li.active:before {
	content: '';
	width: 100%;
	height: 2px;
	background: #FFF;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}*/
#topNav li a {
	height: 60px;
	padding-top: 34px;
	color: #FFF;
	box-sizing: border-box;
	display: block;
}

/* .local #topNav */
.local #topNav li {
	width: 50%;
	font-size: 16px;
	background-size: 24px auto;
	background-position: 30% 50%;
}
.local #topNav li.topNav01 {
	background-position: 24% 50%;
}
.local #topNav li.active,
.local #topNav li a {
	padding-top: 22px;
	padding-left: 8%;
}
.local #topNav .topNav03,
.local #topNav .topNav04 {
	display: none;
}


/*------------------------------
.topCorner
------------------------------*/
.topCorner {
	padding: 10px 0;
	background: #F5F5F0;
}
.topCorner .topCornerWrap {
	width: 298px;
	margin: 0 auto;
/*	padding: 1px; */		/* 1.0.0 */
	padding: 1px 1px 5px;	/* 1.1.0 */
	background: #FFF;
	position: relative;
}
.topCorner .topCornerWrap a {
	color: #333;
	text-decoration: none;
	display: block;
}
.topCorner .topCornerWrap a > span {
	display: block;
}

/***** 1.1.0 ここから *****/
.topCorner .data01 {
	height: 25px;
	padding-left: 27px;
	line-height: 25px;
	font-size: 11px;
	font-weight: bold;
	background: rgba(229,239,193,0.9) url(../../img/common/sp/ico_mark_05.png) no-repeat 7px 50%;
	background-size: 14px 18px;
	width: 100%;
	box-sizing: border-box;
}
.topCorner .data01 span {
	margin-left: 10px;
	color: #390;
	width: 200px;
	height: 25px;
	line-height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
/***** 1.1.0 ここまで *****/

.topCorner .pic01 {
	width: 100%;
/*	min-height: 218px; */	/* 1.0.0 */
	height: 218px;			/* 1.1.0 */
	background: #EEE;
	display: block;
	position: relative;
}
.topCorner .pic01:after {
	content: '';
	width: 75px;
	height: 25px;
	background: url(../../img/common/sp/ico_mark_17.png) no-repeat 0 0;
	background-size: 75px 25px;
	position: absolute;
	left: -5px;
	top: 4px;
	display: block;
}
.topCorner .pic01 img {
	vertical-align: top;
	width: 298px;			/* 1.1.0 */
	height: 218px;			/* 1.1.0 */
	object-fit: cover;		/* 1.1.0 */

}
/* 1.0.0
.topCorner .scubelist .pic01 .picInner {
	height: 218px;
	display: block;
	overflow: hidden;
}
.topCorner .scubelist .pic01 img {
	margin-top: -40px;
}
*/
.topCorner .pic01 .comment01 {
	width: 100%;
	height: 70px;
	padding: 25px 10px 0;
	line-height: 18px;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	box-sizing: border-box;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	position: absolute;
	left: 0;
	bottom: 0;
}
/* 3行対策 */
.topCorner .pic01 .comment01 > span {
	height: 37px;
	overflow: hidden;
	display: block;
}
.topCorner .info01 {
	height: 20px;
	margin-bottom: 6px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background: #D8CCB8;
}
.topCorner .icon01 {
	padding: 4px 11px 0 0;
	position: absolute;
	right: 0;
	width: 32px;			/* 1.1.0 */
	line-height: 12px;		/* 1.1.0 */
}
.topCorner .icon01 img {
	margin-bottom: 1px;
	display: block;
}
.topCorner .price01 {
	padding-left: 10px;
	line-height: 26px;
	font-size: 17px;
	font-weight: bold;
	color: #FD7F17;
}
.topCorner .price01.invest {
	float: left;
}
.topCorner .price01 span {
	font-size: 12px;
}
.topCorner .rimawari01 {
	padding: 0 43px 0 10px;
	line-height: 26px;
	font-size: 14px;
	font-weight: bold;
	color: #C9583F;
	float: left;
}
.topCorner .rimawari01 span {
	font-size: 12px;
}
.topCorner .rimawari01 .rimawari_ico {
	width: 38px;
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
	text-indent: -99999px;
	background: url(../../img/common/sp/ico_rimawari_01.png) no-repeat 0 0;
	background-size: 38px 16px;
	display: inline-block;
	overflow: hidden;
}
.topCorner .info02 {
	padding: 0 0 0 10px;
	font-size: 13px;
	clear: both;
}
/* .topCorner .info02 span { */	/* 1.0.0 */
.topCorner .info02 .room_layout {
	font-weight: bold;
}
.topCorner .info03 {
	padding: 0 0 5px 10px;
	font-size: 13px;
}
.topCorner .info03 a,
.topCorner .info03 span {
	text-decoration: none;
	color: #007EB8;
}
.topCorner .info03 span {
	color: #333;
}



/*------------------------------
#searchContents
------------------------------*/
#searchContents {
	background: #F5F5F0;
}
#searchContents > h1 {
	height: 30px;
	margin-bottom: 15px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #624239;
}

/* #newSearch */
#newSearch {
	display: none;
}
#newSearch div {
	margin-left: 8px;
	line-height: 20px;
	font-size: 13px;
	display: inline-block;
}
#newSearch div:nth-child(2) {
	margin-left: 6px;
}
#newSearch div a {
	text-decoration: underline;
	color: #007EB8;
}
#newSearch div a span {
	font-size: 14px;
	font-weight: bold;
}
#newSearch .newSearchTit {
	width: 62px;
	height: 20px;
	margin: 0 0 15px;
	padding-left: 5px;
	text-align: center;
	font-size: 12px;
	color: #5D3F2B;
	background: #F4E00E;
	position: relative;
}
#newSearch .newSearchTit:after {
	content: '';
	width: 0;
	border-width: 10px 0 10px 5px;
	border-style: solid;
	border-color: transparent transparent transparent #F4E00E;
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
}


#searchContents .searchBtn01 {
	width: 60%;
	margin-left: 10px;
	float: left;
	box-sizing: border-box;
}
#searchContents .searchBtn01 a {
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	border-radius: 2px;
	background-image: -moz-linear-gradient(top, #FBB71A, #EF9514);
	background-image: -ms-linear-gradient(top, #FBB71A, #EF9514);
	background-image: -webkit-linear-gradient(top, #FBB71A, #EF9514);
	background-image: linear-gradient(top, #FBB71A, #EF9514);
	box-shadow: inset 0 -3px #E38F04, 0 1px rgba(0,0,0,0.05);
	box-sizing: border-box;
	display: block;
}
#searchContents .searchBtn01 a:before {
	content: '';
	width: 21px;
	height: 48px;
	margin-right: 12px;
	vertical-align: top;
	background: url(../../img/common/sp/ico_mark_01.png) no-repeat 0 50%;
	background-size: 21px 20px;
	display: inline-block;
}
#searchContents .searchBtn01 a span {
	line-height: 1.2;
	text-align: left;
	display: inline-block;
}
#searchContents .searchBtn01 a span span {
	padding-top: 8px;
	font-size: 12px;
	display: block;
}
#searchContents .searchBtn02 {
	width: 31%;
	margin-right: 10px;
	float: right;
	box-sizing: border-box;
	position: relative;
}
#searchContents .searchBtn02 a {
	height: 48px;
	padding: 9px 0 0 30px;
	line-height: 1.2;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	border: 1px solid #EBEBEB;
	border-radius: 2px;
	background-image: -moz-linear-gradient(top, #FFF, #EFEFEF);
	background-image: -ms-linear-gradient(top, #FFF, #EFEFEF);
	background-image: -webkit-linear-gradient(top, #FFF, #EFEFEF);
	background-image: linear-gradient(top, #FFF, #EFEFEF);
	box-shadow: inset 0 -3px #D8D8D8, 0 1px rgba(0,0,0,0.05);
	box-sizing: border-box;
	display: block;
	position: relative;
}
#searchContents .searchBtn02 a:before {
	content: '';
	width: 14px;
	height: 19px;
	margin-right: 5px;
	vertical-align: top;
	background: url(../../img/common/sp/ico_mark_02.png) no-repeat 0 0;
	background-size: 14px 19px;
	display: inline-block;
	position: absolute;
	left: 9px;
	top: 13px;
}
#searchContents .searchBtn03 {
	margin-right: 10px;
	float: none;
	width: auto;
}

#searchContents .searchKeyword01 {
	margin: 0 10px 15px;
	padding-top: 7px;
	position: relative;
	clear: both;
}/*
#searchContents .searchKeyword01:after {
	content: '';
	height: 1px;
	margin: 0 10px 13px;
	background: #E8E8E4;
	display: block;
}*/
#searchContents .searchKeyword01 input[type="text"] {
	width: 100%;
	height: 40px;
	padding: 0 53px 0 9px;
	font-size: 13px;
	border: 1px solid #D6D6D6;
	border-radius: 3px;
	box-shadow: inset 0 1px #F4F3F2;
	box-sizing: border-box;
	display: block;
}
#searchContents .searchKeyword01 .keywordSubmit {
	width: 45px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
#searchContents .searchKeyword01 input[type="submit"] {
	width: 45px;
	height: 40px;
	text-indent: -99999px;
	border: 1px solid #D9D9D9;
	border-radius: 0 3px 3px 0;
	background: #EBEAE4 url(../../img/common/sp/ico_mark_18.png) no-repeat 50% 50%;
	background-size: 19px 19px;
	box-sizing: border-box;
	display: block;
	cursor: pointer;
}
#searchContents .searchKeyword01 input[type="submit"].active {
	background-color: #FFF;
	background-image: url(../../img/common/sp/ico_mark_03.png);
	box-shadow: inset 0 -2px #ECECEC;
}

/***** 1.1.0 ここから *****/
#searchContents .more {
	margin: 0 10px 15px;
	text-align: right;
}
#searchContents .more a {
	font-size: 13px;
	font-weight: bold;
	color: #335966;
	display: inline-block;
}
#searchContents .more a:after {
	content: '';
	width: 6px;
	height: 10px;
	margin-left: 10px;
	background: url(../../img/common/sp/ico_arrow_05.png) no-repeat 0 0;
	background-size: 6px 10px;
	display: inline-block;
}
/***** 1.1.0 ここまで *****/

/* 新着物件数のお知らせバナー */
#newPropCountBanner {
  height: 60px;
  width: 300px;
  border-radius: 4px 0 0 0;
  margin-left: 10px;
  position: fixed;
  bottom: -300px;
  background-image: url(/contents/img/common/sp/bg_new_prop_count_01.gif);
  background-size: 50%;
}
#newPropCountBanner.newPropCountBannerSavedSearch {
  background-image: url(/contents/img/common/sp/bg_new_prop_count_02.gif);
}
/* タップで新着物件検索 */
#newPropCountBanner > a.lastSearchAddCmmaxSubmit,
#newPropCountBanner > a.savedSearchAddCmmaxSubmit {
  background-color: #fff;
  background-image: url(/contents/img/common/sp/ico_new_prop_count_03.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
  background-position-x: 222px;
  padding-left: 14px;
  margin-left: 50px;
  margin-top: 5px;
  width: 231px;
  height: 45px;
  line-height: 18px;
  border-radius: 4px;
  box-shadow: inset 0 -2px #EBE5DA, 0 1px rgba(0, 0, 0, 0.05);
}

/* 手紙持ったキャラクターの画像 */
#newPropCountBanner .character_icon {
  background-image: url(/contents/img/common/sp/img_new_prop_count_01.png);
  background-repeat: no-repeat;
  background-size: 60px 54px;
  width: 60px;
  height: 54px;
  margin-top: 8px;
  position: absolute;
  top: -2px;
  left: -5px;
}

/* タップで閉じる動作を起こす☓印アイコン */
#newPropCountBanner .close_icon {
  background-image: url(/contents/img/common/sp/ico_new_prop_count_02.png);
  background-repeat: no-repeat;
  background-size: 24px;
  height: 24px;
  width: 24px;
  position: absolute;
  top: -12px;
  right: -9px;
}

/* 『前回の検索条件で検索』コンテンツ */
#includeLastSearchForm {
  background-color: #fff;
  box-shadow: 0 0 1px;
  border: solid 1px #C5C5C1;
  border-radius: 4px;
  margin: 0 10px 8px 10px;
  width: auto;
  overflow: hidden;
}

/* 『あなたが前回検索した条件』ブロック */
#lastSearchQuery {
  margin: 12px;
}

/* ヘッダー */
#lastSearchQuery .lastSearch {
  font-weight: bold;
  color: #82634C;
  padding-left: 18px;
  background-image: url(/contents/img/common/sp/ico_new_prop_count_01.png);
  background-repeat: no-repeat;
  background-size: contain;
}

/* 検索文字列 */
#lastSearchQuery .queryStr {
  line-height: 1.5;
  margin-top: 8px;
  color: #007DBA;
  padding-right: 12px;
  background-image: url(/contents/img/common/sp/ico_new_prop_count_03.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
  background-position: right;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


/* 新着物件キューブ上部の新着物件数告知枠 */
#newPropHead {
  background-image: url(/contents/img/common/sp/img_new_prop_count_01.png);
  background-repeat: no-repeat;
  background-size: 60px 54px;
  background-position-x: 5px;
  height: 54px;
  margin-top: 8px;
  border-bottom: solid 1px #C5C5C1;
}

/* 新着物件がx件届いています！文字列を含む文章 */
#newPropHead .lastSearchAddCmmaxSubmit,
#newPropCountBanner .lastSearchAddCmmaxSubmit,
#newPropCountBanner .savedSearchAddCmmaxSubmit {
  display: block;
  color: #333;
  font-size: 11px;
  padding-top: 5px;
  margin-left: 73px;
  margin-right: 12px;
  background-image: url(/contents/img/common/sp/ico_new_prop_count_03.png);
  background-repeat: no-repeat;
  background-size: 6px 10px;
  background-position: right;
}

/* 「前回検索した条件」部分を太字に */
#newPropHead .lastSearchAddCmmaxSubmit > span,
#newPropCountBanner .lastSearchAddCmmaxSubmit > span,
#newPropCountBanner .savedSearchAddCmmaxSubmit > span {
  font-weight: bold;
}

/* 新着物件がx件届いています！文字列 */
#contentsWrap .includeNewPropCount {
  font-weight: bold;
  font-size: 13px;
  color: #EB7300;
  display: block;
  line-height: 24px;
  letter-spacing: -1px;
}

/* 新着物件がx件届いています！文字列のxが5桁以上のやつ */
#contentsWrap .includeNewPropCount.fiveDigitsMore {
  letter-spacing: -2px;
}

/* 新着物件数 */
#contentsWrap .newPropCount {
  font-size: 16px;
}


/* 新着物件キューブ */
#newPropCube {
  border-bottom: solid 1px #C5C5C1;
  padding: 7px 0;
  background-color: #F5F5F0;
}

/* flipsnap適用部(親) */
#newPropCube ul {
  overflow: hidden;
  padding-left: 15px;
  width: 5000px;
}

/* flipsnap適用部(子) */
#newPropCube li {
  width: 265px;
  height: 130px;
  margin-right: 5px;
  float: left;
}

/* キューブ内の1物件枠 */
#newPropCube li .listWrap {
  width: 263px;
  height: 128px;
  background-color: #fff;
  border: 1px solid #D7D2CA;
  position: relative;
}

/* 利回りの値 */
#newPropCube li .listWrap a .rimawari {
  font-size: 13px;
  font-weight: bold;
  color: #C9583F;
}

/* 利回りアイコン */
#newPropCube li .listWrap a .rimawari > .rimawari_icon {
  width: 34px;
  height: 14px;
  margin-right: 5px;
  vertical-align: middle;
  text-indent: -99999px;
  background-size: auto 14px;
  overflow: hidden;
  display: inline-block;
  background-image: url(/contents/img/common/sp/ico_rimawari_01.png);
  background-repeat: no-repeat;
}

/* 物件画像枠 */
#newPropCube li .pic {
  width: 108px;
  height: 108px;
  float: left;
  position: relative;
  display: block;
}

/* 物件画像 */
#newPropCube li .pic img {
  vertical-align: top;
}

/* 物件枠のヘッダー */
#newPropCube li .infoDiv {
  display: block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color: #FFF;
  background: #D8CCB8;
}

/* 値段や間取り等の基本情報枠 */
#newPropCube li .infoBox {
  padding-left: 7px;
  color: #333;
  line-height: 1.5;
  font-size: 12px;
  width: 145px;
  overflow: hidden;
  float: left;
}

/* 値段や間取り等の基本情報文字列 */
#newPropCube li .infoBox > span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* 物件価格 */
#newPropCube li .price {
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  color: #FD7F17;
}

/* 間取り */
#newPropCube li .room_layout, #newPropCube li .ex_size {
  font-weight: bold;
}

/* 『築浅』等のアイコン枠 */
#newPropCube li .infoBox > span.icon01 {
  display: inline;
}

/* 『築浅』等のアイコン */
#newPropCube li .infoBox > span.icon01 > span {
  margin-top: 2px;
}

/* 物件画像中央に出る商談中アイコン */
#newPropCube .icon_stage_negotiation {
  background: #E97313;
  display: block;
  width: 70px;
  height: 18px;
  line-height: 18px;
  border-radius: 8px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -35px;
}

/* 『一覧ですべて見る』 */
#newPropCube .propMore {
	position: relative;
	display: block;
	width: 265px;
	height: 130px;
	line-height: 130px;
	font-size: 14px;
}

/* zoomでフォントサイズ崩れる対策用ブロック */
#newPropCube > ul > li > .propMore > div {
	zoom: 0.5;
}

/* 『一覧ですべて見る』の矢印アイコン */
#newPropCube .more_icon {
	background-image: url(/contents/img/common/sp/ico_new_prop_count_04.png);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	height: 40px;
	width: 40px;
	display: block;
	position: absolute;
	top: 45px;
	left: 190px;
	zoom: 2;
}

/* 『一覧ですべて見る』文字列 */
#newPropCube > ul > li > .propMore > div > span:first-child {
	margin-left: 60px;
	zoom: 2;
	white-space: nowrap;
	display: block;
}


/* #searchNav */
#searchNav {
	height: 51px;
	background: #FFF;
}
#searchNav li {
	width: 50%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #113366;
	border-bottom: 3px solid #F2F0EB;
	float: left;
	cursor: pointer;
}
#searchNav li.active {
	color: #E38F04;
	border-color: #E38F04;
}
#searchNavTit {
	padding: 2px 10px 0;
	line-height: 48px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 38px;
	background: #FFF url(../../img/common/sp/ico_mark_15.png) no-repeat 10px 20px;
	background-size: 24px 13px;
	color: #82634C;
}
#searchNavTit:after {
	content: '';
	height: 3px;
	background: #EEEDE7;
	display: block;
}

/* .speedSearch */
.speedSearch {
	padding: 15px 10px 0;
	background: #FFF;
}
.speedSearch:after {
	content: '';
	height: 0;
	margin: 0 20px;
	padding-top: 20px;
	border-bottom: 1px solid #E8E8E4;
	display: block;
	clear: both;
}



.speedSearch input[type="radio"],
.speedSearch input[type="checkbox"] {
	display: none;
}
.speedSearch input[type="radio"] + label,
.speedSearch input[type="checkbox"] + label {
	padding-left: 24px;
	line-height: 18px;
	color: #46453E;
	background: url(../../img/common/sp/ico_check_03.png) no-repeat 0 50%;
	background-size: 18px;
	display: inline-block;
	cursor: pointer;
}
.speedSearch input[type="checkbox"] + label {
	padding-left: 32px;
	line-height: 25px;
	background-image: url(../../img/common/sp/ico_check_01.png);
	background-size: 25px;
}
.speedSearch input[type="radio"]:checked + label,
.speedSearch input[type="checkbox"]:checked + label {
	color: #7EAC33;
	background-image: url(../../img/common/sp/ico_check_04.png);
}
.speedSearch input[type="checkbox"]:checked + label {
	background-image: url(../../img/common/sp/ico_check_02.png);
}

.speedSearch select {
	width: 100%;
	height: 35px;
	padding: 0 0 0 5px;
	border: solid #D6D6D6;
	border-width: 1px 1px 2px 1px;
	border-radius: 3px;
	background: #FFF url(../../img/common/sp/ico_arrow_06.png) no-repeat right 10px top 50%;
	background-size: 6px 4px;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.speedSearch table {
	width: 100%;
	border-spacing: 0;
}
.speedSearch table th,
.speedSearch table td {
	padding: 0;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
}
.speedSearch table th {
	width: 62px;
	padding-left: 3px;
	line-height: 34px;
	font-weight: bold;
}
.speedSearch table td {
	padding-bottom: 5px;
}
.speedSearch table .radioArea {
	padding: 3px 0 15px;
}
.speedSearch table td .selectBtn {
	width: 235px;
	height: 40px;
	line-height: 37px;
	border: 1px solid #D6D6D6;
	border-width: 1px 1px 2px;
	border-radius: 3px;
	background: url(../../img/common/sp/ico_arrow_07.png) no-repeat right 8px top 50%;
	background-size: 10px 6px;
	box-sizing: border-box;
	cursor: pointer;
}
.speedSearch table td .selectBtn.active {
	background: url(../../img/common/sp/ico_arrow_08.png) no-repeat right 8px top 50%;
	background-size: 10px 6px;
}
.speedSearch table td .selectBtn a {
	width: 235px;
	height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 20px 0 10px;
	color: #333;
	box-sizing: border-box;
	overflow: hidden;
	display: block;
}
.speedSearch table td input[type="radio"] + label {
	margin: 7px 15px 0 0;
}
.speedSearch table td input[type="radio"] + label:last-child {
	margin-right: 0;
}

/* .divArea */
.speedSearch table .divArea input[type="checkbox"] + label {
	width: 32%;
	height: 65px;
	padding: 0;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	background: #FCFCFB url(../../img/common/sp/ico_check_05.png) no-repeat 6px 6px;
	background-size: 22px;
	box-shadow: inset 0 0 0 1px #DFDCD5, inset 0px -2px #DFDCD5;
	box-sizing: border-box;
	display: block;
	position: relative;
	float: left;
}
.speedSearch table .divArea input[type="checkbox"]:first-child + label {
	margin-right: 2%;
}
.speedSearch table .divArea input[type="checkbox"] + label:last-child {
	float: right;
}
.speedSearch table .divArea input[type="checkbox"] + label:before {
	content: '';
	height: 41px;
	margin: 0 2px 0 28px;
	background: no-repeat 50% 6px;
	background-size: 40px 33px;
	display: block;
}
.speedSearch table .divArea input[type="checkbox"].rentDiv01 + label:before,
.speedSearch table .divArea input[type="checkbox"].investDiv01 + label:before {
	background-image: url(../../img/common/sp/ico_mark_06.png);
}
.speedSearch table .divArea input[type="checkbox"].rentDiv02 + label:before,
.speedSearch table .divArea input[type="checkbox"].saleDiv01 + label:before {
	background-image: url(../../img/common/sp/ico_mark_07.png);
}
.speedSearch table .divArea input[type="checkbox"].rentDiv03 + label:before,
.speedSearch table .divArea input[type="checkbox"].saleDiv02 + label:before {
	background-image: url(../../img/common/sp/ico_mark_08.png);
}
.speedSearch table .divArea input[type="checkbox"].investDiv02 + label:before {
	background-image: url(../../img/common/sp/ico_mark_09.png);
}
.speedSearch table .divArea input[type="checkbox"].investDiv03 + label:before {
	background-image: url(../../img/common/sp/ico_mark_10.png);
}
.speedSearch table .divArea input[type="checkbox"].saleDiv03 + label:before {
	background-image: url(../../img/common/sp/ico_mark_11.png);
}
.speedSearch table .divArea input[type="checkbox"]:checked + label {
	color: #FFF;
	background-color: #9DBC5C;
	background-image: url(../../img/common/sp/ico_check_06.png);
	box-shadow: inset 0 2px #91AD55;
}

.speedSearch table .divArea .divAreaRadio {
	border: solid #DFDCD5;
	border-width: 1px 1px 2px;
	border-radius: 3px;
	box-sizing: border-box;
	overflow: hidden;
}
.speedSearch table .divArea input[type="radio"] + label {
	width: 33%;
	height: 62px;
	margin: 0;
	padding: 40px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: no-repeat 50% 6px;
	background-size: 30px;
	box-sizing: border-box;
	float: left;
}
.speedSearch table .divArea input[type="radio"]:first-child + label {
	border-right: 1px solid #DFDCD5;
}
.speedSearch table .divArea input[type="radio"] + label:last-child {
	width: 34%;
	border-left: 1px solid #DFDCD5;
}
.speedSearch table .divArea input[type="radio"].tenantDiv01 + label { background-image: url(../../img/common/sp/ico_mark_12.png); }
.speedSearch table .divArea input[type="radio"].tenantDiv02 + label { background-image: url(../../img/common/sp/ico_mark_13.png); }
.speedSearch table .divArea input[type="radio"].tenantDiv03 + label { background-image: url(../../img/common/sp/ico_mark_14.png); }

.speedSearch table .divArea input[type="radio"]:checked + label {
	color: #333;
	background-color: #F2F0E9;
}

/* .selectArea */
.speedSearch table .selectArea {
	padding: 0;
}
.speedSearch table .selectArea .selectAreaBox {
	margin: 4px 2px 9px;
	padding-bottom: 1px;
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	position: relative;
}
.speedSearch table .selectArea .selectAreaBox:before,
.speedSearch table .selectArea .selectAreaBox:after {
	content: '';
	width: 2px;
	height: 0;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: transparent transparent #FFF transparent;
	display: block;
	position: absolute;
	top: -4px;
	right: 9px;
}
.speedSearch table .selectArea .selectAreaBox:before {
	border-width: 0 5px 5px;
	border-color: transparent transparent #D4D4D4 transparent;
	top: -5px;
	right: 8px;
}
.speedSearch table .selectArea .selectAreaBox .closeBtn {
	position: absolute;
	right: 9px;
	top: 10px;
	cursor: pointer;
}
.speedSearch table .selectArea .selectAreaBox dl {
	padding: 15px 15px 10px;
	border-radius: 4px 4px 0 0;
	background: #FBFBFB;
}
.speedSearch table .selectArea .selectAreaBox dl:before {
	content: '';
	width: 2px;
	height: 0;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: transparent transparent #FBFBFB transparent;
	display: block;
	position: absolute;
	top: -4px;
	right: 9px;
	z-index: 1;
}
.speedSearch table .selectArea .selectAreaBox dl:after {
	content: '';
	display: block;
	clear: both;
}
.speedSearch table .selectArea .selectAreaBox dl dt {
	line-height: 20px;
	font-weight: bold;
}
.speedSearch table .selectArea .selectAreaBox dl dd {
	display: inline-block;
}
.speedSearch table .selectArea .selectAreaBox dl dd a {
	padding: 4px 0 3px;
	line-height: 20px;
	text-decoration: underline;
	color: #335966;
	display: inline-block;
}
.speedSearch table .selectArea .selectAreaBox .selectAreaBoxInner {
	/*padding: 10px 13px 0;*/
	padding: 10px 5px 0;
}
.speedSearch table .selectArea .selectAreaBox .selectAreaBoxInner .selectTbl {
	margin-bottom: 10px;
}
.speedSearch table .selectArea .selectAreaBox .selectAreaBoxInner .selectTbl td {
	width: 47%;
	padding: 0;
}
.speedSearch table .selectArea .selectAreaBox .selectAreaBoxInner .selectTbl td select {
	width: 100%;
}
.speedSearch table .selectArea .selectAreaBox .selectAreaBoxInner .selectTbl .and {
	width: 6%;
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
}
.speedSearch table .selectArea .selectAreaBox .selectAreaBoxInner .checkTbl td {
	padding: 0 0 10px 5px;
	line-height: 25px;
	color: #46453E;
}
.speedSearch table .selectArea .selectAreaBox .selectAreaBoxInner .checkTbl td input[type="checkbox"] + label {
	display: block;
}

.speedSearch .searchSubmit {
	float: right;
}
.speedSearch .searchSubmit input {
	width: 130px;
	height: 35px;
	padding: 0;
	line-height: 35px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #AAA692;
	border: none;
	border-radius: 3px;
	background: #EBEAE4;
	background-image: -moz-linear-gradient(top, #EBEAE4, #EBEAE4);
	background-image: -ms-linear-gradient(top, #EBEAE4, #EBEAE4);
	background-image: -webkit-linear-gradient(top, #EBEAE4, #EBEAE4);
	background-image: linear-gradient(top, #EBEAE4, #EBEAE4);
	box-sizing: border-box;
	display: block;
	cursor: pointer;
}
.speedSearch .searchSubmit input.active {
	color: #FFF;
	background-image: -moz-linear-gradient(top, #FBB71A, #EF9514);
	background-image: -ms-linear-gradient(top, #FBB71A, #EF9514);
	background-image: -webkit-linear-gradient(top, #FBB71A, #EF9514);
	background-image: linear-gradient(top, #FBB71A, #EF9514);

}
.speedSearch .searchNum {
	height: 35px;
	margin-right: 10px;
	line-height: 35px;
	font-size: 12px;
	float: right;
}
.speedSearch .searchNum span {
	font-size: 16px;
	font-weight: bold;
	color: #F60;
}


/* .bnr */
.bnr {
	margin: 20px 0;
}
.bnr .pr {
	margin-left: 20px;
	padding-bottom: 10px;
}
.bnr .pr span {
	width: 30px;
	height: 16px;
	margin-right: 5px;
	line-height: 16px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background: #F4E00E;
	display: inline-block;
}
.bnr a {
	margin: 0 20px;
	display: block;
}
.bnr a img {
	vertical-align: top;
}

.bnr01 {
	margin-right: 17px;
	margin-left: 17px;
	overflow: hidden;
}
.bnr01 div {
	width: 50%;
	padding: 0 3px 0 3px;
	box-sizing: border-box;
	float: left;
}
.bnr01 a,
.bnr01 .pr {
	margin: 0;
}

.bnr02 {
	margin-right: 20px;
	margin-left: 20px;
	overflow: hidden;
}
.bnr02 .pr {
	margin: 0;
}
.bnr02 a {
	width: 50%;
	margin: 0;
	float: left;
}


/*------------------------------
#recommend
------------------------------*/
#recommend {
	margin-bottom: 20px;
}
#recommend > h1 {
	line-height: 30px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #624239;
}

/* .recommend */
.recommend {
	width: 320px;
	margin: 20px 0 25px;
	overflow: hidden;
}
.recommend > h1 {
	margin-bottom: 15px;
	line-height: 20px;
	font-size: 18px;
	font-weight: bold;
}
.recommend > h1 span {
	font-size: 14px;
}
.recommend > h1 .notice {
	width: 35px;
	height: 20px;
	margin-right: 7px;
	padding-right: 5px;
	line-height: 20px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	position: relative;
}
.recommend > h1 .notice:after {
	content: '';
	width: 0;
	height: 0;
	border-width: 10px 5px 10px 0;
	border-style: solid;
	border-color: transparent #FFF transparent transparent;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
.recommend > h1 .comment {
	margin-left: 10px;
	font-size: 12px;
	color: #333;
}

#saleRecommend01 > h1,
#saleRecommend02 > h1 {
	color: #7FB85F;
}
#saleRecommend01 > h1 .notice,
#saleRecommend02 > h1 .notice {
	background: #7FB85F;
}
#rentRecommend01 > h1,
#rentRecommend02 > h1 {
	color: #F1AB26;
}
#rentRecommend01 > h1 .notice,
#rentRecommend02 > h1 .notice {
	background: #F1AB26;
}
#investRecommend01 > h1,
#investRecommend02 > h1 {
	color: #26A5C5;
}
#investRecommend01 > h1 .notice,
#investRecommend02 > h1 .notice {
	background: #26A5C5;
}
#tenantRecommend01 > h1,
#tenantRecommend02 > h1 {
	color: #B8799F;
}
#tenantRecommend01 > h1 .notice,
#tenantRecommend02 > h1 .notice {
	background: #B8799F;
}

.recommend .flipsnap {
	width: 315px;
}
.recommend ul {
	width: 5000px;
	overflow: hidden;
	padding-left: 10px!important;
}
.recommend li {
	width: 295px;
	float: left;
}
.recommend li.error {
	width: 310px;
	float: none;
	margin-left: 10px;
}
.recommend li .listWrap {
	width: 288px;
	border: 1px solid #D7D2CA;
	background: #FFF;
	position: relative;
}
.recommend li .listWrap a {
	text-decoration: none;
	color: #333;
	display: block;
}
.recommend li .listWrap a > span {
	display: block;
}
.recommend li .data01 {
	height: 25px;
	padding-left: 27px;
	line-height: 25px;
	font-size: 11px;
	font-weight: bold;
	background: rgba(229,239,193,0.9) url(../../img/common/sp/ico_mark_05.png) no-repeat 7px 50%;
	background-size: 14px 18px;
	/***** 1.1.0 ここから *****/
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	/***** 1.1.0 ここまで *****/
}
.recommend li .data01 span {
	margin-left: 10px;
	color: #390;
	/***** 1.1.0 ここから *****/
	width: 200px;
	height: 25px;
	line-height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	/***** 1.1.0 ここまで *****/
}
.recommend li .pic01 {
	width: 100%;
	height: 200px;			/* 1.1.0 */
	background: #999;
	display: block;
	position: relative;
}

/***** 1.1.0 *****/
.recommend li .pic01 img {
	vertical-align: middle;
	width: 288px;
	height: 200px;
	object-fit: cover;
}
/* 1.0.0
.recommend .scubelist li .pic01 {
	height: 200px;
	overflow: hidden;
}
.recommend .scubelist li .pic01 img {
	margin-top: -44px;
}
*/
.recommend li .pic01 .comment01 {
	width: 100%;
	height: 70px;
	padding: 25px 10px 0;
	line-height: 18px;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	box-sizing: border-box;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	position: absolute;
	left: 0;
	bottom: 0;
}
/* 3行対策 */
.recommend li .pic01 .comment01 > span {
	height: 37px;
	overflow: hidden;
	display: block;
}
.recommend li .info01 {
	height: 20px;
	margin-bottom: 6px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background: #D8CCB8;
}
.recommend li .icon01 {
	padding: 4px 11px 0 0;
	position: absolute;
	right: 0;
}
.recommend li .icon01 img {
	margin-bottom: 1px;
	display: block;
}
.recommend li .price01 {
	padding-left: 10px;
	line-height: 26px;
	font-size: 17px;
	font-weight: bold;
	color: #FD7F17;
}
.recommend li .price01 span {
	font-size: 12px;
}
.recommend li .price01.invest {
	float: left;
}
.recommend li .rimawari01 {
	padding: 0 43px 0 10px;
	line-height: 26px;
	font-size: 14px;
	font-weight: bold;
	color: #C9583F;
	float: left;
}
.recommend li .rimawari01 span {
	font-size: 12px;
}
.recommend li .rimawari01 .rimawari_ico {
	width: 34px;
	height: 14px;
	margin-right: 5px;
	vertical-align: middle;
	text-indent: -99999px;
	background: url(../../img/common/sp/ico_rimawari_01.png) no-repeat 0 0;
	background-size: auto 14px;
	overflow: hidden;
	display: inline-block;
}
.recommend li .info02 {
	min-height: 40px;
	padding: 0 0 0 10px;
	font-size: 13px;
	clear: both;
}
/*.recommend li .info02 span { */	/* 1.0.0 */
.recommend li .info02 .room_layout {
	font-weight: bold;
}
.recommend li .info03 {
	padding: 0 0 5px 10px;
	font-size: 13px;
}
.recommend li .info03 a,
.recommend li .info03 span {
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
	color: #007EB8;
	overflow: hidden;
	display: block;
}
.recommend li .info03 span {
	color: #333;
}

/***** 1.1.0 ここから *****/
.topCornerWrap .spt,
.listWrap .spt {
	color: #999;
	display: inline-block;
	padding: 0 5px;
}
.listWrap .icon01 {
	width: 32px;
	line-height: 12px;
}
/***** 1.1.0ここまで *****/



/*------------------------------
#interview
------------------------------*/
#interview h1 {
	border-top: 1px solid #ACA395;
	border-bottom: 1px solid #E8E8E4;
}

/* #interviewList */
#interviewList {
	margin-top: 5px;
}
#interviewList li {
	border-bottom: 1px solid #E8E8E4;
}
#interviewList a {
	padding: 4px 20px 4px 4px;
	background: url(../../img/common/sp/ico_arrow_05.png) no-repeat right 10px top 50%;
	background-size: 6px 10px;
	display: block;
}
#interviewList a:after {
	content: '';
	display: block;
	clear: both;
}
#interviewList a span {
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
#interviewList a .pic {
	width: 70px;
	height: 70px;
	margin-right: 7px;
	background: #CCC;
	position: relative;
	float: left;
}
#interviewList a .pic .num {
	width: 32px;
	height: 12px;
	line-height: 14px;
	text-align: center;
	font-size: 9px;
	color: #333;
	background: #FFF;
	overflow: hidden;
	position: absolute;
	left: 3px;
	bottom: 3px;
}
#interviewList a .pic .new {
	position: absolute;
	left: 2px;
	top: 2px;
}
#interviewList a .pic .new img {
	vertical-align: top;
}
#interviewList a .text01 {
	padding: 1px 0 4px;
	color: #333;
}
#interviewList a .text02 {
	color: #007EB8;
}

#interview .more {
	margin: 20px 25px 20px 0;
	text-align: right;
}
#interview .more a {
	color: #335966;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
}
#interview .more a:after {
	content: '';
	width: 6px;
	height: 10px;
	margin-left: 10px;
	background: url(../../img/common/sp/ico_arrow_05.png) no-repeat 0 0;
	background-size: 6px 10px;
	display: inline-block;
}



/*------------------------------
#ranking
------------------------------*/
#ranking {
}
#ranking > h1 {
	border-top: 2px solid #624239;
}
/*#ranking > h1 {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #624239;
}
#ranking > h1 span {
	font-size: 12px;
}*/

#rankingList {
	margin-bottom: 20px;
}
#rankingList li {
	margin: 10px 15px 0 40px;
	border: 1px solid #D7D2CA;
	position: relative;
}
#rankingList li:before {
	content: '';
	width: 25px;
	height: 24px;
	background: no-repeat 0 0;
	background-size: 25px;
	display: block;
	position: absolute;
	left: -31px;
	top: 5px;
}
#rankingList li:nth-of-type(2):before { background-image: url(../../img/common/sp/img_rank_01.gif); }
#rankingList li:nth-of-type(3):before { background-image: url(../../img/common/sp/img_rank_02.gif); }
#rankingList li:nth-of-type(4):before { background-image: url(../../img/common/sp/img_rank_03.gif); }
#rankingList li.error {
	margin: 10px 0 0 10px;
	border: none;
}
#rankingList li.error:before {
	display: none;
}
#rankingList li .info a {
	overflow: hidden;
	display: block;
}
#rankingList li .info a .infoDiv {
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background: #D8CCB8;
	display: block;
}
#rankingList li .info a .pic {
	width: 108px;
	height: 108px;
	display: block;
	float: left;
}
#rankingList li .info a .pic img {
	vertical-align: top;
}
#rankingList li .info a .infoBox {
	margin-left: 115px;
	display: block;
}
#rankingList li .info a .infoBox > span {
	line-height: 1.5;
	font-size: 12px;
	color: #333;
	display: block;
}
#rankingList li .info a .infoBox > span span {
	font-weight: bold;
}
#rankingList li .info a .infoBox .price {
	line-height: 2;
	font-size: 14px;
	font-weight: bold;
	color: #FD7F17;
}
#rankingList li .info a .infoBox .price span {
	font-size: 12px;
}
#rankingList li .info a .infoBox .rimawari {
	font-size: 13px;
	font-weight: bold;
	color: #C9583F;
}
#rankingList li .info a .infoBox .rimawari span {
	width: 34px;
	height: 14px;
	margin-right: 5px;
	vertical-align: middle;
	text-indent: -99999px;
	background: url(../../img/common/sp/ico_rimawari_01.png) no-repeat 0 0;
	background-size: auto 14px;
	overflow: hidden;
	display: inline-block;
}
#rankingList li .info a .infoBox .icon01 img {
	margin-right: 1px;
	vertical-align: top;
}
/* #rankingList li .info a .infoBox .company { */	/* 1.0.0 */
#rankingList li .company {
	display: block;
	clear: both;
}
#rankingList li .company a {
	height: 30px;
	padding-top: 1px;
	line-height: 30px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #007EB8;
	background: #F5F3F1;
	overflow: hidden;
	display: block;
}

#ranking .more {
	margin: 20px 25px 20px 0;
	text-align: right;
}
#ranking .more a {
	font-size: 13px;
	font-weight: bold;
	color: #335966;
	display: inline-block;
}
#ranking .more a:after {
	content: '';
	width: 6px;
	height: 10px;
	margin-left: 10px;
	background: url(../../img/common/sp/ico_arrow_05.png) no-repeat 0 0;
	background-size: 6px 10px;
	display: inline-block;
}


/*------------------------------
#openHouse
------------------------------*/
#openHouse {
	width: 320px;
	overflow: hidden;
}
#openHouse h1 {
	padding-bottom: 10px;
}

#openHouse .scubelist {
	width: 295px;
	margin: 0 auto;
	padding-left: 5px;
}
#openHouse .flipsnap {
	width: 315px;
	margin: 0;
	padding: 0;
}
#openHouse ul {
	width: 5000px;
	overflow: hidden;
	padding-left: 10px!important;
}
#openHouse li {
	width: 295px;
	float: left;
}
#openHouse li .listWrap {
	width: 288px;
	border: 1px solid #D7D2CA;
	background: #FFF;
	position: relative;
}
#openHouse li .listWrap a {
	text-decoration: none;
	color: #333;
	display: block;
}
#openHouse li .listWrap a > span {
	display: block;
}
#openHouse li .data01 {
	height: 25px;
	padding-left: 27px;
	line-height: 25px;
	font-size: 11px;
	font-weight: bold;
	background: rgba(229,239,193,0.9) url(../../img/common/sp/ico_mark_05.png) no-repeat 7px 50%;
	background-size: 14px 18px;
	/***** 1.1.0 ここから *****/
	width: 100%;
	box-sizing: border-box;
	/***** 1.1.0 ここまで *****/
}
#openHouse li .data01 span {
	margin-left: 10px;
	color: #390;
	/***** 1.1.0 ここから *****/
	width: 200px;
	height: 25px;
	line-height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	/***** 1.1.0 ここまで *****/
}
#openHouse li .pic01 {
	width: 100%;
	height: 200px;			/* 1.1.0 */
	background: #EEE;
	display: block;
	position: relative;
}

/***** 1.1.0 *****/
#openHouse li .pic01 img {
	vertical-align: middle;
	width: 288px;
	height: 200px;
	object-fit: cover;
}
/* 1.0.0
#openHouse .scubelist .pic01 {
	height: 200px;
	overflow: hidden;
}
#openHouse .scubelist .pic01 img {
	margin-top: -44px;
}
*/
#openHouse li .pic01 .comment01 {
	width: 100%;
	height: 70px;
	padding: 25px 10px 0;
	line-height: 18px;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	box-sizing: border-box;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));
	position: absolute;
	left: 0;
	bottom: 0;
}
#openHouse li .info01 {
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background: #D8CCB8;
}
#openHouse li .icon01 {
	padding: 10px 11px 0 0;
	position: absolute;
	right: 0;
}
#openHouse li .icon01 img {
	margin-bottom: 1px;
	display: block;
}
#openHouse li .price01 {
	padding: 6px 0 0 10px;
	line-height: 26px;
	font-size: 17px;
	font-weight: bold;
	color: #FD7F17;
}
#openHouse li .price01 span {
	font-size: 12px;
}
#openHouse li .info02 {
	padding: 0 0 0 10px;
	font-size: 13px;
}
/*#openHouse li .info02 span { */	/* 1.0.0 */
#openHouse li .info02 .room_layout {
	font-weight: bold;
}
#openHouse li .info03 {
	font-size: 13px;
}
#openHouse li .info03 a {
	text-decoration: none;
	color: #007EB8;
}

#openHouse .more {
	margin-right: 25px;
	padding: 20px 0;
	line-height: 20px;
	text-align: right;
	clear: both;
}
#openHouse .more a {
	font-size: 14px;
	font-weight: bold;
	color: #335966;
	display: inline-block;
}
#openHouse .more a:after {
	content: '';
	width: 6px;
	height: 10px;
	margin-left: 10px;
	background: url(../../img/common/sp/ico_arrow_05.png) no-repeat 0 0;
	background-size: 6px 10px;
	display: inline-block;
}

.propError {
	height:62px;
	padding-left:90px;
	padding-top:10px;
	background: url(//www.rals.net/contents/img/rengo/bg_maintenance.png) no-repeat left top; background-size: 79px 72px;
	-webkit-background-size: 79px 72px;
	font-size:10px;
}
#openHouse #flipsnap3 .info03{
    padding: 9px 0 5px 10px;
    font-size: 13px;
}


/*------------------------------
 1.1.0 追加分
------------------------------*/

/* 商談中・成約済アイコン */
.pic01 .icon_stage_negotiation,
.pic01 .icon_stage_contracted {
	display: block;
	width: 80px;
	height: 20px;
	line-height: 20px;
	border-radius: 8px;
	color: #FFF;
	font-size: 13px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px; /*(=height/2)*/
	margin-left: -40px; /*(=width/2)*/
}
.pic01 .icon_stage_negotiation {
	background: #E97313;
}
.pic01 .icon_stage_contracted {
	background: #C95840;
}

/* 共通アイコン */
.icon01 span {
	display: inline-block;
}
.icon01 span.picon {
	width: 32px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon01 span.picon.prop_icon_structure_wood {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_kozo_moku.gif);
}
.icon01 span.picon.prop_icon_structure_steel {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_kozo_tetsu.gif);
}
.icon01 span.picon.prop_icon_structure_light_steel {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_kozo_keitetsu.gif);
}
.icon01 span.picon.prop_icon_structure_rc {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_kozo_rc.gif);
}
.icon01 span.picon.prop_icon_structure_src {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_kozo_src.gif);
}
.icon01 span.picon.prop_icon_now_movein {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_state_tintaityu.gif);
}
.icon01 span.picon.prop_icon_full_movein {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_state_manshitsu.gif);
}
.icon01 span.picon.prop_icon_build_new {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_tiku_sintiku.gif);
}
.icon01 span.picon.prop_icon_build_ing {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_tiku_kentikutyu.gif);
}
.icon01 span.picon.prop_icon_build_lit {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_tiku_tikuasa.gif);
}
.icon01 span.picon.prop_icon_brokerage_free {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_tyukai_zero.gif);
}
.icon01 span.picon.prop_icon_brokerage_half {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_tyukai_half.gif);
}
.icon01 span.picon.prop_icon_shikireiho_zero {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_shiki_rei_ho_zero.gif);
}
.icon01 span.picon.prop_icon_shikirei_zero {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_shiki_rei_zero.gif);
}
.icon01 span.picon.prop_icon_inuki {
	background-image: url(//fudosan.cbiz.ne.jp/assets/detail_page/img/icons/ico_inuki.gif);
}

/****************************************
.favoriteSearchNewBalloon
.mapNewBalloon
地図検索告知用バルーン
TODO そのうちいらなくなるので消す
****************************************/
.favoriteSearchNewBalloon,
.mapNewBalloon {
	display: none;
	z-index: 1;
	width: 11em;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #5F3F39;
	border: 2px solid #5F3F39;
	border-radius: 3px;
	background: #FFF600;
	position: absolute;
	left: -50%;
	top: 55px;
	padding: 6px 0;
	animation-duration: 2.5s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	transform-origin: bottom center;
	animation-name: mapBalloon;
}
/* 検索条件の複数保存の告知バルーンだけ */
.favoriteSearchNewBalloon {
	width: 15em;
    left: calc( 50% - ( 15em / 2 ) - 5px );
}
.favoriteSearchNewBalloon:before,
.favoriteSearchNewBalloon:after,
.mapNewBalloon:before,
.mapNewBalloon:after {
	content: '';
	position: absolute;
	border: solid transparent;
	height: 0;
	width: 0;
	left: 50%;
	bottom: 100%;
}

.favoriteSearchNewBalloon:before,
.mapNewBalloon:before {
	border-bottom-color: #5F3F39;
	border-width: 7px;
	margin-left: -7px;
}

.favoriteSearchNewBalloon:after,
.mapNewBalloon:after {
	border-bottom-color: #FFF600;
	border-width: 5px;
	margin: -1px 0 0 -5px;
}

/* NEW!! */
.favoriteSearchNewBalloon span,
.mapNewBalloon span {
	display: block;
	color: #FF2626;
}

/* 閉じるボタンのタップ領域広げるためのラッパー */
.favoriteSearchNewBalloon .close-wrapper,
.mapNewBalloon .close-wrapper {
	height: 40px;
	width: 40px;
	position: absolute;
	right: -18px;
	top: -20px;
	cursor: pointer;
}

/* 閉じるボタン */
.favoriteSearchNewBalloon .close,
.mapNewBalloon .close {
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	border-radius: 11px;
	background: #5F3F39;
	position: absolute;
	right: 7px;
	top: 9px;
}

.favoriteSearchNewBalloon .close-wrapper:active .close,
.favoriteSearchNewBalloon .close-wrapper:hover .close,
.mapNewBalloon .close-wrapper:active .close,
.mapNewBalloon .close-wrapper:hover .close {
	background: #ad7e4b;
}

@keyframes mapBalloon {
	0%   { transform: translate(0, 0); }
	2%   { transform: translate(0, 2px); }
	4%   { transform: translate(0, -2px); }
	6%   { transform: translate(0, -4px); }
	8%   { transform: translate(0, -5px); }
	10%  { transform: translate(0, -4px); }
	12%  { transform: translate(0, -1px); }
	14%  { transform: translate(0, 3px); }
	16%  { transform: translate(0, 0); }
	100% { transform: translate(0, 0); }
}


/* 横向きの場合のスタイル */
@media screen and (orientation: landscape) {
	/* 新着物件数のお知らせバナーを非表示 */
	#newPropCountBanner {
		display: none;
	}

	/* 地図検索告知バルーンを非表示 */
	.mapNewBalloon {
		display: none;
	}
}