@charset "UTF-8";
header h1 svg * {
  fill: #000;
}
header section nav i,
header section nav b {
  background: #333;
}
#mainV{
  margin: 0;
  height: calc(100vh + 35vw);
  max-height: 250vw;
  border-bottom: 2px solid #000;
  border-image: linear-gradient(to left, #000, #000 9%, transparent 9%, transparent 91%, #000 91%) 1;
}
#mainV > ul li{
  position: relative;
}
#mainV > ul li img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  min-height: 100vh;
  object-fit: cover;
}
#mainV > ul li .msg{
  position: absolute;
  left: 28.5vw;
  top: 124.5vw;
  color: #000;
  width: 44vw;
  font-weight: bold;
}
#mainV > ul li .msg h3{
  font-size: 6vw;
  margin-bottom: 3vw;
}
#mainV > ul li .msg p{
  font-size: 3.5vw;
  line-height: 6.25vw;
}
#nextView{
  margin-top: -15vw;
  font-weight: bold;
}

.swiper.centeredSlider {
  margin-left: -10.75vw;
  width: 100vw;
}

.swiper.centeredSlider img,
.swiper.centeredSlider .swiper-slide {
  max-width: initial;
  width: 67.63vw;
}




.tab {
  margin: 0;
}

.tabContent {
  background: none;
  overflow: hidden;
}

#reviewTab.tab {
  margin: -16vw auto 10vw;
  background: none;
  width: 78.26vw;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 3.5vw;
  border: 2px solid #000;
  background-color: #685824;
}

#reviewTab.tab li {
  background: none;
  color: #fff;
  height: 14.49vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.59vw;
  border-image: linear-gradient(to bottom, transparent 20%, #000 20% 80%, transparent 80%) 1;
}

#reviewTab.tab li:first-child,
#reviewTab.tab li:nth-child(2),
#reviewTab.tab li:nth-child(3) {
  width: 33.3%;
}
#reviewTab.tab li.border{
  width: 100%;
  height: 0;
  border-top: 2px solid #000;
  border-image: linear-gradient(to right, transparent 2%, #000 2% 98%, transparent 98%) 1;
  border-left: none;
}

#reviewTab.tab li:nth-child(5),
#reviewTab.tab li:nth-child(6) {
  width: 50%;
  border-top: 2px solid #000;
}

#reviewTab.tab li:nth-child(5) {
  border-left: none;
}

#reviewTab.tab li.active {
  background: #fff;
  color: #000;
  mix-blend-mode:hard-light;
}
#reviewTab.tab li:first-child.active{
  border-top-left-radius: 3.5vw;
}
#reviewTab.tab li:nth-child(3).active{
  border-top-right-radius: 3.5vw;
}
#reviewTab.tab li:nth-child(5).active{
  border-bottom-left-radius: 3.5vw;
}
#reviewTab.tab li:nth-child(6).active{
  border-bottom-right-radius: 3.5vw;
}

.stamp {
  margin: 5vw auto 5.75vw;
  display: block;
  width: 23.08vw;
}

.tabContent {
  position: relative;
  padding: 6.88vw 0 0 ;
}

.tabContent h3 {
  text-align: center;
  font-size: 7.25vw;
  padding: 0 0 5.21vw;
  width: 100%;
}

.leftimg {
  display: flex;
  margin: 0 auto 4.5vw;
  width: 78.75vw;
}

.leftimg img {
  width: 41.41vw;
  margin-right: 7.97vw;
}
.leftimg p {
  margin-top: -1vw;
  line-height: 6vw;
}

.center {
  margin: 0 auto 4.5vw;
  width: 78.75vw;
  display: flex;
  flex-wrap: wrap;
}
.center p{
  padding: 0 0 4.25vw;
  font-size: 4.6vw;
  line-height: 10vw;
}
.center img{
  /* width:43.85vw ; */
  width: 100%;
}
#marche{
  height: 209.42vw;
  width: 77.07vw;
  margin: 0 auto 10vw;
  border-bottom: 2px dashed #000;
}
#marcheWrap{
  position: relative;
}
#marcheWrap .text{
  font-size: 3.46;
}
#nextView .absolute{
  position: absolute;
  top: 0;
  left: 0;
}
#marcheWrap p.absolute{
  line-height: 6vw;
}
#marcheWrap #img01 {
  width: 37vw;
  z-index: 2;
  top: 84vw;
}

#marcheWrap #img02 {
  position:absolute;
  width: 84.3vw;
  top: 138vw;
  left: 32vw;
}

#marcheWrap #img03 {
  width: 81.08vw;
  top: 168vw;
  left: -18vw;
}

/* #marcheWrap #img04 {} */

#marcheWrap #img05 {
  width: 46.32vw;
  left: 54vw;
  top: 82vw;
}
#marcheWrap #img06{
  width: 87.85vw;
  left: 10.87vw;
  top: 141vw;
}
#marcheWrap #text01 {
  width: 32vw;
  top: 142.13vw;
  left: 42.64vw;
}

#marcheWrap #text02 {
  width: 30vw;
  top: 199.38vw;
  left: 60vw;
}

#marcheWrap h3:last-child {
  border-top: 1px dotted #000;
}

#kitchenCarBottomTxt {
  width: 41.86vw;
  padding: 6.49vw 0 0 2vw;
  font-size: 3.5vw;
  line-height: 6vw;
}
#marcheWrap #kitchenCar{
  position: relative;
  height: 213.77vw;
}
#restWrap{
  margin-bottom: 8vw;
}
#restWrap .center{
  margin-bottom: 7.25vw;
}
#restWrap .center{
  margin-bottom: 7.25vw;
}
#villageWrap{
  margin-bottom: 4vw;
}
#villageWrap .center {
  position: relative;
}

