@charset"utf-8";
/*
#container	{
	width:100%;
	height: 100%;
	margin:0;
}	
 */
 
 #top {
   height:54px;
   /*background-color: lightpink;*/
   
}
	/**/
@media only screen and (orientation: portrait) {

#title{
	 width:calc(100% - 2em);
     margin:0 0 0 0;
     padding:18px 0 2px 0;
	 height:30px;/**/
	 color:#005FFF;
	 
	 text-align:center;
	 font-size:18px;
	 font-family: "M PLUS Rounded 1c", sans-serif;
     font-weight: 500

	 }

	


#btn_area {
	 width:auto;
	 margin: -42px 23px 0px 0 ;
 }
 
 
#map{
	width: calc(100% - 17px);
	height: calc(100vh - 164px);
    max-height: 740px;
    display: block;
	margin:0px 0px 0px 2px;
	padding:1px 1px 1px 1px;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #999;
	 }
}

address {
      width: calc(100% - 13px);
	  text-align:center;
      color:#fff;
	  font-size: 11px;
      font-style:normal;
      /**/
     
      padding:5px 0px 6px 0px;
	  margin:0 0 0 2px;

	  }	 


@media only screen and (orientation: landscape) {

#title{
	 width : calc(100% - 14px);
     margin:0px 0 0px 0;
     padding:16px 0  0px 0em;
	 height:30px;/**/
	 color:#5fac3a; 
	 
	 text-align:center;
	 font-size:16px;
	 font-weight:700;/**/
     background-color:#fff;

	 }

#btn_area {
	 width:calc(100% - 26px);
     height:auto;
	 margin: -37px 0px 0px 0 ;
     padding: 0;
 }
 
#map{
	width: calc(100% - 10px);
	height: calc(100vh - 87px);
    max-height: 700px;
	margin:0px 0px 0px 2px;
	padding:1px 1px 1px 1px;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #999;
	 }
     
address {
	  text-align:center;
      color:#fff;
	  font-size: 10px;
      font-style:normal;
     
      width: calc(100% - 6px);
	  /* background-color: #5fac3a; */
      padding:4px 0px 5px 0px;
	  margin:0 5px 0 2px;

	  }	     
}

/*     共通    

 .mark{   
    width:0;
    height:0;
    margin: 0;
}*/
 

.mark{
    position:relative;
    top: 0px;
    height:54px;
    z-index: 10;/**/
    margin: auto;
    text-align: center;
    background-image: url("../img/header_logo_sp.png");
    background-size: 750px;
    background-repeat: no-repeat; 
    background-position:50%; 
    background-color: #fff; 
   border-bottom: solid 1px #ccc; /**/
}

.mark   .link{
    display:none;
}   
 
/*
.leaflet-control-layers-expanded {
     height: calc(100vh - 345px);    
    max-height: 530px;
    overflow-y: auto  !important;     
    padding-right: 15px;  
}
*/
.leaflet-control-layers-expanded {

    overflow-y: auto;     
    padding-right: 15px;  
}
/* スクロールバー全体の幅（太さ） */
.leaflet-control-layers-expanded::-webkit-scrollbar {
    width: 6px; /* ここで太さをピクセル指定 */
}

/* スクロールバーの「持ち手（つまみ）」部分 */
.leaflet-control-layers-expanded::-webkit-scrollbar-thumb {
    background-color: #6F90FF;
    border-radius: 3px;
}

/* スクロールバーの背景（レール）部分 */
.leaflet-control-layers-expanded::-webkit-scrollbar-track {
    background: #f1f1f1;
}