@charset "UTF-8";

img {
  max-width: none;
}

main {
  width: 100%;
  overflow: hidden;
  background-image: url(/2026/top/assets/img/bike_packing_light_adventure/mainbg.png);
  background-repeat: repeat;
  background-position: top center;
  background-size: auto 184.62vw;
  position: relative;
}

main::before {
  content: "";
  display: block;
  position: absolute;
  top: 217vw;
  right: 3vw;
  width: 20.77vw;
  height: 13.33vw;
  background-image: url(/2026/top/assets/img/bike_packing_light_adventure/stone.png);
  background-repeat: no-repeat;
  background-position: top 0 right 0;
  background-size: 20.77vw 13.33vw;
  z-index: 20;
}

main #intro h1 {
  font-size: 6.67vw;
  line-height: 8.46vw;
  font-weight: 600;
  text-align: center;
  border-bottom: 4px solid #000;
  padding: 0 0 5.13vw;
  margin: 0 0 4.67vw;
}

main #intro p:first-of-type {
  text-align: center;
  font-size: 5.13vw;
  line-height: 6.67vw;
  font-weight: 600;
  padding: 3vw 0 6vw;
}

#FVslider {
  position: relative;
  z-index: 15;
  height: 117vh;
  /* padding-bottom: 35.9vw; */
}

#FVslider::before {
  content: "";
  display: block;
  position: relative;
  background-image: url(/2026/top/assets/img/bike_packing_light_adventure/FVCover.png);
  background-repeat: no-repeat;
  background-position: left -17vw bottom -70vw;
  background-size: 132.44vw auto;
  width: 132.44vw;
  height: 100%;
  z-index: 16;
}

#FVslider::after {
  content: "";
  display: block;
  position: relative;
  background-image: url(/2026/top/assets/img/bike_packing_light_adventure/stone.png);
  background-repeat: no-repeat;
  background-position: left -17vw top 0vw;
  background-size: 29.23vw auto;
  width: 29.23vw;
  height: 23.08vw;
  z-index: 10;
}

#FVslider img {
  width: 100%;
  height: auto;

}



#intro {
  position: relative;
  z-index: 15;
  padding: 0vw 7.69vw 0;
  margin-top: -24vw;
  background-image: url(/2026/top/assets/img/bike_packing_light_adventure/mainbg.png);
  background-repeat: repeat;
  background-position: center;
  background-size: auto;
}


main p {
  font-size: 4.1vw;
  line-height: 6.67vw;
  font-weight: 500;
  /* letter-spacing: .3vw; */
}

main li {
  font-size: 5.13vw;
  line-height: 9.23vw;
  font-weight: 600;
}

#sec01Wrap,
#sec02Wrap,
#sec03Wrap,
#sec04Wrap {
  position: relative;
}

#sec01Wrap {
  height: 208.31vw;
}

#sec01Wrap>img {
  position: absolute;
  top: 22.67vw;
  left: -6.15vw;
  z-index: 4;
  width: 134.6vw;
}

#sec02Wrap {
  height: 171.36vw;
}

#sec02Wrap>img {
  position: absolute;
  width: 137.67vw;
  top: 40.54vw;
  left: -24.87vw;
  z-index: 4;
}

#sec02Content {
  margin: -92vw 0 0;
  padding: 0 16.15vw;
}

#sec03Wrap {
  height: 234.78vw;
}

#sec03Content {
  margin: -109vw 0 0;
}

#sec03Wrap>img {
  position: absolute;
  width: 113.83vw;
  top: 0;
  left: 0;
  z-index: 2;
}

#sec04Wrap {
  /* height: 441.38vw; */
  height: 330.38vw;
  position: relative;
  height: auto;
    padding-bottom: 51vw;
}

#sec04Wrap>img {
  position: absolute;
  width: 33.06vw;
  top: 31.18vw;
  right: 31.38vw;
  z-index: 2;
}

