* {
  box-sizing: border-box;
}

h1 { font-size: 13px; 
    font-family: "DBSansRegular", Georgia;
    margin-bottom: -5px;
    margin-top: 6px;
}
    
@font-face {
    font-family: 'DBSansRegular';
    
    src: 
         url('./font/DBSans-Regular.woff') format('woff'); /* Modern Browsers */
         
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;}

@font-face {
    font-family: 'DBSansBold';
    
    src: url('./font/DBSans-Bold.woff') format('woff'); /* Modern Browsers */
         
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
    
@font-face {
    font-family: 'DBSansCondBold';
    
    src: url('./font/DBSansCond-Bold.woff') format('woff'); /* Modern Browsers */
         
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
    
@font-face {
    font-family: 'DBSansCondRegular';
    
    src: url('./font/DBSansCond-Regular.woff') format('woff'); /* Modern Browsers */
         
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


body { font-size: 15px; font-family: "DBSansCondRegular", Georgia;}

#map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.maplibregl-ctrl-top-left {
  z-index: 700
}

.e-marker {
  transform-origin: bottom center;
  cursor: pointer;
}


.e-marker__image {
  transform: scale(0);
  transform-origin: 50% 50%;
}
.e-marker__circle {
  display: none;
}

.iokiClass1 {
  opacity: 0.01;
}

.e-marker__text {
  font-size: 10.5px;
  font-family: "DBSansCondBold", sans-serif;
  text-align: center;
  opacity: 0;
  color: #000;
  fill: #000;
  transform-origin: 50% 50%;
  alignment-baseline: middle;
  text-anchor: middle;
  text-shadow: 
  -1px -1px 0 #FFF,
  0   -1px 0 #FFF,
  1px -1px 0 #FFF,
  1px  0   0 #FFF,
  1px  1px 0 #FFF,
  0    1px 0 #FFF,
  -1px  1px 0 #FFF,
  -1px  0   0 #FFF;
}


.mapboxgl-popup-tip {
display: none;
		}
.mapboxgl-popup {
z-index: 700;
		}

.e-marker__sf {
visibility: hidden;
		}

.mapboxgl-popup-content {
width: auto;
max-width: 650px;
background: none;
border: none;
box-shadow: none;
padding: inherit;
		}
      
#frame1 {
width: 60px;
height: 80px;
border: none
		}
      
#frame2 {
width: 400px;
height: 360px;
border: none
		}

.clickable {height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 1;}

.sf, .sf2 {position:absolute; background: url(img/t01.png); cursor: pointer;}

#btn_p {
position: absolute;
right: 15px;
bottom: 20px;
width: 263px;
height: 56.6px;
cursor: pointer;
z-index: 800
		}

@media only screen and (min-width: 768px) {
#menue_c {
top: 562px;
		}
	
	
}

@media only screen and (max-width: 768px) {
#btn_p {
width: 210px;
height: 45.28px;
		}
	
}

@media only screen and (max-height: 600px) {
#btn_p {
left: 15px;
bottom: 10px;
		}	
}