@charset "UTF-8";
/* 
320px — 480px: Mobile devices
481px — 768px: iPads, Tablets 
*/
/*-----preloader------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 12000;
  /*background-image: url('../images/default.gif');
    background-repeat: no-repeat;
    background-position: center;*/
  background-color: #e5df00;
}
.lplayer {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 300px;
}
/**/
.datedesc {
  text-align: center;
  display: block;
}
.datedesc img {
  max-width: 550px;
}
.whitearrow {
  display: inline-flex;
}
.arrow-left {
  width: auto;
  min-width: 20px;
  margin-left: 10px;
}
.schedulebox {
  display: grid;
  grid-template-columns: 0.5fr 1.5fr;
  align-content: center;
}
.scheduledetails {
  display: flex;
  align-items: center;
}
.scheduledetails2 {
  display: block;
  align-items: center;
}
.shimekiri {
  display: block;
  text-align: center;
  padding: 2rem 0;
  border-radius: 1rem;
}
.shimekiri img {
  max-width: 650px;
  border: 5px solid #f24941;
  background: #f24941;
  width: 100%;
}
.shuttlebus {
  display: block;
  text-align: center;
  padding: 2rem 0;
  border-radius: 1rem;
}
.shuttlebus img {
  max-width: 650px;
  border: 5px solid #fff;
  background: #fff;
  width: 100%;
}
.boldfont {
  font-weight: bold;
}
.keycolor {
  color: #f24941;
}
.bgmarker {
  background: linear-gradient(
    to top,
    #fcfda5 0% 50%,
    rgba(0, 0, 0, 0) 50% 100%
  );
}
.titleimage {
  text-align: center;
  padding: 1rem;
}
.titleimage img {
  width: 90%;
}
.schedluetable {
  margin: 3rem auto;
  display: grid;
  grid-template-columns: 0.5fr 2fr;
  font-size: 1.6rem;
  grid-gap: 0.5rem;
  max-width: 960px;
}
.blckbx {
  background: #fff;
}
.blckbx div {
  display: grid;
  align-content: center;
  padding: 1rem;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(
    5% 0%,
    90% 0%,
    100% 0%,
    100% 80%,
    95% 100%,
    0% 100%,
    0% 90%,
    0% 25%
  );
  clip-path: polygon(
    5% 0%,
    90% 0%,
    100% 0%,
    100% 80%,
    95% 100%,
    0% 100%,
    0% 90%,
    0% 25%
  );
  background: #000;
  color: #fff;
}
.schectnt {
  text-align: left;
  padding: 1rem;
  border: 1px dashed #000;
}
.scheduleitem {
  display: flex;
  align-items: center;
}
.regularfont {
  font-size: 1.6rem;
}
.smfont {
  font-size: 1.2rem;
}
.fee {
  background: #fefac9;
  border-radius: 1rem;
  color: #ccc;
  padding: 1rem 0;
}
.description p {
  font-size: 1.8rem;
}
.description {
  max-width: 80%;
  margin: auto;
}
#mapstyle iframe {
  height: 100%;
  width: 100%;
}
.singlepic {
  text-align: left;
  padding: 1rem 0 0 0;
}
.doublepic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.linkgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: left;
  align-items: center;
  grid-row-gap: 1rem;
}
.placename {
  font-weight: bold;
  font-size: 1.7rem;
  display: grid;
  align-self: center;
}
.linkgrid a {
  display: block;
  text-align: left;
  font-size: 1.5rem;
  text-decoration: none;
  line-height: 1.9;
}
.linkgrid div {
  border-bottom: 1px dashed #595858;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  height: 100%;
}
.kaijo {
  font-weight: bold;
  font-size: 2rem;
  padding: 0 0 2rem 0;
  border-bottom: 1px solid #b8b8b8;
  margin-bottom: 2rem;
  background: #fff;
  padding-top: 2rem;
  border-radius: 1rem 1rem 0 0;
  margin-top: 3rem;
}
.namebox {
  border-bottom: 1px dashed #595858;
  display: grid;
}
.doubleitems {
  font-size: 1.9em;
  text-align: left;
  color: #000;
  display: block;
}
.abhan {
  display: inline-block;
  width: 50px;
  padding-right: 10px;
}
.shukuhaku {
  font-size: 1.3rem;
  text-align: left;
  padding: 1rem 0 0 0;
  font-weight: bold;
}
.han {
  display: inline-block;
  width: 40px;
}
.shuttle_chuui {
  max-width: 630px;
  margin: auto;
  padding: 2rem;
}
.shuttle_chuui ul {
  padding: 0;
  margin: 0;
}
.shuttle_chuui ul li {
  text-align: left;
  font-size: 1.5rem;
}
/*
.linkgrid .placename {
  text-align: right;
  text-decoration: none;
}
*/
/*----swiper----*/
.sliderbox {
  max-width: 100%;
  margin: 4rem auto;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#bottominfo {
  font-size: 1.4rem;
}
/*----swiper----*/
/*-----footer------*/
footer {
  text-align: center;
  margin: 4rem 0 0 0;
  padding: 4rem 0;
  background: #fff;
}
.footergrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-content: center;
}
.footerlogo {
  width: 250px;
  margin: 0 auto;
}
.otoiawase {
  font-size: 1.4rem !important;
  font-weight: bold;
  padding-bottom: 0 !important;
}
.footerlogolink {
  text-align: center;
  max-width: 200px;
  display: block;
  width: 100%;
  margin: auto;
}
.footertxt {
  font-size: 1.2rem;
  padding: 1rem;
}
/****=====scroll=====*****/
.scrollToTop:hover {
  text-decoration: none;
}
.scrollToTop {
  width: 60px;
  height: 60px;
  padding: 10px;
  text-align: center;
  background: #fdec05;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position: fixed;
  right: 0px;
  bottom: 0;
  display: grid;
  align-content: center;
  border-radius: 13px 13px 0 0;
  justify-content: center;
  z-index: 9;
}
#page-top a {
  text-decoration: none;
  font-weight: bold;
  display: grid;
  width: 60px;
  height: 60px;
  color: #0cbbff;
  justify-content: center;
  align-content: center;
}
#page-top a img {
  height: 35px;
}
.smbr {
  display: none;
}
.sp {
  display: none;
}
.pc {
  display: block;
}
.eventrole {
  text-align: left;
  font-size: 1.4rem;
  padding-left: 1.5rem;
}
.caption {
  font-size: 1.4rem;
}
.cloud {
  background: url(../img/cloud.svg) no-repeat;
  background-size: auto;
  width: 50%;
  margin: auto;
}
.sectiontitle {
  margin-top: 50px;
}
.sankahititle {
  font-size: 2.5rem;
  font-weight: bold;
}
.extratxt {
  font-size: 1.5rem;
  text-align: left;
}
.chologo a img {
  width: 80px !important;
}
.chologo a {
  font-size: 1.2rem !important;
}
.container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-header {
  margin-left: 10px !important;
}
@media screen and (orientation: portrait) and (min-device-width: 666px) and (max-device-width: 777px) {
}
@media screen and (orientation: landscape) and (min-device-width: 666px) and (max-device-width: 777px) {
}
@media (max-width: 768px) {
  .spimgtop {
    width: 100% !important;
  }
  .schectnt {
    margin-right: 1rem;
  }
  .cloud {
    width: 80%;
  }
  .sp {
    display: block;
  }
  .pc {
    display: none;
    width: 85%;
    margin: auto;
  }
  .sectiontitle {
    margin-top: 0;
  }
  .namebox {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  .linkgrid {
    grid-template-columns: 1fr;
    padding: 0 1rem;
  }
  .description p {
    font-size: 1.7rem;
    margin: 0 0 3rem 0;
    line-height: 1.7;
    padding: 1rem;
  }
  #bottominfo {
    font-size: 1.3rem;
  }
  .datedesc {
    width: 90%;
    margin: auto;
  }
  .description {
    max-width: 95%;
    margin: auto;
  }
  .shimekiri {
    display: block;
    text-align: center;
    padding: 2rem 1rem;
    border-radius: 1rem;
  }
  .smbr {
    display: block;
  }
}
@media (max-width: 480px) {
  .arrow-left img {
    height: 100%;
    max-height: 80px;
    width: 65%;
    margin: 0 0 0 auto;
  }
  .arrow-left {
    width: 40px;
    min-width: 20px;
    margin-left: -36px;
    text-align: right;
  }
  .bigarrow {
    width: 91% !important;
  }
  .han {
    display: block;
    width: 40px;
    margin: 10px 0 5px 0;
  }
  .whitearrow {
    display: flex;
    margin: 0 5px 5px auto;
    justify-content: right;
  }
  .sankahititle {
    font-size: 2rem;
  }
  .footerlogo {
    margin: 3rem auto;
  }
  .footergrid {
    grid-template-columns: 1fr;
  }
  .smbr {
    display: block;
  }
  .doubleitems {
    font-size: 1.2em;
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .linkgrid {
    grid-gap: 1.5rem;
  }
  .linkgrid a {
    font-size: 1.6rem;
    display: block;
  }
  .placename {
    font-weight: bold;
    font-size: 1.7rem !important;
  }
  .abhan {
    padding-right: 0px;
    margin: 5px 0 0 0;
  }
  .blckbx {
    display: grid;
    justify-content: center;
    align-items: center;
  }
  .blckbx div {
    height: 50px;
    padding: 5px;
  }
  .extratxt {
    font-size: 1.2rem;
  }
}