@charset 'utf-8';


.contents { width:90%; height:auto; margin:0 5%; }
#conact_wrap { margin-top:100px; }
@media screen and (min-width: 840px) {
    .contents { /*width:100%; */margin:0 auto 20px auto; padding:0; }
    #conact_wrap { margin-top:0; }
    .h2_top { width:100%; margin:50px 0 0 0;}
}

/*リンク*/
.contents .contents_linkpage {width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; margin:0; padding-top:30px; }
.contents_linkpage li a span { width:100% ; display:inline-block; line-height:1.2em; }
.contents_linkpage li a:hover {background:#fefedb;}
.contents_linkpage li a .fas {margin:0;}
.contents_linkpage li a .fa {margin:0;}
.contents_linkpage li {width:48%; height:auto; text-align:center;margin:0 0px 10px 0;}
.contents_linkpage li a {width:100%;height:auto; border:1px solid #ff5c26; color:#ff5c26;display:inline-block;border-radius:5px;background:#fff; padding:5px 0;}
.contents_linkpage li a.current { background:#ff5c26; color:#fff; }
.icon_school { width:20px; margin-top:5px; }
@media screen and (min-width: 840px) {
    .div_contents_linkpage { width:100%; border-bottom:5px solid #ff5c26; margin-bottom:0px; }
    .contents .contents_linkpage { width:80%; margin:0 auto; }
    .contents_linkpage li { width:23%; margin-bottom:0; }
    .contents_linkpage li a {  padding:0; border-radius: 10px 10px 0 0; border-bottom:0; /* top-left, top-right, bottom-right, bottom-left */}
    .icon_school { width:20px; margin-top:5px; }
   

}

/*検索トップ*/
.h2_top { margin-bottom:0; font-size:18px;}
.div_kensakutop { width:100%; margin:0 auto; background:#fff; padding-top:30px; padding-bottom:30px; display:none; }
.img_kobeosaka { width:90%; margin:30px 5% 50px 5%; }
.div_kensakutop_ul { width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.div_kensakutop_ul li { width:90%; margin:0 5% 30px 5%; }
.div_kensakutop_ul li a { width:100%; height:100%;display:inline-block; padding:10px 0; }
.div_kensakutop_ul li a img { width:100%; }
.div_kensakutop_ul li a:hover { opacity:0.7;}
@media screen and (min-width: 840px) {
    .h2_top { margin-bottom:30px; }
    .div_kensakutop { width:60%; margin:50px auto 0 auto; padding-top:0; padding-bottom:100px; text-align:center; display:block; }
    .img_kobeosaka { margin: 0  auto 50px auto ; }
    .div_kensakutop_ul li { width:50%; margin:0; }
    .div_kensakutop_ul li a { width:90%; line-height:50px;}
}


/*セレクトボックス*/

select {/* 初期化 */appearance: none;-moz-appearance: none;-webkit-appearance: none;background: none;border: #3F3F3F 2px solid;color: #333;font-size: 16px;width: 100%;height: 100%;padding: 0 10px; border-radius:10px; }
.select {/*background: #fff;*/height: 60px;width: 100%;border-radius:10px; position: relative;z-index: 1; text-align:center; }
.select::after {position: absolute;content: '';width: 8px;height: 8px;right: 10px;top: 50%;transform: translateY(-50%) rotate(45deg);border-bottom: 1px solid #3F3F3F;border-right: 1px solid #3F3F3F;z-index: -1;}
.selectpref {height: 60px;width: 100%;border-radius:10px; position: relative;z-index: 1; text-align:center; }
.selectpref::after {position: absolute;content: '';width: 8px;height: 8px;right: 10px;top: 40%;transform: translateY(-50%) rotate(45deg);border-bottom: 1px solid #3F3F3F;border-right: 1px solid #3F3F3F;z-index:5;}

.div_select_wrap .st_sentaku { width:100%; text-align:center; display:block; font-size:18px; font-weight:bold; margin:50px 0 10px 0;}   
@media screen and (min-width: 840px) {
    .select { width:50%; margin:0 auto; }
    .select::after {position: absolute;content: '';width: 8px;height: 8px;right: 10px;top: 50%;transform: translateY(-50%) rotate(45deg);border-bottom: 1px solid #3F3F3F;border-right: 1px solid #3F3F3F;z-index: -1;}
    .selectpref { width:30%; height:60px; margin:0 auto; position:relative; }
    .selectpref #s_pref:hover { cursor: pointer;}
    .selectpref::after {position: absolute;content: '';width: 8px;height: 8px;right: 10px;top: 40%;transform: translateY(-50%) rotate(45deg);border-bottom: 1px solid #3F3F3F;border-right: 1px solid #3F3F3F;z-index:5;}
    .div_select_wrap{ width:100%; background:#F8EADE; padding:50px 0; margin-bottom:30px; }
    .div_select_wrap .st_sentaku { display:none; }
}

/*チェックボックス*/
.ul_check { width:100%; height:auto; margin-bottom:60px; margin-top:-50px; }
.ul_check li { width:100%; height:45px; float:left; margin:0; /*background:#fff; */font-size:14px; line-height:45px; border-bottom:1px solid #ccc; }
.ul_check li span{ float:left; margin:0 2.5% 0 0; padding:10px 5%; background:#989898; }
.ul_check li input[type=checkbox]{ -webkit-appearance:checkbox; }
.ul_check li input	{ width:25px; height:25px; float:left; margin:0; }
.cityhead_name {  width:100%; margin:0; float:left; line-height:45px; }
.cityhead_name input { width:25px; height:25px; float:left; margin:0; }
.my-5 { width:100%; height:auto; display:block; }
.line_name {  width:100%; height:45px; margin:20px 0 0 0; line-height:45px; float:left; border-bottom:1px solid #ccc; }
.line_name input { width:25px; height:25px; float:left; margin:0; }
.city_name { margin-top:20px; float:left; }
@media screen and (min-width: 840px) {
    .ul_check { width:80%; margin:0 auto; display:flex; flex-wrap:wrap; }
    .ul_check li { width:33%; border-bottom:none; }
    .ul_check li span { background:none; padding:10px 1.5% 0 30px;}
    .school_list .ul_check li { width:50%; }
    .cityhead_name { line-height:auto }
}


.h2_center { width:100%; font-weight:bold; color:#ff5c26; display:inline-block; font-size:18px; margin:30px 0 10px 0; display:flex; align-items:center;}
.h2_center .img_icon { margin-right:10px; }
.h2_center .fa.fa-calendar-check-o { scale:1.5; margin-right:10px; margin-bottom:10px; }

/*こだわりボタン*/
#kodawari_button {display: none; margin-bottom:60px; }
select {/* 初期化 */appearance: none;-moz-appearance: none;-webkit-appearance: none;background: none; font-size: 16px;width: 100%;height: 100%;padding: 0 10px; background:#fff;  height:50px; border-radius:5px; }
.select { text-align-last: center;}
.select::after {position: absolute;content: '';width: 8px;height: 8px;right: 10px;top:40%;transform: translateY(-50%) rotate(45deg);border-bottom: 1px solid #3F3F3F;border-right: 1px solid #3F3F3F;z-index:5;}
.kodawari_button {width:100%; padding:10px 0; text-align:center; margin:60px 0 0 0; border: #3F3F3F 2px solid; background:#fff; border-radius:10px; display: inline-block;}
.kodawari_wrap {width:100%; display:block; flex-wrap:wrap;  /* 最初は非表示 */}
/*#kodawari_button:checked + .kodawari_button + .kodawari_wrap { width:100%; display: flex; flex-wrap:wrap; /* チェックされている場合に表示 */}*/
.div_station { width:100%; display:flex; align-items: center;}
.div_chiku { width:100%; }
@media screen and (min-width: 840px) {
    .kodawari_button { width:48%; margin:50px 26% 50px 26%; }
    .kodawari_button:hover {cursor: pointer; background:#F8EADE; }
    .kodawari_wrap {width:90%; margin:0 5%; margin-top:50px; justify-content: space-between; display:flex; }
    /*#kodawari_button:checked + .kodawari_button + .kodawari_wrap { width:80%; margin:0 10%; margin-top:50px; justify-content: space-between;}*/
    .div_station { width:50%; display:flex; }
    .div_station .h2_center { width:40%; margin:0; text-align:left; }
    .div_chiku { width:50%; display:flex; align-items: center;}
    .div_chiku .h2_center {  width:40%; margin:0; text-align:left; }
    #s_distance:hover {cursor: pointer; opacity:0.5; }
    #s_age:hover {cursor: pointer; opacity:0.5;}
}

/*こだわり検索*/
.div_kodawari { width:100%; display:block; margin-bottom:50px; }
.ul_kodawari { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
.ul_kodawari li { width:23%; text-align:center; }
@media screen and (min-width: 840px) {
    .div_kodawari { width:100%;  margin-bottom:50px; }
    .ul_kodawari li { width:10%; margin:0 1% 10px 1%; }
}
.ul_kodawari li div.icon { border:1px solid #ff5c26; background:#fff; border-radius:5px; }
.ul_kodawari li img { width:12vw; margin:3vw 0;}
@media screen and (min-width: 840px) {
    .ul_kodawari li div.icon:hover { cursor: pointer;}
    .ul_kodawari li img { width:90%; margin:0;}
}
.ul_kodawari li small { width:100%; font-size:11px; }
.ul_kodawari li img.img-off	{ display:none; }
.ul_kodawari li.checkbox-off img.img-off	{ display:inline; }
.ul_kodawari li.checkbox-off img.img-on	{ display:none; }
.ul_kodawari li.checkbox-on img.img-off	{ display:none; }
.ul_kodawari li.checkbox-on img.img-on	{ display:inline; }
.ul_kodawari li	.input_wrap { width:100%; display:flex; align-items:center;}
.ul_kodawari li.checkbox-on div.icon { margin-top:0px;background:#ff5c26; }
.ul_kodawari li:hover img { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity:0.70; }
.ul_kodawari li span { width:100%; display:inline-block; margin:5px 0 0 0; text-align:center; line-height:1.5em; font-size:11px; }
.ul_kodawari li .checkbox { display:none; }
.ul_kodawari li .checkbox-off img	{ margin-top:0px; }

/*検索ボタン*/
.kensaku_button {width:70%; height:60px; margin:0 15%; text-align:center; font-size:20px; font-weight:bold;  color:#fff; border: #ff0000 2px solid; background:#ff0000; border-radius:10px; display: inline-block;}
@media screen and (min-width: 840px) {
    .kensaku_button { width:260px; margin:0;}
    .kensaku_button:hover { opacity:0.7; cursor: pointer;}
}

/*検索バー*/
#conact_wrap { display:none;}
.div_kensakubar { width:110%; background:rgb(0,0,0,0.4); margin:0 auto 0 -5%; text-align:center; padding:10px 0; position:fixed; bottom:0; z-index:5;}
.contents .div_kensakubar_sub { background:none; position:initial; color:#000; margin-top:0;}
.div_kensakubar_in { width:100%; display:flex; align-items:center; margin:50px auto 0 auto; color:#fff; letter-spacing:0.1em; flex-wrap:wrap; }
.div_kensakubar_in strong { width:110%; line-height:1.2em; font-size:18px; margin-top:50px; margin-bottom:10px; margin-left:-5%; text-align:center; }
.div_kensakubar_in strong em { font-size:25px; font-style:normal; line-height:60px; letter-spacing:0.1em;}
.div_kensakubar_in_sub .div_kensakubar_in  {color:#000; }

.contents .div_kensakubar .res_count { font-size:30px; font-weight:bold; margin:0 5px;}
@media screen and (min-width: 840px) {
    .contents .div_kensakubar { width:100%; margin:0px auto 50px auto; position:relative; }

    .div_kensakubar_in { width:470px; margin:0 auto; }
    .div_kensakubar_in strong { width:200px; line-height:60px; margin-top:10px; margin-right:10px; margin-bottom:0; display:flex; align-items: baseline;}
}



/*駅*/
.station_list { margin-bottom:30px; }
.line_name span,.cityhead_name span { float:left; margin:0 10px 0 0; padding:10px 5%;}
@media screen and (min-width: 840px) {
.line_name,.cityhead_name,.city_name { width:80%; float:none; margin:0 auto; display:block; background:#F4F4F4; padding:0px 0 0px 30px; border-bottom:none; line-height:45px; } 

.line_name span,.cityhead_name span { padding:0; background:none; }
.line_name span input,.cityhead_name span input{ width:25px; height:25px; float:left; margin:10px 0 0 0; }
.station_list,.shool_list { width:100%; margin:0 auto 30px auto; display:block; } 
}

/*地図*/
.MAP_STRONG { width:150px; display:block; margin:0 0 5px 0; font-weight:bold; }
.MAP_IMG { width:150px; display:block; position:relative; overflow:hidden; }
.MAP_IMG img { width:100%; }
.MAP_IMG .ONSALE { position:absolute; width:50px; left:0px; top:0; }
.MAP_SPAN { width:150px; display:block; margin:5px 0 0 0; }
.MAP_LINK { margin:10px 0 0 0; float:right; color:#0af; }
.MAP_LINK:hover { text-decoration:underline; }

#search_map { margin-top:50px;  }
@media screen and (min-width: 840px) {
    #search_map { width:100%; }
    .gm-style .gm-style-iw-c { width:174px; }
}

/*フッター*/


@media screen and (min-width: 840px) {
    footer { width:90%; max-width:1100px; margin: 30px auto 100px auto; display:flex; justify-content: space-between; flex-wrap:wrap; background:none; }
}

/*マンション名からさがすの検索窓*/
.div_kensakumado { width:100%; text-align:center; }
.search-form-002 {width:90%; margin:0 5% 0 5%; display: flex;justify-content: space-between;align-items: center;overflow: hidden;border: 2px solid #3F3F3F;border-radius: 25px;}
.search-form-002 input { width:450px; height: 45px;padding: 5px 15px;border: none;box-sizing: border-box;font-size: 1em;outline: none;}
.search-form-002 input::placeholder{color: #767d83;}
.search-form-002 button {display: flex;justify-content: center; align-items: center;width: 50px;height: 45px;border: none;cursor: pointer; background:none; }
.search-form-002 button::after {width: 20px;height: 20px;background-image: url(../../img/icon_search_black.svg);background-repeat: no-repeat;content: '';}
.div_kensakumado strong { font-size:18px; font-weight:bold; }
@media screen and (min-width: 840px) {
    .search-form-002 { width:500px; margin:0 auto 50px auto; }
    .div_kensakumado strong { font-size:18px; }
}


#chatpluscontent { display:block; }