.table-wrap {
  overflow-x: scroll;
  overflow-y: scroll;
  height: 800px;
}

.img_box{
	display:table-cell;
}
img {
  max-width: 100%;
  height: atuo;
}

.infobox{
  margin : 30px ;
  padding : 20px ;
  max-width: 80%;
  border-radius:22px;
  background-color : lightgray ;
  border: solid 1px #ccc;
  box-shadow: 2px 3px 5px -2px #ddd inset;/*テキストエリア内にシャドウ*/
}

#div2{
  margin : 30px ;
  /*padding : 20px ; */
  width:1500px; 
  height:auto;
  max-width: 80%;
  max-height: 60%;
  aspect-ratio: 5 / 3;
  background-color: white;
}

#div3{
  margin : 30px ;
  /*padding : 20px ; */
  width:1500px; 
  height:auto;
  max-width: 80%;
  max-height: 60%;
  aspect-ratio: 5 / 3;
  background-color: white;
}

#div4{
  margin : 30px ;
  /*padding : 20px ; */
  width:1500px; 
  height:auto;
  max-width: 80%;
  max-height: 60%;
  aspect-ratio: 5 / 3;
  background-color: white;
}

.txt-limit {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leaflet-touch .leaflet-bar a {
	width: 90px;
	height: 90px;
	line-height: 30px;
	}

  /**/
  .table1 {
    width: 100%;
    vertical-align: top;
  }

  .table1 .td_entrance {
    vertical-align: top;
    width: 30%;
  }

  .table1 .td_biodiversity {
    vertical-align: top;
    width: 30%;
  }

  .table1 .td_monitoring {
    vertical-align: top;
    width: 40%;
  }

  .tablebox {
      margin: 0 auto 20px;
      padding-bottom: 20px;
      background: #fff;
      box-shadow: 0 0 4px rgba(0, 0, 0, 1);
  }

  #body_box1 {
    width: 1500px;
    max-width: 90%;
    margin: 0 auto 20px;
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 1);
    border-radius:20px;
}

#mapid{
  width: 1500px;
  height: 1000px;
  max-width: 100%;
  max-height: 80%;
  padding: 0.5em;
  margin: 0.5em 0;
  border: solid 2px #ccc;
  box-shadow: 2px 3px 5px -2px #ddd inset;/*テキストエリア内にシャドウ*/
  background: #fff;/*内側のシャドウはbackgroundの初期化が必要*/
  border-radius:20px;
}