@charset "UTF-8";

.tabContent{
display: none;
}
main .tabContent.active{
  display: block;
}
header section.headerIn {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 20vw;
  background: #FFF;
  z-index: 4;
}

/* header h1 svg * {
  fill: #000;
} */

header section nav i,
header section nav b {
  background: #333;
}

#hoverTabWrap {
  background: #FFF;
  position: relative;
  z-index: 15;
}

#hoverTabWrap.fixed {
  position: fixed;
  left: 0;
  top: 20vw;
  z-index: 6;
  /* transition: all 2s;
  padding-top: 10vw; */
}

.dayTabWrap .tab,
main .tabContent {
  background: none;
  overflow: hidden;
}

#hoverTabWrapOver,
.dayTabWrap .tab {
  height: 11.47vw;
}

.dayTabWrap .tab {
  width: 100%;
  display: flex;
  height: 11.47vw;
  padding: 0;
  border: none;
  margin: 0;
}

.dayTabWrap .tab li {
  display: flex;
  font-family: "Oswald", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  width: 50vw;
  align-items: center;
  justify-content: center;
  border: none;
  border-top: 2px solid #000;
  color: #fff;
  background-color: #685824;
}

.dayTabWrap .tab li.active {
  background-color: #fff;
  color: #000;

}

.dayTabWrap .tabContent h3 {
  font-size: 6.28vw;
  margin: 6.76vw auto 6vw;
  text-align: center;
  font-weight: bold;
  line-height: 8.5vw;
}

.time {
  display: block;
  height: 8.5vw;
  width: auto;
  margin: 0 auto 5.56vw;
  margin-left: 20vw;

}

#mainV {
  position: relative;
  margin: -20vw 0 0;
  height: 100vh;
  height: 100svh;
  z-index: 15;
  
}

#mainV .fixed {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 78.74vw;
  height: auto;
}

#mainV>ul,
#mainV>ul li {
  height: 100vh;
  position: relative;
}

#mainV>ul img {
  position: absolute;
  bottom: 0;
  right: 0;
}

#mainV .layerWrap {
  position: relative;
  width: 100vw;
  height: 100vh;
  height: 100svh;
}

#mainV .layerWrap .layer1 {
  position: absolute;
  left: 11.11vw;
  top: 26vw;
}

#mainV .layerWrap .layer1 video,
#mainV .layerWrap .layer1 .videoThumbnail {
  width: 88.89vw;
  height: calc(100vh - 26vw);
  object-fit: cover;
}

#mainV .layerWrap .layer2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 0;
  width: 100%;
  height: 100%;
}

#mainV .layerWrap .layer2 .layer2top,
#mainV .layerWrap .layer2 .layer2bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

#mainV .layerWrap .layer2 .layer2bottom {
  top: initial;
  bottom: 0;
}

.centerContents {
  display: block;
  width: 58.94vw;
  margin: auto;
}



.introduction {
  /* height: 103.86vw; */
  height: 90.86vw;
  padding: 13.53vw 0 0;
  display: flex;
  flex-flow: column;
  align-items: center;
}

/* .introduction img:first-child {
  position: absolute;
  top: 9vw;
  left: 16vw;
  margin: auto;
}
.introduction img:last-child{
  display: block;
  margin: auto;
} */

#AM,
#PM {
  position: relative;
  z-index: 1;
}

#AM .introduction .timeicon,
#PM .introduction .timeicon {
  display: block;
  width: 15.44vw;
  height: 14.61vw;
  background: url(/2026/top/assets/img/oneday/iconAm.svg) no-repeat;
  background-size: cover;
}

#PM .introduction .timeicon {
  background-image: url(/2026/top/assets/img/oneday/iconPm.svg);
}

.introduction>div {
  display: flex;
  flex-flow: column;
  align-items: center;
}

.h2wrap {
  display: flex;
}

.introduction h2 {
  text-align: center;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6.3vw;
  padding: 0 0 0 3vw;
}

.introduction h2 img {
  margin: 0 2vw 0 0;
}