#sec01 {
  position: relative;
  z-index: 4;
  background-image: url(/2026/top/assets/img/bike_packing_light_adventure/title01.png);
  background-repeat: no-repeat;
  background-size: 106.71vw auto;
  background-position: top 0 right -28.46vw;
  height: 196.07vw;
  padding: 40vw 16.15vw 0;
  mix-blend-mode: multiply;


}

#sec01Content {
  margin: -155vw 0 0;
  padding: 0 16.15vw;
}

#sec01Content li::before,
#sec02Content li::before {
  content: "・";
  display: inline-block;
  font-size: 8vw;
  vertical-align: middle;
  width: 7vw;
}

#sec01Wrap h1,
#sec02Wrap h1,
#sec03Wrap h1,
#sec04Wrap h1 {
  position: relative;
  text-align: center;
  font-size: 7.18vw;
  line-height: 10.26vw;
  margin: 0 auto 7.79vw;
  z-index: 10;
  font-weight: 600;
}

#sec02 {
  position: relative;
  background-image: url(/2026/top/assets/img/bike_packing_light_adventure/title02.png);
  background-repeat: no-repeat;
  background-size: 171.36vw auto;
  background-position: top 0 left -76.08vw;
  height: 171.36vw;
  /* width: 178.55vw; */
  width: 100%;
  padding: 80.51vw 16.15vw 0;
  margin: -46.56vw 0 0;
  mix-blend-mode: multiply;

}

#sec03 {
  position: relative;
  background-image: url(/2026/top/assets/img/bike_packing_light_adventure/title03.png);
  background-repeat: no-repeat;
  background-size: 109.28vw 110.26vw;
  background-position: top 90.36vw right -27.44vw;
  height: 234.78vw;
  padding: 127.18vw 0 0;
  margin: -46.15vw 0 0;
  mix-blend-mode: multiply;

}

#sec04 {
  position: relative;
  background-image: url(/2026/top/assets/img/bike_packing_light_adventure/title04.png);
  background-repeat: no-repeat;
  background-size: 137.49vw auto;
  background-position: top 0 right 16.15vw;
  /* height: 373.38vw; */
  height: 131.96vw;
  padding: 53.33vw 16.15vw 48vw;
  margin: -17.69vw 0 0;
  overflow: hidden;

  mix-blend-mode: multiply;
}

#sec04Wrap:after {
  content: "";
  display: block;
  position: absolute;
  width: 109.46vw;
  left: -7vw;
  bottom: -39vw;
  height: 141.53vw;
  background-image: url(/2026/top/assets/img/bike_packing_light_adventure/bottom.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 141.53vw auto;
}

#sec04Content {
  width: 67.18vw;
  margin: -79vw auto 0;
  position: relative;
  z-index: 5;
}

#sec04Wrap dl {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  font-size: 4.1vw;
  line-height: 7.18vw;
}

#sec04Wrap dt {
  width: 15.51vw;
  font-weight: 600;
  white-space: nowrap;
  text-align-last: justify;
  padding-right: 1vw;
  margin-right: 2vw;
}
#sec04Wrap dt.cost{
  width: 21vw;
}

#sec04Wrap dt::after {
  position: absolute;
  display: inline;
  padding-right: 1vw;

  content: "：";
}

#sec04Wrap dd {
  width: auto;
  min-width: 46.67vw;
  white-space: nowrap;
  padding-left: 3vw;
}
#sec04Wrap dd.cost {
  min-width: 42vw;
}

#sec04Wrap dd.indent1 {
  text-indent: 13vw;
}

#sec04Wrap dd.indent2 {
  padding-left: 7vw;
  width: 46.67vw;
}

#map {
  width: 67.18vw;
  height: 100.26vw;
  margin: 8.46vw auto;
  background-color: #FAFAB0;
}
#map iframe{
  width: 100%;
  height: 100%;
}

