@charset "UTF-8";

.search_pcr_main {
	float: right !important;
	width: 860px !important;
	min-width: 860px;
}

.search_pcr_side {
	width: 320px !important;
	margin: 0!important;
	float: none!important;
	padding-left: 0px!important;
	padding-right: 10px;
	border-left: none!important;
	background: #fff;
}

.page_content {
	max-width: 1240px;
	width: 100%;
	margin: 0px auto;
}

.page_content_container {
	width: 1200px;
}

#main_conntents_wrapper {
	margin-right: 0;
}

.page_title {
	display: block;
	text-align: center !important;
	margin: 4em 0 2em !important;
	padding: 0 !important;
	background: none !important;
}

.page_title span {
    color: #334455 !important;
    font-size: 36px !important;
    letter-spacing: .07em !important;
    line-height: 1.9em !important;
		font-weight: 500;
}

.page_caption_text {
    text-align: center;
    font-size: 16px;
}


.switch_list_tabbox_wrap.clone-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	transition: 0s;
	transform: translateY(-100%);
}

.switch_list_tabbox_wrap.clone-nav .tabbox {
	width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
	z-index: 102;
}

.switch_list_tabbox_wrap.clone-nav .tabbox ul.switch_list_tabs {
	background: #fff;
	padding-top: 35px;
	margin-left: auto;
	width: 860px;
}

.page_title_wrap {
	margin: 0 0 3em 0;
}

.category_title {
	display: block;
	margin: 5em auto 3em !important;
	background: none !important;
}

.category_title span {
	padding: 0 !important;
	color: #333 !important;
	font-size: 27px !important;
	line-height: 1.5 !important;
	font-weight: 500 !important;
}

.category_title:before {
	font-family: "Font Awesome 5 Free";
	content: "\f1ad";
	font-weight: normal;
	padding-right: 0.4em;
	padding-left: 0.4em;
	color: #333;
	font-size: 27px;
	line-height: 1.5;
	font-weight: 500;
}

/* 検索条件を絞り込む .search_main_area
***********************************************************************/
.search_main_area {
	background: #fff;
	overflow: hidden;
	height: auto;
}

/* .sma_basic {
	margin-bottom: 3em;
} */

.sma_basic .category_title {
	margin: 3em auto !important;
}

.sma_basic_tbl {
	margin-bottom: 0;
}

.sma_basic_tbl ul {
	display: flex;
	flex-wrap: wrap;
}

.sma_condisions_tbl {
	margin-bottom: 2em;
}

.sma_basic_tbl th,
.sma_basic_tbl td,
.sma_condisions_tbl th,
.sma_condisions_tbl td {
	border: 0;
}

.sma_basic_tbl th,
.sma_condisions_tbl th {
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 12%;
	background: transparent;
	border-right: 1px dashed #ccc;
}

.sma_basic_tbl td,
.sma_condisions_tbl td {
	vertical-align: middle;
	padding: 1em;
	line-height: 1.9;
}

.sma_condisions,
.search_text {
	display: none;
}

.sma_basic label {
	display: inline-block;
}

.sma_basic table td input[type=checkbox],
.sma_basic table td input[type=radio] {
	vertical-align: middle;
	margin: 0 10px 2px 0;
}

.sma_basic table td input[type=text] {
	width: 300px;
}
.sma_basic table td input[type=text]::placeholder {
	color: #ddd;
}

.sma_basic table td .icon_button_simple {
	margin: .5em 0;
}

/* input・buttonタグ用 */
input.cta_button_input,
button.cta_button_button{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #42ae9b;
	border: 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
	margin: 10px auto;
	padding: 12px 30px;
	text-align: center;
}
input.cta_button_input:hover,
button.cta_button_button:hover{
	background: #4C9EBF;
	text-decoration: none;
}

/* コンディションボックス【check済】
***********************************************************************/

.conditionBlock {
	display: flex;
	align-items: center;
	margin: 15px 0 10px;
}

.conditionBlock .conditionBox {
	margin: 0;
	padding: 0 0.5em;
	width: 80%;
	background: none;
	text-align: left;
}

.conditionBlock .searchSortArea {
	/* margin: 0; */
}

