@charset "utf-8";
@media only screen and (max-width: 896px) {
:root {
  --txt-lead:2rem;
  --titleBase-before:4rem;
  --titleBase:1.6rem;
  --base-padding:100px 5%;
  --base-paddingLR-base:5%;
  --base-paddingTop:90px;
  --margin-section-bottom:100px;
}

a.hover-img img:hover {
  opacity:1;
}

.hover-opa:hover {
  opacity:1;
}

.img-fv-catch {
  width:58%;
  bottom:32px;
  left:32px;
}


.scroller {
  display:none;
}



.gheader__innerNav {
    display: none;
    flex-direction: column;
    gap: 8px;
    background: #fff;
    position: absolute;
    top: 60px;
    right: 0;
    width: 100% !important;
    padding: 16px 16px 40px;
    height:auto !important;
  }

.gheader__innerNav > li {
  border-bottom:1px solid #000;
  padding:8px 0 12px;
  position:relative;
  width:100%;
}

.gheader__innerNav a {
  width:100%;
  display:inline-block;

}

.tsTourLink {
  width:90% !important;
}

.dropdown-arrow {
  margin-left:8px;
  border: solid var(--color-purple);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 7px !important;
  transform: rotate(45deg) translateX(4px);
  cursor: pointer;
  transition: transform 0.3s;
  position:absolute;
  right:14px;
  z-index:8;
}

.gheader__innerNav.active {
    display: flex;
  }

.hamburger {
    display: flex;
  }

.dropdown-menu {
    display: none;
    position: static;
    padding: 8px 0;
    border: none;
  }

.dropdown.active .dropdown-menu {
    display: block;
  }

.dropdown-arrow.rotate {
    transform: rotate(-135deg) translateX(-8px) translateY(-2px);
  }

/* ドロップダウンの開閉 */
.dropdown:hover .dropdown-menu {
    display: none;
}

.dropdown.active .dropdown-menu {
    display: block;
}


.menucontact {
  border-bottom:none !important;
}

.menucontact a {
  display:block;
  background:var(--color-green-01);
  height:100%;
  display:flex;
  align-items:center;

  padding:12px 0 12px 16px;
  color:#fff;
}


/*
TB top tour ***********/
.topTour__list {
  grid-template-columns:1fr 1fr;
  gap:32px;
}

.tourTab {
  top:120px;
  right:40px;
}

.topTour__list > li {
  padding:20px 20px 24px;
}

.loop-txt ul {
  animation: flowing 110s linear infinite;
  font-size:11rem;
  line-height:11rem;
}

/*
TB top about ***********/
.topAbout__flex {
  align-items:flex-start;
}

/*
TB top news ***********/
.topNewsList {
  padding:0;
}

.topNewsList li:hover:after {
  background:#fff !important;
}


/*
TB footer ***********/
.footer__inner {
  padding:80px 0 40px;
}


/*
TB tour ******************/
.lowerTour__pt {
  padding-top:60px !important
}

.lowerTour__pt .tourTab {
  top:80px;
}


/*
TB tour-detail ***********/
.tourDetail__head {
  padding:40px var(--base-paddingLR-base);
  display:block;
  margin-bottom:32px;
}

.tourDetail__headImg {
  width:100%;
  margin-bottom:24px;
}

.tourDetail__headTxt {
  width:100%;
}

.tourDetail__title {
  font-size:2.4rem;
}

.tourDetail__outer {
  display:block;
}

.tourDetail__body {
  width:100%;
}

.tourDetail__side {
  width:100%;
}

.tourDetail__body1day {
  margin-bottom:80px;
}

/*
TB company ***********/
.base__head {
  padding:40px var(--base-paddingLR-base);
}

/*
TB news ***********/
.newsbase-box-padding {
  padding-bottom:40px !important;
}

.newsMB {
  margin-bottom:72px;
}

.newsTitle h3 {
  font-size:2rem;
  border-bottom:1px solid #ccc;
  padding-bottom:8px;
  line-height:1.7;
  margin-bottom:32px;
}


/*
TB Contact ***********/


input[type="text"].tel-numtxt {
  width:100%;
}

.kojin-jyohou-box {
  width:100%;
}




































































/*
TB block --------------------------------------------*/
.i_p_b {display: none !important;}
.i_t_b {display: block !important;}
.i_s_b {display: none !important;}
.i_pt_b {display: block !important;}
.i_ts_b {display: block !important;}
}


