html, body {
			height: 100%;
			margin: 0;
		}
		#map_201 {
			width: 100%;
			height: 100%;
/*			cursor: url(image2.png), auto;*/
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
		}
		.leaflet-control-layers-selector:focus {
			outline: 1px solid #000 !important;
		}

		.leaflet-control-layers-overlays label{
			margin-left:1em;
		}
		.leaflet-control-layers-overlays label.leaflet-control-layers-group-label{
			margin-left:0em;
		}
.leaflet-popup {    margin-bottom: 40px;}
/* Here I move the "tip" to the right location, but didn't succeed in making it visible. So I just remove the box-shadow and leave it: */
.leaflet-popup-tip-container {
   top: 0px !important;
}
.leaflet-popup-tip {
   box-shadow: none !important;
}
.leaflet-control-layers-toggle:before {
   content: 'メニュー';
   position:absolute;
   top: 0;
   right: 50px;
   width: 4em;
   color:#fff;
   font-size:1.2em;
   line-height: 30px;
}

@media(max-width:767px){
.leaflet-control-layers-toggle {
	width: 30px;
	height: 30px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-size: 20px 20px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 30px;
	height: 30px;
	}
}

header {
width: 100%;position:fixed;top:0;background-color: rgba(0,0,0,0.65);z-index:11;
}
#btnAbout { 
position:absolute;
top: 170px;
left:0;
}

#btnHelp { 
position:absolute;
top: 205px;
left:0;
}

#btnTheme { 
position:absolute;
top: 240px;
left:0;
}

.btn-tanbo {
padding:5px;
margin-left:1em;
cursor: pointer;
color: #fff;
border:2px solid #fff;
background-color: rgba(0,0,0,0.65);
z-index: 12;
}
/*=== パンくずリスト ===*/
ul.pankuzu {
    margin-left : 1em;
    padding-left : 0;
    display: inline-block;
white-space: nowrap;
}
ul.pankuzu, ul.pankuzu a {
    color: #fff;
    text-decoration:none;
}
ul.pankuzu li {
	display : inline;
	list-style : none;
	margin-right:0.2em;}

ul.pankuzu li:after {
/* △を表示*/
	content : "\025b6";
	font-size : 75%;
	padding-left : 0.5em;
	vertical-align : middle;
	vertical-align : 15%;}

ul.pankuzu li:last-child:after {
    content : '';
}
ul.pankuzu li.home a:before {
    display : inline-block;
    width : 1em;
    height : 1em;
    margin-right : 0.3em;
    margin-bottom : -0.1em;
    /*家アイコン*/
    content : "";
    background : transparent url(images/ico_pankuzu_home_tanbo.gif) no-repeat;
    background-size : contain;
}
ul.pankuzu li.home a:hover{
    /*家アイコン*/
    text-decoration: underline;
    background-size : contain;
}
@media(max-width:767px){
ul.pankuzu li:after, .current {
opacity:0;
}
ul.pankuzu {
    margin-left : 0.2em;
}
}
/*
@media(max-width:767px){
#btnTheme { 
position:absolute;
top: 270px;
left:0;
background-color: #fff;
color: #000;
}
#btnHelp { 
position:absolute;
top: 220px;
left:0;
background-color: #fff;
color: #000;
}
}
*/
/* モーダルウィンドウ */
.modal-window {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 5px;
  z-index: 10000;
  padding: 1em;
  width: 60%;
  max-height:80%;
  overflow: scroll;
}

.modal-main {
overflow-y:scroll;
overflow-y: hidden;}

.modal-main h4 {
margin-block-end:0;
border-left:0.5em solid #93c35b;
margin-left: 0.5em;
padding-left: 0.5em;
}


@media(max-width:767px){
.modal-window {
  width: 80%;
}
}

/* 閉じるボタン */
.button-close {
  position: absolute;
  top: 2%;
  right: 2%;
  padding: 0.3em 0.6em;
  border-radius: 20rem;
  cursor: pointer;
}

.button-close:focus {
background-color: #fff;
outline: 3px solid #000;
}
/* オーバーレイ */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 9999;
}
/* 表示領域外へはスクロールさせない */
.no_scroll {
  overflow: hidden;
}


/* 下層メニューアイコン */
.close:after {
	content: "＋";
	display: block;
	position: absolute;
	top: 40%;
	right: 16px;
	width: 8px;
	height: 8px;
	transition: all .3s;
}

.open:after {
	content: "－";
	display: block;
	position: absolute;
	top: 40%;
	right: 16px;
	width: 8px;
	height: 8px;
	transition: all .3s;
}


ul.display-tab{
display: none;
}

@media(max-width:767px){
ul.display-default li{
display: none;
}
ul.display-tab {
display: inline-block;
white-space: nowrap;
}

}


.leaflet-control-layers {
z-index:1000;
}

.opacity_slider_control:before {
position:absolute;
bottom:45px;
margin-left:1em;
padding:0.2em 0.3em;
font-size:1.5em;
font-weight:bold;
background:rgba(255,255,255,0.7);
content:'無←重ね地図→有';
white-space:nowrap;

}

.point-in{
width:auto;
max-width:250px;
display:block;
text-align:center;
}

.point-in img{
border:1px solid #888;
display:block;
margin:7px auto 5px;
width:180px;
height:auto;
min-height:120px;
max-height:300px;
object-fit:contain;
}

.point-in p{
max-width:230px;
margin:7px auto;
}

.point-in a{
color:#000;
}