@charset "UTF-8";
a {
	color: #333;
	text-decoration: none;
}
body {
	overflow-x: hidden;
}
.contents {
	margin: 0 0 100px;
}
.breadcrumb li {
	display: inline;
}
.top_tit h1 {
	font-size: 28px;
	text-align: left;
	margin: 0;
	padding-bottom: 50px;
}
.top_tit .breadcrumb {
	font-size: 12px;
	padding: 25px 0 30px;
}
.top_tit .breadcrumb a {
	color: #333;
	text-decoration: underline;
}
.top_tit .breadcrumb li + li::before {
	content: "\f105";
	color: #CCC;
	font-family: FontAwesome;
	padding-right: .6em;
}
.ico_cat {
	color: #FFF;
	font-size: 10px;
	display: inline-block;
	padding: 2px 10px;
}
.ico_cat.soko {
	background: #339fb9;
}
.ico_cat.kojo {
	background: #438dbc;
}
.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.count_num {
	counter-reset: number 0;
}
.count_num li {
	padding: 0 0 0 20px;
	position: relative;
}
.count_num li::before {
	content: counters(number, "-")".";
	counter-increment: number;
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------

　GoogleMaps

----------------------------------------------------*/
#map {
	position: relative;
}
#map .map_list_sp {
	display: none;
}
#map.contents {
	width: 100%;
	margin: 0 !important;
}
#map .map_list_pc {
	height: 100vh;
	background: #FFF;
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	overflow-y: scroll;
	position: absolute;
	top: 0;
	right: 0;
}
#map .map_list_pc li {
	border-bottom: solid 1px #EEE;
}
#map .total_hit {
	border-bottom: solid 1px #e5e5e5;
	padding: 10px;
}
#map .property {
	padding: 10px 10px 20px 10px;
}
#map .property.popup {
	background: #FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	display: inline-block;
	padding: 15px 20px;
	position: absolute;
	top: 10px;
	left: 10px;
}
#map .property_head {
	margin: 0 0 10px;
}
#map .property_name {
	margin: 0 0 5px;
}
#map .access {
	font-size: 12px;
}
#map .info {
	padding: 0 0 0 10px;
}
#map .info dl {
	margin: 0 0 5px;
}
#map .info dt {
	font-size: 10px;
}
#map .info dd {
	color: #5a5a5a;
	font-size: 12px;
	padding: 0 0 0 10px;
}
#map .info dd.price {
	color: #d43e03;
	font-weight: bold;
}
#map .info dd.price span {
	font-size: 16px;
}
#google-maps {
position: relative;
	width: 100% !important;
	height: 100vh !important;
	z-index: 0;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
@media only screen and (max-width: 600px) {
	#map {
		position: absolute;
		top: 60px;
		z-index: 0;
	}
	#map.contents {
		margin: 0 !important;
	}
	#map .map_list_pc {
		display: none !important;
	}
	#map .map_list_sp {
		width: 100%;
		background: #FFF;
		display: block !important;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#map .map_list li:nth-child(n + 2) {
		display: none;
	}
	#map .property.popup {
		display: none;
	}
	#map .property_head {
		margin: 0 0 10px;
	}
	#map .property_name {
		margin: 0 0 5px;
	}
	#map .category {
		color: #FFF;
		font-size: 10px;
		display: inline-block;
		padding: 2px 10px;
	}
	#map .category.souko {
		background: #000;
	}
	#map .access {
		font-size: 12px;
	}
	#map .info {
		padding: 0 0 0 10px;
	}
	#map .info dl {
		margin: 0 0 5px;
	}
	#map .info dt {
		font-size: 10px;
	}
	#map .info dd {
		color: #5a5a5a;
		font-size: 12px;
		padding: 0 0 0 10px;
	}
	#map .info dd.price {
		color: #d43e03;
		font-weight: bold;
	}
	#map .info dd.price span {
		font-size: 16px;
	}
}









/*----------------------------------------------------

　保存した検索条件

----------------------------------------------------*/
.condition_box {
	margin: 20px 0;
}
.condition_head {
	color: #FFF;
	background: #efa721;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 20px;
	padding: 10px 15px;
}
.condition_head .regist {
	font-size: 18px;
}
.condition_head .delete_btn a {
	color: #FFF;
}
.condition_head .delete_btn a::after {
	content: "×";
	margin: 0 0 0 5px;
}
.condition_body {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.condition_box dl {
	display: table;
	margin: 0 0 10px;
}
.condition_box dl dt,
.condition_box dl dd {
	display: table-cell;
}
.condition_box dl dt {
	font-size: 12px;
	width: 100px;
	background: #EEE;
	display: table-cell;
	text-align: center;
	padding: 3px;
}
.condition_box dl dd {
	padding: 0 0 0 20px;
}
.condition_box ul li {
}
.condition_box ul li.btn_new {
	background: #ce8a4a;
}
.condition_box ul li.btn_search {
	background: #d9c543;
}
.condition_box ul li a {
	color: #FFF;
	font-size: 14px;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	padding: 20px;
}
.condition_box ul li:not(:last-child) {
	margin: 0 0 10px;
}


/*----------------------------------------------------

　物件一覧

----------------------------------------------------*/
#property_list .h1_ttl_box {
	font-size: 22px;
	background: #FFF;
	border-top: solid 2px #efa721;
	-moz-box-shadow: 0px 0px 10px 0px rgba(137, 136, 136, 0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(137, 136, 136, 0.2);
	-ms-box-shadow: 0px 0px 10px 0px rgba(137, 136, 136, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(137, 136, 136, 0.2);
	margin: 0 0 20px;
	padding: 10px;
}
#property_list {
	margin: 0 0 100px;
}
#property_list .inner {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#property_list .main {
	width: 79%;
}
#property_list .side {
	width: 19%;
}
.side_search {
	border: solid 1px #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	-ms-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
}
.side_search h3 {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	background: #efa721;
	border: solid 1px #efa721;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	-ms-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	-moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.05) inset;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.05) inset;
	-ms-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.05) inset;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.05) inset;
	-moz-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	-ms-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	padding: 8px 10px;
}
.side_search h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px;
}

/* ===================================================
   サイドバー：絞り込み条件（ガタガタ修正＆ラジオボタン統合版）
=================================================== */
/* セレクトボックス（下限なし〜上限なし）の横並びと揃え */
.side_search .item select {
    width: 100%;
    padding: 10px; /* ★枠を大きくして押しやすく */
    font-size: 13px;
    color: #333;
    background-color: #f7f7f7; /* ★普段は薄いグレー */
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* ホバー時・選択時に白背景＋枠線オレンジ */
.side_search .item select:hover,
.side_search .item select:focus {
    background-color: #fff;
    border-color: #e05f09;
    outline: none;
}

/* ★「ガタガタ」修正：〜 の左右のセレクトボックスを綺麗に一直線に揃える ★ */
.side_search .item > div {
    display: flex !important; /* 強制的に横並びに */
    justify-content: space-between;
    align-items: center; /* ★縦の中央で一直線に揃える魔法 */
    margin: 0; /* 余分な余白を消す */
}
.side_search .item > div > span {
    width: 46%; /* 46%ずつにして間に「〜」を入れる */
}

/* ===================================================
   チェックボックス・ラジオボタンのカスタムデザイン
=================================================== */
/* ★共通設定：クリックしやすく、ガタガタしない揃え ★ */
.side_search .item ul li,
.side_search .item label {
    display: flex;
    align-items: center; /* 縦の中央で揃える */
    font-size: 13px;
    cursor: pointer;
}
.side_search .item ul li {
	margin: 0 0 10px;
}

/* ★「建物面積」「土地面積」のラジオボタンだけを横並びにする ★ */
.side_search .item h4 + label, /* h4の直下のlabel（坪） */
.side_search .item h4 + label + label { /* その次のlabel（㎡） */
    display: inline-flex !important; /* 縦並びを解除して横並びに */
    margin-right: 15px; /* 横の余白 */
    margin-bottom: 10px; /* 縦の余白（セレクトボックスとの間） */
}

/* 既存のチェックボックスを見えなくして新しく作り直す（共通） */
.side_search .item input[type="checkbox"],
.side_search .item input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px; /* ★標準より少し大きく */
    height: 18px;
    background-color: #f7f7f7; /* ★普段は薄いグレー */
    border: 1px solid #ccc;
    margin: 0 8px 0 0; /* 文字との間に余白 */
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    flex-shrink: 0; /* 文字が長くてもボックスが潰れないように */
}

/* チェックボックスは少し角丸に */
.side_search .item input[type="checkbox"] { border-radius: 3px; }

/* チェックボックスのホバー時 */
.side_search .item input[type="checkbox"]:hover {
    background-color: #fff;
    border-color: #e05f09;
}

/* チェックボックス：チェックが入った時（オレンジ背景に） */
.side_search .item input[type="checkbox"]:checked {
    background-color: #e05f09;
    border-color: #e05f09;
}

/* チェックボックスのレ点（白）を描く */
.side_search .item input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px; height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}

/* ===================================================
   ★ラジオボタン専用：理想のドーナツ型デザイン ★
=================================================== */
/* ラジオボタンは丸く */
.side_search .item input[type="radio"] {
    border-radius: 50%;
    background-color: #fff; /* ★背景は白（画像合わせ） */
}

/* ラジオボタン：チェックが入った時（外枠をオレンジに） */
.side_search .item input[type="radio"]:checked {
    border-color: #e05f09;
}

