@charset "utf-8";

#wrap2 .map_tit {
    margin-top: 45px;
	margin-bottom: 35px;
}

#gmap .gm-style-iw-d:has(.infoWindow) { margin-top: -32px;}
.infoWindow{width:auto !important; max-width: 160px; font-size:12px; text-align:left; overflow-x:hidden; margin-right: 25px; padding-right: 5px; padding-bottom: 3px;}

.infoWindow .im1{}
.infoWindow .im1_outer{ width:30px; overflow:hidden; margin:0 10px 0 0; border:1px solid #ccc; background-color:#f4f4f4; }
.infoWindow tr + tr td > div{ margin-top: 10px !important;}
.infoWindow a:focus-visible,.infoWindow a:focus{outline: none;}

.infoWindow .price { }
.infoWindow .decimal { font-size: 10px; }
.infoWindow .unit { font-size: 10px; }
.infoWindow .layout { }

.infoWindow .addr { width:150px; font-size:12px; color:#000; margin-bottom:5px;}
.infoWindow .pr_cmnt1 { width:150px; font-size:12px; color:#005eb0; margin-bottom:5px;}

#contents_map h2{top:17px;}

#gmap{
	position:relative;
}

#loading{
	position:absolute;
	top:260px;
}

#loading img{
	/*width:300px;*/
}

#message{
	display:none;
	position:absolute;
	top:80px;
	background-color:#f00;
	padding:5px 5px 3px 5px;
	color:#fff;
	font-weight:bold;
	font-size:24px;
	width:600px;
	text-align:center;
}

#contents-inner-search-map{
margin:0px 0px 14px 0px;
background-color:#f3f3f3;
	border:1px solid #ccc;
	padding:8px 5px 4px 20px;
	text-align:left;

}

.item_m{
	margin:0 25px 10px 0;
	float:left;

}

.item_m:has(.type) + .item_m,.item_m:has(.setting_btn){clear: both;}
.item_m:has(.setting_btn){float: none;}
.item_m:has(.kodawari){margin-bottom: 0;}

.type div{
	margin:5px 25px 5px 0;
	float:left;

}

.kodawari div{ float:left;
margin:0 25px 10px 0;
}


#contents-inner-search-map select{margin: 0 3px 0 3px; padding: 4px 2em 3px 5px;}

.setting_btn{
	display:block;
	font-size:16px;
    background: #e3540e;
    border: none;
    border-radius: 8px;
    color: #fff;
    display: block;
    margin: 0 0 10px 0;
    padding: 8px 35px 8px 35px;
    letter-spacing: 0.03em;
    text-align: center;
    cursor: pointer;
    transition: .3s;
}

.setting_btn:hover{ opacity: .7;}

/*=========================== header ============================*/

#map_header{
height:72px;
/*min-width:1200px;*/
border-top:3px solid #ff9900;
background:url(../images/map_search/header_bg.gif) repeat;
text-align:left;
position:relative;
z-index:100;
}
#map_header table{height:72px;}

#map_header .name{ font-size:30px;/* position:absolute;top:20px; left:145px;*/}
#map_header .logo{ position:absolute;top:0px; left:12px; z-index:100;}

/*#map_header .tel_bg{
position:absolute;
top:15px;
right:30px;
width:220px;
}*/
#map_header .tel_bg ul{
background:url(../images/map_search/tel_bg.png) no-repeat left;
height:42px;
position:relative;
width:300px;
margin:0 20px 0 0;
}

#map_header .tel_bg .open{ font-size:12px; position:absolute;top:-3px; left:15px;}
#map_header .tel_bg .tel{ font-size:26px; position:absolute;top:13px; left:30px;}



/*#map_header ul.gmenu{ position:absolute; top:20px; left:510px; width:400px}*/
#map_header ul.gmenu li{
float:left;
margin:0 10px 0 0;
width:120px;
text-align:center;

background:linear-gradient(#fff,#e9e9e9);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
background:-moz-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
-pie-background:linear-gradient(#fff, #e9e9e9);

border: 1px #ccc solid;
appearance: none;
border-radius: 5px;

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/
}

#map_header ul.gmenu li a{
display:block;
font-size:14px;
text-decoration:none;
color:#000;
padding:4px 0 2px 0;
border:1px #fff solid;
appearance: none;
border-radius: 5px;

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/
}

#map_header ul.gmenu li a:hover{
text-decoration:none;
}

/*=========================== zoom ============================*/

#gmap{ position:relative; width: 100%; /*min-height: 650px; background: #f7f7f7;*/}
#gmap .zoom{
z-index:100;
position:absolute; 
top:20px; 
right:20px;
background:url(../images/map_search/icon_zoom_bg.png) no-repeat;
width:26px;
height:95px;
}

#gmap .zoom .In{ margin:0 0 15px 0;}
#gmap .zoom .Out{}