#villageWrap .controllScrollOver {
  margin-top: 18vw;
}

#villageWrap .controllScrollWrap {
  height: 89vw;
}

#villageWrap ul li {
  width: 57.97vw;
  position: relative;
}

#villageWrap #imgVillage01 {
  z-index: 2;
  width: 43.48vw;
  top: 111vw;
  left: 67vw;
}

#villageWrap .controllScrollOver h3 {
  font-size: 6.04vw;
  height: 18.36vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
#villageWrap ul li:nth-child(4) img.subimg,
  #villageWrap ul li:nth-child(5) img.subimg{
    position: absolute;
  }
  #villageWrap ul li:nth-child(4) img.subimg{
    width: 31vw;
    top: 44vw;
    left: 31vw;
    transform: rotate(18deg);
    z-index: 2;
  }
  #villageWrap ul li:nth-child(5) img.subimg{
    width: 33vw;
    top: 11vw;
    left: 31vw;
    z-index: 2;
  }


#pumpWrap{
  padding-bottom: 8vw;
}
#pumpWrap .center{
  position: relative;
}

#pumpWrap #imgPump01 {
  z-index: 2;
  width: 46.86vw;
  top: 71vw;
  left: -12.5vw;
}

.rightImg {
  width: 41.06vw;
  margin: 7.5vw 0 0 auto;
}
/* #souvenirWrap {} */
#souvenirWrap h4{
  width: 100%;
  font-size: 7.15vw;
  padding: 0 0 7.49vw ;
}
.yellowOval{
  background: #FAEA6F;
  background: url(../img/review/comment.svg) no-repeat center center;
  background-size: contain;
  width: 50.71vw;
  height: 25.68vw;
  text-align: center;
  margin:0 auto 3.73vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 3vw;
  font-size: 4.5vw;
  line-height: 6vw;
}
.YellowBK {
  padding: 0 0 11.35vw;
  width: 100vw;
  background: #FAEA6F;
}

#souvenirWrap .center p{
  padding: 4.45vw 0 1.31vw;
}

#souvenirWrap .controllScrollWrap{
  height: 109vw;
}

#souvenirWrap .controllScrollWrap h3{
  font-size: 6.04vw;
  line-height: 7vw;
  width: 100%;
  padding: 0;
  min-height: 18vw;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#souvenirWrap .controllScrollWrap li{
  display: flex;
  flex-wrap: wrap;
  min-width: 68.36vw;
}
#souvenirWrap .controllScrollWrap li p{
  width: 60.39vw;
  margin: auto auto 0;
}
#souvenirWrap .controllScrollWrap li img{
  margin: auto;
  width: auto;
}
#souvenirWrap .controllScrollWrap li.present01 img{
  height: 41.43vw;  
}

#souvenirWrap .controllScrollWrap li.present02 img{
  height: 63.8vw;  
}
#souvenirWrap .controllScrollWrap li.present03 img{
  height: 47.59vw;  
}
#souvenirWrap .controllScrollWrap li.present04 img{
  height: 56.33vw;
}
#souvenirWrap .controllScrollWrap li.present05 img{
  height: 40.77vw;
  margin-top: 16vw;
}

footer{
  z-index: 2;
}
.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(../img/review/lowerTriangle.svg) no-repeat center center;
  display: inline-block;
  width: 3.23vw;
  height: 2.79vw;
  background-size: contain;
  margin-left: 2vw;
}

/* 横スライダ */
.controllScrollOver {
  margin: 0 0 7vw 10.87vw;
}

.controllScrollWrap {
  height: 73.91vw;
  width: 89.37vw;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.controllScrollWrap::-webkit-scrollbar {
  display: none;
}

.controllScrollWrap>ul {
  display: flex;
  height: 100%;
  padding-left: 1vw;
}
.controllScrollWrap>ul::after {
  content: "";
  display: block;
  min-width: 7vw;
  height: 1px;
}
.controllScrollWrap>ul li {
  height: 100%;
  margin: 0 6.8vw 0 0;
  padding: 0;
}

/* .controllScrollWrap>ul li:last-child {
  padding-right: 20vw;
} */

.controllScrollWrap a {
  height: 100%;
  display: inline-block;
  width: auto;
  position: relative;
}

.controllScrollWrap a::after {
  content: "";
  position: absolute;
  right: 2vw;
  bottom: 2vw;
  width: 3vw;
  height: 3vw;
  background: url(../img/top/arrowRightDown.svg) 100% no-repeat;
  z-index: 1;
}

.controllScrollWrap img {
  /* height: 100%; */
  width: 57.97vw;
  max-width: initial;
}
.controllScrollWrap p {
  margin-top: 4vw;
  font-size: 3.5vw;
  line-height: 6vw;
}

.controllScrollWrap>ul li .firstViewSlide {
  display: none;
}

.controllScrollWrap>ul li .msg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  color: #FFF;
  z-index: 1;
  text-shadow: 0 .72vw 1.45vw #000;
}

.controllScrollWrap>ul li .msg h3 {
  font-family: 'BStyle', "BStyle-Regular", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 8.45vw;
}

.controllScrollWrap>ul li .msg .icon {
  display: none;
}

.controllScrollWrap>ul li .msg p {
  font-size: 3.86vw;
  line-height: 5.8vw;
}

.controllScrollBarOver {
  margin-top: 2vw;
  display: flex;
  align-items: center;
  height: 5vw;
  justify-content: space-between;
}

.controllScrollBarWrap {
  position: relative;
}

.controllScrollBar {
  width: 80vw;
  height: 1px;
  background: #333;
}

.controllScrollBarActive {
  position: absolute;
  top: -1px;
  left: 0;
  width: 5vw;
  height: 3px;
  background: #333;
}

.controllScrollButtonWrap {
  display: none;
}