/* ラジオボタンの真ん中の丸（チェックされた時だけ描画） */
.side_search .item input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 8px; /* ★外枠に対して小さめにしてドーナツ型に */
    height: 8px;
    background-color: #e05f09; /* オレンジ */
    border-radius: 50%;
}
.side_area {
	margin: 0 0 30px;
}
.side_area li {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding: 15px 10px;
}
.side_area li:nth-child(odd) {
	background: #f5f5f5;
}
.side_area li:nth-child(even) {
	background: #FFF;
}
.side_area li .btn {
	font-size: 12px;
	background: #FFF;
	border: solid 1px #d9d9d9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	-ms-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	padding: 2px 4px 4px 4px;
}
.btn_areabox {
	border-top: dotted 1px #CCC;
	text-align: center;
}
.btn_areabox a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px 0;
}
.side_search .item_area {
	padding: 10px 10px 0 10px;
}
.side_search .item {
	margin: 0 0 20px;
}
.side_search.save_box {
	padding: 20px 10px
}
.side_search.save_box {
	position: relative;
}
.side_search.save_box::before {
	content: "";
	width: 108px;
	height: 31px;
	background: url(../img/arrow04.png) no-repeat;
	display: block;
	position: absolute;
	top: -31px;
	left: 50%;
	transform: translateX(-50%);
}
.side_search.save_box .btn_save {
	border: solid 1px #CCC;
	-moz-box-shadow: 0px 2px 0px 0px rgba(137, 136, 136, 0.2);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(137, 136, 136, 0.2);
	-ms-box-shadow: 0px 2px 0px 0px rgba(137, 136, 136, 0.2);
	box-shadow: 0px 2px 0px 0px rgba(137, 136, 136, 0.2);
	text-align: center;
	margin: 0 0 10px;
	padding: 10px 0;
}
.side_search.save_box .btn_reset {
	background: #a2a2a2;
	-moz-box-shadow: 0px 2px 0px 0px rgba(137, 136, 136, 1);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(137, 136, 136, 1);
	-ms-box-shadow: 0px 2px 0px 0px rgba(137, 136, 136, 1);
	box-shadow: 0px 2px 0px 0px rgba(137, 136, 136, 1);
	text-align: center;
	padding: 10px 0;
}
.side_search.save_box .btn_reset a {
	color: #FFF;
}
.main_head,
.main_foot {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
/* ページャーを右端に寄せる（form が空でも位置がずれないよう）*/
.main_head ul.pager,
.main_foot ul.pager {
	margin-left: auto;
}
/* PC では main_head・main_foot 内の form を非表示（tab_switch 側 form を使用） */
.main_head > form,
.main_foot > form {
	display: none;
}
.main_head .result_num,
.main_foot .result_num {
	font-size: 14px;
	font-weight: bold;
}
.main_head .result_num .total,
.main_foot .result_num .total {
	color: #102645;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
}
.main_head .result_num span,
.main_foot .result_num span {
	font-weight: normal;
	margin: 0 0 0 10px;
}
ul.pager {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.pager li {
	display: block;
}
ul.pager li a,
ul.pager li span {
	border: 1px solid #bdc8ca;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	text-decoration: none;
	padding: 2px 8px;
}
ul.pager li.selected span {
	color: #ed6103;
	font-weight: bold;
	border-color: #ed6103;
}
.tab_switch {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	border-bottom: solid 4px #2b3941;
}
.main .tab_switch ul {
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.main .tab_switch li.map_tab {
	margin: 0 0 0 5px;
}
.sort_select {
	display: none;
}
.tab_switch.btm {
	border-top: solid 4px #2b3941;
	border-bottom: none;
}
.tab_switch .tab li {
	color: #FFF;
	background: #2b3941;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	text-align: center;
	padding: 15px 30px;
}
.tab_switch.btm .tab li {
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-ms-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
.tab_switch .tab li::before {
	content: "";
	width: 14px;
	height: 14px;
	background: url(../img/ico_list.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.tab_switch dt,
.tab_switch dd {
	display: inline-block;
}
/* ===================================================
   並び替えエリア（縦の中央揃え）
=================================================== */
.sort_box {
    background: #f2f2f2;
    display: flex;
    align-items: center; /* ★縦の中央で一直線に揃える魔法 */
    padding: 15px 20px;
}

.sort_box dt {
    width: 15%;
    text-align: center;
}

.sort_box dt span {
    display: inline-block;
    border: solid 2px #000;
    padding: 2px 5px;
}

.sort_box dd ul {
    margin: 0; /* 念のためulの余白をリセット */
}

.sort_box dd ul li {
    display: inline-block;
    margin: 0; /* ★ここにあった「0 0 10px」の下余白を消してズレを直す */
}

.sort_box dd ul li a{
	text-decoration: underline;
}

.sort_box dd ul li a:hover {
	text-decoration: none;
}

.sort_box dd ul li::after {
    content: "｜";
    margin: 0 10px;
}

/* ★オマケ：最後の項目の右側には「｜」を出さないようにしてスッキリさせる */
.sort_box dd ul li:last-child::after {
    content: none;
}


.property_box {
	background: #FFF;
	border: solid 1px #CCC;
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	display: -webkit-flex;
	display: flex;
	margin: 20px 0;
	position: relative;
}
.property_box::before {
	content: "";
	width: 100%;
	height: 4px;
	background: #787878;
	position: absolute;
	top: 0;
	left: 0;
}
.chk_area {
	background: #f2f2f2;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 10px;
}
.detail_box {
	width: 90%;
	box-sizing: border-box;
	padding: 10px 20px;
}
.detail_top {
	font-size: 18px;
	margin: 0 0 10px;
}
.detail_top .ico_type {
	color: #FFF;
	font-size: 11px;
	background: #e05f09;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 2px 10px;
}
.detail_top .no {
	color: #999;
	font-size: 12px;

	margin: 0 0 0 5px;
}
.detail_body {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.detail_body .ph {
	width: 23.5%;
}
#property_thumbnail-list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#property_thumbnail-list li {
	width: 20%;
}
.detail_body .ph img {
	width: 100%;
	height: auto;
}
.detail_body .txt_box {
	width: 76.5%;
	box-sizing: border-box;
	padding: 0 0 0 38px;
}
.detail_body table {
	width: 100%;
	border: solid 1px #CCC;
	border-collapse: collapse;
}
.detail_body th,
.detail_body td {
	border: solid 1px #CCC;
	padding: 5px;
}
.detail_body th {
	background: #f5f5f5;
}
.btn_area {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 20px 0 0;
}
.btn_area li:not(:first-child) {
	margin: 0 0 0 5px;
}
.btn_area li a {
	color: #FFF;
	font-size: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px 20px;
}

.btn_area li img {
    height: 30px;
}

.btn_contact a {
	background: #102645;
	-moz-box-shadow: 0px 2px 0px 0px rgba(10, 24, 41, 1);
    -webkit-box-shadow: 0px 2px 0px 0px rgba(10, 24, 41, 1);
    -ms-box-shadow: 0px 2px 0px 0px rgba(10, 24, 41, 1);
    box-shadow: 0px 2px 0px 0px rgba(10, 24, 41, 1); 
    padding: 5px 0;
}
.btn_area .btn_line a {
	background: #00c300;
	-moz-box-shadow: 0px 2px 0px 0px rgba(3, 177, 3, 1);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(3, 177, 3, 1);
	-ms-box-shadow: 0px 2px 0px 0px rgba(3, 177, 3, 1);
	box-shadow: 0px 2px 0px 0px rgba(3, 177, 3, 1);
	padding: 6.5px 14px;
}
.btn_favorite a {
	color: #333 !important;
	background: #FFF;
	border: solid 1px #CCC;
	-moz-box-shadow: 0px -2px 0px 0px rgba(14, 14, 14, 0.06) inset;
	-webkit-box-shadow: 0px -2px 0px 0px rgba(14, 14, 14, 0.06) inset;
	-ms-box-shadow: 0px -2px 0px 0px rgba(14, 14, 14, 0.06) inset;
	box-shadow: 0px -2px 0px 0px rgba(14, 14, 14, 0.06) inset;
}
.btn_more a {
	background: #e05f09;
	-moz-box-shadow: 0px 2px 0px 0px rgba(28, 129, 114, 1);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(28, 129, 114, 1);
	-ms-box-shadow: 0px 2px 0px 0px rgba(28, 129, 114, 1);
	box-shadow: 0px 2px 0px 0px rgba(28, 129, 114, 1);
}
	.page_nav {
		display: none;
	}



/* ポップアップ */
.pp_area_box,
.pp_pref_box {
	width: 1200px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	margin: 20px auto 0;
}
.pp_area_head,
.pp_pref_head {
	font-size: 20px;
	background: #2b3941;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 25px 20px;
}
.pp_area_head {
	background: #FFF;
	border-bottom: solid 1px #DDD;
}
.pp_area_head h2 {
	color: #333 !important;
}
.pp_area_head h2,
.pp_pref_head h2 {
	color: #FFF;
	font-size: 20px;
}
.pp_area_head .close_btn {
	color: #CCC;
}
.pp_pref_head .close_btn {
	color: #FFF;
}
.pp_area_body > dl {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.pp_area_body > dl > dt {
	width: 33%;
	border-right: solid 1px #EEE;
}
.pp_area_body > dl > dt h3 {
	color: #FFF;
	background: #2b3941;
	padding: 15px 20px;
}
.pp_area_body > dl > dd {
	width: 67%;
	box-sizing: border-box;
	padding: 20px;
}
.pp_area_body > dl > dd ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 0 20px;
}
.pp_area_body > dl > dd > dl > dt {
	font-size: 18px;
	margin: 0 0 20px;
}
.pp_area_body > dl > dd {
	max-height: 400px;
	overflow-x: scroll;
}
.pp_area_body > dl > dd ul li {
	width: 50%;
	margin: 0 0 20px;
}
.pp_pref_body dl {
	display: table;
}
.pp_pref_body dt,
.pp_pref_body dd {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	padding: 25px 20px;
}
.pp_pref_body dt {
	font-weight: bold;
	width: 180px;
	background: #EEE;
	border-bottom: solid 1px #FFF;
	position: relative;
}
.pp_pref_body dt.selected::after {
	content: "選択中";
	color: #efa721;
	font-size: 12px;
	border: solid 1px #efa721;
	display: inline-block;
	padding: 1px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.pp_pref_body ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.pp_pref_body ul li {
	margin: 0 20px 0 0;
}
.pp_pref_body ul li span {
	font-size: 10px;
}
.pp_pref_body ul li:last-child {
	margin: 0;
}
.pp_area_btm,
.pp_pref_btm {
	background: #FFF;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-top: solid 1px #DDD;
	padding: 20px;
}
.pp_area_btm {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.pp_pref_btm {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.pp_area_btm .result_num,
.pp_pref_btm .result_num {
	color: #102645;
	font-size: 30px;
	font-weight: bold;
}
.pp_area_btm .result_num span,
.pp_pref_btm .result_num span {
	color: #000;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 0 5px;
}
.pp_area_btm ul,
.pp_pref_btm ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.pp_area_btm .result_box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.pp_area_btm ul li,
.pp_pref_btm ul li {
	margin: 0 0 0 10px;
}
.pp_area_btm .pp_pref_change_btn,
.pp_area_btm .pp_reset_btn,
.pp_area_btm .pp_send_btn,
.pp_pref_btm .pp_reset_btn,
.pp_pref_btm .pp_send_btn {
	height: 40px;
	color: #FFF;
	font-size: 14px;
	background: #999999;
	border: none !important;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
.pp_area_btm .result_box {
	-ms-flex-order: 2; /*for IE10*/
	-webkit-order: 2; /* for old webkit browser */
	order: 2;
}
.pp_area_btm .pp_pref_change_btn {
	color: #333 !important;
	width: 120px;
	background: #FFF;
	border: solid 1px #EEE !important;
	-moz-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	-ms-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05) inset;
	-ms-flex-order: 1; /*for IE10*/
	-webkit-order: 1; /* for old webkit browser */
	order: 1;
}
.pp_area_btm .pp_reset_btn,
.pp_area_btm .pp_send_btn,
.pp_pref_btm .pp_reset_btn,
.pp_pref_btm .pp_send_btn {
	width: 110px;
}
.pp_area_btm .pp_pref_change_btn {
}
.pp_area_btm ul li .pp_send_btn,
.pp_pref_btm ul li .pp_send_btn {
	background: #efa721;
}
@media only screen and (max-width: 600px) {
	.pp_area_box,
	.pp_pref_box {
		width: 96% !important;
	}
	.pp_area_head,
	.pp_pref_head {
		padding: 12px 10px;
	}
	.pp_pref_body dl {
		display: block;
	}
	.pp_pref_body dt,
	.pp_pref_body dd {
		display: block;
		padding: 10px;
	}
	.pp_area_body > dl {
		display: block !important;
	}
	.pp_area_body > dl > dt {
		width: 100%;
	}
	.pp_area_body > dl > dd {
		width: 100%;
	}
	.pp_area_body > dl > dd ul {
		margin: 0;
	}
	.pp_area_btm {
		display: block;
	}
	.pp_area_btm .result_box {
		margin: 0 0 15px;
	}
	.pp_area_btm .pp_pref_change_btn {
		width: 100%;
	}
	.pp_pref_body dt {
		width: 100%;
	}
	.pp_pref_body dd {
		background: #FFF;
	}
	.pp_pref_body ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		}
	.pp_pref_body ul li {
		width: 50%;
		margin: 0 0 15px;
	}
}

/*----------------------------------------------------

　物件詳細

----------------------------------------------------*/
#detail_slider img,
#detail_thumbnail-list img{
	width: 100%;
	height: auto;
}
#detail_slider {
	margin: 0 0 20px;
}
#detail_thumbnail-list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}
#detail_thumbnail-list li {
	width: 18%;
	margin: 0 0 10px;
}
#property_detail2 .breadcrumb {
	margin: 20px 0 60px;
}

#property_detail2 .fl {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#property_detail2 .ttl_box {
	border-bottom: solid 2px #000;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 0 40px;
	padding: 0 0 15px;
}
#property_detail2  h1 {
	font-size: 24px;
	font-weight: bold;
}
#property_detail2  h1 .ico_type {
	color: #FFF;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 5px;
	padding: 2px 10px;
}
#property_detail2  h1 .ico_type.jimusho {
	background: #e05f09;
}
#property_detail2  h1 .ico_type.tenpo {
	background: #efa721;
}
#property_detail2  .p_num {
	font-size: 24px;
}
#property_detail2  .detail_right {
	width: 50%;
}
#property_detail2  .detail_left {
	width: 48%;
}
#property_detail2  .detail_left {
	position: sticky;
}
#property_detail2  .tbl01 {
	width: 100%;
	border: solid 1px #dadada;
	border-collapse: collapse;
}
#property_detail2  h2 {
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	background: #2b3941;
	text-align: center;
	padding: 8px 0;
}
#property_detail2  .tbl01 th,
#property_detail2 .tbl01 td {
	padding: 10px;
}
#property_detail2  .tbl01 th {
	font-weight: bold;
	width: 18%;
	background: #f4f4f4;
	border-bottom: solid 1px #dadada;
	border-right: dotted 1px #dadada;
}
#property_detail2 .tbl01 td {
	width: 32%;
	border-bottom: solid 1px #dadada;
}
#property_detail2  .tbl01 td.p0 {
	padding: 0 !important;
}
#property_detail2  .tbl02 {
	width: 100%;
	border: none;
}
#property_detail2  .tbl02 th {
	background: #f8f8f8;
}
#property_detail2 .tbl02 tr:last-child th,
#property_detail2 .tbl02 tr:last-child td {
	border-bottom: none !important;
}
#property_detail2 .detail_top {
	margin: 0 0 20px;
}
#property_detail2 .detail_top .conversion {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 30px;
}
#property_detail2 .detail_top .tel p {
	font-size: 16px;
}
#property_detail2 .detail_top .tel p span {
	font-size: 12px;
}
#property_detail2 .detail_top .tel a {
	font-size: 22px;
}
#property_detail2 .detail_top .tel a span {
	font-size: 28px;
}
#property_detail2 .detail_top .tel a small {
	font-size: 12px;
	display: block;
}
#property_detail2 .detail_top .conversion .tel {
	width: 50%;
	text-align: center;
}
#property_detail2 .detail_top .conversion .c_btn {
	width: 48%;
	text-align: center;
}
#property_detail2 .detail_top .conversion .c_btn {
	color: #FFF;
}
#property_detail2 .detail_top .conversion .c_btn a {
	color: #FFF;
	font-size: 20px;
	width: 100%;
	height: 100%;
	background: #f19149;
	-moz-box-shadow: 0px 2px 0px 0px rgba(218, 127, 58, 1);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(218, 127, 58, 1);
	-ms-box-shadow: 0px 2px 0px 0px rgba(218, 127, 58, 1);
	box-shadow: 0px 2px 0px 0px rgba(218, 127, 58, 1);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#property_detail2 .detail_top .conversion .c_btn a span::before {
	content: "";
	width: 23px;
	height: 19px;
	background: url(../img/ico_mail.svg) no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#property_detail2 .utility {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#property_detail2 .u_print a::before {
	content: "";
	width: 16px;
	height: 14px;
	background: url(../img/ico_print.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
#property_detail2 .u_mail a::before {
	content: "";
	width: 16px;
	height: 14px;
	background-color: #737373;
    -webkit-mask: url(../img/ico_mail.svg) no-repeat center / contain;
    mask: url(../img/ico_mail.svg) no-repeat center / contain;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
#property_detail2 .utility > li:first-child::after {
	content: "｜";
	margin: 0 5px;
}
#property_detail2 .utility > li:nth-child(2) {
	margin: 0 20px 0 0;
}
#property_detail2 .map {
	position: relative;
	width: 100%;
	height: 420px;
}
#property_detail2 .map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.shareList {
	display: flex;
	flex-wrap:wrap;
}
.shareList__item {
	height:30px;
	line-height:30px;
	width:30px;
	margin:5px 0 0 5px;
	text-align:center;
}
.shareList__link {
	display:block;
	color:#ffffff;
	text-decoration: none;
	border-radius: 5px;
}
.shareList__link::before{
	font-size:16px;
	display:block;
	transition: ease-in-out .2s;
	border-radius: 5px;
}
.shareList__link:hover::before{
	background:#ffffff;
	transform: scale(1.2);
	box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15);
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?ookgoz');
	src:url('../fonts/icomoon.eot?ookgoz#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?ookgoz') format('truetype'),
		url('../fonts/icomoon.woff?ookgoz') format('woff'),
		url('../fonts/icomoon.svg?ookgoz#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.shareList__link.icon-twitter{background:#55acee;}
.shareList__link.icon-twitter:hover::before{color:#55acee;}
 
.shareList__link.icon-facebook{background:#3B5998;}
.shareList__link.icon-facebook:hover::before{color:#3B5998;}
 
.shareList__link.icon-google-plus{background:#dd4b39;}
.shareList__link.icon-google-plus:hover::before{color:#dd4b39;}
 
.shareList__link.icon-hatebu{background:#008FDE;}
.shareList__link.icon-hatebu:hover::before{color:#008FDE;}
 
.shareList__link.icon-pocket{background:#EB4654;}
.shareList__link.icon-pocket:hover::before{color:#EB4654;}
 
.shareList__link.icon-rss{background:#ff9900;}
.shareList__link.icon-rss:hover::before{color:#ff9900;}
 
.shareList__link.icon-feedly{background:#6cc655;}
.shareList__link.icon-feedly:hover::before{color:#6cc655;}
 
.shareList__link.icon-pinterest{background:#cb2027;}
.shareList__link.icon-pinterest:hover::before{color:#cb2027;}
 
.shareList__link.icon-linkedin{background:#0e76a8;}
.shareList__link.icon-linkedin:hover::before{color:#0e76a8;}
 
.shareList__link.icon-line{background:#1dcd00;}
.shareList__link.icon-line:hover::before{color:#1dcd00;}
.icon-line:before        {content: "\e90a";}
.icon-feedly:before      {content: "\e900";}
.icon-pocket:before      {content: "\e902";}
.icon-instagram:before   {content: "\ea92";}
.icon-twitter:before     {content: "\ea96";}
.icon-youtube:before     {content: "\ea9d";}
.icon-google:before      {content: "\ea88";}
.icon-google2:before     {content: "\ea89";}
.icon-google-plus:before {content: "\ea8b";}
.icon-google-plus2:before{content: "\ea8c";}
.icon-facebook:before    {content: "\ea90";}
.icon-facebook2:before   {content: "\ea91";}
.icon-linkedin:before    {content: "\eaca";}
.icon-linkedin2:before   {content: "\eac9";}
.icon-pinterest:before   {content: "\ead2";}
.icon-pinterest2:before  {content: "\ead1";}
.icon-hatebu:before      {content: "\e903";}
.icon-hatebu2:before     {content: "\e901";}
.icon-rss:before         {content: "\ea9b";}
.icon-rss2:before        {content: "\ea9c";}



/*----------------------------------------------------

　最近チェックした物件

----------------------------------------------------*/
.personal_tab {
	border-bottom: solid 4px #2b3941;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.personal_tab.btm {
	border-top: solid 4px #2b3941;
	border-bottom: none;
}
.personal_tab p {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	margin: 0 0 5px;
}
.personal_tab ul {
	width: 53.5%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.personal_tab li {
	width: 32%;
	border: solid 2px #CCC;
	border-bottom: none;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-align: center;
	padding: 10px 0;
}
.personal_tab.btm li {
	border: solid 2px #CCC;
	border-top: none;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.personal_tab li.selected {
	background: #2b3941;
	border: solid 2px #2b3941;
}
.personal_tab li.selected a {
	color: #FFF;
}
.personal_tab li a {
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: bold;
	display: block;
}
.action {
	background: #f2f2f2;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 15px;
}
.action .chk_box label {
	background: #FFF;
	border: solid 1px #CCC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	display: -webkit-flex;
	display: flex;
	-moz-box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	-webkit-box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	-ms-box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	padding: 10px 15px;
}
.action_list,
.action_list ul {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.action_list p.lead {
	color: #ef8220;
	font-weight: bold;
	margin: 0 10px 0 0;
}
.action_list li a {
	width: 100%;
	height: 100%;
	display: block;
}
.action_list li .btn_contact,
.action_list li .btn_favorite {
	font-weight: bold;
	width: 164px;
	height: 40px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
}
.action_list li .btn_contact {
	color: #FFF;
	width: 164px;
	height: 40px;
	background: #102645;
	-moz-box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
	-ms-box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
	box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
}
.action_list li .btn_favorite {
	color: #999;
	background: #FFF;
	border: solid 1px #CCC;
	-moz-box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	-webkit-box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	-ms-box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	margin: 0 0 0 10px;
}
.personal_list {
	margin: 20px 0;
}
.personal_list > li {
	border-bottom: solid 1px #EEE;
	margin: 0 0 30px;
	padding: 0 0 30px;
}
.personal_list li:last-child {
	border-bottom: none;
	margin: 0;
	padding: 0;
}
.personal_box {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.personal_head {
	width: 30%;
	display: -webkit-flex;
	display: flex;
}
.personal_head .chk_box {
	width: 10%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.personal_head .img {
	width: 80%;
}
.personal_head .img img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.personal_detail {
	width: 70%;
}
.personal_detail .top {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.personal_detail .top .action_list ul {
	display: block;
}
.personal_detail .top .action_list ul li:first-child {
	margin: 0 0 10px;
}
.personal_detail .top .action_list li .btn_favorite {
	margin: 0;
}
.personal_detail .top .ico_type {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	margin: 0 0 4px;
	padding: 0 10px;
}
.personal_detail .top .ico_type.souko {
	background: #397db2;
}
.personal_detail .top h1 {
	font-size: 18px;
	margin: 0 0 14px;
}
.personal_detail .top dl {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 0 10px;
}
.personal_detail .top dt {
	font-size: 12px;
	width: 53px;
	background: #eee;
	text-align: center;
	padding: 2px 0;
}
.personal_detail .top dd {
	margin: 0 0 0 10px;
}
.personal_detail .btm table {
	width: 100%;
	border-collapse: collapse;
}
.personal_detail .btm th,
.personal_detail .btm td {
	width: 20%;
	border: solid 1px #CCC;
	text-align: center;
	padding: 5px;
}
.personal_detail .btm th {
	background: #f4f4f4;
}
.btm_item {
	display: none;
}








.spec_box {
	display: none;
}


/*----------------------------------------------------

　お知らせ

----------------------------------------------------*/
.news_list li {
	border-bottom: solid 1px #CCC;
	display: -webkit-flex;
	display: flex;
	padding: 20px 0;
}
.news_list li:first-child {
	border-top: solid 1px #CCC;
}
.news_list .news_meta {
	margin: 0 20px 0 0;
}
.news_list time {
	color: #999;
	font-weight: bold;
	display: inline-block;
	margin: 0 40px 0 0;
}
.news_list .news_cat {
	color: #FFF;
	font-size: 12px;
	background: #888;
	display: inline-block;
	padding: 2px 15px;
}
.ttl_area {
	border-bottom: solid 1px #CCC;
	margin: 0 0 70px;
	padding: 0 0 30px;
}
.ttl_area h1 {
	font-size: 28px;
	margin: 0 0 5px;
}
.ttl_area .day {
	color: #999;
	font-size: 12px;
}
.btn_back {
	text-align: center;
	margin: 60px 0 0;
}
.btn_back a {
	color: #333;
	font-size: 16px;
	text-decoration: none;
	background: #f5f5f5;
	border: solid 2px #EEE;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	-moz-transition: ease 0.2s;
	-o-transition: ease 0.2s;
	-webkit-transition: ease 0.2s;
	transition: ease 0.2s;
	padding: 20px 18px;
}
.btn_back a:hover {
	color: #FFF;
	background: #40a592;
}
#pager {
	text-align: center;
	margin: 60px 0 0;
}
#pager li {
	display: inline-block;
}
#pager li.active span {
	color: #FFF;
	background: #EEE;
}
#pager li a,
#pager li span {
	color: #333;
	font-size: 14px;
	display: block;
	padding: 6px 12px;
	text-decoration: none;
	border: 1px solid #d9d9d9;
}


/*----------------------------------------------------

　ブログ

----------------------------------------------------*/
#blog .inner {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.blog_tab {
	border-bottom: solid 4px #2b3941;
}
.blog_tab ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.blog_tab li {
	width: 32%;
	border: solid 2px #CCC;
	border-bottom: none;
	text-align: center;
	padding: 10px 0;
}
.blog_tab li.selected {
	color: #FFF;
	background: #2b3941;
	border: solid 2px #2b3941;
}
#blog .blog_main {
	width: 77%;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}
#blog .blog_side {
	width: 20%;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}
.blog_list > li {
	border-bottom: solid 2px #EEE;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding: 20px 0;
}
.blog_list .img_box {
	width: 17%;
}
.blog_list .txt_box {
	width: 79%;
}
.blog_list .txt_box h2 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px;
}
#blog .meta {
	margin: 0 0 10px;
}
#blog .meta li {
	display: inline-block;
}
#blog .meta li:first-child::after {
	content: "｜";
	color: #333;
	margin: 0 10px;
}
#blog .meta .blog_cat {
	color: #ff2600;
}
.blog_side h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px;
}
.blog_side ul {
	font-size: 12px;
	border-top: solid 1px #EEE;
	margin: 0 0 40px;
}
.blog_side ul li {
	border-bottom: solid 1px #EEE;
	padding: 10px 0;
}
.blog_side .archive {
	position: relative;
}
.blog_side select {
	font-size: 14px;
	width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #FFF;
	border: 1px solid #EEE;
	border-radius: 0 !important;
	padding: 10px 0 10px 20px;
}
.blog_side .archive::after {
	content: "▼";
	font-size: 8px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10px;
}
.blog_head {
	border-bottom: solid 2px #EEE;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
.blog_head h1 {
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 30px;
}
.blog_body img {
	width: 100%;
	max-width: 100%;
	height: auto;
}


/*----------------------------------------------------

　会社概要

----------------------------------------------------*/
#company h2 {
	font-size: 18px;
	font-weight: bold;
	background: #f4f4f4;
	margin: 0 0 24px;
	padding: 10px;
}
#outline table {
	width: 100%;
	border-collapse: collapse;
}
#outline table th,
#outline table td {
	border: solid 1px #CCC;
	padding: 30px 20px;
}
#outline table th {
	font-weight: bold;
	background: #f4f4f4;
	vertical-align: top;
}
#greeting {
	margin: 50px 0 0;
}
#greeting .name {
	text-align: right;
}
#idea {
	margin: 50px 0 0;
}
#idea dl {
	display: table;
}
#idea dl:not(:last-child) {
	margin: 0 0 20px;
}
#idea dt,
#idea dd {
	display: table-cell;
}
#idea dt {
	font-size: 30px;
	width: 13.6%;
	border-right: solid 1px #000;
	text-align: right;
	vertical-align: middle;
	padding: 0 40px 0 0;
}
#idea dd {
	padding: 0 0 0 40px;
}


/*----------------------------------------------------

　プライバシーポリシー

----------------------------------------------------*/
#privacy h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 50px 0 20px;
}


/*----------------------------------------------------

　お問い合わせ

----------------------------------------------------*/
#inquiry a {
	color: #3fa491;
	text-decoration: underline;
}
#inquiry a:hover {
	text-decoration: none;
}
#inquiry h2 {
	font-size: 18px;
	font-weight: bold;
	border-top: solid 1px #CCC;
	margin: 40px 0 0;
	padding: 20px 0;
}
#inquiry .property_data .item {
	display: table;
	margin: 0 0 24px;
}
#inquiry .property_data .img,
#inquiry .property_data .body {
	display: table-cell;
	vertical-align: middle;
}
#inquiry .property_data .img {
	width: 80px;
}
#inquiry .property_data .img img {
	width: 100%;
	height: auto;
}
#inquiry .property_data .body {
	padding: 0 0 0 16px;
}
#inquiry .property_data .title {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 8px;
}
#inquiry .property_data .title .ico_cat {
	margin: 0 5px 0 0;
}
#inquiry .property_data .no {
	margin: 0 0 8px;
}
#inquiry .property_data .no span {
	font-weight: bold;
	margin: 0 0 0 10px;
}
#inquiry .property_data .data li {
	display: inline-block;
	margin: 0 16px 0 0;
}
#inquiry .property_data .data li:last-child {
	margin: 0;
}
#inquiry .property_data .data span {
	font-weight: bold;
}
#inquiry table {
	width: 100%;
	border-collapse: collapse;
}
#inquiry table th,
#inquiry table td {
	border: solid 1px #CCC;
	padding: 10px;
}
#inquiry table th {
	width: 24%;
	background: #f4f4f4;
}
#inquiry table td ul {
	display: -webkit-flex;
	display: flex;
	display: flex;
	flex-wrap:wrap;
}
#inquiry table td ul li {
	width: 33.33333%;
	margin: 0 0 20px;
}
#inquiry table td ul li.full {
	width: 100%;
}
#inquiry input[type="text"] {
	width: 600px;
	height: 40px;
	margin: 0 0 0 10px;
}
#inquiry input[type="text"].full {
	width: 100%;
	height: 40px;
	margin: 10px 0 0 0;
}
#inquiry input[type="text"].short {
	width: 320px;
	height: 40px;
	margin: 0 0 0 10px;
}
#inquiry textarea {
	width: 100% !important;
	min-height: 150px;
	line-height: 18px;
	border: 1px solid #cdcfd3;
	padding: 4px;
	box-sizing: border-box;
	vertical-align: top;
}

