@charset "UTF-8";

/* ------------------------------------------
 スマホ用検索　bp以下の場合のスタイル
--------------------------------------------- */

/* 都道府県、沿線一覧 */
body {
	z-index: 0;
	color: #111;
	background: #ffffff;
	font-family: "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}
a {
	text-decoration: none;
}
select {
	font-size: 16px;
	transform: scale(0.9);
}

.pc_dnone{display:block;}
.pc_db{display:none;}
.sp_dnone{display:none;}
.sp_db{display:block;}

#wrapper{background:#fff;}
.mod_box_section_bdt{padding:0;}
#tabSearch > li > a{font-size:110%;}
#tabSearch span {padding:0;}


#tabSearch li .area,
#tabSearch li.active .area,
#tabSearch li .map,
#tabSearch li.active .map,
#tabSearch li .list,
#tabSearch li.active .list,
#tabSearch li .route,
#tabSearch li.active .route{background-image:none;}

p.mod_ttl_page{
	padding-left:10px;
	margin-bottom: 16px;
}
.table dt,.table dd,.table dd li{padding:0;margin:0;border:none;}
.box_expand_search_list .ttl_expand, .ttl_expand_none {
	display: table;
	width: 100%;
	color: #000000;
	background: #f0f9e0;
	border-bottom: 1px solid #d3d8e2;
	font-size: 16px;
}
.box_expand_search_list p.ttl_expand{
	margin-top:20px;
	background:#eef1f3;
}
dl.table{
	display:block;
}
dl.table dt,
dl.table dd{
	display:block;
	width:100%;
}
.box_expand_inner dl.table:last-child{border-bottom:none;}
.box_expand_search_list .ttl_expand .ttl_inner,
.ttl_expand_none .ttl_inner {
	display: table-cell;
	vertical-align: middle;
	padding: 17px 10px 16px;
	font-weight: bold;
	color: #000000;
}

.box_expand_search_list .mod_box_inquiry_all {
	text-align: unset;
}

.box_expand_search_list .ttl_pc {
	display:none;
}

.box_expand_search_list .ttl_sp {
	display:block;
}

.box_expand_search_list .ttl_expand .ttl_sp {
	display:table-cell;
}

.box_expand_search_list .list_expand .ttl_sp .checkbox_name {
	font-size: 15px;
	color: #163393;
}

.box_expand_search_list .ttl_expand .icon {
	display: block;
	padding: 0 20px 0 0;
	background: url(/static/sp/shared/images/icon/icn_expand_close.png) no-repeat right center;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
}
.box_expand_search_list .ttl_expand .close .icon {
	background-image: url(/static/sp/shared/images/icon/icn_expand_open.png);
}

.bottom_link_area .ttl_expand2 {
	border-bottom: 1px solid #d3d8e2;
}

.bottom_link_area .ttl_expand .ttl_inner .small {
	font-size: 12px;
	font-weight: normal;
}

.bottom_link_area .list_expand2 {
	padding: 20px 10px;
	border-bottom: 1px solid #d3d8e2;
	line-height: 1.3;
}

/* list_expand */
.box_expand_search_list .list_expand {
	/*display: none;  初期状態：非表示 */
}

.box_expand_search_list .list_expand li {
	display: table;
	width: 100%;
	border-bottom: 1px solid #d3d8e3;
	font-weight: bold;
	padding: 0;
}
.box_expand_search_list .list_expand li span,
.box_expand_search_list .list_expand li a {
	display: table-cell;
	vertical-align: middle;
}

.box_expand_search_list .list_expand li p span,
.box_expand_search_list .list_expand li p a {
	display:inline-block;
	vertical-align: middle;
}
.table dd li p a span.name{
	text-decoration: none;
}

.box_expand_search_list .list_expand li .link_inner {
	display: block;
	padding: 18px 10px 17px;
	/*padding: 15px 10px;*/
}

.box_expand_search_list .list_expand li .icon {
	display: block;
	padding: 0 15px 0 0;
	background: url(/static/sp/shared/images/arr_link_blue.png) no-repeat right center;
	-moz-background-size: 8px 14px;
	-webkit-background-size: 8px 14px;
	background-size: 8px 14px;
}

.box_expand_search_list .list_expand li .total {
	font-size: 12px;
	color: #71819c;
	vertical-align: middle;
}
.box_expand_search_list .list_expand li label{
	display: block;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:40px;
}
.box_expand_search_list .list_expand li p{padding-left:0;}
.box_expand_search_list .list_expand li p a{
	display: block;
	background: url(../img/arrow_gray.png) no-repeat 98% center;
	background-size: auto auto;
	background-size: 8px 14px;
	margin-right:0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:14px 10px;
}
.box_expand_search_list .list_expand li label .checkbox_img{
	top:15px;
	left:10px;
}
.mod_box_area{
	width:100%;
	text-align:center;
	margin:15px auto 25px auto;
}

.mod_btn_append_search {
	padding:15px 0;
}


/* 検索結果一覧 */
#wrapper.page_search_result_list {
	background: #e6e8ec;
	padding: 10px 0 20px 0;
}
.sec_detail_otherroom .box_otherroom .link_inner {
	margin: 7px 10px 10px 15px;
}
.page_search_result_list .search_area_info{
	margin-top:0px;
	border-top: 4px solid #013b96;
}
.article_outline{
	background-color: #fcf9f4;
}
.sec_detail_otherroom {
	border-top: 1px solid #d2d7e1;
}
.page_search_result_list .mod_box_section_bdt {
	border-top:none;
	background: #fff;
	margin:0px;
	padding:0;
}
.page_search_result_list .mod_box_area .dp_tablecell{
	display:block;
	padding:5px 10px;
}
.sec_detail_otherroom .pr1 {
	background: url(/static/shared/images/icn_info.png)no-repeat 0 0;
	background-size: auto auto;
	background-size: 15px 15px;
	padding-top: 2px;
	padding-bottom: 14px;
	padding-left: 18px;
}
.mod_table{display: none;}
.page_search_result_list .name_area p.name {
	text-decoration: none;
}
.page_search_result_list .box_btn{
	display: none;
}
.page_search_result_list .ttl_inner {
	margin: 0 0 10px 0;
	padding: 0 15px;
	color: #013b96;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}
.sec_detail_otherroom .box_otherroom .dp_tablecell.mp70{vertical-align: middle;}
.sec_detail_otherroom .link_inner{
	padding: 0 0 0 0;
	background: url(../img/arrow_gray.png) no-repeat right center;
	background-size: 8px 14px;
}
.box_otherroom .list_otherroom li{
	background:none;
	padding: 0 0 5px 0;
	display:block;
	text-align:left;
	width:100%;
}
.box_otherroom .list_otherroom li span{display:inline;}
.sec_detail_otherroom .dp_tablecell.wp30{
	width:30%;
}
.sec_detail_otherroom .detail_equipment{
	margin-top:0;
	margin-bottom: 0;
	background: #fff;
	padding:0;
	overflow: initial;
}
.sec_detail_otherroom .detail_equipment li {margin-top:5px;}
.sec_detail_otherroom .dp_tablecell.wp30 p{width:auto;height:auto;max-width:130px;}

.box_otherroom .mod_icn_star {
	display: block;
	text-indent: 0;
	white-space: nowrap;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	background: #feffff;
	background: linear-gradient(to bottom, #feffff 0%,#ffffff 91%,#e0e2e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e0e2e1',GradientType=0 );
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	width: 70%;
	height: 20px;
	color: #000111;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.box_otherroom .mod_icn_star span {
	background-color: transparent;
	position: relative;
	display: inline-block;
	margin-left: 10px;
}
.box_otherroom .mod_icn_star span:before {
	content: "";
	background-image: url(/static/common_2018/common_sp/img/favorite.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	position: absolute;
	top: -3px;
	left: -20px;
	width: 16px;
	height: 16px;
}
.box_otherroom .mod_icn_star_active {
	background: #efefef;
}
.box_otherroom .mod_icn_star_active span {
	color: #8c8c8c;
}
.box_otherroom .mod_icn_star_active span:before {
	content: "";
	background-image: url(/static/common_2018/common_sp/img/favorite.png);
	background-repeat: no-repeat;
	background-position: 0px -37px;
	position: absolute;
	top: -3px;
	left: -20px;
	width: 16px;
	height: 16px;
}

.page_search_result_list .info{border:none;padding-bottom:5px;}
.page_search_result_list .box_head_result .address_out,
.page_search_result_list .address{
	display:block;
	padding:0;
	border:none;
	font-size:12px;
	width:100%;
}
.article_outline .pic_room {width: 102px;height:auto;padding:0 10px;}
.article_outline .pic_room p {
	width: 100px;
	height: 100%;
}
.box_pager {display:none;}



.pagenate_nav {
	margin: 15px auto;
	text-align: center;
	width: 320px;
	display:block;
}
.pagenate_nav a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pagenate_nav .btn_prev {
	float: left;
	width: 50px;
}
.pagenate_nav .btn_next {
	float: right;
	width: 50px;
}
.pagenate_nav .page_none a {
	color: #C6CAD1;
	border-color: #C6CAD1;
}
.pagenate_nav .page_none a:before {
	content: normal;
}

.pagenate_nav .page_num {
	padding-top: 3px;
}
.pagenate_nav .page_num li {
	font-weight: bold;
	color: #0A3F94;
	display: inline-block;
}
.pagenate_nav .page_num li a {
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: underline;
}
.pagenate_nav .page_num li span {
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	color: #FF48AF;
}

.result_zero{margin:10px;}
.result_zero .zero_inner {
	height: auto;
	font-size:120%;
	padding:20px 10px;
}


div#modal_map_station .headding2,
div#modal_map_area .headding2 {
	font-size: 120%;
	font-weight: bold;
}
div#modal_map_station .headding3,
div#modal_map_area .headding3 {
	font-size: 120%;
	font-weight: bold;
	margin-top: 20px;
}


/* ------------------------------------
	* page_search_result_map
* ------------------------------------ */
.page_search_result_map .box_map .map_detail .txt_map_def {
	font-size: 120%;
}

/* 物件タイプ */
.page_search_result_map .box_map .map_info1 .txt_type span {
	font-size: 10px;
}

/* 物件名 */
.page_search_result_map .box_map .map_info1 .txt_name {
	font-size: 110%;
	padding: 5px 0 0 0;
	display: block;
}

.page_search_result_map .box_map .map_info2 {
    margin-top: 5px;
}

.page_search_result_map .box_map .txt_rent,
.page_search_result_map .box_map .txt_floor,
.page_search_result_map .box_map .txt_rooms {
	font-size: 12px;
}

/* 家賃 */
.page_search_result_map .box_map .txt_rent {
	font-size: 100%;
}

/* 階建 */
.page_search_result_map .box_map .txt_floor {
	/* margin: 5px 0 0 0; */
}

/* 間取り */
.page_search_result_map .box_map .txt_rooms {
	/* margin: 5px 0 0 0; */
}

/* 物件数 */
.page_search_result_map .box_map .box_map_pickup2 {
	text-align: center;
	font-weight: bold;
	display: block;
}
.page_search_result_map .box_map .txt_article {
	font-size: 14px;
	display: inline;
}
.page_search_result_map .box_map .t_article {
	font-size: 12px;
	display: inline;
	padding-right: 5px;
}

/* google map */
.area_show_map .before_loading,
.page_search_result_map #map {
	height: 320px;
}
.area_show_map .before_loading .txt_gmap_loading{
	margin-top: 115px;
}


