@charset "UTF-8";

#topBannerArea {
	text-align: center;
	margin: 0 auto;
	display: block;
}

.top_banner_area img {
	margin: 0 auto;
}

.top_banner_area p {
	font-size: 11px;
	font-weight: bold;
	margin: 1.5em 4em 0;
	text-align: left;
}
.areaSearchBlock{

}

.areaSearchBlock table {
	margin: 0;
}

.areaSearchBlock table th {
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.areaSearchBlock table th.select_area_title {
	color: #E6780C;
	border-right: 3px solid #E6780C;
	width: 220px;
	font-size: 17px;
	padding: 0;
}

.areaSearchBlock table .caution{
	margin-top: 2em;
	display:block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.7;
}

.areaSearchBlock table th.select_area_sub_title {
	width: 100px;
	font-size: 15px;
}

.areaSearchBlock .submit_area .cta_button_input {
	background: #E6780C;
}

.areaSearchBlock .submit_area .cta_button_input:hover {
	background: #F59E46;
}

.areaSearchBlock table th.select_train_title {
	border-right: 3px solid #123e74;
	color: #123e74;
	width: 220px;
	font-size: 17px;
	font-weight: bold;
	padding: 0;
}

.areaSearchBlock table th.select_train_sub_title {
	width: 100px;
	font-weight: bold;
	font-size: 15px;
}

.areaSearchBlock .submit_train .cta_button_input {
	background: #123e74;
}

.areaSearchBlock .submit_train .cta_button_input:hover {
	background: #14447F;
}

.areaSearchBlock table td {border: none;}

.areaSearchBlock table td select {
	min-height: 25px;
}

.areaSearchBlock table td.submitArea {
	width: 100px;
	vertical-align: middle;
	text-align: center;
	background: #f9f9f9\;
}
#resultBlock{
	margin-top: 2em;
}

#resultBlock .masked {
	border: 1px solid #999;
	height: 580px;
	padding: 0px;
	margin: 0 0 4em;
	background-image: url(/ranking/images/mosaic_bukken_pc.jpg);
	background-size: cover;
}

#resultBlock .on_mask.cta_button_button {
	z-index: 100;
	display: block;
	margin: 25% auto 0;
	width: 60%;
	height: 77px;
	font-size: 20px;
}

#resultBlock .on_mask_1 {
	top: 60px;
}

#resultBlock .on_mask_2 {
	top: 174px;
	/* (207+10+207)/2-(77/2) */
}

#resultBlock .on_mask_3 {
	top: 277px;
	/* 207+10+60 */
}

.red_font {
	color: #FF474D;
}

.m2_tanka {
	font-size: 26px;
	font-weight: bold;
	color: #004c77;
	display: block;
}

.rank_font p {
	font-size: 26px;
	line-height: 1;
	text-align: center;
	font-family: 'Barlow Condensed', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: .15em;
}

#resultBlock p.attention {
	color: #555;
	margin: 0px 0 0px;
}

#resultBlock p.attention a {
	font-weight: bold;
	margin: 0 3px;
}

#explainArea {}

#explainArea p {
	margin: 20px 0;
}

#explainArea b {
	color: #d00;
}

#explainArea h2 {
	margin: 0.5em 0;
	color: #333;
	font-size: 220%;
	font-weight: bold;
	padding-left: 8px;
	line-height: 1.4em;
}

#explainArea h2 b {
	text-decoration: underline;
}

#rankingcity_bt_l_evaluation {
	border: 0px;
	cursor: pointer;
	width: 571px;
	height: 124px;
	background: url(/ranking/images/evaluation_request_bt.gif) left top no-repeat;
	color: #FFF000;
	font-weight: bold;
	font-size: 140%;
}

#rankingcity_bt_l_access {
	border: 0px;
	cursor: pointer;
	width: 571px;
	height: 124px;
	background: url(/ranking/images/access_request_bt.gif) left top no-repeat;
	color: #FFF000;
	font-weight: bold;
	font-size: 140%;
}