@media only screen and (max-width: 600px) {
#inquiry .property_data .img,
#inquiry .property_data .body {
	font-size: 13px;
	vertical-align: top;
}
#inquiry .property_data .data li {
	display: block;
	margin: 0 0 5px;
}
#inquiry .property_data .data li:last-child {
	margin: 0;
}
#inquiry .property_data .data span {
	font-weight: bold;
}
#inquiry table {
	border-bottom: solid 1px #CCC;
	margin: 0 0 20px;
}
#inquiry table th,
#inquiry table td {
	width: 100%;
	border-bottom: none;
	display: block;
}
#inquiry table td ul li {
	width: 100%;
	display: block;
}
#inquiry input[type="text"],
#inquiry input[type="text"].full,
#inquiry input[type="text"].short {
	width: 100%;
	margin: 10px 0 0 0;
}
}
.form_tbl01 {
	width: 100%;
	border: solid 1px #dadada;
	border-collapse: collapse;
}

.form_tbl01 th,
.form_tbl01 td {
	padding: 10px;
}
.form_tbl01 th {
	font-weight: bold;
	width: 18%;
	background: #f4f4f4;
	border-bottom: solid 1px #dadada;
	border-right: dotted 1px #dadada;
}
.form_tbl01 td {
	width: 82%;
	border-bottom: solid 1px #dadada;
}
.form_tbl01 input[type="text"] {
	width: 600px;
	height: 40px;
}
.form_tbl01 input[type="text"].full {
	width: 100%;
	height: 40px;
}
.form_tbl01 input[type="text"].short {
	width: 320px;
	height: 40px;
}
.send_btn {
	text-align: center;
}
.send_btn button {
	color: #FFF;
	font-size: 16px;
	border: solid 1px #3fa491;
	background: #3fa491;
	margin: 20px 0 0;
	padding: 15px 70px;
}
#request h2 {
	color: #FFF;
	font-size: 18px;
	background: #2b3941;
	padding: 10px 15px;
}
#request h2 span::after {
	content: attr(data-item)"";
	color: #FFF;
	font-size: 12px;
	border: solid 1px #FFF;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 5px;
	padding: 1px 5px;
}
#request p {
	margin: 0 0 10px;
}
#request .option {
	background: #999999;
	cursor: pointer;
}
#request .option.selected {
}
#request .op_tbl {
	display: none;
}
.search_list_sp,
.btn_area_sp,
.chk_area_sp,
.ph_sp {
	display: none;
}
	.property_filter {
		display: none;
	}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 900px) {
}
@media only screen and (max-width: 600px) {
	.inner {
		width: 90%;
		margin: auto;
	}
#outline table th,
#outline table td {
	border: none;
	display: block;
	padding: 14px;
}
#outline table th {
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
#idea dt {
	width: 100%;
	border-right: none;
	text-align: center;
	padding: 0 0 10px;
}
#idea dt,
#idea dd {
	display: block;
}
#idea dd {
	padding: 0;
}
	
	
	
	
	