.conditionBox,
.result .found {
	padding: 2em;
	background: #F3FAF9;
	margin: 1em 0;
	text-align: center;
	font-weight: bold;
	position: relative;
}

.conditionBox ul li {
	font-weight: bold;
}

.conditionBox ul li span,
.conditionBox span,
.result .found span {
	color: #004c77;
	font-size: 130%;
	font-weight: bold;
	margin: 0 5px;
}

/* searchSortArea */
.searchSortArea {
	margin: 3em;
}

.searchSortArea select {
	font-size: inherit;
	padding: 5px 10px;
}

.searchSortArea option {
	padding: 5px 10px;
}

.searchSortArea strong {
	font-weight: bold;
}

.searchSortArea a + strong {
	margin: 0 0 0 5px;
}

.searchResultList > li {
	margin: 4em 0;
	padding: 2em;
	border: 1px solid #666;
	overflow: hidden;
}

.searchResultList > li:first-child {
	margin: 0 0 4em;
}

a.cta_button_a {
	background: #42ae9b;
	border: 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	margin: 10px auto;
	padding: 12px 30px;
	text-align: center;
}

.property-image-rate-img__inner {
	height: 200px;
}

/* -------------------------------------------------- */
/* 以下common.cssから転用
/* -------------------------------------------------- */
/* アイコン群 */
/* -------------------------------------------------- */

/* 資料請求をする */
.c-shiryo-icon::before {
	padding-right: .5em;
	color: #fff;
	font-family: "Font Awesome 5 Free";
	content: "\f658";
	font-weight: 600;
	font-size: 15px;
}

/* 見学予約 */
.c-kengaku-icon::before {
	padding-right: .5em;
	color: #fff;
	font-family: "Font Awesome 5 Free";
	content: "\f024";
	font-weight: 600;
	font-size: 15px;
}

/* -------------------------------------------------- */
/* ページャー */
/* -------------------------------------------------- */
.c-pagination {
	padding-top: 15px;
	padding-bottom: 15px;
}

.c-pagination-list {
	display: flex;
	justify-content: center;
	padding: 0;
}

.c-pagination-list__link {
	margin: 0 0.1em;
	padding: 0 1em;
}

.c-pagination-list__link--active {
	margin: 0 0.1em;
	padding: 0 1em;
	color: #334455 !important;
	pointer-events: none;
}

.c-pagination-list__prev {
	margin-right: 5px;
}

.c-pagination-list__next {
	margin-left: 5px;
}

.c-pagination-list__prev,
.c-pagination-list__next {
	white-space: nowrap;
}

#pcr_main .masked {
	border: 1px solid #666;
	height: 500px;
	padding: 0px;
	margin: 0 0 4em;
	background-image: url(../images/search/search_mosaic_bukken_pc.jpg);
	background-size: cover;
}

#pcr_main .on_mask.cta_button_button {
	z-index: 100;
	display: block;
	margin: 26% auto 0;
	width: 60%;
	height: 77px;
	font-size: 20px;
}

#pcr_main .on_mask_1 {
	top: 60px;
}

#pcr_main .on_mask_2 {
	top: 174px;
	/* (207+10+207)/2-(77/2) */
}

#pcr_main .on_mask_3 {
	top: 277px;
	/* 207+10+60 */
}

/* 口コミ部分のみに使用するtableタグ */
#entry table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

#entry th,
#entry td {
	text-align: left;
	vertical-align: top;
	font-weight: 500;
	padding: .5em;
}

/* 物件詳細用強調CTAボタン */
/* --------------------------------------
.cta_em_btn_a
add 2022/7/20
-------------------------------------- */
/* aタグ用 */
a.cta_em_btn_a {
	display: inline-block;
	position: relative;
	margin: .5em auto;
	padding: .5em 2.6em .6em 1em;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.01em;
	background-color: #42ae9b;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: 0.3s;
	line-height: 1.4;
	text-align: center;
}

a.cta_em_btn_a .spbr{
	font-size: inherit;
	font-weight: inherit;
	display:inline-block;
	letter-spacing: inherit;
}