#rankingcity_bt_l_comment {
	border: 0px;
	cursor: pointer;
	width: 571px;
	height: 124px;
	background: url(/ranking/images/comment_request_bt.gif) left top no-repeat;
	color: #FFF000;
	font-weight: bold;
	font-size: 140%;
}

.rankingcity_bt_s {
	border: 0px;
	margin: 0;
	cursor: pointer;
	width: 67px;
	height: 214px;
	background: url(/ranking/images/request_bt_s.png) left top no-repeat;
}


.requestBtArea {
	border: 1px solid #97120D;
	padding: 20px 10px 10px 10px;
}


#areaSearchBlock .requestBtArea p.requestTxt {
	font-size: 160%;
	text-align: center;
}

#areaSearchBlock .requestBtArea p.requestTxt b {
	color: #FF0000;
}

/* LPログインフォーム */
.fra_item p {
	margin: 6px 0 !important;
}

#mainEntryBlock p {
	margin: 0 !important;
}

/* .mansionRegistBanner */
.mansionRegistBanner {
	display: none;
	margin: 20px 570px 0 0;
	position: fixed;
	right: 50%;
	top: 0px;
	width: 90px;
	z-index: 1111;
}

.mansionRegistBanner:hover {
	opacity: .9;
}

.mansionRegistBanner .close {
	background: #eee;
	border: 0;
	font: 14px/16px Verdana, sans-serif;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 16px;
}

.mansionRegistBanner .close::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.mansionRegistBanner a {
	background: #42ae9b;
	box-shadow: 0 2px 4px #666;
	color: #fff;
	display: block;
	padding: 20px;
	text-align: center;
	text-decoration: none;
}

.mansionRegistBanner .text,
.mansionRegistBanner .icon {
	display: block;
}

.mansionRegistBanner .text img {
	width: 25px;
}

.mansionRegistBanner .icon img {
	margin: 16px 0 0;
	width: 32px;
}

/* ランキングのメニュー add 2018/8/21
****************************************/

.ranking_menu_tab_area_wrap.fixed {
	margin: auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 30px;
	width: 100%;
	z-index: 102;
	background: rgba(51, 68, 85, 0.9);
}

.ranking_menu_tab_area {
}

.ranking_menu_tab_area_wrap.fixed .ranking_menu_tab_area {
	padding: 10px 0 0;
}

ul.ranking_menu_tab {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	border-bottom: 2px #526C87 solid;
}

ul.ranking_menu_tab li {
	float: left;
	margin: 0 0 0 1%;
	position: relative;
	bottom: 0px;
	list-style-type: none;
	width: 11.4%;
	text-align: center;
}

ul.ranking_menu_tab li.none {
	border-bottom: 2px #fff solid;
	font-weight: bold;
	background: #fff;
}

ul.ranking_menu_tab li a {
	display: block;
	padding: 8px 0;
	text-decoration: none;
	font-size: 12px;
	border: 1px #526C87 solid;
	border-bottom: none;
	background: #526C87;
	line-height: 1.4;
	color: #fff;
}

ul.ranking_menu_tab li a.tab_active {
	position: relative;
	background: #fff;
	font-weight: bold;
	bottom: -2px;
	color: #526C87;
}

ul.ranking_menu_tab li a:hover {
	position: relative;
	background: #fff;
	border-top: 1px solid #526C87;
	color: #526C87;
	font-weight: bold;
	bottom: -2px;
}

#resultBlock table td.list_td {
	padding: 0;
	width: 200px;
}

#resultBlock table td.list_td li {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

#resultBlock table td.list_td li.last {
	border-bottom: none;
}




/* 表示がいろいろ大変なのでtableからdivの表示に変更する
*------------------------------------------------------------*/
.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;
	border-bottom: 1px dashed #555;
}

.list_content_detail_title .mansion_name {
	float: left;
	width: 78%;
}

.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 .same_layer_button {
	float: right;
	width: 21%;
	text-align: right;
}

.list_content_detail_title .same_layer_button .icon_button_simple {
	padding: 10px 1.5em;
	margin: 0;
	font-size: 12px;
}

