@charset "utf-8";

/* ポップアップ */

/*============================
#popup
============================*/
#popup{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 501;
	display:none;
	right:0;
}
#popup .btm_close{
	background:#e3e3e3;
    box-sizing: border-box;
    padding: 5% 0;
    text-align: center;
	cursor:pointer;
}
#popup .btm_close img{
	width:19%;
}

#popup .popup_ttl{
	background:url(/sp/img/popup/ttl_bg.gif) left bottom repeat-x #cbe1f6;
	background-size:100% auto;
	padding:11px;
}
#popup .popup_ttl .top_close{
    float: right;
    width: 18px;
}
#popup .content{
	background:#FFFFFF;
	padding:4% 4% 5%;
}

/*============================
.popup_inner
============================*/
.popup_inner{
	width:87%;
    position: absolute;
    top: 0;
	left:50%;
	margin-left: -43.5%;
    z-index: 2;
}

.popup_inner .content h4{
	color:#024e94;
	font-size: 14px;
    margin-bottom: 8px;
}

/*============================
#popup_bg
============================*/
#popup_bg{
	background: rgba(0, 0, 0, 0.8);
    height: 2000px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	cursor:pointer;
}

/* メニュー */

/*============================
#global_menu
============================*/
#global_menu{
	width:77%;
	right:0;
	left:auto;
	margin-left:-39%;
}
#global_menu .top_close{
	background:#095ead;
	box-sizing:border-box;
	width:18%;
	padding: 5%;
	margin-left: auto;
	
}
#global_menu .top_close img{
	
}
#global_menu .area_ttl{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#044f9a', endColorstr = '#1468b7');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#044f9a', endColorstr = '#1468b7')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #044f9a, #1468b7);
background-image: -ms-linear-gradient(top, #044f9a, #1468b7);
background-image: -o-linear-gradient(top, #044f9a, #1468b7);
background-image: -webkit-gradient(linear, center top, center bottom, from(#044f9a), to(#1468b7));
background-image: -webkit-linear-gradient(top, #044f9a, #1468b7);
background-image: linear-gradient(top, #044f9a, #1468b7);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

    color: #ffffff;
    padding: 12px 12px 12px 17px;
	font-size:15px;
}
.popup_top_close{
}
.popup_nav{
	background-color: #3587d2;
    padding: 2% 0;
}
.popup_nav img{
}
.popup_nav ul{
	display:table;
	width:100%;
}
.popup_nav li{
    border-right: 1px solid #72abe0;
    display: table-cell;
	box-sizing:border-box;
}
.popup_nav li:last-child{
	border-right:none;
}
.popup_nav a{
	display:block;
	padding:10px 0;
}

.popup_nav .nav_1{
	width:15%;
}
.popup_nav .nav_1 a{
	padding: 20% 31% 27% 34%;
}
.popup_nav .nav_2{
	width:42%;
}
.popup_nav .nav_2 a{
	padding: 7% 19% 9% 16%;
}
.popup_nav .nav_3{
	width:42%;
}
.popup_nav .nav_3 a{
	padding: 8% 12% 8% 11%;
}
.content{
}
.content h3{
	margin-bottom: 8px;
	color:#024e94;
	font-size:15px;
}
.menu_btn_1,
.menu_btn_3{
	margin-bottom: 3%;
}

.menu_btn_2{
	margin-bottom: 7%;
}
.menu_btn_4{
}

.menu_btn_1 .tel_btn .icon{
	width:24px;
}

.menu_btn_1 .tel_btn .info span{
	font-size:20px;
}

.menu_btn_3 .store_btn{
	display:table;
	width:100%;
	background-color:#FFFFFF;
	border:#1d4f88 solid 1px;
	box-sizing:border-box;
	padding:5px 12px;
}

.menu_btn_3 .store_btn .icon{
	display:table-cell;
	width:25px;
	vertical-align:middle;
}

.menu_btn_3 .store_btn .info{
	display:table-cell;
	color:#1d4f88;
	text-align:center;
	vertical-align:middle;
	height:40px;
	padding-left:5px;
	font-weight:bold;
	font-size:15px;
}

.popup_ttl h3{
	float: left;
    margin-left: 2%;
    width: 165px;
}
/* 住所から探す */

/*============================
#jyusyo_sarch
============================*/
#jyusyo_sarch{
}
/*
#jyusyo_sarch .popup_ttl h3{
	float: left;
    margin-left: 2%;
    width: 122px;
}*/

/* 家賃から探す */

/*============================
#yachin_sarch
============================*/
#yachin_sarch{
}
/*#yachin_sarch .popup_ttl h3{
	float: left;
    margin-left: 2%;
    width: 120px;
}*/
#yachin_sarch h4{
	color:#024e94;
	margin-bottom: 8px;
	font-size:14px;
}
#yachin_sarch .yachin_box{
	padding-bottom:12px;

}

#yachin_sarch .yachin_box .price_1{
	margin-right: 11%;
}
#yachin_sarch .yachin_box .selectbox{
}

#yachin_sarch .huken_box{
}
.popup_ttl{
}
.popup_btn{
}

/* 間取りから探す */

/*============================
#madori_sarch
============================*/
#madori_sarch .madori_box li:last-child{
	margin-bottom:0;
}

#madori_sarch .madori_box{
	padding-bottom:12px;
}
/* 駅から探す */

/*============================
#eki_sarch
============================*/
#eki_sarch .huken_box li{
	margin-bottom:0;
}

#eki_sarch .huken_box{
	padding-bottom:12px;
}

/* エリアから探す */

/*============================
#area_sarch
============================*/
#area_sarch .huken_box li{
	margin-bottom:0;
}

#area_sarch .huken_box{
	padding-bottom:12px;
}

/* マンスリー */

#popup .popup_ttl2 {
	background-image:none;
    background-color: #2e61ad;
}
#popup .popup_ttl2 h3 {
	width:78%;
	float:none;
}
#popup .content2{
	padding:15px 15px 42px 15px; 
}
#popup .content2 .blue1 {
	font-size:15px;
}
#popup .content .item_list{
	display:table;
	width:100%;
}

#popup .content .item_list .item{
	display:table-cell;
	width:30%;
	padding-right: 5px;
}
#popup .content .item_list .item .txt{
	text-align:center;
}
#popup .close_top {
    cursor: pointer;
    padding: 8px;
    position: absolute;
    right: -2%;
    width: 19px;
	top:0;
}