@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 
/**/

html {height: 100%;}
body {height: 100%;}
#PAGE {height: 100%;}

.mapboxgl-canary {}
.mapboxgl-canvas-container {width: 100%; height: 100%;position: relative;z-index: 10;}
.mapboxgl-canvas-container .mapboxgl-canvas {position: relative !important;}
.mapboxgl-control-container {width: 100%;height: 28px;position: absolute;left: -3px;bottom: -6px;z-index: 20;}
.mapboxgl-popup {max-width: 400px;font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;z-index: 30;}

.marker {background-image:url(/img/common/map/pin_school.png);width: 32px;height: 32px; background-size: cover;  cursor: pointer;}
.marker2 {background-image:url(/img/common/map/pin_school.png);width: 32px;height: 37px; background-size: cover;  cursor: pointer;}
.marker.B_3,.marker.B_4    {background-image:url(/img/common/map/pin_preschool.png);}/*保育園・こども園・幼稚園*/
.marker.B_1   {background-image:url(/img/common/map/pin_school.png);}/*小学校*/
.marker.B_2    {background-image:url(/img/common/map/pin_jrhschool.png);}/*中学校*/
.marker.C    {background-image:url(/img/common/map/pin_shop.png);}/*スーパー*/
.marker.E    {background-image:url(/img/common/map/pin_public.png);}/*公共*/
.marker.D    {background-image:url(/img/common/map/pin_hospital.png);}/*医療*/
.marker.G    {background-image:url(/img/common/map/pin_spot.png);}/*スポット*/
.marker.V   {background-image:url(/img/common/map/pin_voice.png);}/*口コミ*/
.marker.S   {background-image: url(/img/common/map/pin_shelter.png);background-size: 10px;background-repeat: no-repeat;background-position-x: center;background-position-y: center;}/*避難施設*/

.marker.__marker_selected {/*background-color: #e62e2e;*/}

