@charset "UTF-8";

body {
	color: #fff;
	background-color:#fff;
	font-size: medium;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Noto Sans TC",sans-serif;
	margin:0 0 0 0;
	height: calc(100vh - 10px);
	 }
 
   

#container	{
	width:100%;
	height:100%;
	/*margin:auto;*/
	
			}
			
.caution {
	line-height:1.2em;
	padding:1px 10px 1px 10px;
	color:red;	
}

.kannai{
	font-size:16px;
	margin:0 auto 10px auto;
}	 

.btn_area_index {
	 width:90%;
    height:50px;
	 margin:  auto  ;
    position:relative;
    
    text-align: center;
   display: flex; /* 横並びにする */
    justify-content: center; /* 子要素を水平方向の中央に配置する */
    background-color:aquamarine;/**/
 }

.btn_area {
	 width:auto;
	 margin:  0 ;
     padding-top: 0px;
     z-index: 2000;
    position:absolute;
    top:8px;
    right:25px;
     float: right;/*
    background-color:darkolivegreen;*/
 }


	


.btn_choice{
	width:80px;
	height:27px;
	color:#035634;
	background-color:#eee;
	font-size:18px;
    font-family:  "Zen Maru Gothic", sans-serif;
	font-weight:700;
    display:block;
	text-align:center;
    vertical-align:middle;
    margin: 3px 20px ;
	padding:8px 0 2px 0;
	border-radius:5px;
    border: solid 1px #ccc;
	box-shadow: 1px 1px  #aaa  ;/**/
    float: left;
}

.btn_kukan{
	width:44px;
	height:30px;/**/
	color:#035634;
	background-color:#eee;
	font-size:18px;
    font-family:  "Zen Maru Gothic", sans-serif;
	font-weight:700;
    display:block;
	text-align:center;
    vertical-align:middle;
    margin: 3px 0 3px 10px;
	padding:6px 0 2px 0;
	border-radius:5px;
    border: solid 1px #ccc;
	box-shadow: 1px 1px  #aaa  ;/**/
    float:right;
}

.btn_kukan2{
	width:auto;
    min-width: 44px;
	height:30px;
	color:#035634;
	background-color:#eee;
	font-size:11.5px;
	font-weight:500;
    display:block;
	text-align:center;
    line-height: 1.2em;
    vertical-align:bottom;
    margin: 3px 0 0px 10px;
	padding:8px 0 0px 0;
	border-radius:5px;
    border: solid 1px #ccc;
	box-shadow: 1px 1px  #aaa  ;/**/
    float:right;
}

.btn_kukan a,.btn_kukan2 a,.btn_choice a{
	display:block;/**/
	color:#777;
	text-decoration:none;
}

.btn_kukan a:hover{
    display:block; /*  !!!  
    width:44px;*/
    height:32px;
    color:#aaa;
	background-color:#fff;
	text-decoration:none;
	margin:-4px 0px 0 0px; /**/
	padding:4px 0px 0px;
	border-radius:5px;/*
    border-bottom: solid 1px #bbb;
    box-shadow: 1px 1px  #aaa  inset;*/
}

.btn_kukan2 a:hover{
    display:block; /*  !!!  
    width:44px;*/
    height:29px;
    color:#aaa;
	background-color:#fff; /**/
	text-decoration:none;
	margin:-6px 0px 0 0px;
	padding:6px 0px 0px;
	border-radius:5px;/*
    border-bottom: solid 1px #bbb;
    box-shadow: 1px 1px  #aaa  inset;*/
}
.tsume{
    letter-spacing:-0.1em;
}


.clear { clear:both; }

/*
#myContainer {
	 width:100%;
	 height: 100%;
     margin:auto; 
}
*/

#hanrei{
margin: 0 auto;
background-image:url("../img/legend.jpg");
background-repeat: no-repeat; 
background-position: left 50%; 
background-size: 100%;
width: 100%;
height:calc(100vh - 190px);
}

.legend {
background-color:#fff;
width:100%;
margin-top: -36px;
}

address {
	  text-align:center;
      color:#fff;
	  background-color:darkgreen; 
	  }	

/*-----------FONT----------*/

/*M PLUS 1p*/
.m-plus-1p-medium {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus-1p-bold {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/*Kiwi Maru*/
.kiwi-maru-regular {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}

.kiwi-maru-medium {
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
}

/*M PLUS Rounded 1c*/
.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-rounded-1c-medium {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus-rounded-1c-bold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/*Zen Maru Gothic*/
.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}


/*---------------------------------------*/

.leaflet-control-layers{
    background-color: #FFFFFF;
}


.leaflet-control-layers-list img{
    margin: 4px 0 -4px 0px;
    
}

.leaflet-retina .leaflet-control-layers-toggle {
	background-image:url("../img/layers-2x.png");
	background-size: 36px 36px;
	}

    .leaflet-popup-content-wrapper,
    .leaflet-popup-tip {
      background: #ffffff;
      border-color: #add991; 
    }


 .leaflet-popup-content  a {
       color:#59a329; /*みんくるグリーン*/
       font: 16px "M PLUS 1p", sans-serif;
       font-weight: 500;
       text-decoration: none;
}

 .leaflet-popup-content  b {
       color:#cc33cc;
     /*color:#20F6E9;*/
       font: 14px  "M PLUS Rounded 1c", sans-serif;
       font-weight: 400;
       text-decoration: none;
       line-height: 0px;
}

.leaflet-popup-content a > .pink0 {
       color:#ff66ff;
       font: 14px  "M PLUS Rounded 1c", serif;
       font-weight: 700;
       text-decoration: none;
}

.leaflet-popup-content a > .pink {
       color:#ff66ff;
       font: 14px  "Noto Sans TC", sans-serif;
       font-weight: 400;
       text-decoration: none;
}

 .leaflet-popup-content img{
     position: relative;
     top:4px;
    width:60px;
    border-width: 2px; /* 枠線の太さ */
    border-style: solid; /* 枠線の種類（実線） */
    border-color: brown;
}

    .leaflet-popup-content{
      color: blue;
      font: bold 10px;
        text-align: center;
        min-width: 60px;/*最小値*/
        max-width: 240px;/*最大値*/
        margin: 0px 10px 0px 10px;
        padding:0 .25em 0 .25em;
    }

   .leaflet-container a.leaflet-popup-close-button {
       
    display: none;   
	/*position: absolute;
	top: -3px;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
    font: 16px "M PLUS 1p", sans-serif;  
	color: #ccc;
	text-decoration: none;
	background: transparent;*/
	}

    .leaflet-popup-content-wrapper {
      border-width: 3px;
      border-style: solid;
      border-radius: 20px;    
    }

    .leaflet-popup-tip-container {
      
      margin-top: -3px;
      height: 23px;
    /* position:relative;
        top: 8px;*/
    }

    .leaflet-popup-tip {
      border-style: solid;
      border-width: 0 3px 3px 0;
    }


.leaflet-control-container{
    background-color: #ffffff;
}

.leaflet-container {
  background-color: #ffffff !important;
}