a.cta_em_btn_a .em {
	display: inline-block;
	position: relative;
	margin: 0 .3em 0 0;
	padding: .2em .8em .3em;
	color: #42ae9b;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: normal;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: 0.3s;
	line-height: 1.4;
	text-align: center;
}

a.cta_em_btn_a::after {
	color: #fff;
	position: absolute;
	top: 50%;
	right: 18px;
	font-size: 1em;
	transform: translateY(-50%) rotate(360deg);
	font-family: "Font Awesome 5 Free";
	content: "\f25a";
	font-weight: normal;
}

a.cta_em_btn_a:hover {
	text-decoration: none;
	background-color: #4C9EBF;
}

a.cta_em_btn_a:hover,
a.cta_em_btn_a:hover .em {
	border-color: #38809D;
}

a.cta_em_btn_a.row_2 .em {
 margin-bottom: 4px;
 margin-top: 3px;
}

/* アイコンなし */
a.cta_em_btn_a.icon_none {
	padding: 0.5em 1em 0.6em;
}
a.cta_em_btn_a.icon_none::after {
	content: none;
}

/* もっと見るリンク
***********************************************************************/
.more {
	text-align: right;
}

.more a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0a9";
	font-weight: 900;
	padding-right: .5em;
	color: #555;
}

/* 矢印アイコンをつける
***********************************************************************/
.icon_link {
	background: url(../../images/common/o_link.gif) no-repeat left top;
	padding-left: 20px;
}

/* 矢印アイコンをつける。矢印アイコンと文字列の高さを「.more」と同等に揃える。
***********************************************************************/
.icon_link2 {
	background: url(../../images/common/o_link.gif) no-repeat left center;
	font-size: 12px;
	padding-left: 1.5em;
}

/* トップに戻る
***********************************************************************/
.backArea {
	text-align: right;
	margin: 3em 0 4em;
}

.backArea a {
	padding: .8em 1em;
	font-size: 11px;
	color: #42ae9b;
	background: #F3FAF9;
	border-radius: 1.9em;
	-webkit-border-radius: 1.9em;
	-moz-border-radius: 1.9em;
}

.backArea a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0aa";
	font-weight: 900;
	padding-right: .5em;
	color: #42ae9b;
}

.backArea a:hover {
	background: #E1F3F0;
}

.backArea strong {
	font-weight: normal;
	font-size: 12px;
}

/* 路線x新築（路線から探す）
***********************************************************************/
.regular_label_text {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
}

.search_form_accordion .line_select_list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 24px;
}

.search_form_accordion .line_select_list li {
	display: flex;
	align-items: flex-start;
	width: calc( 100% / 5.6 );
	min-width: auto;
}

.search_form_accordion .line_select_list li::before {
	content: "";
	padding-right: 0;
	float: none;
}

.town_select_list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.town_select_list li {
	display: flex;
	align-items: flex-start;
	width: calc( 100% / 5 );
	min-width: auto;
	margin: 0 0px 5px 0;
}

.town_select_list li::before{
	content: none;
}

.line_select_list .checkbox + span::before,
.line_select_list .checkbox + span::after
.town_select_list .checkbox + span::before,
.town_select_list .checkbox + span::after {
	top: 10px;
}

.icon_button_simple {
	background: #fff;
	border: 0;
	border: #ccc solid 1px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	margin: 10px auto;
	padding: 12px 30px;
	text-align: center;
}

.icon_button_simple i, a.icon_button_simple, span.icon_button_simple {
	color: #666;
}

.i_fav i {
	font-weight: bold;
	color: #f94a74;
}

.icon_button_simple:hover {
	background: #E1F3F0;
	text-decoration: none;
}

/* ▼▼ ここから ▼▼
 中古マンション偏差値ランキング(全国) .ranking_list_content
--------------------------------------------------------------- */
.ranking_list_content {
	margin: 0 0 4em;
	border: 1px solid #999;
	padding: 2em;
}

.ranking_list_content.hover {
	background-color: #F7FCFF;
	cursor: pointer;
}

/* .ranking_list_content 共通 */
.ranking_list_content .red_font {
	font-weight: bold;
	vertical-align: text-bottom;
}

.list_content_detail_request_input {
	display: none;
}

