html, body {
			height: 100%;
			margin: 0;
		}
		#map_cat005366 {
			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;
	}
.leaflet-control-layers-toggle:before {
opacity:0;
	}
}
#btnCurLocation { 
position:absolute;
top: 170px;
left:0;
}

#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(../../image/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 p{
margin: 0 0.5em 0.5em 0.5em;
}

.modal-main h3 {
margin: 0;
}

.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%;
}
.modal-main h3 {
margin-top: 1em;
}
.modal-main img{
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}
}

/* 閉じるボタン */
.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;
}

/********* 下層メニュー *********/
dt.ac-parent {
    border-left: 0.5em solid #93c35b;
    border-bottom: 1px solid #93c35b;
    margin: 4px;
    padding: 0.3em;
    position: relative;
}

.ac-child__item {
	position: relative;
	padding: 1em;
    border-top: 1px solid #93c35b;
	cursor: pointer;
}
.ac-child__item:first-child {
border-top: none;
}

/* 下層メニューアイコン */
.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;
}

/* 下層メニュー内テキストエリア */
.ac-child__description {
	padding: 1em;
	background-color: #fff;
	border: 1ps solid #ddd;
}

dd {
    margin-inline-start: 1em;
}
dl {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.spot-list {
list-style:none;
padding-inline-start:1em;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.spot-list li{
padding: 0.2em 0;
}

ul.display-tab{
display: none;
}

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

}

#desc-en {
display: none;
}
.switch-lng {
	border:2px solid #bacd31 !important;
	border-radius:5px;
	padding:0.3em 1.3em;
	margin:0.5em 0em;
	background-color:#fff;
	cursor: pointer;
}

.theme-title {
font-size: 1.5em;
}

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