@charset "utf-8";
body{ position: relative; }
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #f1f0ef; }
.hd_logo, .hd_mail, .hd_favorite, .hd_hist_sp, .hd_mapbot #gnavi{float: none;}
.hd_mapbot { display: flex; justify-content: space-between; }
.hd_menu_wrap{display: flex;}
.pro_ltmap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.map_top { position: relative; border-bottom: 1px solid #c4c1ce; background: #fff; overflow: hidden;}
.map_top .map_ttl { float: left; color: #452c18; font-weight: bold; }
.map_top .map_period_search_warp .period_search_warp .period_search_btn { width: 30px; font-size: 2rem; right: 0px; }
.map_top .map_period_search_warp .period_search_warp .period_search_btn::after { color: #999999; }
.map_toplt li { display: inline-block; margin-left: 6px; }
.map_toplt li:first-child { margin-left: 0; }
.map_toplt li a { display: block; width: 100%; margin: 0 !important; border-width: 1px; border-style: solid; border-radius: 100px; text-decoration: none; }
.map_toplt li a .fa { padding-right: 3px; vertical-align: middle; }
.map_toplt li.list a { border: none; }
.map_toplt li.list { padding: 0 !important; }
.map_toplt li.list a:after { display: none; }
.mapdemo { width: 100%; height: 100%; }
.mapdemo iframe { width: 100%; height: 100%; border: none !important; }
.map_sidebar { position: relative; }
.prod_frame_out { min-height: 0 !important; }
#sidebar { background: #fff; }
.prophist_sd { border: none; }
/* 空室のみ表示（絞り込み内 .prophist_noSmoking の下） */
.show_no_vacancy { margin-top: 12px; }
.show_full_room { margin-top: 12px; }
.show_discussion { margin-top: 12px; }
.tooltip_prophist { bottom: -100px !important; right: 20px !important; text-align: left !important; width: 200px !important; padding: 0px !important; }
.tooltip_prophist .tooltip-topleft:after, .tooltip_prophist .tooltip-topleft:before { left: inherit !important; top: inherit !important; }
.tooltip_prophist .tooltip-topleft:after { right: -13px !important; bottom: 100px !important; }
.tooltip_prophist .tooltip-topleft:before { bottom: 99px !important; right: -16px !important; }
.map_infotop, .map_infolt { background: #fff; }
.map_infobox { position: relative; max-width: 100% !important; padding: 5px 30px 5px 10px; }
.map_infobox_arr { display: block; width: 20px; height: 100%; position: absolute; top: 0; right: 2px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: url(/images/map/infobox_arr.png) #cccccc center no-repeat; background-size: 7px 12px !important; }
.map_infobox_arr:hover { background-color: #dc8352; }
.map_infobox_arr a { display: block; width: 20px; height: 100%; opacity: 0; }
.mapbox_ttl a { display: inline-block; line-height: 1.4; padding: 5px 0 5px; font-size: 1.6rem; }
.mapbox_cam { position: relative; width: 80px; float: right; }
.mapbox_cambtn { text-align: center; cursor: pointer; }
.mapbox_cambtn img { width: auto; height: auto; vertical-align: middle; }
.tooltip:hover .tooltiptext { display: block; }
.mapbox_area {display: flex;}
.mapbox_area a { color: #333; text-decoration: none; }
.mapbox_area_left{width: 100px; display: flex; flex-direction: column;}
.mapbox_area_right{width: calc(100% - 100px); padding-left: 10px;}
.mapbox_room{display: flex; flex-wrap: wrap;}
.mapbox_jyoken { color: #cc3300; font-size: 1.1rem; line-height: 1.4; border-bottom: 1px dotted currentColor; display: inline-block; margin-bottom: 0.2em;}
.mapbox_jyoken + .mapbox_price{margin-top: 0;}
.mapbox_price .oldprice { display: block; padding-right: 5px; text-decoration: line-through; font-size: 1.2rem; margin-top: 4px; }
.mapbox_price .oldprice:after { font-size: 1.2rem; vertical-align: middle; }
.mapbox_price .saleprice { color: #cc3300; font-weight: bold; font-size: 2rem; line-height: 1.2; }
.mapbox_price .saleprice:after { color: #333; font-weight: normal; font-size: 1.2rem; vertical-align: middle; }
.mapbox_room { font-size: 1rem; }
.mapbox_room span { font-size: 1.1rem; display: inline-block; margin: 4px 4px 0 0; padding: 0.2em 0.6em 0.1em; border: 1px solid #E4E4E4; border-radius: 2px; line-height: 1.4; }
.mapbox_roomStatus{ border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; margin-top: 4px; padding: 4px 0 2px;}
.mapbox_roomStatus--small{font-size: 1.2rem;}
.map_infotopwrap{ background: #666666; color: #fff; }
.map_infotoppartner{padding: 8px 8px 0;}
.map_infotopup { display: flex; align-items: center; padding: 0; background: #666666; color: #fff; }
.map_infotopup .map_infotopupttl { padding:8px; font-size: 1.4rem; }
.map_infotopup .map_infotopupno { font-size: 1.1rem; width: auto; color: #666666; margin-left: 4px; padding: 0.1em 0.4em 0; background-color: #FFFFFF; border-radius: 2px; white-space: nowrap; }
.map_infoclose { width:40px; font-size: 2rem; line-height: 1.2; vertical-align: middle; cursor: pointer; text-align:center; }
.map_infoclose:hover { color:#cccccc;}
.map_infotopin {display: -webkit-flex; display: flex;}
.map_infoimg { width: 100px; margin-right: 10px; clear: both; }
.map_infotxt { align-self:center;}
.map_infotxt .train { line-height: 1.4; }
.map_infotxt .train span { font-size: 1.1rem; }
.map_infotxt .built { padding-top: 3px; }
.mapbox_cam .tooltiptext { width: 220px !important; left: inherit; top: 155% !important; right: -20px; border: 1px solid #ffcc66 !important; background: #FFFF99 !important; color: #333333 !important; font-size: 1.1rem; border-radius: 0 !important; text-align: left !important; }
.mapbox_cam .tooltiptext:after { width: 18px; height: 15px; display: block; top: -15px !important; bottom: inherit !important; left: inherit !important; right: 50px; border: none !important; background: url(/images/map/tooltip_arr_up.png) no-repeat; background-size: 18px auto !important; }
.prophist_lst .tooltiptext { width: 60px !important; padding: 3px !important; left: -15px !important; margin: 0 !important; font-size: 1.2rem; }
.prophist_lst { padding: 0 0 2px 0 !important; }
.map_search_notes{font-size: 1.2rem; color: #452c18; line-height: 1.4;}
.map_search { width: 297px; height: 36px; border: 3px solid #999999; position: relative; }
.map_search input, .map_search button { height: 30px; outline: none; border: none; }
.map_search .map_search_txt { width: 258px; padding-left: 10px; font-size: 1.6rem; }
.map_search .map_search_btn { width: 30px; font-size: 2rem; color: #999999; background: none; position: absolute; top: 0; right: 0; }
.map_search .map_search_btn:after { font-family: 'FontAwesome'; content: '\f002'; line-height: 1.3; }
.mapbox_area_img{border: 1px solid #E4E4E4;}
.map_serlt { overflow: hidden; margin-top: 16px; }
.map_serlt li { height: 30px; float: left; line-height: 1.3; margin: 0 0 3px 0 !important; padding: 0 5px 0 0 !important; text-align: left; }
.map_serlt li.unsupport { opacity: 0.35; }
.map_serlt li .map_serlt_text, .map_serlt li .map_serlt_img { display: table-cell; vertical-align: middle; }
.map_serlt li .map_serlt_text { padding-left: 4px; }
.map_infobox_arr .fa {display:none;}
.map_infobox a {text-decoration:none; color:#333333; overflow:hidden;}
.mapbox_ttl { min-height:26px; margin:4px 0 2px; color:#0033FF; font-size:1.3rem; line-height: 1.4; text-decoration:underline;}
.map_infolt_space { background-image: url(/images/map/loading.gif);  background-color: #ffffff; background-position: center 24px; background-repeat: no-repeat; background-size:30px 30px;}
 @media screen and (max-width:767px) {
#header { border-bottom: 1px solid #c4c1ce; transition:0.3s all ease-in-out; }
.map_top { position: fixed; width: 100%;/* margin-top: 75px;*/ top:0; padding: 5px; transition:0.3s all ease-in-out; display: flex; flex-direction: column;}
.map_top .map_period_search_warp .period_search_warp { padding: 0; margin: 5px 0px; }
.map_top .map_period_search_warp .period_search_warp .period_search { width: 100%; height: 70px; padding: 0px; border-radius: 0px; border: 3px solid #999999; display: flex; justify-content: left; flex-wrap: wrap; gap: 0px 10px;}
.not_smoking_only_wrap { display: flex; align-items: center; padding-left: 10px; }
.map_top .map_period_search_warp .period_search_warp .period_search_btn { width: 30px; font-size: 2rem; right: 0px; }
.map_top .map_period_search_warp .period_search_warp .period_search_btn::after { color: #999999; }
.map_top .map_period_search_warp .period_search_warp .datepicker_wrap { padding: 0 10px; }
.map_top .map_period_search_warp .period_search_warp .datepicker { height: 30px; }
.map_top .map_ttl_wrap { display: flex; flex-direction: column; }
.map_top .map_ttl { padding-top: 3px; font-size: 1.2rem; }
.map_top .map_toplt { float: right; }
.map_toplt li a { padding: 8px 7px; font-size: 1.2rem; }
.map_toplt li a .fa { font-size: 1.4rem; }
.map_toplt li.list a { padding: 8px 7px; }
.map_sidebar { position: relative; margin: 0 !important; z-index: 2; }
.map_sidebar .prophist_sdin { border-left:0; border-right:0;}
#hidesidebar { display: none; }
.showsidebar a, .hidesidebar a { position: relative; background: #928576; border-color: #928576; color: #fff; padding-right: 24px !important; font-size:1.2rem !important; }
.hidesidebar a { display:block; position: relative; border-radius:100px; background: #ffffff; border-color: #ffffff; color: #666666; text-decoration:none; padding:8px 24px 8px 10px !important; }
.showsidebar a:after { position: absolute; top: 9px; right: 5px; font-family: 'FontAwesome'; font-size: 1.6em; line-height: 0.8; vertical-align: middle; padding-left: 3px;}
.hidesidebar a:after { position: absolute; top: 9px; right: 5px; font-family: 'FontAwesome'; font-size: 1.4em; line-height: 0.8; vertical-align: middle; padding-left: 3px; }
.hidesidebar a:after { content: '\f106'; }
.showsidebar a:after { content: '\f107'; }
.map_info { margin-right: 0 !important; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 0; }
.map_infobtn { overflow: hidden; margin-bottom: -1px; }
.map_infobtn li { margin-left: 2px; }
.map_infobtn .map_toplt { width: 268px; float: left; margin: 0 0 5px 5px; }
.map_infoclose { position: absolute; right: 0; top:6px; z-index: 3; color: #fff; font-size: 2.2rem; text-align: center; }
.map_infobox:after { padding-top: 60px; }
#showsidebar {float:right !important; text-align: center;  z-index: 0;}
#hidesidebar {position:absolute; right:5px; top:3px; text-align: center; z-index: 3; }
#prod_frame { display: block !important; }
#prod_frame_out { display: none; }
.prod_frame_out { padding: 0 !important; }
.swiper-slide { border: 1px solid #cccccc; background: #ffffff; }
.swiper-slide:after { right: 2px; }
.swiper-containernear { padding: 5px 5px 20px 5px; background: #f4f4f4; }
.map_infotxt { width:calc(100% - 110px);}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { display: inline-block; left: 0; margin: 0 15%; width: 70% !important; bottom: -2px !important; }
.swiper-pagination-bullet-active { background: #dc8352 !important; }
.swiper-button-next, .swiper-button-prev { background: none !important; padding: 0 !important; height: 20px; width: 10px !important; bottom: -17px !important; top: inherit !important; font-size: 2rem; text-align: center; color: #999999 !important; }
.map_infotop { border-bottom: 1px solid #ccc; }
.map_infotopin { padding: 5px; }
.map_nav .prophist_sd_topttl { padding: 10px; }
.map_search { width: 100%; margin-top: 5px; }
.map_search .map_search_txt { width: calc(100% - 30px); }
.mapinfo_tgl { position: fixed; z-index: 1; }
.map_infolt_space { min-height: 87px; background-image: url(/images/map/loading.gif);  background-color: #ffffff; background-position: center 24px; background-repeat: no-repeat; background-size:30px 30px; }
.map_serlt li { width: calc(100%/3);}
.map_serlt li .map_serlt_text { font-size: 1.1rem; }
.map_infotopup { padding-right: 40px !important; }
.map_nav {margin-top: 148px;}
.map_toplt {
    position:fixed;
    padding: 3px 5px;
    width: auto;
    right: 0;
}
.map_toplt li {float:left;}
.map_toplt li a {font-size:1.2rem !important;}
.prophist_marker {margin-right:0 !important;}
.map_infobox {padding: 5px 30px 5px 5px;}
.mapbox_price {margin-bottom:0;}
.mapbox_price .oldprice {font-size:1.4rem;}
.mapbox_price .oldprice:after {font-size:1rem;}
.mapbox_price .saleprice {font-size:1.8rem;}
.mapbox_price .saleprice:after {font-size:1.2rem;}
.mapbox_area_img {width:100px;}
.mapbox_area {margin-bottom:5px;}
.mapbox_room {margin-bottom:0;}
.mapbox_jyoken { margin-bottom: 2px;}
#map_form {position:fixed;}

}
 @media screen and (min-width:768px), print {
#wrap_all { position:fixed; width:100%; min-height: 100% ; padding:0 !important; }
#header {top:0 !important}
#header .hd_itemLink{flex-direction: row;}
#header .hd_itemTxt{margin-top: 0; margin-left: 0.4em;}
#header .hd_itemIco{width: 16px; height: 16px;}
#header .hd_fav_count{top: 0.34em; right: auto; left: 8.4em;}
#header .hd_link{padding-right: 8px;}
#header .hd_itemLinkSupportMap{padding-left: 16px;}
#header .hd_itemLinkSupport{padding: 6px 32px;}
#gnavi { display: inline-block; background: none !important; border: none; position: relative; }
#gnavi .map_nav{width: 200px;}
#gnavi .map_nav_btn{
    width: 200px;
    height: 100%;
    display: block;
    padding: 14px 0 13px;
    color: #333333;
    font-size: 1.4rem;
    text-align: center;
    text-decoration: none;
    position: relative;
    border-left: 1px solid #C4C1CE;
    border-right: 1px solid #C4C1CE;
}
#gnavi .map_nav_btn::after {
    position: absolute;
    content: "\f0dd";
    font-family: fontawesome;
    font-size: 1.8rem;
    color: #452c18;
    top: 9px;
    right: 10px;
}
#gnavi .map_nav_list {
    width: 200px;
    position: absolute;
    top: 51px;
    display: none;
    z-index: 90;
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.25);
}
#gnavi .map_nav_item{
    width: 100%;
}
#gnavi .map_nav_link {
    width: 100%;
    display: block;
    padding: 12px;
    color: #452c18;
    background-color: #FFFFFF;
    border-bottom: #dcd4d1 1px solid;
    position: relative;
}
#gnavi .map_nav_link::after {
    position: absolute;
    content: "\f138";
    font-family: fontawesome;
    font-size: 1.4rem;
    color: #ec5928;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
}
#gnavi .map_nav_item:last-child .map_nav_link {
border-bottom: none;
}
.hd_desp { padding-left: 5px; font-size: 1.2rem !important; }
.hd_mapbot { height: 51px; border-bottom: 1px solid #c4c1ce; background: #f1f0ef; }
.hd_mapbot .hd_logo { width: 180px; margin: 7px 15px 7px 10px; padding: 0 !important; }
.hd_mapbot .hd_certify_map { float: left; width: 184px; height: 40px; margin-top: 5px; }
.hd_mapbot .hd_certf_num01 { line-height: 1.2; font-size: 1.3rem; }
.hd_mapbot .hd_certf_desp { font-size: 0.8rem; }
.hd_mapbot #gnavi {width: 200px; border-top: none !important; margin-bottom: 0 !important; }
.hd_mapbot .hd_mail, .hd_mapbot .hd_favorite { margin: 0; }
.hd_mapbot .hd_mail a, .hd_mapbot .hd_favorite a { border-radius: 0 !important; font-size: 1.2rem !important; box-shadow: none !important; padding: 5px 0;}
.hd_mapbot .hd_mail a{padding: 5px 0 6px;}
.hd_mapbot .hd_mail a .fa{ font-size: 2rem !important; padding-bottom: 4px !important; }
.hd_mapbot .hd_favorite .fa { font-size: 1.8rem !important; padding-bottom: 4px !important; }
.hd_mapbot .hd_mail { border-left: 1px solid #bcaba3; }
.map_sidebar { width: 277px; float: left; background: #fff; margin-left: -277px; transition: 0.3s all ease-in-out; }
#sidebar { position: relative; width: 277px !important; max-width: 100%!important; height: 500px; overflow-y: auto; background: #fff; }
.map_infoclose{margin-top: 8px;}
.map_info { position: relative; width: 302px; float: right;overflow: visible; transition: 0.2s all ease-in-out; }
.map_infolt { height: 400px; overflow-y: auto; }
.map_infotopup{align-items: flex-start;}
.map_infotopup .map_infotopupttl { width: 100%; font-size: 1.4rem; }
.map_top { position: relative; margin-top: 76px !important; padding: 5px 5px 5px 15px; display: flex; flex-direction: column; }
.map_top .map_period_search_warp .period_search_warp .period_search { width: 80%; border: 3px solid #999999; display: flex; justify-content: left; flex-wrap: wrap; gap: 10px;}
.map_top .map_period_search_warp .period_search_warp .period_search_btn { right: 20px; }
.map_top .map_ttl_wrap { display: flex; justify-content: space-between; }
.map_top .map_ttl { white-space: nowrap; padding: 5px 0; line-height: 1.4; font-weight: bold; font-size: 2rem; }
.map_search_wrap{width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 0 8px;}
.map_toplt { text-align: right; padding: 10px 10px 0 0; }
.map_toplt li { position: relative; }
.map_toplt li a { padding: 3px 7px; font-size: 1.3rem; }
.map_toplt li a .fa { font-size: 1.5rem; }
.map_toplt li.list a { padding: 4px 7px; }
#prod_frame_out { display: block !important; position: relative; }
.map_sidebartopbtn { position: absolute; top: 10px; right: -40px; width: 50px; height: 240px; transition: 0.5s all ease-in-out; }
.map_sidebartopbtn a { position: relative; display: block; width: 100%; height: 240px; border-radius: 0 4px 4px 0; writing-mode: tb-rl; -ms-writing-mode: tb-rl; text-decoration: none; padding: 10px 10px; background: rgba(102,102,102,1); background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(51,51,51,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,102,102,1)), color-stop(100%, rgba(51,51,51,1))); background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(51,51,51,1) 100%); background: -o-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(51,51,51,1) 100%); background: -ms-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(51,51,51,1) 100%); background: linear-gradient(to bottom, rgba(102,102,102,1) 0%, rgba(51,51,51,1) 100%); color: #fff; font-size: 1.4rem; }
.map_sidebartopbtn a:after { content: "\f105"; font-family: 'FontAwesome'; position: absolute; bottom: 8px; left: 10px; color: #fff; font-size: 2.4rem; }
.map_sidebartopbtn a:hover { background: #e57f11; }
.closesidebar { width: 80px; position: absolute; top: 5px; right: 5px; }
.closesidebar a { position: relative; display: block; width: 100%; height: 30px; padding: 7px 5px 0px 23px; border-radius: 100px; background: #ffffff; color: #333333; cursor: pointer; font-size: 1.3rem; text-decoration: none; }
.closesidebar a:before { content: "\f104"; font-family: 'FontAwesome'; position: absolute; top: 0; left: 9px; font-size: 2rem; }
.closesidebar a:hover { background: #999999; color: #fff; }
.prophist_sd_topttl { position: relative; padding-right: 80px; }
.tooltip_prophist .tooltip-topleft:after, .tooltip_prophist .tooltip-topleft:before { transform: rotate(270deg); }
.prophist_btnfixpc { position: fixed; left: 0; bottom: 0; width: 261px; height: 50px; padding: 5px; border-top: 1px solid #cccccc; background: rgba(255,255,255, 0.6); transition: 0.5s all ease-in-out; z-index: 3; }
.prophist_btnfixpc a { line-height: 40px !important; }
.map_infotop { border-bottom: 1px solid #666666; }
.map_infotopin { padding: 10px; }
.map_toplt { position: absolute; right: 0; float: right; }
.map_serlt li { width: 50%; }
.map_serlt li .map_serlt_text { font-size: 1.1rem; }
.map_infotxt { width: 170px;}
.map_infobox:hover { background: #FFF7F0; }
.map_infobox:hover .map_infobox_arr { background-color: #F4811E; border-color: #f1f0ef; }
.map_infobox:hover .mapbox_ttl a { color: #333; text-decoration: none; }
.map_infobox:after { padding-top: 80px; }
.swiper-wrapper { display: block !important; transform: none !important; }
.map_infobox { height: auto !important; border-bottom: 1px solid #cccccc; }
.swiper-button-next, .swiper-button-prev { display: none; }
.mapinfo_tgl {border-left: 2px solid #666666; background: #ffffff; width: 302px; right: -320px; position: absolute; z-index: 1; }
.map_infotop { display: block !important; height: auto !important; }
.swiper-slide-duplicate-active, .swiper-slide-prev { display: none !important; }
.mapbox_price {clear:both;}
}

/** Advanced Marker（map.js）ラベルラッパー */
.map_advanced_marker_root {
    cursor: pointer;
}

/** マーカーの空き部屋表示用 */
.label_skin{
    font-size: 1.1rem;
    color: #FFFFFF;
    border: 1px solid currentColor;
    padding: 0.2rem 0.6rem;
    border-radius: 5px;
    position: relative;
    display: inline-block;
}
.label_skin::before{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    border: 4px solid transparent;
    border-top: 6px solid #FFFFFF;
    z-index: 2;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.label_skin::after{
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    border: 5px solid transparent;
    border-top: 6px solid currentColor;
    z-index: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.label_campaign::before{
    content: '\f005 ';
    font-family: 'FontAwesome';
    font-size: 1.4rem;
    color: #E04000;
    position: absolute;
    top: -7px;
    left: -8px;
    z-index: 3;
    text-shadow:1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF,-1px 1px 0px #FFFFFF,  1px -1px 0px #FFFFFF,1px 0px 0px #FFFFFF, -1px  0px 0px #FFFFFF,0px 1px 0px #FFFFFF,  0px -1px 0px #FFFFFF;
}
/* 利用期間なしのデフォルト：白地のまま、枠・文字を鮮やかなオレンジ系に */
.defalt_label {
    color: #E04000;
    background-color: #FFFFFF;
    font-weight: 400;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.defalt_label.label_skin::before {
    border-top: 6px solid #FFFFFF;
}
.defalt_label.label_skin::after {
    border-top: 6px solid #E04000;
}
/* 明るめのまま彩度を上げ、地図上でくっきり見せる */
.vacancy_defalt_label {
    background-color: #00C090;
}
.few_defalt_label {
    background-color: #FF6F1A;
}
.attention_defalt_label {
    background-color: #F0B00A;
}
.novacancy_gray_label {
    background-color: #787878;
}
.vacancy_defalt_label.label_skin::before {
    border-top: 6px solid #00C090;
}
.few_defalt_label.label_skin::before {
    border-top: 6px solid #FF6F1A;
}
.attention_defalt_label.label_skin::before {
    border-top: 6px solid #F0B00A;
}
.novacancy_gray_label.label_skin::before {
    border-top: 6px solid #787878;
}

/** このエリアを検索 */
.search-button {
    display: none;
    font-size: 1.3rem;
    font-weight: bold;
    color: #0066CC;
    position: absolute;
    top: 147px;
    left: 50%;
    background-color: #FFFFFF;
    border: 2px solid currentColor;
    padding: 6px 8px 7px;
    line-height: 1.6;
    cursor: pointer;
    border-radius: 50px;
    z-index: 1000;
    transform: translateX(-50%);
}
@media screen and (min-width:360px), print {
    .search-button {
        font-size: 1.4rem;
        padding: 6px 15px 7px;
        line-height: 1.45;
    }
}
@media screen and (min-width:768px), print {
    .search-button {
        font-size: 2rem;
        /* サイドバー開閉に合わせて地図中央位置を滑らかに追従 */
        transition: left 0.3s ease-in-out;
    }
    /*
     * .map_sidebar 展開時（幅277px / margin-left: 0）は、
     * サイドバー分を除いた地図の可視領域の左右中央へずらす
     */
    body:has(.map_sidebar[style*="margin-left: 0"]) .search-button,
    body:has(.map_sidebar[style*="margin-left:0"]) .search-button {
        left: calc(50% + 138.5px);
    }
}
@media screen and (min-width:991px), print {
    .search-button {
        font-size: 2.2rem;
        padding: 7px 22px 8px;
    }
}
@media (hover: hover) and (pointer: fine) {
    .search-button:hover {
        background: #0066CC;
        color: #FFFFFF;
    }
}

/* toastr スタイル */
#toast-container > .toast {
    width: 400px !important;
    max-width: 90vw;
    opacity: 1 !important;
}
#toast-container > .toast-warning {
    background-color: #F89406 !important;
    opacity: 1 !important;
}