.list_content_detail_address {
	padding: .5em;
	margin-bottom: 1.9em;
	border-bottom: 1px dashed #555;
}

.list_content_detail_address:before {
	font-family: "Font Awesome 5 Free";
	content: "\f276";
	font-weight: 900;
	padding-right: .5em;
}


/*
*レイアウト
* ランキングごとにかえる
*/

.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: 1.9em;
}


/*
*レイアウト幅
*偏差値
*/
.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;
}


/* 要素を超えた分の背景が伸びないブラウザ用 */
body > #resultBlock .ranking_list_content .out_put_height {
	height: auto;
}

/*交通*/
.col2 .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;
}
.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 8px;
}

.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: 32px;
	font-weight: bold;
	line-height: 1.4;
}

/* 最小～最大販売価格 */
.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 {
	margin-bottom: 1.5em;
}

.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.6%;
	margin: 1em 1%;
	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%;
	-moz-border-radius: 50%;
}

/* 年号 */
.col3 .item_nengo_type {
	width: 45%;
}

.col3 .item_nengo_type:before {
	content: "\f1ad";
	font-weight: normal;
}

/* 構造 */
.col3 .item_structure_type {
	width: 46%;
}

.col3 .item_structure_type:before {
	content: "\f54a";
}


/* 階だて */
.col3 .item_structure_kai {
	width: 45%;
}

.col3 .item_structure_kai:before {
	content: "\f1ad";
	font-weight: normal;
}

/* 総戸数 */
.col3 .item_wide_sokosu {
	width: 46%;
	padding-right: 0;
}

.col3 .item_wide_sokosu:before {
	content: "\f52b";
}


/* このマンションの販売情報
-----------------------------------------------------------*/

/* suumoRecommendBlockSearch */
.suumoRecommendBlockSearch {
	clear: both;
	margin: 1.7em 0 0;
	/* border-top: 1px dashed #ccc; */
}

.suumoRecommendBlockSearch .recommendTable {
	/* border: #ccc solid 1px; */
	width: 100%;
}

.suumoRecommendBlockSearch .recommendTable .recommend_row,
.suumoRecommendBlockSearch .recommendTable .moreBtn,
.suumoRecommendBlockSearch .recommendTable .teach_bukken_body {
	border-top: #d2d9eb solid 1px;
}

.suumoRecommendBlockSearch .recommendTable th,
.suumoRecommendBlockSearch .recommendTable td {
	border: 0;
	text-align: center;
	vertical-align: middle;
}

.suumoRecommendBlockSearch .recommendTable .recommend_update_row td {
	padding: 0 .5em 1em;
	text-align: right;
	font-size: 11px;
	line-height: 1;
}

.suumoRecommendBlockSearch .recommendTable th {
	/* background: #334455; */
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4;
	padding: .5em 0;
}

.suumoRecommendBlockSearch .recommendTable th .pr-tag {
	background: #33495F;
	display: inline-block;
	padding: 1px 10px 2px;
	font-size: 13px;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 3px;
}

.suumoRecommendBlockSearch .recommendTable .teach_bukken_body a{
	text-align: center!important;
}

.suumoRecommendBlockSearch .recommendTable .teach_bukken_body:hover {
	background: #dce9f2;
}

.suumoRecommendBlockSearch .recommendTable .size_title {
	text-align: left;
	padding-left: 12px;
}

.suumoRecommendBlockSearch .recommendTable .size1 {
	width: 50px;
}

.suumoRecommendBlockSearch .recommendTable .size2 {
	width: 70px;
}

.suumoRecommendBlockSearch .recommendTable .size3 {
	width: 100px;
}

.suumoRecommendBlockSearch .recommendTable .size4 {
	width: 400px;
}

.suumoRecommendBlockSearch .recommendTable .size5 {
	width: 110px;
}

.suumoRecommendBlockSearch .recommendTable .mosaic_cell {
	background: url(../../review/images/mosaic_merit.png) left top!important;
	text-align: center;
	vertical-align: middle;
}