/* --------------------------
	* pop
* -------------------------- */
.pop{
	padding:0;
	max-width:100%;
	max-height: 100%;
	transform:translateZ(0);
}
.pop *{
	transform:translateZ(1px);
}
.pop p.mod_ttl_page .link{
	top: 22px;
	right: 55px;
	font-size: 65%;
}
.table dd .ttl_white,
.table dd .list_radio3 li,
.table dd .list_checkbox4 li,
.table dd .list_checkbox3 li{
	width:100%;
	border-bottom: 1px solid #d2d7e1;
	padding:15px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.table dd .list_checkbox5{
	border-top: 1px solid #d2d7e1;
}
.table dd .list_checkbox5 li {
	width:50%;
	float:left;
	border-bottom: 1px solid #d2d7e1;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #EFF2F4;
	padding:15px;
}
.table dd .list_radio3 label,
.table dd .list_checkbox4 li label,
.table dd .list_checkbox5 li label,
.table dd .list_checkbox3 li label{
	display:block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:120%;
}
.hope dl.table dt span.ttl_inner{
	display:block;
	padding:15px;
	background:#f0f9e0;
	border-bottom: 1px solid #d2d7e1;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/static/sp/shared/images/icon/icn_expand_close.png) #f0f9e0 no-repeat 98% center;
	-moz-background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}
.hope dl.table dt span.ttl_inner.close{
	background-image: url(/static/sp/shared/images/icon/icn_expand_open.png);
}
.table dd .price_box,
.table dd .select_box{
	border-bottom: 1px solid #d2d7e1;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:0;
}
.table dd .select_box{
	padding:15px 15px 30px 15px;
}

.table dd .price_box select,
.table dd .select_box select{
	width:45%;
}
.text_b.fs18.pt20.pb10{padding:20px 10px 10px;border-top: 3px solid #013b96;}
.close_btn {
	position: absolute;
	top: 6px;
	right: 6px;
	padding: 12px 15px;
	background-color: #1a1a1a;
	opacity: 0.5;
	line-height: 100%;
	font-size: 130%;
	border-radius: 30px;
	color: #fff;
	z-index: 10;
}
.table dd .list_btn_type{padding:10px;}
.table dd .list_btn_type li{width:32%;}
.table dd .list_btn_type li a.mod_btn_default{padding:15px 3%;}

.hope .price_box .list{
	display: flex;
	flex-wrap: wrap;
	padding:0;
}
.hope .more_select_box .list{
	display: flex;
	flex-wrap: wrap;
	padding:0;
	border-top: 1px solid #d2d7e1;
}
.hope .price_box .list li,
.hope .more_select_box .list li{
	width:50%;
	float:left;
	display:block;
	border-bottom: 1px solid #d2d7e1;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #EFF2F4;
	padding:15px;
	margin:0;
}
.hope .price_box .list li.bnone{
	border-bottom: none;
}
.hope .price_box .list li label{
	margin:0;
}
.hope .price_box .list li label,
.hope .more_select_box .list li label{
	font-size: 100%;
}
.hope .ttl_bar_grey {
    background: #eff2f4;
    border-bottom-color: #d3d8e2;
    vertical-align: middle;
    padding: 15px 0;
}
.hope .ttl_bordar_grey {
    border-top: 1px solid #d2d7e1;
}
.hope .ttl_bordar_grey:first-child {
    border-top: none;
}
.hope .ttl_bar_grey > span {
    padding-left: 15px;
}

/* --------------------------
	* ローディングアニメーション
* -------------------------- */
.loader-overlay {
	position: fixed;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.50);
	top: 50%;
	transform: translateY(-50%);
	z-index: 10000;
}
.loader-parts {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.2);
	border-top: 3px solid #ffffff;
	position: absolute;
	animation: anime-load 0.8s infinite linear;
}
@keyframes anime-load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}