.introduction p {
  padding: 5.77vw 10.87vw 6.63vw;
  font-size: 4.65vw;
  line-height: 9.75vw;
  font-weight: bold;
}


/* AM */

/* バイカーズのスタート */
#firstCeremony {
  padding-top: 29.29vw;
  position: relative;
}

#firstCeremony h3 {
  line-height: 8vw;
}

#firstCeremony .mainImg {
  width: 150vw;
  margin: 13.77vw 0 5.8vw;
}

/* バイカーズビレッジ見学 */
#suibunHokyu {
  height: 179vw;
  background: url(/2026/top/assets/img/oneday/AM/pic005.png);
  background-size: cover;
  position: relative;
  margin: -14vw 0 6.5vw;
}

#suibunHokyu p {
  position: absolute;
  width: 33vw;
  top: 102vw;
  left: 11vw;
  line-height: 6.04vw;
}

#aleWrap {
  display: flex;
  flex-flow: column;
  padding-left: 20.05vw;
  background: url(/2026/top/assets/img/oneday/AM/pic003.png) no-repeat;
  background-size: 43.24vw auto;
  height: 41vw;
  background-position: 52vw -4vw;
}

#aleWrap h3 {
  margin: 0 0 4vw;
  text-align: left;
  font-size: 4.75vw;
}

#aleWrap p {
  width: 42.75vw;
}

#rideArrow {
  position: relative;
  padding-bottom: 34vw;
  z-index: 3;
}

#rideArrow .arrow {
  width: 35.76vw;
  position: absolute;
  top: 32vw;
  left: 1.5vw;
  z-index: 2;
}


/* パンプトラック体験 */
#pumpTrack {
  height: 477vw;
  background: url(/2026/top/assets/img/oneday/AM/pic006bk.png) center 12% no-repeat;
  background-size: 100% auto;
  position: relative;
  background-position-y: 25.5vw;
}

#pumpTrack .time {
  height: 8.5vw;
}

#pumpTrack h3 {
  margin-top: 4vw;
}

#pumpMain {
  height: 10vw;
  position: absolute;
  width: 58vw;
  top: 120vw;
  left: 21vw;
}

#pumpTrack p {
  position: absolute;
  color: #fff;
  font-weight: bold;
}

#pumpTrack p:nth-child(3) {
  position: absolute;
  width: 58.94vw;
  left: 12vw;
  top: 51vw;
  text-align: center;
  transform: rotate(-30deg);
}

#pumpTrack>p:nth-child(4) {
  width: 29vw;
  top: 140vw;
  left: 42vw;
  text-align: center;
  transform: rotate(-30deg);
}

#pumpTrack #RentalBike {
  transform: translateX(-84vw);
  width: 84vw;
  height: 150vw;
  border: 3.62vw solid #FAE864;
  position: relative;
  padding: 0 0 8.45vw;
  background-color: #fff;
  transition: all .6s;
  margin-top: 133vw;
  z-index: 2;
}

#pumpTrack #RentalBike.active {
  transform: translateX(0);
}

#pumpTrack #RentalBike p {
  color: #000;
  position: relative;
}

#pumpCharge {
  position: relative;
  display: block;
  top: -30vw;
}

#pumpCharge div {
  position: absolute;
  width: 58.94vw;
  top: 120vw;
  left: 21vw;
}

#pumpCharge h3 {
  margin: 4vw 0 3vw;
}

#pumpCharge p {
  color: #000;
  font-weight: 400;
}

#RentalBike img {
  display: block;
  width: 61.11vw;
  margin: -9vw auto 12.32vw;
}

#RentalBike h3 {
  position: relative;
  text-align: center;
  z-index: 2;
}

#marche {
  position: relative;
  height: 398.5vw;
}

#marche h3 {
  margin: 4.76vw auto 4vw;
}

#marche img:nth-child(2) {
  display: flex;
  width: 89.13vw;
  margin-left: auto;
}

#marche img#bagelImg {
  width: 82.92vw;
  margin: -13vw 0 39vw 16.5vw;
}

#marche img#humImg {
  margin: -69vw 0 36vw;
}