.suumoRecommendBlockSearch .recommendTable .mosaic_cell .cta_em_btn_a:not(:root) {
	display: inline-block;
	font-size: 15px;
	line-height: 1.65;
}
.suumoRecommendBlockSearch .recommendTable .mosaic_cell .cta_em_btn_a .em:not(:root) {
	display: inline-block;
	font-size: 13px;
	pointer-events: none;
}

.suumoRecommendBlockSearch .recommendTable td {
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	padding: 1em .2em;
	background: #fff;
	word-break: break-all;
}

.suumoRecommendBlockSearch .recommendTable .recommend_row:hover td,
.suumoRecommendBlockSearch .recommendTable .moreBtn:hover td {
	background: #dce9f2;
}

.suumoRecommendBlockSearch .recommendTable td a,
.suumoRecommendBlockSearch .recommendTable td span {
	display: block;
	text-align: left;
	word-break: break-all;
}

.suumoRecommendBlockSearch .recommendTable td .logo_seal_wrap {
	text-align: left;
	margin-bottom: 5px;
}

.suumoRecommendBlockSearch .recommendTable td .seal {
	display: inline-block;
	height: 18px;
	padding: 0 7px;
	margin: 0 0.5em 0.5em 0;
	background: #EB8286;
	color: #fff;
	font-size: 10px;
	line-height: 1.5;
	vertical-align: text-bottom;
	border-radius: 2px;
}

.suumoRecommendBlockSearch .recommendTable td .seal_value {
	background: #e9546b;
}

.suumoRecommendBlockSearch .recommendTable td .seal_new {
	background: #f39e00;
}

.suumoRecommendBlockSearch .recommendTable td .seal_kakakuhenko {
	background: #3581b0;
}

.suumoRecommendBlockSearch .recommendTable td .seal_owner {
	background: #799ebc;
}

.suumoRecommendBlockSearch .recommendTable td .seal_renove {
	background: #87c2f2;
}

.suumoRecommendBlockSearch .recommendTable td .logo_seal_wrap .banner-logo-img {
	margin: 0;
	vertical-align: bottom;
}

.suumoRecommendBlockSearch .moreBtn td {
	font-weight: bold;
	font-size: 14px;
}

.suumoRecommendBlockSearch .moreBtn td b {
	color: #004c77;
	font-weight: bold;
	font-size: 15px;
	margin: 0 .2em
}
.suumoRecommendBlockSearch .recommendTable .url_lp_img {
	height: auto;
	max-height: 100px;
	max-width: 100px;
	vertical-align: middle;
	width: auto;
}

/* その他のインターネット公開情報
***********************************************************************/

/*
本番反映された下記リビジョンにて追加されたスタイルを一旦そのままコピぺ
リビジョン:
5744 revid:muto-yasushi@groove-r.co.jp-20200406055342-frbxwpkvra0ky1i7
ランキング各種 物件絞り込み検索に対応 および 複数の検索フォームを一つにまとめる調整（各ツリー参照）
-----------------------------------------------------------*/
.areaSearchBlock .js_form_area table th,
.areaSearchBlock .js_form_train table th {
	width: 25%;
	border: 0;
	border-right: 1px solid #555;
	background: #fff;
}

.areaSearchBlock .search_form_area .tab {
	border: none;
	padding: 1em 0 0;
}

/* 物件絞り込みのテーブル .search_option */
.areaSearchBlock .search_option {
    /* border: 10px solid #fff; */
    border-bottom: 0;
    margin: 0;
}

.areaSearchBlock .search_option th,
.areaSearchBlock .search_option td {
	padding: .4em 0 0;
	border: 0;
	/* border-bottom: 1px solid #2a61a2; */
}

.areaSearchBlock .search_option th {
	width: 25%;
	background: #fff;
	border: 0;
	border-right: 1px solid #555;
	/* color: #2a61a2; */
}

.areaSearchBlock .search_option ul {
	width: 505px;
}