.list_content_detail_title {
	padding: 0 0 1em;
	margin-bottom: 1.5em;
	border-bottom: 1px dashed #555;
}

.list_content_detail_title .mansion_name {
	float: left;
	width: 93%;
}

.list_content_detail_title .mansion_name:before {
	font-family: "Font Awesome 5 Free";
	content: "\f1ad";
	font-weight: bold;
	padding-right: .2em;
	font-size: 22px;
}

.list_content_detail_title .mansion_name a {
	text-align: left;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.4;
}

.list_content_detail_title .property-detail-content__favorites {
	float: right;
}

.list_content_image_bukken_summary {
	clear: both;
	display: flex;
	padding: 1.8em 0 0;
	margin: 2.2em 0 1.5em;
}

.list_content_image_bukken_summary:before {
}

.list_content_image_bukken_summary .property-image-rate {
	width: auto;
}

.list_content_image_bukken_summary .property-image-rate-img__inner {
	height: 150px;
}

.list_content_image_bukken_summary .property-image-rate-img {
	display: block;
	width: 185px;
	min-width: auto;
	margin: 0 30px 0 0;
}

.list_content_image_bukken_summary .property-image-rate-img img {
	object-fit: contain;
}

.list_content_image_bukken_summary .address:before {
	font-family: "Font Awesome 5 Free";
	content: "\f276";
	font-weight: 900;
	padding-right: .5em;
}

.list_content_image_bukken_summary .address_summary {
	flex-grow: 1;
}

.list_content_image_bukken_summary .item_kotsu .btn_show_more_kotsu {
	position: absolute;
	right: 0;
	top: -30px;
	display: inline-block;
	padding: .65em .8em;
	background: #dee7ef;
	border-radius: 2px;
	line-height: 1;
}

.list_content_image_bukken_summary .item_kotsu .btn_show_more_kotsu:hover {
	background: #ebf0f5;
}

.list_content_image_bukken_summary .item_kotsu .btn_show_more_kotsu:before {
	margin-right: .75em;
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 13px;
	color: #345;
	vertical-align: bottom;
}

.list_content_image_bukken_summary .item_kotsu .btn_show_more_kotsu.more_open:before {
	content: "\f068";
}

.list_content_image_bukken_summary .item_kotsu .btn_show_more_kotsu span {
	display: inline-block;
	margin: 0 .15em;
	font-size: 16px;
	color: #004c77;
	pointer-events: none;
}

.list_content_image_bukken_summary .item_kotsu .kotsu_hidden {
	display: none;
}



/*
*レイアウト
* ランキングごとにかえる
*/

.list_content_detail_items {}

.list_content_detail_items .col1 {
	float: left;
	width: 300px;
	margin-top: .5em;
}

.list_content_detail_items .col2 {
	overflow: auto;
	zoom: 1;
}

.list_content_detail_items .col3 {
	overflow: auto;
	zoom: 1;
	margin-top: 30px;
}


/*
*レイアウト幅
*偏差値
*/
.list_content_detail_items.col_evaluation .col1 {
	width: 340px;
	margin-right: 40px;
	margin-bottom: 1.9em;
}

/*
*レイアウト幅
*坪単価 平均販売価格 坪賃料 平均賃料 騰落率 アクセス 書き込み数
*/
.list_content_detail_items.col_tsubo_tanka .col1,
.list_content_detail_items.col_average_used_price .col1,
.list_content_detail_items.col_tsubo_chinryo .col1,
.list_content_detail_items.col_average_chinryo .col1,
.list_content_detail_items.col_touraku .col1,
.list_content_detail_items.col_access .col1,
.list_content_detail_items.col_comment .col1 {
	width: 340px;
	margin-right: 35px;
	margin-bottom: 1.9em;
}
.list_content_detail_items.col_tsubo_tanka .col3,
.list_content_detail_items.col_tsubo_chinryo .col3,
.list_content_detail_items.col_average_chinryo .col3,
.list_content_detail_items.col_access .col3,
.list_content_detail_items.col_comment .col3 {
	width: 100%;
	padding-top: 0;
	text-align: center;
}

/*交通*/
.item_kotsu p:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
	padding-right: .7em;
}