#marche .centerContents {
  margin-top: -4.25vw;
}

#marche p#bagel {
  position: absolute;
  top: 182vw;
  left: 21vw;
  width: 37.2vw;
  line-height: 5.5vw;
}

#marche p#ham {
  width: 42.61vw;
  position: absolute;
  top: 331vw;
  left: 40vw;
  line-height: 5.5vw;
}


.verticalTab {
  position: absolute;
  font-weight: bold;
  top: -3.4vw;
  right: -20.4vw;
  width: 16.91vw;
  height: 58.21vw;
  font-size: 6.04vw;
  background-color: #FAE864;
  writing-mode: vertical-rl;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 5vw;
  border-bottom-right-radius: 5vw;
}

.beige {
  background: #EAE3CF;
  position: relative;
  height: 259vw;
}

#beigeTopImg {
  height: 105vw;
  position: relative;
}

#beigeTopImg img {
  position: absolute;
  top: -31.5vw;
}

#beigeTopImg p:nth-child(4) {
  position: absolute;
  width: auto;
  top: -4vw;
  left: 36vw;
  text-align: center;
  font-weight: bold;
  line-height: 6vw;
  font-size: 4vw;
}

#beigeTopImg p {
  position: absolute;
  width: 58.94vw;
  top: 94vw;
  left: 20.05vw;
}

#beigeTopImg p:nth-child(5) {
  position: absolute;
  left: 20.5vw;
  top: 85.5vw;
  width: 58.94vw;
  text-align: left;
  font-size: 3.8vw;
}

#curry img:first-child {
  width: 93.99vw;
  position: relative;
  z-index: 1;
}

#curry img:nth-child(2) {
  margin-top: 73.43vw;
}

#curry img:nth-child(3) {
  display: block;
  width: 59.66vw;
  margin: -16.5vw 0 0 20.05vw;

}

#curry p {
  width: 38.65vw;
  margin: -11vw 0 0 20vw;

}

#shimanoMuseumWrap {
  width: 100vw;
  background: #EAE3CF;
  padding-bottom: 12vw;
  margin-bottom: 20vw;
}

#shimanoMuseum {
  position: relative;
  background: #FFF;
  width: 78.26vw;
  height: 193.72vw;
  margin: auto;
  border-radius: 12.5vw;
  padding: 14.01vw 8.94vw 0;
}

#flag {
  position: absolute;
  top: -18vw;
  left: 32vw;
  width: 13.8vw;
}

#shimanoMuseum h3 {
  margin: 0 auto 3.52vw;
}

#shimanoMuseum img.innerImg {
  width: calc(100% + 40vw);
  width: 100vw;
  margin: 19vw -20vw 0;
  max-width: none;
}

#shimanoMuseum img.innerImg:last-child {
  width: calc(100% + 42vw);
  margin: -4.2vw -21vw 0;
  max-width: none;
}

#shimanoMuseum p {
  position: absolute;
  width: 60.14vw;
  font-size: 3.8vw;
}

#shimanoMuseum #sousaku {
  margin-top: 2vw;
  font-size: 3.4vw;
  line-height: 6vw;
}

#shimanoMuseum div:nth-child(3) {
  width: auto;
}

#shimanoMuseum #pic013 {
  margin-top: 10vw;
}

/* PM */
#PM {
  background: url(/2026/top/assets/img/oneday/PM/pmTopBg.png) no-repeat;
  background-size: 100%;
  background-position-x: 0vw;
  background-position-y: 70vw;
}

#rogaine {
  padding-top: 31.4vw;
}

#rogaine .time {
  height: 8.5vw;
  margin: 14.25vw auto 0;
}

#rogaine h3 {
  margin: 5vw auto 0;
  font-size: 6vw;
}

#rogaineFirstComment {
  margin-top: -8vw;
  display: flex;
  flex-flow: column;
  align-items: center;
}

#rogaineFirstComment .centerContents {
  margin-top: 1.5vw;
  font-weight: bold;
}

