@charset "UTF-8";


.mainmenu a {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  display: block;
}

.mainmenu a img {
  width: 100%;
}

.mainmenu a.w152 {
  width: 36.71vw;
}

.mainmenu a.w183 {
  width: 44.2vw;
}

.mainmenu a.w123 {
  width: 29.71vw;
}

.btnLandscape {
  height: 15vw;
  width: 100%;
  padding-left: 3vw;
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 4vw;
  border-radius: 1.21vw;
  background-image: url(../img/common/arrowRight.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

.btnLandscape.green {
  background-color: #727B5E;
}

.btnLandscape.blue {
  background-color: #688484;
}

.btnLandscape.braun {
  background-color: #7B735E;
}

/* バナー一覧 */
.mainmenu>div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.mainmenu .noOrder {
  flex-flow: column;
}

.mainmenu .noOrder>* {
  margin-bottom: 8vw;
}

.mainmenu .fullWideSp {
  width: 100vw;
  margin-left: -10.625vw;
}

.layerWrap {
  position: relative;
  width: 100vw;
  height: 82vw;
}

.layerWrap .layer1 {
  padding-top: 5.6vw;
}
.layerWrap .layer1 video{
  width: 100%;
}

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

.mainmenu .fullWideSp img {
  width: 100vw;
  min-width: 100vw;
}

#oneDayWrap .layer2::after {
  content: "CLICK";
  font-family: "Bebas Neue", "Oswald", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 4vw;
  position: absolute;
  right: 10vw;
  bottom: 2.25vw;
  color: #FFF;
}

#oneDayWrap .bannerMsg {
  background-position: 94% 96%;
  padding: 5vw 0 3vw 25.5vw;
}

#pcOrder1,
#pcOrder2,
#pcOrder3 {
  width: 100%;
  display: flex;
  flex-flow: column;
}

#pcOrder1>*,
#pcOrder2>*,
#pcOrder3>* {
  margin-top: 7vw;
}

#pcOrder3>div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 7vw;
}

#pcOrder3>div a {
  width: 100%;
}

#pcOrder3>div>div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* gap: 7vw; */
}

.bannerWrap,
.bannerImgWrap {
  position: relative;

}

.bannerImgWrap::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  transition: all .4s;
  z-index: 1;
}

a:hover .bannerImgWrap::after,
a:active .bannerImgWrap::after,
.bannerImgWrap:hover::after,
.bannerImgWrap:active::after {
  background: rgba(0, 0, 0, .6);
}
#oneDayWrap,#eventReviewWrap{
  display: block;
  
}
#eventReviewWrap{
  margin-top: 7.25vw;
  
}
#eventReviewWrap > div{
  position: relative;
}
#eventReviewWrap .msg{
  position: absolute;
  bottom: 0;
  font-weight: bold;
  top: 48vw;
  left: 43vw;
  width: 27vw;
}
#eventReviewWrap #btnCLICK{
  position: absolute;
      bottom: 3vw;
    left: 45.5vw;
    color: #fff;
  font-weight: bold;
}
.bannerMsg {
  position:absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 70%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  color: #FFF;
  z-index: 2;
  padding: 6vw 0 25vw 4.5vw;
  /*background-image: url(../img/common/arrowRight.svg);*/
  background-repeat: no-repeat;
  background-position: 94% 14%;
  background-size: 3vw;
  text-shadow: 0 .72vw 1.45vw #000;
  transition: all .4s;
}

.bannerMsg_repo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 70%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  color: #FFF;
  z-index: 2;
  padding: 3vw 0 3vw 4.5vw;
  /*background-image: url(../img/common/arrowRight.svg);*/
  background-repeat: no-repeat;
  background-position: 94% 14%;
  background-size: 3vw;
  text-shadow: 0 .72vw 1.45vw #000;
  transition: all .4s;
}
.bannerMsg p {
  font-size: 3.83vw;
  font-weight: bold;
}
.bannerMsg p span{
  text-align: center;
  font-size: 8.83vw;
	font-weight: bold;
  font-family: "Rockwell", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  line-height: 10vw;
  transform: initial;
  margin-top: 5vw;/*上部マージンでロゴとの間隔を調整*/
}





.bannerMsg h3 {
  font-size: 5.35vw;
  font-family: 'BStyle', 'BStyle-R', "BStyle-Regular", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400;
}

#bannerPhotoWrap {
  display: block;
  margin: 0 0 7.25vw;
}

#bannerPhotoWrap .bannerMsg {
  /* padding: 23vw 0 37vw 23.5vw; */
  background-position: 50% 66%;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: none;
}

#bannerPhotoWrap .bannerMsg h3 {
  font-size: 5.8vw;
}

#bannerPhotoWrap .bannerMsg p {
  font-family: "DIN Alternate Bold", "Oswald", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  padding-left: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
}

#bannerPhotoWrap .bannerMsg img {
  width: 10.43vw;
  margin: 1vw;
}

#bannerBikersStyleWrap .bannerMsg {
  justify-content: center;
  align-items: center;
  padding: 0;
  background-position: 94% 95.5%;
}

#bannerBikersStyleWrap .bannerMsg::after {
  content: "CLICK";
  font-family: "Oswald", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 3.2vw;
  position: absolute;
  right: 8.5vw;
  bottom: 2.5vw;
}

#bannerBikersStyleWrap .bannerMsg h3 {
  font-size: 11.11vw;
}

#bannerBikersStyleWrap .bannerMsg p {
  font-size: 4.35vw;
  font-family: "DIN Alternate Bold", "Oswald", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400;
  line-height: 4vw;
}

#bannerScheduleWrap .bannerMsg {
  color: rgb(0, 0, 0);
  background-image: url(../img/common/arrowRightBlack.svg);
  background-position: 91% 24%;
  text-shadow: none;
  padding-top: 5vw;
}

#bannerScheduleWrap:hover .bannerMsg {
  color: rgb(255, 255, 255);
}

#bannerScheduleWrap .bannerMsg p {
  line-height: 6vw;
}

#pcOrder3 #bannerMapWrap,
#pcOrder3 #bannerAutoCampWrap {
  width: 37.2vw;
}

#bannerMapWrap .bannerImgWrap,
#bannerAutoCampWrap .bannerImgWrap,
#bannerMapWrap img,
#bannerAutoCampWrap img {
  width: 100%;
}

#bannerMapWrap .bannerMsg,
#bannerAutoCampWrap .bannerMsg,
#bannerSightSeeingWrap .bannerMsg {
  background-position: 50% 93.5%;
  padding-left: 0;
  text-align: center;
}

#bannerMapWrap .bannerMsg p,
#bannerAutoCampWrap .bannerMsg p,
#bannerRaceWrap .bannerMsg p {
	font-size: 5vw;
}

#bannerSightSeeingWrap {
  margin-top: -3.5vw;
}

#bannerSightSeeingWrap .bannerMsg {
  background-position: 50% 93.5%;
  padding-left: 0;
  text-align: center;
}

#bannerSightSeeingWrap .bannerMsg p,
#bannerAccessWrap .bannerMsg p span {
  font-size: 3.38vw;
}

#bannerAccessWrap .bannerMsg {
  padding-top: 4vw;
  background-position: 94% 33%;
}

#bannerAccessWrap .bannerMsg p {
  line-height: 5vw;
}