@charset "UTF-8";
/********************************************************************************

style-tablet.css


********************************************************************************/
/*============================================================
 デバッグ用
*============================================================*/


/*============================================================
 トップページ
*============================================================*/
/* タブ
---------------------------------------- */
.page-top .sec-tab .parts-tabs {
	min-height: unset;
	display: block;
}

/* タブ */
.page-top .sec-tab .tabs {
	width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	border: none;
}
.page-top .sec-tab .tabs .tab {
	width: calc(50% - 16px);
	padding: 16px 0;
	margin: 16px 8px 24px 8px;
	border: solid 4px #1356AF;
	border-radius: 4px;
}
.page-top .sec-tab .tabs .tab.tab-active::before {
	border: solid transparent;
    border-width: 16px 24px 4px 24px;
    border-top-color: #1356AF;
    left: calc(50% - 12px);
    bottom: -24px !important;
	top: unset !important;
}
.page-top .sec-tab .tabs .tab .tab-inner {
	width: 276px;
	margin: 0 auto;
	padding: 3px 0 0 92px;
	background-position: top left;
}
.page-top .sec-tab .tabs .tab .title-wrap > * {
	display: inline-block;
}
.page-top .sec-tab .tabs .tab .title {
	font-size: 20px;
	line-height: 140%;
	margin-bottom: 0;
}
.page-top .sec-tab .tabs .tab .suffix {
    margin: 0;
}

/* タブ(タブコンテンツ　共通)
---------------------------------------- */
.page-top .sec-tab .contents  {
	width: 100%;
	margin: 0;
}

/* タブ(タブコンテンツ　自分のニーズ)
---------------------------------------- */

/* タブ(タブコンテンツ　地図・エリア)
---------------------------------------- */
.page-top .sec-tab .contents .content-area .item-town {
	width: calc(100% - 348px - 24px);
}

/* 特集
---------------------------------------- */
@media screen and (max-width: 947px) {
	/* 300*2 + 24 + 24 + 24 = 672 */
	.page-top .sec-special .inner {
		width: 672px;
	}
}


/*============================================================
 物件一覧ページ
*============================================================*/
/* ページレイアウト
---------------------------------------- */
/* サイドバー */
.page-property-list .sidebar {
	width: 100%;
    max-width: 720px;
    margin: 0 auto;
    position: static;
    margin-bottom: 56px;
    height: auto;
	max-height: unset;
}
/* コンテンツ */
.page-property-list .content {
	margin-left: 0;
	width: 100%;
	margin-bottom: 56px;
}

/* 現在の検索条件
---------------------------------------- */

/* パンくず
---------------------------------------- */

/* 物件リスト　※未調整
---------------------------------------- */
.page-property-list .sec-property-list .section{
	margin-bottom: 32px;
}
.page-property-list .sec-property-list .page-header {
	padding-bottom: 12px;
	border-bottom: solid 1px #CECECE;
}
.page-property-list .sec-property-list .page-header .parts-boxes > * > * {
	display: inline-block;
	vertical-align: middle;
}
.page-property-list .sec-property-list .page-header .cnt .label {
	font-weight: bold;
	font-size: 24px;
	line-height: 140%;
	margin-right: 64px;
}
.page-property-list .sec-property-list .page-header .cnt .data {
	font-weight: bold;
	font-size: 40px;
	line-height: 140%;
}
.page-property-list .sec-property-list .page-header .cnt .data .unit {
	font-weight: bold;
	font-size: 12px;
	line-height: 140%;
	padding-left: 8px;
}
.page-property-list .sec-property-list .page-header .sort .label {
	font-weight: bold;
	font-size: 16px;
	line-height: 180%;
	margin-right: 16px;
}
.page-property-list .sec-property-list .page-header .sort .fm-sort {
	width: 160px;
}

/* まとめて物件お問い合わせ帯
---------------------------------------- */
.page-property-list #overlay-cta-contact .item-info {
	padding-left: 0;
	background-image: none;
}

/*============================================================
 物件詳細ページ
*============================================================*/
/* タイトル
---------------------------------------- */

/* タブ共通
---------------------------------------- */

/* 物件情報
---------------------------------------- */
/* 情報公開日 */
.page-property .content-info .release-date .parts-boxes > *:nth-child(1) {
	width: 40%;
}
.page-property .content-info .release-date .parts-boxes > *:nth-child(2) {
	width: 60%;
}

/* 地図・周辺情報
---------------------------------------- */

/* 3d内見
---------------------------------------- */

/* この物件の取扱い店舗
---------------------------------------- */

/* 物件お問い合わせ帯
---------------------------------------- */
.page-property #overlay-cta-contact .item-info {
	padding-left: 0;
	background-image: none;
}

/*============================================================
 お問い合わせページ　共通
*============================================================*/
/* レイアウト
---------------------------------------- */

/* ページヘッダー
---------------------------------------- */

/* 完了メッセージ
---------------------------------------- */

/* お問い合わせ物件
---------------------------------------- */

/* 基本情報
---------------------------------------- */

/* ボタン
---------------------------------------- */

/* エラーメッセージ
---------------------------------------- */

/*============================================================
 お問い合わせページ　入力確認
*============================================================*/

/* ボタン
---------------------------------------- */


/*============================================================
 お問い合わせページ　完了
*============================================================*/
/* ページヘッダー
---------------------------------------- */

/* フォーム関連
---------------------------------------- */

/* 完了メッセージ
---------------------------------------- */