/*----------------------------------------------------

　物件詳細

----------------------------------------------------*/
#property_detail2 .breadcrumb {
	margin: 20px 0 40px;
}

#property_detail2 .fl {
	display: block;
}
#property_detail2 .ttl_box {
	display: block;
}
#property_detail2 .detail_top {
	display: block;
}
	#property_detail2 .detail_right {
	width: 100%;
}
#property_detail2 .detail_left {
	width: 100%;
}
#detail_thumbnail-list {
	display: none;
}
#property_detail2 .detail_top .conversion {
	display: block;
}
#property_detail2 .detail_top .tel {
	margin: 0 0 10px;
}
#property_detail2 .detail_top .tel,
#property_detail2 .detail_top .c_btn {
	width: 100% !important;
}
#property_detail2 .u_print,
#property_detail2 .u_mail {
	width: 50%;
	margin: 0 0 10px;
}
	#property_detail2 .utility > li {
		text-align: center;
}
	#property_detail2 .utility > li:first-child {
		border-right: solid 1px #EEE;
}
	#property_detail2 .utility > li:first-child::after {
    content: none;
    margin: 0;
}
	#property_detail2 .utility {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
#property_detail2 .utility > li:nth-child(2) {
	margin: 0;
}
#property_detail2 .utility > li:last-child {
	width: 100% !important;
}
#property_detail2 .map {
	position: relative;
	width: 100%;
	height: 420px;
}
#property_detail2 .map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	#property_detail2 table{
		display: block !important;
}
.shareList {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
}
.shareList__item {
	height:30px;
	line-height:30px;
	width:30px;
	margin:5px 0 0 5px;
	text-align:center;
}
.shareList__link {
	display:block;
	color:#ffffff;
	text-decoration: none;
	border-radius: 5px;
}
.shareList__link::before{
	font-size:16px;
	display:block;
	transition: ease-in-out .2s;
	border-radius: 5px;
}
.shareList__link:hover::before{
	background:#ffffff;
	transform: scale(1.2);
	box-shadow:1px 1px 4px 0px rgba(0,0,0,0.15);
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?ookgoz');
	src:url('../fonts/icomoon.eot?ookgoz#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?ookgoz') format('truetype'),
		url('../fonts/icomoon.woff?ookgoz') format('woff'),
		url('../fonts/icomoon.svg?ookgoz#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.shareList__link.icon-twitter{background:#55acee;}
.shareList__link.icon-twitter:hover::before{color:#55acee;}
 
.shareList__link.icon-facebook{background:#3B5998;}
.shareList__link.icon-facebook:hover::before{color:#3B5998;}
 
.shareList__link.icon-google-plus{background:#dd4b39;}
.shareList__link.icon-google-plus:hover::before{color:#dd4b39;}
 
.shareList__link.icon-hatebu{background:#008FDE;}
.shareList__link.icon-hatebu:hover::before{color:#008FDE;}
 
.shareList__link.icon-pocket{background:#EB4654;}
.shareList__link.icon-pocket:hover::before{color:#EB4654;}
 
.shareList__link.icon-rss{background:#ff9900;}
.shareList__link.icon-rss:hover::before{color:#ff9900;}
 
.shareList__link.icon-feedly{background:#6cc655;}
.shareList__link.icon-feedly:hover::before{color:#6cc655;}
 
.shareList__link.icon-pinterest{background:#cb2027;}
.shareList__link.icon-pinterest:hover::before{color:#cb2027;}
 
.shareList__link.icon-linkedin{background:#0e76a8;}
.shareList__link.icon-linkedin:hover::before{color:#0e76a8;}
 
.shareList__link.icon-line{background:#1dcd00;}
.shareList__link.icon-line:hover::before{color:#1dcd00;}
.icon-line:before        {content: "\e90a";}
.icon-feedly:before      {content: "\e900";}
.icon-pocket:before      {content: "\e902";}
.icon-instagram:before   {content: "\ea92";}
.icon-twitter:before     {content: "\ea96";}
.icon-youtube:before     {content: "\ea9d";}
.icon-google:before      {content: "\ea88";}
.icon-google2:before     {content: "\ea89";}
.icon-google-plus:before {content: "\ea8b";}
.icon-google-plus2:before{content: "\ea8c";}
.icon-facebook:before    {content: "\ea90";}
.icon-facebook2:before   {content: "\ea91";}
.icon-linkedin:before    {content: "\eaca";}
.icon-linkedin2:before   {content: "\eac9";}
.icon-pinterest:before   {content: "\ead2";}
.icon-pinterest2:before  {content: "\ead1";}
.icon-hatebu:before      {content: "\e903";}
.icon-hatebu2:before     {content: "\e901";}
.icon-rss:before         {content: "\ea9b";}
.icon-rss2:before        {content: "\ea9c";}

/* ブログ */
#blog .inner {
	display: block;
}
#blog .blog_main,
#blog .blog_side {
	width: 100%;
}
#blog .blog_main {
	margin: 0 0 40px;
}
.blog_list > li {
	display: block;
}
.blog_list .img_box {
	width: 100%;
}
.blog_list .img_box img {
	width: 100%;
}
.blog_list .txt_box {
	width: 100%;
	margin: 20px 0 0;
}
	
	
	
	
/*----------------------------------------------------

　GoogleMaps

----------------------------------------------------*/
	

	
.bg_gray {
	background: #EEE;
}
#property_list .main {
	width: 100%;
}
#property_list .side,
#property_list table,
#property_slider,
#property_thumbnail-list {
	display: none;
}
.sort_select {
	display: block;
}
/* SP では main_head・main_foot 内の form を表示（表示件数セレクト） */
.main_head > form,
.main_foot > form {
	display: block;
}
.sort_box,
.tab_switch,
ul.pager {
		display: none;
}
.chk_area {
	display: none;
}
.spec_box {
	font-size: 12px;
	display: block;
	margin: 0 0 0 10px;
}
.spec_box p {
	margin: 0 0 8px;
}
.spec_box p.price {
	color: #e24e3a;
	font-size: 20px;
	font-weight: bold;
}
.spec_box dl {
	display: table-row;
}
.spec_box dt,
.spec_box dd{
	display: table-cell;
}
.spec_box dt {
	color: #d3d3d3;
	padding: 0 5px 0 0;
}
.detail_box {
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}
.detail_top {
	font-size: 14px;
	border-bottom: solid 1px #EEE;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin: 0;
	padding: 10px;
}
.btn_area {
	display: none;
}
.btn_area_sp {
	display: -webkit-flex;
	display: flex;
}
.btn_area_sp li {
	background: #d9c543;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:  center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 5px;
	width: 40px;
	height: 40px;
}
.btn_area_sp li a {
	width: 40px;
	height: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:  center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.btn_area_sp li.btn_line_sp {
	background: #00c300;
	margin: 0 5px 0 0;
}
.detail_body {
	padding: 0;
}
.detail_body .ph,
.detail_body .txt_box {
	padding: 10px 0 !important;
}
.detail_body .ph {
	width: 20%;
	margin: 0 0 10px;
}
.detail_body .txt_box {
	width: 70%;
}



.ph_sp {
	display: block;
}
.search_list_sp {
	display: block;
	margin: 20px 0;
}
.search_condition{
	background: #FFF;
}
.search_condition > ul > li {
	padding: 10px;
}
.search_condition > ul > li:first-child {
	border-bottom: solid 1px #EEE;
}
.search_condition > ul > li ul li {
	width: 100%;
	margin: 0 0 10px;
}
.search_condition > ul > li ul li {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.search_condition > ul > li ul li:first-child {
	margin: 0 0 10px;
}
.search_condition dl {
	width: 100%;
	display: table;
}
.search_condition dt,
.search_condition dd {
	display: table-cell;
}
.search_condition dt {
	width: 30%;
	padding: 0 10px 0 0;
}
.search_condition dd {
		width: 70%;
	}
.change_btn {
	color: #efa721;
	border: solid 1px #efa721;
	padding: 3px;
}
.chk_area_sp {
	background: #f2f2f2;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 10px;
	margin: 0 10px 0 0;
}
	

	
	
	
	
	
/*----------------------------------------------------

　最近チェックした物件

----------------------------------------------------*/
.personal_tab {
	border-bottom: none;
	display: block;
}
	
.personal_tab.btm {
	border-top: solid 4px #2b3941;
	border-bottom: none;
}
.personal_tab.btm ul {
	border-bottom: none;
}
	
.personal_tab p {
	margin: 10px 0;
}
.personal_tab ul {
	font-size: 14px;
	width: 100%;
	border-bottom: solid 4px #2b3941;
}
.personal_tab li.selected a,
.personal_tab li a {
	font-size: 12px;
}
.action,
.action_list,
.action_list ul {
	display: block;
}
.action .chk_box label {
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.action_list.hidden {
	display: none;
}
.personal_box {
	display: block;
}
.personal_head {
	width: 100%;
}
.personal_detail {
	width: 100%;
}
.personal_detail .top {
	display: block;
	margin: 0 0 20px;
}
.personal_detail .top .info {
	margin: 0 0 20px;
}
.personal_detail .top .btn_contact,
.personal_detail .top .btn_favorite {
	width: 100% !important;
	}
.personal_detail .top dl {
	margin: 0 0 5px;
}
.btm_item {
	width: 100%;
	background: rgba(43, 57, 65, 0.8);
	display: block;
	padding: 10px;
	position: fixed;
	bottom: 0;
	z-index: 1;
}
.btm_item p {
	color: #FFF;
	text-align: center;
	padding: 0 0 10px;
}
.btm_item .btn_contact_btm {
	color: #FFF;
	width: 100%;
	height: 40px;
	background: #102645;
	-moz-box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
	-ms-box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
	box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
}
.btm_item .btn_favorite_btm {
	color: #999;
	width: 100%;
	height: 40px;
	background: #FFF;
	border: solid 1px #CCC;
	-moz-box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	-webkit-box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	-ms-box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	box-shadow: 0px -2px 0px 0px rgba(241, 241, 241, 1) inset;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
}
.btm_item .btn_half {
	display: -webkit-flex;
	display: flex;
}
.btm_item .btn_half li {
	width: 50%;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	padding: 0 5px;
}
	
	
/*----------------------------------------------------

　保存した検索条件

----------------------------------------------------*/

.condition_head {
	margin: 0 0 10px;
}
.condition_head .regist {
	font-size: 16px;
}
.condition_head .delete_btn a span {
	display: none;
}
.condition_body {
	display: block;
}
.condition_body .box_left {
	margin: 0 0 20px;
}
.condition_box ul li.btn_new {
	background: #ce8a4a;
}
.condition_box ul li.btn_search {
	background: #ce8a4a;
}
.condition_box ul li a {
	color: #FFF;
	font-size: 14px;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	padding: 20px;
}
.condition_box ul li:not(:last-child) {
	margin: 0 0 10px;
}
.property_filter {
	display: block;
}
.filter_head {
	color: #FFF;
	background: #efa721;
	text-align: center;
	padding: 15px 0;
}
.filter_body {
	background: #EEE;
}
.filter_body h2,
.pref_filter h2 {
	margin: 0 0 10px;
	padding: 15px 10px 0;
	font-weight: bold;
}
.filter_box {
	background: #FFF;
	margin: 0 0 20px;
	-moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
}
.filter_box .chk_list {
	border-top: solid 1px #CCC;
	overflow: hidden;
}
.filter_box .chk_list li {
	width: 50%;
	border-bottom: solid 1px #CCC;
	box-sizing: border-box;
	float: left;
	padding: 10px;
}
.filter_box .chk_list li:last-child {
	border-bottom: none;
}
.filter_box .chk_list li:nth-child(odd) {
	border-right: solid 1px #CCC;
}
.filter_box .radio,
.filter_box .select {
	padding: 0 10px 10px;
}
.pref_box {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 20px;
	padding: 0 10px;
}
.pref_list {
	background: #FFF;
}
.pref_list li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.pref_list li:not(:first-child) {
	border-top: solid 1px #CCC;
}
.pref_list .chk_box {
	background: #CCC;
	padding: 10px;
}
.pref_list .pref_name {
	padding: 0 0 0 10px;
}
.pref_list .pref_name span {
	font-size: 10px;
}
.search_btn {
	background: #2b3941;
	padding: 10px 0;
}
.search_btn a {
	color: #efa721;
	font-size: 18px;
	font-weight: bold;
	width: 90%;
	background: #FFF;
	display: block;
	text-align: center;
	margin: auto;
	padding: 15px 0;
}
	

.form_tbl01 {
	border-bottom: solid 1px #CCC;
	margin: 0 0 20px;
}

.form_tbl01 th,
.form_tbl01 td {
	width: 100% !important;
	border-bottom: none;
	display: block;
}
.form_tbl01 th {
	font-weight: bold;
	width: 18%;
	background: #f4f4f4;
	border-bottom: solid 1px #dadada;
	border-right: dotted 1px #dadada;
}
.form_tbl01 td {
	width: 82%;
	border-bottom: solid 1px #dadada;
}
.form_tbl01 input[type="text"],
.form_tbl01 input[type="text"].full,
.form_tbl01 input[type="text"].short {
	width: 100%;
	margin: 10px 0 0 0;
}
.form_tbl01 input[type="text"].short {
	width: 30%;
	margin: 10px 0 0 0;
}
	
	
	
	
	
	
	
}
.property_slider .slick-dots {
  max-width: 180px !important;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: static !important;
}
.property_slider .slick-dots li {
  width: auto !important;
  height: auto !important;
  display: block;
  margin: 0 !important;
}
.property_slider .slick-dots li.slick-active img {
  border: solid 2px #efa721;
}
.property_slider .slick-dots li img {
  width: 35px;
  height: 35px;
  object-fit: contain;
}
.property_slider .slick-dots li:nth-child(n + 5) {
  display: none !important;
}
@media only screen and (max-width: 980px) {
  .property_slider > .slick-list li img {
    max-width: 100% !important;
    max-height: auto;
  }
  .slick-dots {
    display: none !important;
  }
}

/* ===================================================
   エリア紹介バナー：画像上のSEOテキスト配置
=================================================== */
/* 画像を囲む箱に「基準点」を設定 */
.area_feature_body .image_area {
    position: relative;
}

.area_feature_body .image_area img {
    width: 100%;
    height: auto;
    display: block;
}

/* 画像の上にテキストを絶対配置（浮かせる） */
.area_feature_body .overlay_text {
    position: absolute;
    top: 6%;      /* 上からの位置（画像に合わせて微調整してください） */
    left: 4%;     /* 左からの位置（画像に合わせて微調整してください） */
    font-size: 60px;  /* 文字の大きさ */
    font-weight: 900; /* 極太に */
    color: #004ba1;   /* デザイン案に近い濃い青色 */
    line-height: 1;
    font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif; /* カチッとしたゴシック体に */
	letter-spacing: 6px;

    /* ▼ 白いフチドリをつけて、背景画像と同化するのを防ぐ魔法 ▼ */
    text-shadow:
         3px  3px 0 #fff,
        -3px  3px 0 #fff,
         3px -3px 0 #fff,
        -3px -3px 0 #fff,
         0px  5px 6px rgba(0,0,0,0.3); /* ほんのり影も落として立体感を出す */
}

/* スマホ版の調整（文字がはみ出さないように小さくする） */
@media only screen and (max-width: 768px) {
    .area_feature_body .overlay_text {
        font-size: 32px;
        top: 4%;
        left: 4%;
        /* フチドリもスマホに合わせて少し細くする */
        text-shadow:
             2px  2px 0 #fff,
            -2px  2px 0 #fff,
             2px -2px 0 #fff,
            -2px -2px 0 #fff,
             0px  3px 4px rgba(0,0,0,0.3);
    }
}

/* ===================================================
   エリア紹介バナー（北海道版など）
=================================================== */
.area_feature_box {
    background: #fff;
    border: solid 1px #ccc;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    border-radius: 4px;
}

/* 上部（常に表示されている部分） */
.area_feature_top {
    padding: 15px 20px;
}

.area_feature_top h1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.area_feature_top .short_desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #666;
}

.area_feature_top .short_desc p {
    display: flex;
    align-items: center;
    margin: 0;
}

.area_feature_top .short_desc .ico {
    width: 24px;
    height: auto;
    margin-right: 10px;
}

/* 「もっと見る／閉じる」ボタン */
.accordion_btn {
    background: none;
    border: none;
    color: #666;
    font-size: 12px;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
}

.accordion_btn i {
    margin-left: 5px;
    transition: transform 0.3s ease;
}

/* 開いている時は矢印を上に向ける */
.accordion_btn.is-open i {
    transform: rotate(180deg);
}

/* 下部（アコーディオンで開閉する部分） */
.area_feature_body {
    padding: 0 20px 20px;
}

/* 画像とSEOテキストの配置 */
.area_feature_body .image_area {
    position: relative;
    margin-bottom: 20px;
}

.area_feature_body .image_area img {
    width: 100%;
    height: auto;
    display: block;
}

/* SEO対策用の重ねるテキスト */
.area_feature_body .overlay_text {
    position: absolute;
    top: 6%;
    left: 4%;
    font-size: 60px;
    font-weight: 900;
    color: #004ba1;
    line-height: 1;
    font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
    text-shadow:
         3px  3px 0 #fff, -3px  3px 0 #fff,
         3px -3px 0 #fff, -3px -3px 0 #fff,
         0px  5px 6px rgba(0,0,0,0.3);
}

/* 箇条書きテキスト */
.area_feature_body .text_area {
    padding-left: 20px;
    color: #333;
    line-height: 1.8;
    font-size: 13px;
}

.area_feature_body .text_area li {
    list-style-type: decimal;
    margin-bottom: 5px;
}

/* スマホ版の調整 */
@media only screen and (max-width: 768px) {
    .area_feature_top {
        padding: 10px 15px;
    }
    .area_feature_top h1 {
        font-size: 18px;
    }
    .area_feature_top .short_desc {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .accordion_btn {
        align-self: flex-end;
    }
    .area_feature_body {
        padding: 15px;
    }
    .area_feature_body .overlay_text {
        font-size: 32px;
        text-shadow:
             2px  2px 0 #fff, -2px  2px 0 #fff,
             2px -2px 0 #fff, -2px -2px 0 #fff,
             0px  3px 4px rgba(0,0,0,0.3);
    }
}

/* ===================================================
   「すべてにチェック」一括操作バー
=================================================== */
.all_chk {
  display: flex;
  margin: 30px 0; /* デザインに合わせて上下の余白を調整 */
}

/* 左側のグレーの箱 */
.all_chk .all_chk_title {
  min-width: 220px;
  background: #787878;
  border-radius: 4px 0 0 4px;
  padding: 15px 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.all_chk .chk_area {
  display: block !important; /* どこかで非表示になっていても強制表示 */
  color: #fff;
  background: transparent;
  padding: 0;
}

.all_chk .chk_area label {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
}

.all_chk .chk_area span {
  display: inline-block;
  padding: 0 0 0 10px;
  font-weight: bold;
}

/* 吹き出しの三角（上部バーは下向き） */
.all_chk.top .all_chk_title::after {
  content: "";
  width: 0; height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #787878 transparent transparent transparent;
  position: absolute;
  bottom: -11px;
  left: 20px;
}

/* 吹き出しの三角（下部バーは上向き） */
.all_chk.btm .all_chk_title::after {
  content: "";
  width: 0; height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #787878 transparent;
  position: absolute;
  top: -11px;
  left: 20px;
}

/* 右側のライトグレーの箱 */
.all_chk .all_chk_body {
  background: #f5f5f5; /* 少し明るくして見やすく */
  border-radius: 0 4px 4px 0;
  display: flex;
  align-items: center;
  padding: 15px 20px;
  flex-grow: 1; /* 余った横幅をすべて埋める */
}

/* ★超重要：隠れているボタンエリアを強制的に復活させる */
.all_chk .all_chk_body .btn_area {
  display: flex !important; 
  margin: 0;
  align-items: center;
}

/* スマホ版のレスポンシブ調整 */
@media only screen and (max-width: 768px) {
  .all_chk {
    flex-direction: column; /* 縦積みに変更 */
    margin: 20px 0;
  }
  .all_chk .all_chk_title {
    border-radius: 4px 4px 0 0;
    width: 100%;
    padding: 15px;
    justify-content: flex-start;
  }
  .all_chk .all_chk_body {
    border-radius: 0 0 4px 4px;
    width: 100%;
    padding: 15px;
  }
  .all_chk .all_chk_body .btn_area {
    width: 100%;
    justify-content: space-between;
  }
  .all_chk .all_chk_body .btn_area li {
    width: 48%; /* ボタンを横並びで2つ収める */
  }
  .all_chk .all_chk_body .btn_area li a {
    font-size: 12px;
    padding: 12px 4px;
    width: 100%;
    justify-content: center;
  }

  /* スマホ版：上部バーの三角をボディ（右側だった箱）の下に移動させる魔法 */
  .all_chk.top .all_chk_title::after {
    content: none;
  }
  .all_chk.top .all_chk_body {
    position: relative;
  }
  .all_chk.top .all_chk_body::after {
    content: "";
    width: 0; height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #f5f5f5 transparent transparent transparent;
    position: absolute;
    bottom: -11px;
    left: 20px;
  }
}

/* ===================================================
   サイドバー：フリーワード検索エリア
=================================================== */
.side_search .keyword_search {
    padding: 15px 10px;
}

.side_search .keyword_search input[type="text"] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px; /* 入力欄とボタンの間の余白 */
    font-size: 14px;
    box-sizing: border-box;
	background-color: #f7f7f7; /* ★普段はうすいグレー */
    transition: background-color 0.3s ease, border-color 0.3s ease; /* ★フワッと色が変わるアニメーション */
}

/* ▼ 入力中（クリックしてカーソルが当たっている時）は白にする！ ▼ */
.side_search .keyword_search input[type="text"]:focus {
    background-color: #ffffff; /* ★白に戻す！ */
    border-color: #e05f09; /* ★オマケ：枠線をショップオフのオレンジにして「今ここ入力中！」を強調 */
    outline: none; /* ブラウザ標準の青い枠線を消す */
}

/* ボタンを横並びにする箱 */
.side_search .keyword_search .btn_wrap {
    display: flex;
    justify-content: center;
}

/* ボタンの共通設定 */
.side_search .keyword_search button {
    width: 48%;
    padding: 10px 0;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* 検索ボタン（ショップオフのオレンジ） */
.side_search .keyword_search .btn_submit {
    background: #e05f09; 
    color: #fff;
	-moz-box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
    -webkit-box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
    -ms-box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1);
    box-shadow: 0px 2px 0px 0px rgba(214, 128, 52, 1); /* ★立体的な影を追加 */
}
.side_search .keyword_search .btn_submit:hover {
    background: #d96323;
}

/* ===================================================
   物件リスト（1件分）のレイアウトとデザイン
=================================================== */
.property_box {
    background: #FFF;
    border: solid 1px #CCC;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    margin: 20px 0;
    position: relative;
}

/* 上部のグレーのライン */
.property_box::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #787878;
    position: absolute;
    top: 0;
    left: 0;
}

/* 左端のチェックボックスエリア */
.property_box .chk_area {
    background: #f2f2f2;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-right: 1px solid #ccc; 
	width: 50px; 
    flex-shrink: 0; 
}

/* --- 詳細ボックス全体 --- */
.detail_box {
    width: calc(100% - 50px); 
    padding: 15px 20px;
    box-sizing: border-box; 
}

/* --- 上部：タイトルと登録番号 --- */
.detail_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; /* 下揃え */
    border-bottom: none; /* 既存の線を消す */
    margin-bottom: 15px;
    padding: 0;
}

.detail_top h2 {
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin: 0;
}

.detail_top .ico_type {
    color: #FFF;
    font-size: 11px;
    background: #e05f09;
    display: inline-block;
    padding: 4px 10px;
    margin-right: 10px;
    border-radius: 2px;
}

.detail_top .no {
    color: #666;
    font-size: 13px;
}

/* --- 中部：写真とテキスト --- */
.detail_body {
    display: flex;
    justify-content: space-between;
}

/* ===================================================
   物件リストの写真（Slickスライダー）の調整
=================================================== */
/* 親要素（画像下の謎の隙間を消す） */
.property_box .detail_body .ph {
    width: 28%;
    line-height: 0; /* ★これが「謎の浮き・隙間」を消す魔法 */
}

/* メイン画像部分 */
.property_box .detail_body .ph .property_slider {
    margin: 0;
    padding: 0;
}
.property_box .detail_body .ph .property_slider li img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3; /* 画像の比率を綺麗に固定 */
    object-fit: cover;
    display: block; /* 余白を完全に消す */
}

/* サムネイル（Slickのドット）部分の調整 */
.property_slider .slick-dots {
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap; /* 数が多い場合は折り返す */
    gap: 5px; /* サムネイル間の綺麗な隙間 */
    margin: 5px 0 0 0 !important; /* メイン画像との隙間 */
    padding: 0 !important;
    position: static !important; /* 絶対配置を解除して浮きを直す */
}
.property_slider .slick-dots li {
    width: calc((100% - 15px) / 4) !important; /* 4枚並べる計算 */
    height: auto !important;
    margin: 0 !important;
    cursor: pointer;
}
.property_slider .slick-dots li img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border: 2px solid transparent; /* 普段は透明な枠 */
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

/* 選択されているサムネイルは枠をオレンジに */
.property_slider .slick-dots li.slick-active img {
    border-color: #e05f09;
}

/* 5枚目以降のサムネイルは隠す（デザインを崩さないため） */
.property_slider .slick-dots li:nth-child(n + 5) {
    display: none !important;
}

/* --- 右側：テキストエリア --- */
.detail_body .txt_box {
    width: 70%; /* 残りの幅 */
    padding: 0;
}

/* --- 情報テーブル --- */
.info_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 5px;
    table-layout: auto; 
}

.info_table th,
.info_table td {
    border: solid 1px #e5e5e5;
    padding: 8px 10px; 
    font-size: 13px;
    box-sizing: border-box; 
}

.info_table th {
    background: #f5f5f5;
    width: 18%;
    font-weight: bold;
    text-align: left;
}

.info_table td {
    width: 32%;
}

/* 掲載日 */
.post_date {
    text-align: right;
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
}

/* --- 下部：ボタンエリア --- */
.property_box .btn_area {
    display: flex;
    justify-content: flex-end; /* 右寄せ */
    margin: 0;
}

.property_box .btn_area li {
    margin-left: 5px; /* ボタン同士の隙間 */
}

.property_box .btn_area li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px; /* 少し丸みを抑える */
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}

/* 各ボタンの色設定 */
.property_box .btn_contact a {
    background: #102645; /* オレンジ */
    color: #fff;
}

.property_box .btn_line a {
    background: #4cc72b; /* LINEグリーン */
    padding: 0 15px; /* アイコンのみなので少し狭く */
}
.property_box .btn_line img {
    height: 20px;
}

.property_box .btn_favorite a {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    font-weight: normal !important; /* お気に入りは少し目立たなく */
}

.property_box .btn_more a {
    background: #e05f09; /* 黄緑色 */
    color: #fff;
}

/* ===================================================
   ★元凶の修正：物件一覧用のスタイルを一覧だけに限定！
=================================================== */
.property_box .detail_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: none;
    margin-bottom: 15px;
    padding: 0;
}

/* ===================================================
   詳細ページ（PC版）の完全修復（参考サイト通りに戻す！）
=================================================== */
#property_detail2 .detail_top {
    display: block !important; /* ★ここで道連れflexを解除！！ */
    margin: 0 0 20px;
}

#property_detail2 .detail_top .conversion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px;
}

#property_detail2 .detail_top .conversion .tel {
    width: 50%;
    text-align: center;
}

#property_detail2 .detail_top .conversion .c_btn {
    width: 48%;
    text-align: center;
    height: auto !important; /* 私が変に固定した高さを解除！ */
}

/* ボタンを参考サイトの質感に戻す */
#property_detail2 .detail_top .conversion .c_btn a {
    color: #FFF;
    font-size: 20px;
    width: 100%;
    background: #f19149;
    box-shadow: 0px 2px 0px 0px rgba(218, 127, 58, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0; /* 高さではなくpaddingで厚みを出す */
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
}

/* --- 印刷・共有・SNSエリアを元に戻す --- */
#property_detail2 .utility {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* 元の通りに並べる */
    margin: 0;
    padding: 0;
    border: none;
}

#property_detail2 .utility > li {
    margin: 0;
}

#property_detail2 .utility > li:first-child::after {
    content: "｜" !important; /* 消えた縦線を復活！ */
    margin: 0 5px;
}

#property_detail2 .utility > li:nth-child(2) {
    margin: 0 20px 0 0 !important; /* SNSアイコンとの隙間 */
}

@media only screen and (max-width: 600px) {
  /*----------------------------------------------------
  　物件詳細（スマホ版の矯正）
  ----------------------------------------------------*/
  #property_detail2 .breadcrumb {
    margin: 20px 0 40px;
  }
  #property_detail2 .fl,
  #property_detail2 .ttl_box,
  #property_detail2 .detail_top {
    display: block !important; /* 横並びを完全に解除して縦に */
  }
  #property_detail2 .detail_right,
  #property_detail2 .detail_left {
    width: 100%;
  }
  .detail_thumbnail-list {
    display: none;
  }
  
  /* --- お問い合わせ・電話番号エリア --- */
  #property_detail2 .detail_top .conversion {
    display: block !important; /* 横並びを解除 */
    margin: 0 0 30px;
  }
  #property_detail2 .detail_top .tel {
    margin: 0 0 10px;
  }
  #property_detail2 .detail_top .tel,
  #property_detail2 .detail_top .c_btn {
    width: 100% !important; /* スマホでは横幅いっぱいに */
    height: auto !important; /* PC版の固定高さを強制解除 */
  }
  #property_detail2 .detail_top .conversion .c_btn a {
    padding: 20px 0; /* 高さではなくpaddingでボタンの厚みを出す */
  }
  
  /* --- 印刷・共有・SNSエリア --- */
  #property_detail2 .u_print,
  #property_detail2 .u_mail {
    width: 50% !important;
    margin: 0 0 10px !important;
  }
  #property_detail2 .utility {
    flex-wrap: wrap; /* 折り返しを許可 */
    justify-content: center !important; /* PCの右寄せを解除して中央揃え */
    padding-top: 15px;
  }
  #property_detail2 .utility > li {
    text-align: center;
  }
  #property_detail2 .utility > li:first-child {
    border-right: solid 1px #EEE;
  }
  #property_detail2 .utility > li:first-child::after {
    content: none !important;
    margin: 0;
  }
  #property_detail2 .utility > li:nth-child(2) {
    margin: 0 0 10px !important;
  }
  #property_detail2 .utility > li:last-child {
    width: 100% !important; /* SNSアイコンは改行して全幅で表示 */
    margin-top: 10px !important;
    display: flex;
    justify-content: center;
  }
  
  /* --- マップとテーブル --- */
  #property_detail2 .map {
    position: relative;
    width: 100%;
    height: 420px;
  }
  #property_detail2 .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #property_detail2 table {
    display: block !important; /* テーブルをスマホ用にブロック化 */
  }
  .shareList {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
  }
}