#contents-inner-search .zoom img{
box-shadow:0 0px 10px #999;
}

#filterForm{
	height:100%;
	overflow: scroll;
	overflow-x:hidden;
}

.menu{
	cursor:pointer; cursor:hand;
	padding:5px 0 5px 0;
	text-decoration:underline;
	color:#00F;
	width:160px;
}



/*=========================== 追加 ============================*/

#contents_map .inn{display: flex; flex-direction: row-reverse; flex-wrap: nowrap; width: auto; height: auto; overflow: hidden; position: relative; margin: 50px 0 0 0;}

#contents-inner-search-map{ width: 250px; height: 650px; box-sizing: border-box; background-color: #f5f5f5; border: 0; border-left: 1px solid #ffffff; font-size: 14px; padding: 0; position: relative;}
#contents-inner-search-map #filterForm{padding-bottom: 100px; box-sizing: border-box;}

#filterForm::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
 
#filterForm::-webkit-scrollbar-thumb {
  background:rgba(61,61,61,0.3);
}
	
#filterForm::-webkit-scrollbar-track {
  background:rgba(61,61,61,0);
}

#contents-inner-search-map .item_m{ float: none; margin: 0; padding: 15px 0 15px 10px; box-sizing: border-box; border-top: 1px solid rgba(0, 0, 0, 0.10);}

#contents-inner-search-map .item_m:has(.type),#contents-inner-search-map .item_m:has(.setting_btn){ border-top: none;}
#contents-inner-search-map .item_m:has(.setting_btn){ padding: 25px 0 15px 0; position: absolute; bottom: 0; left: 5px; right: 5px; background: rgb(245,245,245); background: linear-gradient(180deg, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 22%);}

#contents-inner-search-map .col_2{display: flex; flex-wrap: wrap;}
#contents-inner-search-map .type{margin-top: 3px; margin-bottom: -7px;}
#contents-inner-search-map .type div,#contents-inner-search-map .kodawari div{display: inline-block; min-width: 45%; margin: 0 0 5px 0; float: none;}

#contents-inner-search-map .col_2 > div + div{ margin-left: 5px;}

#contents-inner-search-map .setting_btn {
    text-decoration: none;
    border-radius: 8px;
    width: 215px;
    height: 50px;
    text-align: center;
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	margin: auto;
    margin-bottom: 10px;
    transition: .3s;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    -webkit-text-stroke-width: 0 !important;
    box-sizing: border-box;
    position: relative;
}

#contents-inner-search-map .setting_btn:hover {
    transform: translateY(2px);
    box-shadow: 0 0 0 rgba(0,0,0,0.1);
}

#contents-inner-search-map label:has(input[type="checkbox"]){ cursor: pointer; transition: .3s;}

#contents-inner-search-map input[type="checkbox"] {
    -webkit-appearance: none;
    width: 19px;
    height: 19px;
    min-height: 19px;
    border: solid 1px #c6c6c6;
    background: #ffffff;
    border-radius: 5px;
    text-align: center;
    margin: 0 5px 4px 0;
    padding: 2px 5px 2px 5px;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: none;
    display: inline-block;
    vertical-align: middle;
}

#contents-inner-search-map input[type="checkbox"]:checked {
    background-image: url("/contents/images/searchpanel/icon_cheak.png") ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px auto;
    outline: none;
	background-color: #e3540e;
    border: solid 1px #e3540e;
}


#gmap{ width: 950px;}
#gmap .zoom{ width: auto; height: auto; top: 0; right: 0; background: rgb(0,0,0,.25); padding: 10px;}
#gmap .Zoom_btn{display: flex;flex-wrap: nowrap;justify-content: flex-start;border-radius: 0;background: #ffffff;box-shadow: 0 3px 5px rgba(0,0,0,0.05);}

#gmap .Zoom_btn li{border: 1px solid #c6c6c6;font-size: 16px;color: #3d3d3d;box-sizing: border-box;text-align: center;transition: .3s;}
#gmap .Zoom_btn li a{display: block;color: inherit;width: 100%;height: 100%;box-sizing: border-box;padding: 6px 17px 9px 17px;}
#gmap .Zoom_btn li.minus{border-radius: 0;border-right: none;}
#gmap .Zoom_btn li.plus{border-radius: 0;}
#gmap .Zoom_btn li.pointCoBg{color: #ffffff;}

#gmap .Zoom_btn li span{ display: inline-block; vertical-align: middle; margin-right: 3px;}
#gmap .Zoom_btn li span svg{ width: 16px; color: #e8be07;}

#gmap .Zoom_btn li a:after{display: inline-block; vertical-align: middle;}
#gmap .Zoom_btn li.minus a:after{ content: "広域";}
#gmap .Zoom_btn li.standard a:after{ content: "標準";}
#gmap .Zoom_btn li.plus a:after{ content: "詳細";}