@charset "utf-8";

/* -------------------------------------------- *
 *  サブセット
 * -------------------------------------------- */

/* = is-hide
----------------------------------------------- *
 * 要素非表示
----------------------------------------------- */
.is-hide {
	display: none !important;
}

/* = is-having-fixed-stuff-bottom
----------------------------------------------- *
 * 下部固定配置時のbody下部余白
----------------------------------------------- */
body.is-having-fixed-stuff-bottom {
	padding-bottom: 6rem;
}
.android body.is-having-fixed-stuff-bottom {
	padding-bottom: 11rem;
}

/* = fixedTable
----------------------------------------------- *
 * 横並び用サブセット
 * [構造]
 * .fixedTable > .fixedTableRow > .fixedTableCell
----------------------------------------------- */
.fixedTable {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.fixedTable > .fixedTableRow {
	display: table-row;
}
.fixedTableRow > .fixedTableCell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


/* = icon-bukkenType
----------------------------------------------- *
 * 物件種別アイコン
 * [使用]
 * 全体
----------------------------------------------- */
.icon-bukkenType {
	display: inline-table;
	line-height: 1;
	font-size: 1rem;
	vertical-align: text-top;
}
.icon-bukkenType .bType,
.icon-bukkenType .bStatus {
	display: table-cell;
	padding: .2em .2em;
	border-width: 1px;
	border-style: solid;
	font-weight: normal;
}
/* 賃貸居住用 */
.icon-bukkenType.rent_residence .bType {
	border-color: #c95303;
	color: #fff;
	background-color: #ed6103;
}
/* 売買居住用 */
.icon-bukkenType.sale_residence .bType {
	border-color: #2c70a4;
	color: #fff;
	background-color: #397db2;
}
.icon-bukkenType.sale_residence .bStatus {
	border-color: #a0bed5;
	color: #0b3f67;
	background-color: #b0cbe0;
}
/* 賃貸・売買非居住用 */
.icon-bukkenType.rent_business .bType,
.icon-bukkenType.sale_business .bType {
	border-color: #5e5e5e;
	color: #fff;
	background-color: #666;
}
.icon-bukkenType.rent_business .bStatus,
.icon-bukkenType.sale_business .bStatus {
	border-color: #c9c9c9;
	color: #303030;
	background-color: #d6d6d6;
}
.icon-bukkenType.rent_business .bType + .bStatus,
.icon-bukkenType.sale_business .bType + .bStatus {
	border-left-width: 0;
}


/* = icon-
----------------------------------------------- *
 * 
----------------------------------------------- */
.icon-ninteiten {
	display: inline-block;
	padding: 2px;
	border: 1px solid #ed6103;
	line-height: 1;
	color: #ed6103;
	background: #fff;
	font-size: 1.2rem;
}
.icon-pc {
	display: inline-block;
	padding: 1px 3px 1px 4px;
	border: 1px solid #c4c4c4;
	line-height: 1;
	color: #333;
	background: #f4f4f4;
	font-size: 1.3rem;
	vertical-align: bottom;
}

/* = mod-backLink
----------------------------------------------- *
 * 前のページに戻るリンク
 ----------------------------------------------- */
.mod-backLink {}
.mod-backLink a {
	display: inline-block;
	padding: 1em .7rem;
	line-height: 1;
	color: inherit;
	text-decoration: none;
	font-size: 1.2rem;
}

/* = mod-bannerLink
----------------------------------------------- *
 * banner枠
 ----------------------------------------------- */
.mod-bannerLink {
	margin-top: 1em;
	text-align: center;
}

/* = mod-fixedButtonArea
----------------------------------------------- *
 * ボタンエリア
 * [使用]
 * 
----------------------------------------------- */
.mod-fixedButtonArea {
	margin: 1.4rem 0;
	padding: .7rem 0;
	background: rgba(51,51,51,.85);
	text-align: center;
}
.mod-fixedButtonArea.is-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 0;
}
.android .mod-fixedButtonArea.is-fixed {
	padding: 0 0 5rem;
}

.mod-fixedButtonArea .itemGroup {
	display: table;
	border-spacing: .7rem 0;
	width: 100%;
}
.mod-fixedButtonArea .itemTxt {
	padding: .7rem;
	color: #fff;
}
.mod-fixedButtonArea .itemGroup .itemTxt {
	display: table-cell;
	padding: .7rem 0;
	vertical-align: middle;
}
.mod-fixedButtonArea .itemTxt .num {
	display: inline-block;
	padding: .7rem .2em .7rem .5em;
	font-size: 1.8rem;
}
.mod-fixedButtonArea .itemFullBtn {
	padding: .7rem;
}
.mod-fixedButtonArea .itemBtn {
	width: 80%;
	margin: auto;
	padding: .7rem;
}
.mod-fixedButtonArea .itemTxt + .itemBtn {
	width: auto;
}
.mod-fixedButtonArea .itemGroup .itemBtn {
	display: table-cell;
	width: 50%;
	padding: .7rem 0;
	vertical-align: middle;
}
.mod-fixedButtonArea .itemGroup .itemTxt + .itemBtn {
	width: 60%;
}
/* 問合せ確認ページ用 */
.mod-fixedButtonArea .inqConfirm .correct {
	width: 30%;
	vertical-align: bottom;
}
.mod-fixedButtonArea .inqConfirm .submit {
	width: 70%;
}

/* = mod-buttonArea
----------------------------------------------- *
 * ボタンエリア
 * [使用]
 * 
----------------------------------------------- */
.mod-buttonArea {
	padding: 1em 0;
	text-align: center;
}

.mod-buttonArea .itemGroup {
	display: table;
	width: 100%;
}
.mod-buttonArea .itemTxt {
	margin-bottom: .5em;
	padding: 0 .5em;
}
.mod-buttonArea .itemGroup .itemTxt {
	display: table-cell;
	margin-bottom: 0;
}
.mod-buttonArea .itemTxt .num {
	padding: 0 2px;
	font-size: 1.4em;
}
.mod-buttonArea .itemFullBtn {
	padding: 0 .5em;
}
.mod-buttonArea .itemBtn {
	width: 80%;
	margin: 1em auto;
	padding: 0 .5em;
}
.mod-buttonArea .itemGroup .itemBtn {
	display: table-cell;
	width: 50%;
}
.mod-buttonArea .itemGroup .itemTxt + .itemBtn {
	width: 60%;
}

/* = mod-floatingBox
----------------------------------------------- *
 * 上下左右にスペースを設けたボックス
----------------------------------------------- */
.mod-floatingBox {
	margin: 1.4rem .7rem;
	background: #fff;
}
/* square */
.mod-floatingBox.square {
	border-right: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
}