body{
  width: 60%;
  font-family:'メイリオ', 'Meiryo', sans-serif;
  height:100%;
}
@media screen and (max-width: 240px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:240px;
    height: 426px;
    position:absolute; 
    top:0px;
    left:0px;
    
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:220px;
    height:300px;
    left:10px;
    top: 90px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 370px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:80px;
    top: 370px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:150px;
    top: 370px;
    
  }

  div#button000{
    position: absolute;
    width:13%;
  
    max-width:300px;  
  
    left:20px;
    top: 60px;
    
  }
  div#button001{
    position: absolute;
    width:13%;
  
    max-width:300px;  
  
    left:50px;
    top: 60px;
    
  }

  div#button002{
    position: absolute;
    width:13%;
  
    max-width:300px;  
    left:80px;
    top: 60px;
    
  }

  div#button003{
    position: absolute;
    width:13%;
  
    max-width:300px;  
    left:110px;
    top: 60px;
    
  }
  
  div#button004{
    position: absolute;
    width:13%;
  
    max-width:300px;  
    left:140px;
    top: 60px;
    
  }

  div#button005{
    position: absolute;
    width:13%;
  
    max-width:300px;  
    left:170px;
    top: 60px;
    
  }

  div#button006{
    position: absolute;
    width:13%;
  
    max-width:300px;  
    left:200px;
    top: 60px;
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 241px) and (max-width: 280px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:280px;
    height: 496px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }


  div#mapid{

    position:absolute;
    width:260px;
    height:350px;
    left:10px;
    top: 100px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 430px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:95px;
    top: 430px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:180px;
    top: 430px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:20px;
    top: 60px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:55px;
    top: 60px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:90px;
    top: 60px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:125px;
    top: 60px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:160px;
    top: 60px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:195px;
    top: 60px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:230px;
    top: 60px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }

}@media screen and (min-width: 281px) and (max-width: 320px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:320px;
    height: 567px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:295px;
    height:390px;
    left:10px;
    top: 120px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:20px;
    top: 490px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:110px;
    top: 490px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:200px;
    top: 490px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:20px;
    top: 70px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:60px;
    top: 70px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:100px;
    top: 70px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:140px;
    top: 70px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:180px;
    top: 70px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:220px;
    top: 70px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:260px;
    top: 70px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }

}@media screen and (min-width: 321px) and (max-width: 360px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:360px;
    height: 638px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:320px;
    height:460px;
    left:20px;
    top: 130px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:20px;
    top: 550px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:120px;
    top: 550px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:220px;
    top: 550px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:30px;
    top: 80px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:75px;
    top: 80px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:120px;
    top: 80px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:165px;
    top: 80px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:210px;
    top: 80px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:255px;
    top: 80px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:300px;
    top: 80px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 361px) and (max-width: 375px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:375px;
    height: 665px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:335px;
    height:490px;
    left:20px;
    top: 130px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:20px;
    top: 580px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:130px;
    top: 580px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:240px;
    top: 580px;
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:30px;
    top: 80px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:75px;
    top: 80px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:120px;
    top: 80px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:165px;
    top: 80px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:210px;
    top: 80px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:255px;
    top: 80px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:300px;
    top: 80px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }

}@media screen and (min-width: 376px) and (max-width: 384px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:384px;
    height: 681px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:350px;
    height:490px;
    left:20px;
    top: 140px;
  }

  div#button01{
    position: absolute;
    width:30%;
  
    max-width:300px;  
  
    left:20px;
    top: 595px;
    
  }
  
  div#button02{
    position: absolute;
    width:30%;
  
    max-width:300px;  
    left:140px;
    top: 595px;
    
  }

  div#button03{
    position: absolute;
    width:30%;
  
    max-width:300px;  
    left:260px;
    top: 595px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:30px;
    top: 90px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:75px;
    top: 90px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:120px;
    top: 90px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:165px;
    top: 90px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:210px;
    top: 90px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:255px;
    top: 90px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:300px;
    top: 90px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }

}@media screen and (min-width: 385px) and (max-width: 411px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:411px;
    height: 728px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:370px;
    height:540px;
    left:20px;
    top: 140px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:20px;
    top: 630px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:140px;
    top: 630px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:260px;
    top: 630px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:30px;
    top: 85px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:80px;
    top: 85px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:130px;
    top: 85px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:180px;
    top: 85px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:230px;
    top: 85px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:280px;
    top: 85px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:330px;
    top: 85px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 412px) and (max-width: 414px) {

  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:414px;
    height: 734px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:370px;
    height:530px;
    left:20px;
    top: 140px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:20px;
    top: 630px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:140px;
    top: 630px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:260px;
    top: 630px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:30px;
    top: 85px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:80px;
    top: 85px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:130px;
    top: 85px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:180px;
    top: 85px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:230px;
    top: 85px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:280px;
    top: 85px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:330px;
    top: 85px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 415px) and (max-width: 425px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:425px;
    height: 753px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:380px;
    height:550px;
    left:20px;
    top: 150px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 655px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:140px;
    top: 655px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:270px;
    top: 655px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:20px;
    top: 90px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:75px;
    top: 90px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:130px;
    top: 90px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:185px;
    top: 90px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:240px;
    top: 90px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:295px;
    top: 90px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:350px;
    top: 90px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 426px) and (max-width: 480px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:480px;
    height: 851px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:440px;
    height:630px;
    left:20px;
    top: 165px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 740px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:160px;
    top: 740px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:310px;
    top: 740px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:30px;
    top: 100px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:90px;
    top: 100px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:150px;
    top: 100px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:210px;
    top: 100px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:270px;
    top: 100px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:330px;
    top: 100px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:390px;
    top: 100px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 481px) and (max-width: 540px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:540px;
    height: 957px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:490px;
    height:650px;
    left:20px;
    top: 190px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 830px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:180px;
    top: 830px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:350px;
    top: 830px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:30px;
    top: 115px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:100px;
    top: 115px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:170px;
    top: 115px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:240px;
    top: 115px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:310px;
    top: 115px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:380px;
    top: 115px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:450px;
    top: 115px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 541px) and (max-width: 600px) {  
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:600px;
    height: 1064px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:555px;
    height:760px;
    left:20px;
    top: 230px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 920px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:190px;
    top: 920px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:370px;
    top: 920px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:20px;
    top: 140px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:100px;
    top: 140px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:180px;
    top: 140px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:260px;
    top: 140px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:340px;
    top: 140px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:420px;
    top: 140px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:500px;
    top: 140px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 601px) and (max-width: 768px) {  

  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:768px;
    height: 1362px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:720px;
    height:990px;
    left:20px;
    top: 280px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 1180px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:250px;
    top: 1180px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:490px;
    top: 1180px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:30px;
    top: 160px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:130px;
    top: 160px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:230px;
    top: 160px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:330px;
    top: 160px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:430px;
    top: 160px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:530px;
    top: 160px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:630px;
    top: 160px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 769px) and (max-width: 800px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:800px;
    height: 1418px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:750px;
    height:1000px;
    left:21px;
    top: 300px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 1180px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:250px;
    top: 1180px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:490px;
    top: 1180px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:30px;
    top: 180px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:130px;
    top: 180px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:230px;
    top: 180px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:330px;
    top: 180px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:430px;
    top: 180px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:530px;
    top: 180px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:630px;
    top: 180px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 801px) and (max-width: 1024px) {  

  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:1024px;
    height: 1815px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:980px;
    height:1330px;
    left:20px;
    top: 360px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 1600px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:360px;
    top: 1600px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:710px;
    top: 1600px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:60px;
    top: 210px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:190px;
    top: 210px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:320px;
    top: 210px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:450px;
    top: 210px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:580px;
    top: 210px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:710px;
    top: 210px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:840px;
    top: 210px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 1025px) and (max-width: 1080px) {
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:1080px;
    height: 1915px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:1010px;
    height:1350px;
    left:30px;
    top: 430px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 1690px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:380px;
    top: 1690px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:750px;
    top: 1690px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:10px;
    top: 260px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:160px;
    top: 260px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:310px;
    top: 260px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:460px;
    top: 260px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:610px;
    top: 260px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:760px;
    top: 260px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:907px;
    top: 260px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 1081px) and (max-width: 1125px) { 
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:1125px;
    height: 1995px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:1060px;
    height:1400px;
    left:30px;
    top: 450px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 1760px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:410px;
    top: 1760px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:810px;
    top: 1760px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:10px;
    top: 260px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:160px;
    top: 260px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:310px;
    top: 260px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:460px;
    top: 260px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:610px;
    top: 260px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:760px;
    top: 260px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:910px;
    top: 260px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 1126px) and (max-width: 1170px) {  

  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:1170px;
    height: 2074px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:1100px;
    height:1490px;
    left:30px;
    top: 430px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 1830px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:410px;
    top: 1830px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:810px;
    top: 1830px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:80px;
    top: 240px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:230px;
    top: 240px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:380px;
    top: 240px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:530px;
    top: 240px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:680px;
    top: 240px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:830px;
    top: 240px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:980px;
    top: 240px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 1171px) and (max-width: 1242px) {  

  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:1242px;
    height: 2202px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }

  div#mapid{

    position:absolute;
    width:1170px;
    height:1550px;
    left:30px;
    top: 500px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 1950px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:410px;
    top: 1950px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:810px;
    top: 1950px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:80px;
    top: 280px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:230px;
    top: 280px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:380px;
    top: 280px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:530px;
    top: 280px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:680px;
    top: 280px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:830px;
    top: 280px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:980px;
    top: 280px;
    
  }
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
}@media screen and (min-width: 1243px) and (max-width: 1284px) {  
  body {
    background-color: #e0ffff;
    }

  img#yohaku1 {
    width:1284px;
    height: 2276px;
    position:absolute; 
    top:0px;
    left:0px;
  }
  img#img {
    display:none;
  }


  div#mapid{
    position:absolute;
    width:1200px;
    height:1600px;
    left:40px;
    top: 500px;
  }

  div#button01{
    position: absolute;
    width:35%;
  
    max-width:300px;  
  
    left:10px;
    top: 2020px;
    
  }
  
  div#button02{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:410px;
    top: 2020px;
    
  }

  div#button03{
    position: absolute;
    width:35%;
  
    max-width:300px;  
    left:810px;
    top: 2020px;
    
  }

  div#button000{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:100px;
    top: 290px;
    
  }
  
  div#button001{
    position: absolute;
    width:16%;
  
    max-width:300px;  
  
    left:250px;
    top: 290px;
    
  }

  div#button002{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:400px;
    top: 290px;
    
  }

  div#button003{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:550px;
    top: 290px;
    
  }
  
  div#button004{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:700px;
    top: 290px;
    
  }

  div#button005{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:850px;
    top: 290px;
    
  }

  div#button006{
    position: absolute;
    width:16%;
  
    max-width:300px;  
    left:1000px;
    top: 290px;
    
  }  
  div#button1{
    display:none;
  }
  
  div#button2{
    display:none;
  }
  
  div#button3{
    display:none;
  }
  
  div#button4{
    display:none;
  }
  
  div#button5{
    display:none;
  }
  div#button6{
    display:none;
  }
  
  div#button7{
    display:none;
  }
  
  div#button8{
    display:none;
  }
  
  div#button9{
    display:none;
  }
  div#button10{
    display:none;
  }
  
  div#button11{
    display:none;
  }
  
  div#button12{
    display:none;
  }
  div#button13{
    display:none;
  }
  
  div#button14{
    display:none;
  }
  
  div#button15{
    display:none;
  }
  
  div#button16{
    display:none;
  }
  
  div#button17{
    display:none;
  }
  
  div#button18{
    display:none;
  }
  
  div#button19{
    display:none;
  }
  
  div#button20{
    display:none;
  }
  
  div#button21{
    display:none;
  }
  
  div#button22{
    display:none;
  }
  div#button23{
    display:none;
  }
  div#button24{
    display:none;
  }
  
  div#button25{
    display:none;
  }
  
  div#button26{
    display:none;
  }
  
  div#button27{
    display:none;
  }
  div#button28{
    display:none;
  }
  div#button29{
    display:none;
  }
  
  div#button30{
    display:none;
  }
  
  div#button31{
    display:none;
  }
  
  div#button32{
    display:none;
  }
  
  div#button33{
    display:none;
  }
  
  div#button34{
    display:none;
  }

  div#button35{
    display:none;
  }

  div#button36{
    display:none;
  }
  
  div#button37{
    display:none;
  }
  
  div#button38{
    display:none;
  }
  
  div#button39{
    display:none;
  }
  
  div#button40{
    display:none;
  }
  
  div#button41{
    display:none;
  }
  
  div#button42{
    display:none;
  }
  
  div#button43{
    display:none;
  }
  
  div#button44{
    display:none;
  }
  
  div#button45{
    display:none;
  }
  
  div#button46{
    display:none;
  }
  
  div#button47{
    display:none;
  }
  
  div#button48{
    display:none;
  }
  
  div#button49{
    display:none;
  }
  
  div#button50{
    display:none;
  }
  
  div#button51{
    display:none;
  }
  
  div#button52{
    display:none;
  }
  
  div#button53{
    display:none;
  }
  
  div#button54{
    display:none;
  }
  
  div#button55{
    display:none;
  }
  
  div#button56{
    display:none;
  }
  
  div#button57{
    display:none;
  }
  
  div#button58{
    display:none;
  }
  
  div#button59{
    display:none;
  }
  
  div#button60{
    display:none;
  }
  
  label#Camera1{
    display:none;
  }
  
  label#Camera2{
    display:none;
  }
  
  label#Camera3{
    display:none;
  }
  
  label#Camera4{
    display:none;
  }
  
  label#Camera5{
    display:none;
  }
  label#Camera6{
    display:none;
  }
  
  label#Camera7{
    display:none;
  }
  
  label#Camera8{
    display:none;
  }
  
  label#Camera9{
    display:none;
  }
  
  label#Camera10{
    display:none;
  }
  
  label#Camera11{
    display:none;
  }
  
  label#Camera12{
    display:none;
  }
  label#Camera13{
    display:none;
  }
  
  label#Camera14{
    display:none;
  }
  
  label#Camera15{
    display:none;
  }
  
  label#Camera16{
    display:none;
  }
  
  label#Camera17{
    display:none;
  }
  
  label#Camera18{
    display:none;
  }
  
  
  label#Camera19{
    display:none;
  }
  
  
  label#Camera20{
    display:none;
  }
  
  
  label#Camera21{
    display:none;
  }
  
  label#Camera22{
    display:none;
  }
  label#Camera23{
    display:none;
  }
  
  label#Camera24{
    display:none;
  }
  
  label#Camera25{
    display:none;
  }
  label#Camera26{
    display:none;
  }
  
  label#Camera27{
    display:none;
  }
  label#Camera28{
    display:none;
  }
  
  label#Camera29{
    display:none;
  }
  
  label#Camera30{
    display:none;
  }

  label#Camera31{
    display:none;
  }
  label#Camera32{
    display:none;
  }
  label#Camera33{
    display:none;
  }
  
  label#Camera34{
    display:none;
  }

  label#Camera35{
    display:none;
  }

  label#Camera36{
    display:none;
  }
  label#Camera37{
    display:none;
  }

  label#Camera38{
    display:none;
  }
  
  label#Camera39{
    display:none;
  }
  
  label#Camera40{
    display:none;
  }

  label#Camera41{
    display:none;
  }
  label#Camera42{
    display:none;
  }
  label#Camera43{
    display:none;
  }
  
  label#Camera44{
    display:none;
  }
  
  label#Camera45{
    display:none;
  }
  label#Camera46{
    display:none;
  }
  label#Camera47{
    display:none;
  }
  label#Camera48{
    display:none;
  }
  
  label#Camera49{
    display:none;
  }
  
  label#Camera50{
    display:none;
  }
  
  label#Camera51{
    display:none;
  }
  label#Camera52{
    display:none;
  }
  label#Camera53{
    display:none;
  }
  
  label#Camera54{
    display:none;
  }
  
  label#Camera55{
    display:none;
  }
  label#Camera56{
    display:none;
  }
  label#Camera57{
    display:none;
  }
  label#Camera58{
    display:none;
  }
  
  label#Camera59{
    display:none;
  }
  
  label#Camera60{
    display:none;
  }
  
}@media screen and (min-width: 1285px) {  

  img#yohaku1 {
    display:none;
  }

  img#img {
    position: relative;
   width:100%;
  
    width:1900px;
    height:1100px;
  
    position:absolute;
    
  }
  div#button000{
    display:none;
  }
  div#button001{
    display:none;
  }
  div#button002{
    display:none;
  }
  div#button003{
    display:none;
  }
  div#button004{
    display:none;
  }
  div#button005{
    display:none;
  }
  div#button006{
    display:none;
  }
  
  
  div#button01{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:20px;
    top: 75px;
    
  }
  
  .hexagon01{
    margin: 0 auto;
    width: 120px;
    height: 30px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button02{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:245px;
    top: 75px;
    
  }
  
  .hexagon02{
    margin: 0 auto;
    width: 150px;
    height: 30px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button03{
    position: absolute;
    width:100%;
  
    max-width:300px;  
    
    left:495px;
    top: 75px;
  }
  
  .hexagon03{
    margin: 0 auto;
    width: 190px;
    height: 30px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button04{
    position: absolute;
    width:100%;
  
    max-width:285px;  
  
    left:770px;
    top: 75px;
  }
  
  .hexagon04{
    margin: 0 auto;
    width: 195px;
    height: 30px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button05{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:1025px;
    top: 75px;
  }
  
  .hexagon05{
    margin: 0 auto;
    width: 190px;
    height: 30px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button06{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:1295px;
    top: 75px;
  }
  
  .hexagon06{
    margin: 0 auto;
    width: 210px;
    height: 30px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button07{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:1550px;
    top: 75px;
  }
  
  .hexagon07{
    margin: 0 auto;
    width: 190px;
    height: 30px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }




  div#mapid{

    position:absolute;
    left:1045px;
    top:300px;
    width: 850px; 
    height: 630px; 
  }
  
  div#button1{
    position: absolute;
    width:50%;
  
    max-width:300px;  
  
    left:50px;
    top: 300px;
  }
  
  div#button2{
    position: absolute;
    width:50%;
  
    max-width:300px;  
  
    left:400px;
    top: 300px;
  }
  div#button3{
    position: absolute;
    width:50%;
  
    max-width:300px;  
  
    left:750px;
    top: 300px;
  }
  
  div#button4{
    position: absolute;
    width:50%;
  
    max-width:300px;  
  
    left:50px;
    top: 550px;
  }
  
  div#button5{
    position: absolute;
    width:50%;
  
    max-width:300px;  
  
    left:400px;
    top: 550px;
  }
  div#button6{
    position: absolute;
    width:50%;
  
    max-width:300px;  
  
    left:750px;
    top: 550px;
  }
  
  div#button7{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 800px;
  }
  
  div#button8{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 800px;
  }
  
  div#button9{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 800px;
  }
  div#button10{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 1050px;
  }
  
  div#button11{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 1050px;
  }
  
  div#button12{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 1050px;
  }

  div#button13{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 1300px;
  }

  div#button14{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 1300px;
  }

  div#button15{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 1300px;
  }
  
  div#button16{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 1550px;
  }
  
  div#button17{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 1550px;
  }

  div#button18{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 1550px;
  }
  
  div#button19{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 1800px;
  }
  
  div#button20{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 1800px;
  }

  div#button21{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 1800px;
  }
  
  div#button22{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 2050px;
  }
  
  div#button23{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 2050px;
  }

  div#button24{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 2050px;
  }
  
  div#button25{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 2300px;
  }

    
  div#button26{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 2300px;
  }
  
  div#button27{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 2300px;
  }

  div#button28{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 2550px;
  }
  
  div#button29{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 2550px;
  }
  
  div#button30{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 2550px;
  }

  div#button31{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 2800px;
  }
  
  div#button32{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 2800px;
  }
  
  div#button33{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 2800px;
  }

  div#button34{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 3050px;
  }
  
  div#button35{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 3050px;
  }
  
  div#button36{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 3050px;
  }

  div#button37{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 3300px;
  }
  
  div#button38{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 3300px;
  }
  
  div#button39{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 3300px;
  }
  div#button40{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 3550px;
  }
  
  div#button41{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 3550px;
  }
  
  div#button42{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 3550px;
  }
  div#button43{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 3800px;
  }
  
  div#button44{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 3800px;
  }
  
  div#button45{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 3800px;
  }
  div#button46{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 4050px;
  }
  
  div#button47{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 4050px;
  }
  
  div#button48{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 4050px;
  }
  div#button49{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 4300px;
  }
  
  div#button50{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 4300px;
  }
  
  div#button51{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 4300px;
  }
  div#button52{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 4550px;
  }
  
  div#button53{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 4550px;
  }
  
  div#button54{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 4550px;
  }
  div#button55{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 4800px;
  }
  
  div#button56{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 4800px;
  }
  
  div#button57{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 4800px;
  }
  div#button58{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:50px;
    top: 5050px;
  }
  
  div#button59{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:400px;
    top: 5050px;
  }
  
  div#button60{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:750px;
    top: 5050px;
  }






  label#Camera1{
    position:absolute;
    left:50px;
    top:500px;
  }

  label#Camera2{
    position:absolute;
    left:400px;
    top:500px;
  }
  label#Camera3{
    position:absolute;
    left:750px;
    top:500px;
  }

  label#Camera4{
    position:absolute;
    left:50px;
    top:750px;
  }

  label#Camera5{
    position:absolute;
    left:400px;
    top:750px;
  }
  label#Camera6{
    position:absolute;
    left:750px;
    top:750px;
  }
  
  label#Camera7{
    position:absolute;
    left:50px;
    top:1000px;
  }
  
  label#Camera8{
    position:absolute;
    left:400px;
    top:1000px;
  }
  label#Camera9{
    position:absolute;
    left:750px;
    top:1000px;
  }
  label#Camera10{
    position:absolute;
    left:50px;
    top:1250px;
  }
  
  label#Camera11{
    position:absolute;
    left:400px;
    top:1250px;
  }
  
  label#Camera12{
    position:absolute;
    left:750px;
    top:1250px;
  }

  label#Camera13{
    position:absolute;
    left:50px;
    top:1500px;
  }
  
  label#Camera14{
    position:absolute;
    left:400px;
    top:1500px;
  }
  
  label#Camera15{
    position:absolute;
    left:750px;
    top:1500px;
  }

  label#Camera16{
    position:absolute;
    left:50px;
    top:1750px;
  }
  
  label#Camera17{
    position:absolute;
    left:400px;
    top:1750px;
  }
  
  label#Camera18{
    position:absolute;
    left:750px;
    top:1750px;
  }

  label#Camera19{
    position:absolute;
    left:50px;
    top:2000px;
  }
  
  label#Camera20{
    position:absolute;
    left:400px;
    top:2000px;
  }
  
  label#Camera21{
    position:absolute;
    left:750px;
    top:2000px;
  }

  label#Camera22{
    position:absolute;
    left:50px;
    top:2250px;
  }
  
  label#Camera23{
    position:absolute;
    left:400px;
    top:2250px;
  }
  
  label#Camera24{
    position:absolute;
    left:750px;
    top:2250px;
  }

  label#Camera25{
    position:absolute;
    left:50px;
    top:2500px;
  }
  
  label#Camera26{
    position:absolute;
    left:400px;
    top:2500px;
  }
  
  label#Camera27{
    position:absolute;
    left:750px;
    top:2500px;
  }

  label#Camera28{
    position:absolute;
    left:50px;
    top:2750px;
  }
  
  label#Camera29{
    position:absolute;
    left:400px;
    top:2750px;
  }
  
  label#Camera30{
    position:absolute;
    left:750px;
    top:2750px;
  }

  label#Camera31{
    position:absolute;
    left:50px;
    top:3000px;
  }
  
  label#Camera32{
    position:absolute;
    left:400px;
    top:3000px;
  }
  
  label#Camera33{
    position:absolute;
    left:750px;
    top:3000px;
  }

  label#Camera34{
    position:absolute;
    left:50px;
    top:3250px;
  }
  
  label#Camera35{
    position:absolute;
    left:400px;
    top:3250px;
  }
  
  label#Camera36{
    position:absolute;
    left:750px;
    top:3250px;
  }

  label#Camera37{
    position:absolute;
    left:50px;
    top:3500px;
  }
  
  label#Camera38{
    position:absolute;
    left:400px;
    top:3500px;
  }
  
  label#Camera39{
    position:absolute;
    left:750px;
    top:3500px;
  } 

  label#Camera40{
    position:absolute;
    left:50px;
    top:3750px;
  }
  
  label#Camera41{
    position:absolute;
    left:400px;
    top:3750px;
  }
  
  label#Camera42{
    position:absolute;
    left:750px;
    top:3750px;
  } 

  label#Camera43{
    position:absolute;
    left:50px;
    top:4000px;
  }

  label#Camera44{
    position:absolute;
    left:400px;
    top:4000px;
  }
  
  label#Camera45{
    position:absolute;
    left:750px;
    top:4000px;
  } 

  label#Camera46{
    position:absolute;
    left:50px;
    top:4250px;
  }

  label#Camera47{
    position:absolute;
    left:400px;
    top:4250px;
  }
  
  label#Camera48{
    position:absolute;
    left:750px;
    top:4250px;
  } 

  label#Camera49{
    position:absolute;
    left:50px;
    top:4500px;
  }

  label#Camera50{
    position:absolute;
    left:400px;
    top:4500px;
  }
  
  label#Camera51{
    position:absolute;
    left:750px;
    top:4500px;
  } 

  label#Camera52{
    position:absolute;
    left:50px;
    top:4750px;
  }

  label#Camera53{
    position:absolute;
    left:400px;
    top:4750px;
  }
  
  label#Camera54{
    position:absolute;
    left:750px;
    top:4750px;
  } 

  label#Camera55{
    position:absolute;
    left:50px;
    top:5000px;
  }

  label#Camera56{
    position:absolute;
    left:400px;
    top:5000px;
  }
  
  label#Camera57{
    position:absolute;
    left:750px;
    top:5000px;
  } 

  label#Camera58{
    position:absolute;
    left:50px;
    top:5250px;
  }

  label#Camera59{
    position:absolute;
    left:400px;
    top:5250px;
  }
  
  label#Camera60{
    position:absolute;
    left:750px;
    top:5250px;
  } 









  
  
  

  div#button011{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:305px;
    top: 165px;
  }
  
  .hexagon011{
    margin: 0 auto;
    width: 150px;
    height: 70px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
    z-index: 99;
  }

  
  div#button012{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:490px;
    top: 165px;
  }
  
  .hexagon012{
    margin: 0 auto;
    width: 150px;
    height: 70px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
    z-index: 98;
  }
  

  div#button013{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:680px;
    top: 165px;
  }
  
  .hexagon013{
    margin: 0 auto;
    width: 150px;
    height: 70px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
    z-index: 97;
  }

  div#button014{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:860px;
    top: 165px;
  }
  
  .hexagon014{
    margin: 0 auto;
    width: 150px;
    height: 70px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
    z-index: 96;
  }

  div#button015{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:1045px;
    top: 165px;
  }
  
  .hexagon015{
    margin: 0 auto;
    width: 150px;
    height: 70px;
    display: block;
    position: relative;
    z-index: 95;
    
    transition: all 0.2s linear;
  }

  div#button016{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:1230px;
    top: 165px;
  }
  
  .hexagon016{
    margin: 0 auto;
    width: 150px;
    height: 70px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
    z-index: 94;
  }

  div#button001{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:10px;
    top: 70px;
    
  }
  
  .hexagon001{
    margin: 0 auto;
    width: 180px;
    height: 40px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button002{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:245px;
    top: 70px;
    
  }
  
  .hexagon002{
    margin: 0 auto;
    width: 190px;
    height: 40px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button003{
    position: absolute;
    width:100%;
  
    max-width:300px;  
    
    left:480px;
    top: 70px;
  }
  
  .hexagon003{
    margin: 0 auto;
    width: 250px;
    height: 40px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button004{
    position: absolute;
    width:100%;
  
    max-width:285px;  
  
    left:750px;
    top: 70px;
  }
  
  .hexagon004{
    margin: 0 auto;
    width: 250px;
    height: 40px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button005{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:1020px;
    top: 70px;
  }
  
  .hexagon005{
    margin: 0 auto;
    width: 250px;
    height: 40px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button006{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:1300px;
    top: 70px;
  }
  
  .hexagon006{
    margin: 0 auto;
    width: 270px;
    height: 40px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  div#button007{
    position: absolute;
    width:100%;
  
    max-width:300px;  
  
    left:1580px;
    top: 70px;
  }
  
  .hexagon007{
    margin: 0 auto;
    width: 270px;
    height: 40px;
    display: block;
    position: relative;
    
    transition: all 0.2s linear;
  }

  img#img{
    width:1900px;
    height: 1100px;
    top:0px;
    left:0px;
    position:absolute;
    
  }

  img#img_0{
    width:1900px;
    height: 1100px;
    top:6000px;
    left:0px;
    position:absolute;
    
  }
}