@charset "utf-8";

/***************************************************
* H1背景色変更
***************************************************/

/* NOTE:common.cssが後に読まれた場合の詳細度調整のためにタグ名を追加している */
.section_h1 h1.section_h1-title {
	background-color: #fff;
	padding: 11px 10px 0;
}

.section_h1 h1.section_h1-title::before {
	background-color: #6fba2c;
}

/***************************************************
* パンくず
***************************************************/
.breadcrumb-list {
	list-style: none;
	overflow-x: scroll;
	word-break: keep-all;
	white-space: nowrap;
	padding: 10px;
	line-height: 0;
}

.breadcrumb-list li {
	display: inline-block;
	font-size: 10px;
	line-height: 10px;
}

.breadcrumb-list li a {
	text-decoration: underline;
	color: #0a6ac0;
}

.breadcrumb-list li a:visited {
	color: #0a6ac0;
}

.breadcrumb-list li a:active {
	opacity: 0.5;
}

.breadcrumb-list::-webkit-scrollbar {
	display: none;
}

/***************************************************
* 軸ずらし
***************************************************/

.shiftaxis {
	margin-top: 10px;
}

.shiftaxis .shiftaxis-box::before {
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 18px;
	left: 11px;
	top: 50%;
	margin-top: -9px;
	background-image: url(https://asset01.suumo.jp/sp/img/chukoikkodate/list/sprite/shiftAxis.png?id=20251204a9a2df4acc9);
	background-repeat: no-repeat;
	background-size: 25px 42px;
	-webkit-background-size: 25px 42px;
	background-position: 0 -12px;
}

.shiftaxis .secHead {
	border-top: none;
}

.shiftaxis .secHead h3 {
	padding: 6px 0 6px 10px;
	color: #fff;
	background-color: #61aa12;
	font-size: 12px;
}

.shiftaxis .secBody ul {
	padding: 7px 6px;
}

.shiftaxis .secBody ul li {
	margin-top: 7px;
}

.shiftaxis .secBody ul li:first-child {
	margin-top: 0;
}

.shiftaxis .shiftaxis-box {
	display: table;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #cacaca;
	border-radius: 3px;
	color: #333;
	padding: 8px 10px 8px 35px;
	font-weight: bold;
	line-height: 15px;
}

.additionalcondition {
	color: #f82055;
}

.applicablenumber {
	color: #f60;
	font-size: 16px;
}

.shiftaxis-box-text {
	display: table-cell;
}

.shiftaxis-box-arrow {
	display: table-cell;
	color: #068bf1;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}

.shiftaxis-box-arrow::after {
	width: 8px;
	height: 12px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	background-image: url(https://asset01.suumo.jp/sp/img/chukoikkodate/list/sprite/shiftAxis.png?id=20251204a9a2df4acc9);
	background-repeat: no-repeat;
	background-size: 25px 42px;
	-webkit-background-size: 25px 42px;
	background-position: 0 -30px;
}

.leadarrow {
	text-align: center;
	height: 15px;
	position: relative;
}

.leadarrow::after {
	display: block;
	content: "";
	width: 25px;
	height: 12px;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 50%;
	margin-left: -12px;
	background-image: url(https://asset01.suumo.jp/sp/img/chukoikkodate/list/sprite/shiftAxis.png?id=20251204a9a2df4acc9);
	background-repeat: no-repeat;
	background-size: 25px 42px;
	-webkit-background-size: 25px 42px;
	background-position: 0 0;
}

/**************************************************
 * 資料請求ボタン
 **************************************************/

.fixedBottomActionBtnBar {
	position: fixed;
	left: 0;
	bottom: -65px;
	width: 100%;
	display: table;
	z-index: 9999;
}

.fixedBottomActionBtnBar .fixedActionBtnBox {
	background-color: rgba(76, 76, 76, 0.7);
	display: table-cell;
	padding: 9px;
	width: 100%;
}

.fixedActionBtnBox-btn {
	display: block;
	text-align: center;
}

.inquirybtn {
	padding: 12px 13px 12px 9px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-color: #f37e00;
	border-bottom: 2px solid #d26a00;
	border-radius: 3px;
}

.inquirybtn.ui-hover {
	background-color: #ea6e00;
}

.inquirybtn span {
	line-height: 22px;
}

.icnInquiryMail {
	padding-left: 48px;
	background: no-repeat url(https://asset01.suumo.jp/sp/img/chukoikkodate/list/mail.png?id=20251204a9a2df4acc9);
	background-size: 26px 18px;
	-webkit-background-size: 26px 18px;
	display: inline-block;
}

.js-fixedBottomActionBtnBar-hidden {
	display: none;
}

/***************************************************
 * アクションボタン
 ***************************************************/

.actionBlock {
	padding: 0 6px 10px;
}

.actionBlock .actionBlock_row {
	display: table;
	width: 100%;
}

.actionBlock .actionBlock_col {
	display: table-cell;
	width: 50%;
}

.actionBlock .actionBlock_col:nth-child(1) {
	padding-right: 3px;
}

.actionBlock .actionBlock_col:nth-child(2) {
	padding-left: 3px;
}

.actionBlock .btnWhite {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	background: #fff;
	border: 1px solid #c5c5c5;
	color: #333;
	border-radius: 3px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	height: 40px;
	font-weight: bold;
	cursor: pointer;
	line-height: 38px;
	-webkit-box-shadow: rgba(235, 235, 235, 0.7) 0 -2px 0 inset;
}

.actionBlock .btnWhite.ui-hover {
	background: #eaeaea;
}

.actionBlock .icon_savecond {
	position: relative;
	padding-left: 25px;
}

.actionBlock .icon_savecond::before {
	content: " ";
	display: block;
	width: 16px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	background: url(https://asset01.suumo.jp/sp/img/chukoikkodate/list/ico_download.png?id=20251204a9a2df4acc9) no-repeat;
	-webkit-background-size: 16px 15px;
	background-size: 16px 15px;
}

.actionBlock .icon_newmail {
	position: relative;
	padding-left: 25px;
}

.actionBlock .icon_newmail::before {
	content: " ";
	display: block;
	width: 16px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
	background: url(https://asset01.suumo.jp/sp/img/chukoikkodate/list/ico_mail.png?id=20251204a9a2df4acc9) no-repeat;
	-webkit-background-size: 16px 13px;
	background-size: 16px 13px;
}

/***************************************************
 * 検索結果、並び替えセレクトボックス
 ***************************************************/

.resultBlock {
	display: table;
	width: 100%;
	background-color: #e3e3e5;
}

.resultBlock .resultBlock_col {
	display: table-cell;
	width: 50%;
	padding: 10px 6px 0;
	vertical-align: middle;
}

/* セレクトボックス */

.resultBlock .resultBlock_col_select {
	text-align: right;
}

.resultBlock .resultBlock_select {
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	width: 135px;
	height: 28px;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #c5c5c5;
	-webkit-box-shadow: rgba(235, 235, 235, 0.7) 0 -2px 0 inset;
}

.resultBlock .resultBlock_select .selectWrapper {
	position: relative;
}

.resultBlock .resultBlock_select .selectWrapper::before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 8px solid #ccc;
	top: 50%;
	margin-top: -3px;
	right: 10px;
}

.resultBlock .resultBlock_select select {
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	background-color: transparent;
	width: 135px;
	height: 28px;
	border: none;
	padding-left: 7px;
	-webkit-tap-highlight-color: rgba(206, 242, 184, 0.5);
	font-size: 12px;
}

/***************************************************
* チェックした物件をまとめて
***************************************************/
.check-info-area {
	padding: 10px 10px 0 20px;
	background-color: #e3e3e5;
}

.check-info-area .icnCurvedArrowD {
	padding-left: 18px;
	background: url(https://asset01.suumo.jp/sp/img/chukoikkodate/list/sprite/conditionBox.png?id=20251204a9a2df4acc9) left top no-repeat;
	background-size: 17px auto;
	background-position: 0 -91px;
	font-size: 10px;
}

/***************************************************
* 同じ沿線／エリアで物件を探す
***************************************************/

.searchSameTitle {
	margin-top: 10px;
	background: #e4f2d6;
	padding: 6px 0;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}

.searchSameWrap {
	background: #fff;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 10px;
}

.searchSameLst li {
	border: none;
}

.searchSameLst li:first-child {
	border-left: none;
}

.searchSameLst li {
	display: inline-block;
	width: 25%;
	border-top: none;
	border-right: none;
	border-bottom: none;
	background: none;
}

.searchSameLst li a {
	display: block;
	padding: 8px 0;
	color: #3d3d3c;
	font-size: 8px;
	text-shadow: none;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #cacaca;
	margin-right: 8px;
}

.searchSameLst {
	margin-left: 4px;
	display: table;
	width: 100%;
	margin-top: 5px;
	font-size: 0;
}

.searchSameLst li a.ui-hover {
	background: #eaeaea;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
}

.searchSameLst li a::before {
	content: " ";
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 36px;
	height: 32px;
	background: url(https://asset01.suumo.jp/sp/img/chukoikkodate/list/sprite/sameList.png?id=20251204a9a2df4acc9) left top no-repeat;
	-webkit-background-size: 36px 160px;
	background-size: 36px 160px;
}

.searchSameLst li a.iMansion::before {
	background-position: 0 0;
}

.searchSameLst li a.iCMansion::before {
	background-position: 0 -32px;
}

.searchSameLst li a.iIkkodate::before {
	background-position: 0 -64px;
}

.searchSameLst li a.iCIkkodate::before {
	background-position: 0 -96px;
}

.searchSameLst li a.iTochi::before {
	background-position: 0 -128px;
}

.searchSameLst li a p {
	padding-top: 2px;
	display: table-cell;
	width: 1%;
	height: 20px;
	vertical-align: middle;
	text-align: center;
}


/***************************************************
* 通勤通学の場合
***************************************************/

.timeRequiredInfo {
	border-bottom: 1px solid #e2e2e2;
	line-height: 1.4;
	padding: 5px;
}

.timeRequiredInfo-header {
	font-size: 14px;
}

.timeRequiredInfo-header .timeRequiredInfo-header-text {
	position: relative;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 4px;
}

.timeRequiredInfo-header .timeRequiredInfo-header-text.iClock::before {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background: no-repeat url(https://asset01.suumo.jp/sp/img/chukoikkodate/list/clock.png?id=20251204a9a2df4acc9);
	background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	background-position: 0 0;
	top: 50%;
	margin-top: -8px;
	left: 0;
}

.timeRequiredInfo-body {
	padding-top: 3px;
	font-size: 13px;
	line-height: 1.6;
}

.timeRequiredInfo-body .stationNameFrom,
.timeRequiredInfo-body .costTime {
	font-weight: bold;
	padding-right: 4px;
}

.result_num {
	background-color: #e3e3e5;
	font-size: 12px;
	padding: 6px 6px 0;
	display: block;
	width: 100%;
	text-align: left;
	line-height: 1.4;
}

.result_num .result_num-emphasis {
	color: #f77c00;
	font-weight: bold;
}