.btnBlack {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background-color: #000;
  color: #fff;
  padding: .5vw 3vw 1.5vw 5vw;
  border-radius: 2.75vw;
  width: 59.83vw;
  height: 14vw;
  margin: 4vw 0 6.08vw;
  font-size: 3.8vw;
  font-weight: bold;
  position: relative;
  z-index: 2;
}

.btnBlack::after {
  content: "→";
  display: inline;
  margin-left: auto;
  font-weight: 400;
  font-size: 6vw;
}

#Comment01 {
  height: 296vw;
  background: url(/2026/top/assets/img/oneday/PM/pic002.png);
  background-size: 109%;
  position: relative;
  margin-top: -13vw;
}

#Comment01 p:first-child {
  position: absolute;
  width: 58.7vw;
  top: 96vw;
  left: 21vw;
}

#Comment01 p:last-child {
  position: absolute;
  width: 30.02vw;
  top: 177vw;
  left: 53vw;
  color: #fff;
  line-height: 6vw;
  font-size: 3.4vw;
}

#gondola {
  background: url(/2026/top/assets/img/oneday/PM/pic003.png);
  background-size: 100% 100%;
  position: relative;
  height: 197vw;
  margin-top: -4vw;
}

#gondola p {
  position: absolute;
  width: 29.95vw;
}

#gondola p:first-child {
  top: 40vw;
  left: 59vw;
  line-height: 6vw;
}

#gondola p:last-child {
  top: 116vw;
  left: 11vw;
  line-height: 6vw;
}


#Comment02 {
  position: relative;
  margin-top: 7vw;
  display: flex;
  flex-flow: column;
  align-items: center;
}

#Comment02 .time {
  margin-bottom: 0;
}

#Comment02 h3 {
  margin: 5.76vw auto 6vw;
}

#pmPic004 {
  width: 78.5vw;
  margin-bottom: 5vw;
}

#pmPic005 {
  margin: 6vw 0 -10vw;
}

#Comment02 img:nth-child(3) {
  display: block;
  width: 78.26vw;
  margin: 0 auto 7.25vw;
}

#Comment02 p:first-child {
  position: absolute;
  width: 29.95vw;
  top: 31vw;
  left: 62vw;
}

#iceCreamCmt {
  line-height: 6vw;
}


#photograph {
  position: relative;
  height: 119.24vw;
}

#photograph>img:first-child {
  width: 57.25vw;
  position: absolute;
  right: 0;
}

#photograph #photographComment {
  position: absolute;
  top: 26vw;
  left: 16vw;
  width: 26.33vw;
}

#photograph #photographComment img {
  width: 17.58vw;
  margin-bottom: 4vw;
}

#photograph #photographComment p {
  line-height: 6vw;
}

#party {
  margin-top: 2.8vw;
}

#party .time {
  margin-bottom: 0;
}

#party h3 {
  margin: 5.25vw auto -4vw;
}

#party .centerContents {
  margin: 5.25vw auto 0;
}

#ending {
  margin: -12vw 0 15.46vw;
}

#ending .centerContents {
  margin-top: 2vw;
}

footer {
  z-index: 3;
}

.entryBtnWrap {
  width: auto;
  height: auto;
  color: #FFF;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  background: none;
}

.entryBtnWrap a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #AF9856;
  height: 12vw;
  width: 44.5vw;
  letter-spacing: .2vw;
  padding-left: 4vw;
}

.entryBtnWrap a:first-child {
  width: 38vw;
  border-radius: 5vw 0 0 0;
  padding-left: 6vw;
}

.entryBtnWrap a:not(:first-child) {
  border-left: 1px solid #FFF;
}

.entryBtnWrap a::after {
  content: "";
  background: url(/2026/top/assets/img/review/lowerTriangle.svg) no-repeat center center;
  display: inline-block;
  width: 3.23vw;
  height: 2.79vw;
  background-size: contain;
  margin-left: 2vw;
}

/* #localInformation {
  padding-top: 12.5vw;
  padding-bottom: 20vw;
} */

#AM.tabContent.active,
#PM.tabContent.activw {
  display: block;
  background-color: transparent;
}