@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%;
  padding-top:26px;
  margin-bottom:24px;
}
.hst_maincaption img{
  display:block;
  width:100%;
}
.hst_tverbnr{
  max-width:340px;
  width:80%;
  margin:0 auto 24px;
}
.hst_tverbnr img{
  width:100%;
}
.hst_archivevideo{
  max-width:760px;
  margin:0 auto 48px;
  width:100%;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #67bee6 100%);
}
.hst_archivevideobox{
  padding:12px;
  background-color:#FFFFFF;
  background-color: #FFFFFF;
  margin:0 8%;
}
.hst_archivevideobox img{
  width:100%;
  cursor: pointer;
}
.hst_archivevideobox div{
  position:relative;
}
.hst_archivevideobox div:before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 4px solid #FFFFFF;
  width: 60px;
  height: 60px;
  z-index: 30;
  transition: transform .5s;
  pointer-events: none;
}
.hst_archivevideobox div:after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  border-style: solid;
  border-color: transparent transparent transparent #FFFFFF;
  border-width: 15px 0 15px 25px;
  z-index: 31;
  transition: opacity .5s;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));
  pointer-events: none;
}
.hst_youtube_backnumber{
  background-color:#FFF;
  margin-left:auto;
  margin-right: 8%;
  width:fit-content;
}
.hst_youtube_backnumber a{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  color:#0072B3;
  font-size:0.875em;
}
.hst_youtube_comment img{
  width:96%;
}

.hst_areamap{
  position: relative;
  max-width: 640px;
  margin: 1em auto;
  container-type: inline-size;
}
.hst_areamap img{
  width:100%;
}
.hst_maplink{
  position: absolute;
  width: 25.6cqw;
  max-width: 170px;
  aspect-ratio: 1;
}
.hst_maplink a{
  display: block;
  border-radius: 100%;
}
.hst_maplink a img{
  border-radius: 100%;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.68));
  transition: filter 0.2s linear;
}
.hst_mapwest{
  top: 33.7cqw;
  left: 12.65cqw;
}
.hst_mapeast{
  top: 33.7cqw;
  right: 10.24cqw;
}

.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%;
}
.tss_footer{
  background-color:#007CC2;
  position:relative;
  z-index:999;
}
  
@media screen and (max-width:800px) {
  .tss_body{
    padding-bottom:120px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .hst_tverbnr a:hover {
    opacity: 0.8;
  }
  .hst_archivevideobox img:hover{opacity: 0.75;}
  .hst_youtube_backnumber a:hover{
    text-decoration: none;
  }
  .hst_maplink a:hover img{
    filter: drop-shadow(0px 3px 6px rgba(255, 255, 0, 0.68));
  }
}