/* ===================================================
   Twitterを「X」に変更する
=================================================== */
.shareList__link.icon-x {
    background: #000;
}
.shareList__link.icon-x:hover {
	background: #fff;
}

/* 通常時の設定（白いXマークを描画） */
.shareList__link.icon-x::before {
    content: ""; 
    display: block;
    width: 30px !important; 
    height: 30px !important; 
    
    /* maskを使ってXの形にくり抜く魔法 */
    background-color: #fff; 
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E") no-repeat center / 14px;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E") no-repeat center / 14px;
}

/* ホバー時の設定（ホバーで白く膨らみ、マークが黒になる） */
.shareList__link.icon-x:hover::before {
    background-color: #000; /* ホバー時はアイコンの中身を黒に！ */
}
/* =====================================================
   既存サイト保持スタイル（add_2026非収録）
   ===================================================== */

/* 物件種別バッジ */
.warehouse {
  background: #14aa90;
}
.factory {
  background: #1b81c1;
}
.shueki {
  background: #c11b1b;
}

/* エラーページ */
#error_ttl {
  text-align: center !important;
  font-size: 32px !important;
}
#error p {
  margin: 100px 0;
  text-align: center;
}

/* 印刷フッター */
.property_filter {
  display: none;
}
.print-ft {
  display: none;
}
@media print {
  .print-ft {
    display: block;
  }
}