.note {
  font-size: 3.85vw;
  letter-spacing: -.1vw;
  font-weight: 400;
}

#sec02Content li.note::before {
  content: none;
}


#itinerary {
  padding: 5vw 0 0;
  position: relative;
}
#itinerary .controllScrollWrap {
  margin-left: 0;
  padding-left: 16.15vw;
  width: 100vw;
}
#itinerary .controllScrollItem {
  display: flex;
  flex-direction: column;
  /* width: 71.51vw; */
  width: 62.05vw;
  margin-right: 8.46vw;
  padding-top: 8.46vw;
  position: relative;
  margin-top: 2vw;
  border-top: 2px solid transparent;
}
#itinerary .controllScrollItemWrap{
  position: relative;
}
#itinerary .controllScrollItemWrap::before{
  content: "";
  height: 2px;
  width: 100%;
  display: block;
  position: absolute;
  top: 2vw;
  left: 0;
  border-top: 2px solid;
  border-image: linear-gradient(to right, transparent 14%, #000 14% 87%, transparent 87%);
  border-image-slice: 2;
}
#itinerary .controllScrollItem:nth-of-type(1) {
  border-top: 2px solid;
  border-image: linear-gradient(to right, transparent 39%, #000 39% 100%, transparent 100%);
  border-image-slice: 2;
  padding-left: 0;
}

#itinerary .controllScrollItem:nth-of-type(2) {
  font-weight: 600;
}

#itinerary .controllScrollItem:last-of-type {
  margin-right: 16.15vw;
}

#itinerary .controllScrollItem h2 {
  font-size: 4.62vw;
  font-weight: 600;
  padding-bottom: 1.8vw;
}

#itinerary .controllScrollItem p {
  height: 25.38vw;
  font-weight: 300;
}

#itinerary .controllScrollItem p.time {
  height: auto;
  position: absolute;
  top: -3.8vw;
  left: 0;
  font-size: 4.5vw;
  font-weight: 500;
  font-family: "Oswald", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;

}

#itinerary .controllScrollButtonNext {
  border-radius: 50%;
  width: 11.03vw;
  height: 11.03vw;
  background-color: #ABBC8F;
  position: absolute;
  right: 1vw;
  top: 37vw;
  z-index: 10;
}

#itinerary .controllScrollButtonNext img {
  width: 3.72vw;
  height: auto;
  margin: auto;
  filter: brightness(0) saturate(100%) invert(100%) sepia(43%) saturate(808%) hue-rotate(310deg) brightness(126%) contrast(93%);
}

#itinerary div img {
  /* height: 46.15vw; */
  width: 100%;
  height: auto;
  margin:auto 0 0;
  display: block;

}

.blackBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 67.69vw;
  height: 13.59vw;
  margin: 5vw auto 0;
  padding-left: 3vw;
  background-color: #000;
  color: #fff;
  border-radius: 5px;
  font-size: 3.59vw;
  font-weight: 500;
  background-image: url(/2026/top/assets/img/Welcome_to_MTB/btnIcon.svg);
  background-repeat: no-repeat;
  background-size: 4.03vw 4.03vw;
  background-position: center right 3vw;
  /* letter-spacing: .4vw; */
}

.readMe {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 67.69vw;
  height: 13.59vw;
  margin: 8.72vw auto;
  border: 1px solid #000;
  background-color: #FAFAB0;
  border-radius: 10px;
  text-align: center;
}

.readMe p {
  font-size: 3.85vw;

}

.readMe p::before {
  content: "";
  display: inline-block;
  background-image: url(/2026/top/assets/img/e_mtb_dual_stage/icon_coution.svg);
  background-repeat: no-repeat;
  width: 3.48vw;
  height: 3.07vw;
  padding-left: 4vw;
}

.readMe span {
  display: block;
  font-size: 3.08vw;
}

#cooperation * {
  text-align: center;
  font-weight: 400;
  font-size: 4.1vw;
  line-height: 1.75;
}