.mapboxgl-popup {max-width: 200px;}
.mapboxgl-popup .mapboxgl-popup-content {text-align: center;font-family: 'Open Sans', sans-serif; padding: 5px 25px 4px 12px;background: #666;color:#fff;}
.mapboxgl-popup .mapboxgl-popup-content p {font-weight: bold;}
.mapboxgl-popup .mapboxgl-popup-content a{color: #fff;}
.mapboxgl-popup-close-button { color: #fff;}
.B_3 .mapboxgl-popup-content,.B_4 .mapboxgl-popup-content{background:#FBDD85;}
.B_3.mapboxgl-popup-anchor-left .mapboxgl-popup-tip,.B_4.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:#FBDD85}
.B_3.mapboxgl-popup-anchor-right .mapboxgl-popup-tip,.B_4.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:#FBDD85}
.mapboxgl-popup-anchor-bottom.B_3 .mapboxgl-popup-tip,.mapboxgl-popup-anchor-bottom.B_4 .mapboxgl-popup-tip{border-top-color:#FBDD85; }
.mapboxgl-popup-anchor-top.B_3 .mapboxgl-popup-tip,.mapboxgl-popup-anchor-top.B_4 .mapboxgl-popup-tip{border-bottom-color:#FBDD85; }
.B_1 .mapboxgl-popup-content,.B_2 .mapboxgl-popup-content{background:#8ACCB0; }
.mapboxgl-popup-anchor-left.B_1 .mapboxgl-popup-tip,.mapboxgl-popup-anchor-left.B_2 .mapboxgl-popup-tip{border-right-color:#8ACCB0; }
.mapboxgl-popup-anchor-right.B_1 .mapboxgl-popup-tip,.mapboxgl-popup-anchor-right.B_2 .mapboxgl-popup-tip{border-left-color:#8ACCB0; }
.mapboxgl-popup-anchor-bottom.B_1 .mapboxgl-popup-tip,.mapboxgl-popup-anchor-bottom.B_2 .mapboxgl-popup-tip{border-top-color:#8ACCB0; }
.mapboxgl-popup-anchor-top.B_1 .mapboxgl-popup-tip,.mapboxgl-popup-anchor-top.B_2 .mapboxgl-popup-tip{border-bottom-color:#8ACCB0; }
.C .mapboxgl-popup-content{background:#F8944C;}
.mapboxgl-popup-anchor-left.C .mapboxgl-popup-tip{border-right-color:#F8944C;}
.mapboxgl-popup-anchor-right.C .mapboxgl-popup-tip{border-left-color:#F8944C;}
.mapboxgl-popup-anchor-bottom.C .mapboxgl-popup-tip{border-top-color:#F8944C;}
.mapboxgl-popup-anchor-top.C .mapboxgl-popup-tip{border-bottom-color:#F8944C;}
.E .mapboxgl-popup-content{background:#1E79AE;}
.mapboxgl-popup-anchor-left.E .mapboxgl-popup-tip{border-right-color:#1E79AE;}
.mapboxgl-popup-anchor-right.E .mapboxgl-popup-tip{border-left-color:#1E79AE;}
.mapboxgl-popup-anchor-bottom.E .mapboxgl-popup-tip{border-top-color:#1E79AE;}
.mapboxgl-popup-anchor-top.E .mapboxgl-popup-tip{border-bottom-color:#1E79AE;}
.D .mapboxgl-popup-content{background:#8BDFE8;}
.mapboxgl-popup-anchor-left.D .mapboxgl-popup-tip{border-right-color:#8BDFE8;}
.mapboxgl-popup-anchor-right.D .mapboxgl-popup-tip{border-left-color:#8BDFE8;}
.mapboxgl-popup-anchor-bottom.D .mapboxgl-popup-tip{border-top-color:#8BDFE8;}
.mapboxgl-popup-anchor-top.D .mapboxgl-popup-tip{border-bottom-color:#8BDFE8;}
.G .mapboxgl-popup-content{background:#B2A5ED;}
.mapboxgl-popup-anchor-left.G .mapboxgl-popup-tip{border-right-color:#B2A5ED;}
.mapboxgl-popup-anchor-right.G .mapboxgl-popup-tip{border-left-color:#B2A5ED;}
.mapboxgl-popup-anchor-bottom.G .mapboxgl-popup-tip{border-top-color:#B2A5ED;}
.mapboxgl-popup-anchor-top.G .mapboxgl-popup-tip{border-bottom-color:#B2A5ED;}
.V .mapboxgl-popup-content{background:#e68c92;}
.mapboxgl-popup-anchor-left.V .mapboxgl-popup-tip{border-right-color:#e68c92;}
.mapboxgl-popup-anchor-right.V .mapboxgl-popup-tip{border-left-color:#e68c92;}
.mapboxgl-popup-anchor-bottom.V .mapboxgl-popup-tip{border-top-color:#e68c92;}
.mapboxgl-popup-anchor-top.V .mapboxgl-popup-tip{border-bottom-color:#e68c92;}

.mapboxgl-popup .mapboxgl-popup-content .shelterDialogContents:not(:first-child) {text-align: left;}
.mapboxgl-popup .mapboxgl-popup-content .shelterDialogContents:first-child {font-weight: bold;}

/* center marker on map-canvas */
._centerMarker_logout { width: 65px;height: 65px;background: #a8a8a67d;border-width: 2px;border-radius: 50%;}
._centerMarker_1 { background-image: url(/img/common/map/pin_mansion.png);width: 31px;height: 36px;background-size: cover;}
._centerMarker_2 { background-image: url(/img/common/map/pin_house.png);width: 31px;height: 36px;background-size: cover;}
._centerMarker_3 { background-image: url(/img/common/map/pin_land.png);width: 31px;height: 36px;background-size: cover;}
._centerMarkerDirect { background-image: url(/img/common/map/pin_red32.png);width: 31px;height: 93px;background-size: cover;}

.shelterDialogContents {display: block;}