.areaSearchBlock .search_option li {
	float: left;
	margin-left: 13px;
	line-height: 1;
}

.areaSearchBlock .search_option li a {
	display: inline-block;
	width: 145px;
	padding: 10px 0;
	background: #f5f5f5;
	text-align: center;
}

.areaSearchBlock .search_option li a.set_option {
	background: #2a61a2;
	color: #fff;
}

/* 検索条件を設定する .search_main_area
***********************************************************************/
.search_main_area {
	/* background: #fff; */
	/* overflow: hidden; */
	/* height: auto; */
}

.sma_basic {
	/* margin-bottom: 3em; */
}

.sma_basic .category_title {
	margin: 3em auto;
}

.sma_basic_tbl,
.sma_condisions_tbl {border: 1px solid #2a61a2;/* border-top: 0; */}

.sma_basic_tbl th,
.sma_basic_tbl td,
.sma_condisions_tbl th,
.sma_condisions_tbl td {
	border: 0;
	/* border-bottom: 1px solid #eee; */
}

.sma_basic_tbl th,
.sma_condisions_tbl th {
	font-size: 12px;
	/* font-weight: 500!important; */
	width: 13%;
	background: #d6e4f4;
	color: #2a61a2;
	letter-spacing: normal;
	border-bottom: 1px dashed #fff;
	padding: 0 .3em;
}

.sma_basic_tbl td,
.sma_condisions_tbl td {
	vertical-align: middle;
	padding: .8em .4em;
}

.sma_condisions,
.search_text {
	display: none;
}


.sma_basic table td label {
	display: inline-block;
	margin: 0 .6em;
	font-weight: bold;
}

.sma_basic table td input[type=checkbox],
.sma_basic table td input[type=radio] {
	vertical-align: middle;
	margin: 0 5px 1px 0;
}

.sma_basic table td .icon_button_simple {
	margin: 0;
}

.sma_condisions .category_sub_title{
	margin:0;
	padding: .8em .5em;
	border-top:0;
	background: #2a61a2;
	text-align:center;
}
.sma_condisions .category_sub_title span{
	color:#fff;
	font-size:13px;
	font-weight:500;
}
.sma_condisions,
.search_text {
	display: none;
	/* border: 1px solid #2a61a2; */
}

.sma_condisions.magt10{
	margin:0;
}
.search_text {
	border: 1px solid  #2a61a2;
	padding: 5px;
}

.search_text_header {
	background: #f6f6f6;
	margin-bottom: .7em;
	padding: .4em;
}

.search_text_header .search_text_title {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	margin-left: .5em;
	margin-top: .15em;
}

.search_text_header .search_text_title:before{
	font-family: "Font Awesome 5 Free";
	content: "\f002";
	font-weight: 900;
	margin-right: .3em;
	margin-left: -1px;
}

.search_text_header .search_text_bt {
	font-size: 12px;
	padding: .55em 1em;
	float: right;
	margin: 0;
}

/* 検索フォーム＞指定した条件のリスト .specified_condition_list */
.specified_condition_list li{
	margin: .2em .5em .5em;
	display: inline-block;
}

.specified_condition_list .condition_title{
	background: #f1f1f1;
	padding: .4em 1em;
	font-size: 11px;
	border-radius: 2px;
}

.specified_condition_list .condition_val:before{
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: 900;
	color: #f1f1f1;
	margin-right: .3em;
	margin-left: -1px;
}

.specified_condition_list .condition_val{
	font-weight: bold;
	font-size: 12px;
}

/* タブ固定用 */
.ranking_menu_tab_area_wrap.clone-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	transition: 0s;
	transform: translateY(-100%);
}
.ranking_menu_tab_area_wrap.is-show {
	transform: translateY(0);
}
.ranking_menu_tab_area_wrap.clone-nav .ranking_menu_tab_area {
	width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
.ranking_menu_tab_area_wrap.clone-nav .ranking_menu_tab_area ul.ranking_menu_tab {
	background: #fff;
	padding-top: 40px;
	width: 860px;
}