@charset "utf-8";
/* CSS Document */
.tss_comprehensiveHead,
#adminBox, .acms-admin-box{
  position:relative;
  z-index:2;
}
.tss_body{
  background-color:#90D3F3;
}

.hst_bg{
  position:fixed;
  top:0;
  z-index:1;
  width:100%;
}

.hst_bg img{
  width:100%;
}

.hst_main{
  position:relative;
  z-index:2;
  padding-bottom:64px;
}

.hst_logo{
  max-width:600px;
  width:80%;
  margin:auto;
}
.hst_logo img{
  width:100%;
}
.hst_maincaption{
  margin-top:-1.25vw;
  text-align:center;
}
.hst_maincaption div{
  max-width:480px;
  margin:auto;
  width:90%;
}
.hst_maincaption div:nth-of-type(2){
  padding-top:36px;
  margin-bottom:24px;
}
.hst_maincaption img{
  display:block;
  width:100%;
}
.hst_areamap{
  max-width:760px;
  margin:auto;
}
.hst_areamap img{
  width:100%;
}
.hst_traveler{
  width:96%;
  max-width:1000px;
  margin:-36px auto 64px;
}
.hst_traveler img{
  width:100%;
}
.hst_comingsoon p{
  font-size:2em;
  filter: drop-shadow(0px 3px 0px #fff);
  text-align:center;
}

/*-- slide --*/
.splide {
  padding:4px 0;
  background-color:#1b96d3;;
}
.splide__slide img {
  height: auto;
  width: 100%;
  max-width:320px;
}


@media screen and (max-width:800px) {
  .tss_body{
    padding-bottom:120px;
  }
}