/* 順位 */
.list_content_detail_items .item_ranking {
	position: relative;
	height: 36px;
}

/* 表題値 （style_type_ranking_type で分ける）*/
.list_content_detail_items .item_evaluation {
	display: table-cell;
	text-align: center;
	width: 160px;
}

.list_content_detail_items .style_type_evaluation .rank_font {
	margin-top: 2px;
}

.list_content_detail_items .item_evaluation .title {
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	margin-right: .5em;
	color: #FF474D;
	margin-top: 7px;
	line-height: 1;
	vertical-align: top;
}

/* ランキング数 */
.list_content_detail_items .rank img {
	width:250px;
	height:50px;
}

.list_content_detail_items .rank {
	position: absolute;
	z-index: 1;
	/* top: -10px; */
	left: 38px;
	width: 300px;
	height: 50px;
	margin-right: -18px;
	margin-bottom: 80px;
	margin-left: -18px;
}
.list_content_detail_items .rank:before, .list_content_detail_items .rank:after {
	position: absolute;
	top: 20px;
	bottom: -10px;
	width: 0;
	height: 0;
	content: '';
	border-width: 20px 14px;
}
.list_content_detail_items .rank:before {
	left: -19px;
	border-style: solid;
	border-color: #465E75 #465E75 #465E75 transparent;
}
.list_content_detail_items .rank:after {
	right: -19px;
	border-style: solid;
	border-color: #465E75 transparent #465E75 #465E75;
}
.list_content_detail_items .rank p {
	line-height: 50px;
	position: relative;
	z-index: 100;
	height: inherit;
	margin-bottom: 0;
	text-align: center;
	color: #ffffff;
	background: #526C87;

	font-size: 26px;
	/* line-height: 1; */
	text-align: center;
	font-family: 'Barlow Condensed', 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: .15em;
}

.list_content_detail_items .rank p:before, .list_content_detail_items .rank p:after {
	position: absolute;
	bottom: -10px;
	width: 0;
	height: 0;
	content: '';
	border-top: 10px solid #334455;
}
.list_content_detail_items .rank p:before {
	left: 0;
	border-left: 10px solid transparent;
}
.list_content_detail_items .rank p:after {
	right: 0;
	border-right: 10px solid transparent;
}

/* 表題値＞偏差値 */
/* 表題値＞坪単価 */
/* 表題値＞平均販売価格 */
/* 表題値＞坪賃料 */
/* 表題値＞平均賃料 */
/* 表題値＞騰落率 */
/* 表題値＞アクセス */
/* 表題値＞書き込み数 */
.item_evaluation.style_type_evaluation,
.item_evaluation.style_type_tsubo_tanka,
.item_evaluation.style_type_average_used_price,
.item_evaluation.style_type_tsubo_chinryo,
.item_evaluation.style_type_average_chinryo,
.item_evaluation.style_type_touraku,
.item_evaluation.style_type_access,
.item_evaluation.style_type_comment{
	background: #fff;
	display: block;
	width: auto;
	margin: 1em 30px;
	padding: 20px 0 21px;
	border-top: 1px solid #d2d9eb;
	border-bottom: 1px solid #d2d9eb;
}

.item_evaluation.style_type_evaluation .title,
.item_evaluation.style_type_tsubo_tanka .title,
.item_evaluation.style_type_average_used_price .title,
.item_evaluation.style_type_tsubo_chinryo .title,
.item_evaluation.style_type_average_chinryo .title,
.item_evaluation.style_type_touraku .title,
.item_evaluation.style_type_access .title,
.item_evaluation.style_type_comment .title{
	font-size: 16px;
	display: block;
	margin: 0 auto 5px;
}

.item_evaluation.style_type_evaluation .red_font,
.item_evaluation.style_type_tsubo_tanka .red_font,
.item_evaluation.style_type_average_used_price .red_font,
.item_evaluation.style_type_tsubo_chinryo .red_font,
.item_evaluation.style_type_average_chinryo .red_font,
.item_evaluation.style_type_touraku .red_font,
.item_evaluation.style_type_access .red_font,
.item_evaluation.style_type_comment .red_font{
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4;
	color: #ff474d;
}

