@charset "UTF-8";

body {
	color: #fff;
	background-color:#fff;
	font-size: medium;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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 {
	 width:46px;
	 margin-top:0 ;
     padding-top: 0px;
     
     float: right;
 }
	


/*　住所検索ボタン　


.btn_kukan_on{
	width:40px;
	height:48px;
	color:#fff;
	background-color:#ddd;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
	border-radius:3px;
	box-shadow: -1px -1px  #333  inset;
}*/

.btn_kukan{
	width:44px;
	height:26px;
	color:#035634;
	background-color:#eee;
	font-size:16px;
	font-weight:bold;
	text-align:center;
    vertical-align: bottom;
    margin: 3px 0 0px 0;
	padding:3px 0 0px 0;
	border-radius:5px;
    border: solid 1px #ccc;
	box-shadow: 1px 1px  #aaa  ;/**/
}

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

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

/*
#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; 
	  }	

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

/* メニュー全体のフォントを変更 */
.leaflet-control-layers {
     font: 15px "M PLUS 1p", sans-serif;
    line-height: 1.8em;
    color: #333;
}

 .leaflet-popup-content  a {
       color:#0005ce; 
       font: 16px "M PLUS 1p", sans-serif;
       font-weight: 500;
       text-decoration:none;
       padding:0em 0 0 0;
       margin: 0em 0.1em 0 0;
     /*background-color: chocolate;*/
}

.leaflet-popup-content a > .chocolate {
       /*color:#009900;*/
       color:chocolate;
       font: 13px  "M PLUS Rounded 1c", serif;
       font-weight: 700;
       text-decoration: none;
       margin: 0em 0 -1.5em 0;
       padding:-0.5em 0  0.1em 0;
       /*background-color: aqua;*/
}

    .leaflet-popup-content{
      color:maroon;
      font: bold 10px;
        text-align: center;
        min-width: 60px;/*最小値*/
        max-width: 240px;/*最大値*/
        margin: 0px 10px 0px 10px;
        padding:0 .25em 0 .25em;
        /*background-color: darkkhaki;*/
    }
 
  .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;*/
	}
/**/