/* 非公開物件情報会員ページ */
#info_mem {
  padding: 50px 0 0;
  margin-bottom: 50px;
  position: relative;
}
#info_mem::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/info_mem_img01.png") no-repeat 0 0 / 100%;
  width: 20%;
  max-width: 296px;
  height: 335px;
  z-index: -1;
}
#info_mem::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../img/info_mem_img02.png") no-repeat 0 0 / 100%;
  width: 30%;
  max-width: 382px;
  height: 319px;
  z-index: -2;
}
#info_mem p {
  text-align: center;
  font-size: 26px;
  line-height: 1.7;
  font-weight: 800;
  color: #003E5B;
  margin-bottom: 5px;
  margin-right: 70px;
}
@media only screen and (max-width: 768px) {
  #info_mem {
    padding: 150px 0 0;
  }
  #info_mem::before {
    width: 53%;
    max-width: 296px;
    background: url("../img/info_mem_img01_sp.png") no-repeat 0 0 / 100%;
  }
  #info_mem::after {
    width: 50%;
  }
  #info_mem p {
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  #informationMember h1 {
    padding-bottom: 0 !important;
  }
  #info_mem {
    padding: 42% 0 0;
    margin-bottom: 20px;
  }
  #info_mem p {
    text-align: left;
    font-size: 18px;
  }
  #info_mem p br {
    display: none;
  }
}