/* 最小～最大販売価格 */
.list_content_detail_items .item_max_min_used_price {
	text-align: center;
	margin: 2em 20px 0;
}

.list_content_detail_items .max_min_used_price span {
	text-align: center;
}

.list_content_detail_items .max_min_used_price .max_min_used_price_title {
	color: #fff;
	margin: .8em 10px;
	display: block;
	font-weight: bold;
	font-size: 13px;
	/* border: 1px solid #666; */
	background: #597795;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.list_content_detail_items .max_min_used_price .min_used_price,
.list_content_detail_items .max_min_used_price .max_used_price,
.list_content_detail_items .max_min_used_price .tsubo_tanka {
	font-weight: bold;
	font-size: 21px;
	margin-bottom: .8em;
	color: #004c77;
	display: inline-block;
}

.list_content_detail_items .max_min_used_price .kara {
	line-height: 9px;
	margin: 0;
	display: inline-block;
}




/* メートル坪単価 */
.list_content_detail_items .item_tsubo_tanka {
	margin: 1.5em 0;
	text-align: center;
}

/* 坪賃料 */
.list_content_detail_items .item_tsubo_chinryo {
	/* border-bottom:1px solid #ccc; */
	padding: 1em;
	text-align: center;
}

/* 交通 */
.list_content_detail_items .item_kotsu {
	position: relative;
	padding: .5em 1em 0;
}

.list_content_detail_items .item_kotsu p {
	line-height: 1.9;
}

.list_content_detail_items .kotsu .station {
	margin: 0 .2em;
	font-size: 110%;
	font-weight: bold;
}

.list_content_detail_items .kotsu .time {
	margin: 0 3px;
	color: #004c77;
	font-size: 120%;
	font-weight: bold;
}


/* 平均値対比表追加に伴う微調整 */
#resultBlock .item_average_value_comparison {
}

#resultBlock .item_average_value_comparison .average_value_comparison_table_tpl_wrap {
	background: #f9f9f9;
	border: 1px solid #d2d9eb;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px 0 0 28px;
	min-height: 200px;
}

/* 偏差値ランキングのレーダーチャート追加に伴う微調整 */
.item_deviation_value {
	margin: 1.5em 0 1.5em 30px;
}

.item_deviation_value .deviation_chart_tpl_wrap {
	border: 1px solid #d2d9eb;
	width: 260px;
	min-height: 160px;
	padding: 10px;
	background: #f9f9f9;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.col3 .item_nengo_type,
.col3 .item_structure_type,
.col3 .item_structure_kai,
.col3 .item_wide_sokosu {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 1.5em 0 0 1.2%;
	margin: 1em .75%;
	line-height: 1.4;
	vertical-align: top;
	border-top: 1px dashed #666;
	text-align: center;
	position: relative;
}

.col3 .item_nengo_type:before,
.col3 .item_structure_type:before,
.col3 .item_structure_kai:before,
.col3 .item_wide_sokosu:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 0;
	line-height: 23px;
	font-size: 15px;
	color: #fff;
	position: absolute;
	top: -12px;
	left: -1px;
	height: 23px;
	width: 23px;
	background: #666;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

/* 年号 */
.col3 .item_nengo_type {
	width: 21.75%;
}

.col3 .item_nengo_type:before {
	content: "\f1ad";
	font-weight: normal;
}

/* 構造 */
.col3 .item_structure_type {
	width: 21.75%;
}

.col3 .item_structure_type:before {
	content: "\f54a";
}


/* 階だて */
.col3 .item_structure_kai {
	width: 21.75%;
}

.col3 .item_structure_kai:before {
	content: "\f1ad";
	font-weight: normal;
}

/* 総戸数 */
.col3 .item_wide_sokosu {
	width: 21.75%;
	padding-right: 0;
}

.col3 .item_wide_sokosu:before {
	content: "\f52b";
}
/* ▲▲ ここまで ▲▲
 中古マンション偏差値ランキング(全国) .ranking_list_content
--------------------------------------------------------------- */

.listContentSimple .active a,
.listContentSimple .active span {
	color: #CCCCCC !important;
	pointer-events: none;
}

.category_title_sub {
	padding: 0 0 2em;
}

.category_title_sub span {
	font-size: 17px;
	line-height: 1.5;
	font-weight: 500;
	padding: 0;
	border-bottom: none;
	background: none;
	color: #333;
}

.category_title_sub::before {
	font-family: "Font Awesome 5 Free";
	content: "\f002";
	font-weight: 900;
	padding-right: 0.7em;
	padding-left: 0.4em;
	font-size: 16px;
}

.line_select_list_link {
	display: inline-block;
	margin-left: 0;
	width: 72%;
	padding: 0 0 0 23px !important;
	word-wrap: break-word;
	font-size: 14px;
}

.line_select_list .checkbox + span::before {
	top: 12px;
}

.js_list li.js_li_hidden {
	opacity: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

.button_center {
	text-align: center;
	padding: 30px 20px 20px 20px;
}

.js_hidden_list li.js_li_hidden {
	display: none;
	opacity: 0;
	height: 0;
	margin: 0;
	z-index: -1;
	position: relative;
}

.more-btn-plus {
	border: 1px solid #CCCCCC;
	color: #42AE9B;
	text-align: center;
	padding: 5px 20px;
	width: 110px;
	margin-right: auto;
	margin-left: auto;
}

.ico-more-plus::after {
	position: relative;
	top: -1px;
	content: "\f067";
	padding-left: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 10px;
}

/* 検索条件を絞り込む
--------------------------------------------------------------- */
.search_form_accordion {
	margin: 0px 0px 13px 10px;
}

.tab_category_title_link {
	position: relative;
	display: block;
	padding: 12px 10px;
	border: 1px solid #e8e9ea;
	margin: 10px 0 0 0;
	font-weight: bold;
	cursor: pointer;
	color: #000;
	transition: all .2s;
}

.tab_category_title_link:hover {
	background: #F3F8FA;
}

.tab_category_title_link:after {
	position: absolute;
	right: 10px;
	top: 16px;
	content: "\2b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 16px;
	line-height: 1;
	color: #000;
}

.tab_category_title_link:hover::after {
	color: #000;
}

.tab_category_title_link.title_open:after {
	content: "\f068";
	top: 20px;
	font-size: 12px;
}

.search_form_accordion_bg {
	margin-top: 10px;
	padding: 20px 15px 10px;
	border: 20px solid #F3F8FA;
}

.search_form_accordion .line_select_list ul {
	margin: 0 !important;
}

.search_form_accordion .line_select_list li {
	display: flex;
	margin: 0px 0 5px 0;
	width: 155px;
}

.search_form_accordion .line_select_list_link {
	width: 80%;
}

.search_form_accordion .checkbox + span::before {
	top: 4px;
	transform: none;
}

.search_form_accordion .checkbox + span::after {
	top: 11px;
}

.city_select_list li span.num, .line_select_list li span.num {
	padding: 3px;
}

/* 検索条件を絞り込む：全選択・全解除チェックボックス */
.town_select_all {
	margin-bottom: 5px;
}

.town_select_check {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	padding: 0 0 0 23px !important;
	word-wrap: break-word;
	font-size: 14px;
}

/* もっと見るボタン */
.search-property-list .js_list li.js_li_hidden {
	opacity: 0;
	height: 0;
	margin: 0;
}

.search-property-list .js_close_hidden {
	display:none;
}

.search-property-list .button_center {
	text-align: center;
	padding: 0px 20px 40px 20px;
}

.search-property-list .button_center .cta_button_button {
	margin: 0 10px 0 auto;
}

.search-property-list .button_center.land_summary-fav{
	padding: inherit;
}


.search-property-list .button_center button.js_more:hover{
	background-color: #42ae9b;
}


.search-property-list .button_center button.js_close_hidden:hover{
	background-color: #fff;
}

.search-property-list .js_list li.js_li_hidden {
	display: none;
	opacity: 0;
	height: 0;
	margin: 0;
	z-index: -1;
	position: relative;
}

.search-property-list button:focus {
	outline:0;
}

.search-property-list .cta_button_button {
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #42ae9b;
	border: 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #ccc;
	padding: 18px 60px 15px;
}

.search-property-list .cta_button_more {
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #42ae9b;
	border: 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
	margin: 40px 10px 0 auto;
	padding: 18px 60px 15px;
	text-align: center;
}

.search-property-list .cta_button_close{
	background: #fff;
	color: #42ae9b;
	padding: 18px 60px 15px;
	margin: 40px auto 0;
}

.search-property-list .cta_button_more::after {
	position: absolute;
	right: 12px;
	top: 14px;
	content: "\2b";
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
	color: #fff;
}

.js_close_hidden {
	display:none;
}

.button_center {
	text-align: center;
	padding: 10px 20px 40px 20px;
}

.js_list li.js_li_hidden {
	opacity: 0;
	height: 0;
	margin: 0;
	z-index: -1;
	position: relative;
}

button.cta_button_button.js_more {
	margin: 0 10px;
}

button:focus {
	outline:0;
}

.button_center {
	text-align: center;
	padding: 10px 20px 40px 20px;
}

.cta_button_button {
	position: relative;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff;
	border: 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	color: #42ae9b;
	cursor: pointer;
	font-weight: normal;
	font-size: 16px;
	line-height: 1;
	margin: 0 10px;
	padding: 15px 60px;
	text-align: center;
	border: 1px solid #ccc;
}

.cta_button_more {
	background: #42ae9b;
	color: #fff;
	border: none;
}

.cta_button_more::after {
	position: absolute;
	right: 12px;
	top: 11px;
	content: "\2b";
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
	color: #fff;
}

.search_form_accordion_note {
	margin: 12px 0 5px 2px;
	font-size: 12px;
}

/* 市区 平均評価点数 .page_summary_for_search
***********************************************************************/
.page_summary_for_search {
	margin-top: 2em;
}

.page_summary_for_search .page_modify_date {
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

.page_summary_for_search .summary_item {
	vertical-align: top;
	border-bottom: 1px dashed #D5DDE6;
}

.page_summary_for_search .summary_item th,
.page_summary_for_search .summary_item td {
	border: 0;
	padding: 0;
	text-align: left;
	height: 60px;
	vertical-align: middle;
}

.page_summary_for_search .summary_item span {
	font-size: 12px;
}

.page_summary_for_search .summary_item th {
	background: transparent;
	font-size: 14px;
	text-align: left;
	color: #334455;
	width: 27%;
	padding-left: 4%;
}

.page_summary_for_search .summary_item th i {
	font-size: 125%;
	margin-right: .3em;
	vertical-align: top;
	margin-top: 4px;
}

.page_summary_for_search .summary_item .title_icon {
	width: 32px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	margin-right: 8px;
	image-rendering: -webkit-optimize-contrast;
}

.page_summary_for_search .summary_item td span {
	line-height: 1.4;
}

.page_summary_for_search .summary_item span.score {
	color: #004c77;
	font-size: 36px;
	font-weight: 300;
	font-family: 'Barlow Condensed', sans-serif;
	letter-spacing: .05em;
	margin: 0;
}

.page_summary_for_search .summary_item span.unit {
	font-size: 13px;
	margin: 0 0.2em;
}

.page_summary_for_search .summary_item .title_icon {
	width: 32px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	margin-right: 8px;
	image-rendering: -webkit-optimize-contrast;
}

/* 人気な駅 */
.popular-station-list--item {
	display: block;
	position: relative;
	line-height: 1.5;
	padding: 13px 15px 13px 5px;
	border-bottom: 1px solid #CCCCCC;
}

.popular-station-list--item:last-child {
	border-bottom: none;
}

.popular-rank {
	display: inline-block;
	margin: 0 8px -2px 0;
	line-height: 1;
	width: 30px;
	text-align: center;
	background: #4A627A;
	padding: 4px 9px;
	color: #fff;
	font-size: 12px;
}

.popular-rank_gold {
	background: #d4bb69;
	margin: 0 8px 0 0;
}

.popular-rank_silver {
	background: #a9b0b5;
	margin: 0 8px 0 0;
}

.popular-rank_bronze {
	background: #C08D5E;
	margin: 0 8px 0 0;
}
