@charset "UTF-8";
@media screen and (min-width: 1080px) {

  /* ヘッダー */
  header h1 {
    margin-top: 2.5vw;
  }

  h1 svg * {
    fill: #000;
  }

  header.loaded h1 svg,
  h1 svg {
    width: 18vw;
    height: 3vw;
  }

  header.loaded h1 svg {
    top: 0;
    left: 0;
    transition: all 1s;
  }

  header section nav i,
  header section nav b {
    background-color: #000;
  }

  .entryBtnWrap a {
    height: 4.2vw;
    width: 15vw;
    letter-spacing: .1vw;
    padding-left: 1vw;
    font-size: 1.2vw;
    transition: all .4s;
  }

  .entryBtnWrap a:hover {
    color: #695824;
    background-color: #FFF;
  }

  .entryBtnWrap a:first-child {
    width: 13.5vw;
    border-radius: 2vw 0 0 0;
    padding-left: 1.6vw;
  }

  .entryBtnWrap a::after {
    width: 1.23vw;
    height: 1.79vw;
    margin-left: .5vw;
  }

  /* ヘッダー */
  /* ファーストビュー */
  #topContent {
    margin-top: 10.57vw;
    width: 78.39vw;
    height: 53.33vw;
    margin-left: auto;
  }

  #topContent img {
    width: 100%;
    height: 100%;
  }
  /* ファーストビュー */
  /* コンテンツ */

  #mainV {
    height: calc(100vh + 8vw);
    border-bottom: 4px solid #000;
    min-height: 60vw;
    max-height: 69.925vw;
    border-image: initial;
  }

  #mainV>ul li .msg {
    top: 49vw; /* 1280px以上で位置変更指定あり */
    position: absolute;
    left: 46.82vw;
    color: #000;
    width: 15.94vw;
    font-weight: bold;
    font-size: 1.04vw;
  }

  #mainV>ul li .msg h3 {
    font-size: 2.19vw;
    margin-bottom: 1.45vw;
  }

  #mainV>ul li .msg p {
    font-size: 1.04vw;
    line-height: 2.08vw;
  }

  aside.absolute {
    display: none;
  }

  #nextView {
    margin-top: 0;
  }

  .tabContent {
    overflow: visible;
    padding: 5vw 0 0;
  }

  .tabContent h3 {
    font-size: 2vw;
  }

  .tabContent p {
    font-size: 1.04vw;
    line-height: 2.08vw;
  }
  
  
  #reviewTab.tab {
    border: none;
    border-radius: 0;
    width: 64.84vw;
    flex-wrap: nowrap;
    margin-right: 13.54vw;
    background: none;
    margin-bottom: 0;
    margin-top: 0;
  }
  
  #reviewTab.tab li {
    font-size: 1.82vw;
    height: 6.15vw;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    background-color: #685824;
    border: 4px solid #000;
    border-bottom: none;
    margin-top: -6.18vw;
    position: relative;
  }


  #reviewTab.tab li:first-child,
  #reviewTab.tab li:nth-child(2),
  #reviewTab.tab li:nth-child(3),
  #reviewTab.tab li:nth-child(4),
  #reviewTab.tab li:nth-child(5) {
    width: 12.97vw;
    line-height: 2.08vw;
  }
  
  #reviewTab li::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #685824;
    z-index: 1;
  }
  
  #reviewTab.tab li.active::after {
    bottom: -1px;
    background: #FFF;
  }

  #reviewTab.tab li:nth-child(4) {
    display: none;
  }

  #reviewTab.tab li:nth-child(5),#reviewTab.tab li:nth-child(6) {
    border-top: 4px solid #000;
    border-right: 4px solid #000;
    border-left: 4px solid #000;
  }

  #reviewTab.tab li:first-child.active {
    border-top-left-radius: 2vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  

  #reviewTab.tab li:nth-child(3).active {
    border-top-right-radius: 2vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  #reviewTab.tab li:nth-child(4).active {
    border-bottom-left-radius: 2vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  #reviewTab.tab li:nth-child(5).active {
    border-bottom-right-radius: 2vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  #reviewTab.tab li:nth-child(5),
  #reviewTab.tab li:nth-child(6) {
    width: 12.97vw;

  }

  #reviewTab.tab li:nth-child(6).active {
    border-bottom-right-radius: 0;
  }

  .stamp {
    width: 14.17vw;
    margin: 0;
    display: block;
    z-index: 2;
    position: absolute;
    top: 2.81vw;
    left: -1.61vw;
  }

  .center {
    flex-wrap: wrap;
    position: relative;
  }

  .center h3 {
    width: auto;
    padding: 0;
    text-align: left;
    font-size: 2.34vw;
    line-height: 3vw;
  }

  .center p {
    width: auto;
    padding: 1.82vw 0 0;
    line-height: 2.08vw;
  }

  .center img {
    width: 43.85vw;
    height: auto;
    margin: 2vw 0 0;
  }

  /* マルシェ */
  #marche {
    height: 51.45vw;
    border: none;
    margin: 0;
  }

  #marche .center h3 {
    order: 2;
    margin: 1.25vw 0 0 5vw;
    font-size: 2.34vw;
    line-height: 3vw;
  }

  #marche .center p {
    order: 3;
    position: absolute;
    left: 49vw;
    top: 7.8vw;
    width: 16vw;
    line-height: 2.08vw;
  }

  #marcheWrap .img01 {
    position: absolute;
    width: 20.69vw;
    z-index: 2;
    top: 12vw;
    left: -2vw;
  }

  #marcheWrap #img01 {
    width: 24.9vw;
    z-index: 2;
    top: 19.5vw;
    left: -7.8vw;

  }


  #marcheWrap #img02 {
    position: absolute;
    width: 32.97vw;
    top: 24.2vw;
    left: 32vw;
  }

  #marcheWrap #img03 {
    width: 33.8vw;
    top: 36vw;
    left: 15vw;
    z-index: 2;
    transform: rotate(-53deg);
  }

  #marcheWrap #img05 {
    position: absolute;
    width: 19.11vw;
    left: 55vw;
    top: 11vw;

  }

  #marcheWrap #img06 {
    position: absolute;
    width: 29.17vw;
    left: -3.53vw;
    top: 15.75vw;
  }

  #marcheWrap #text01 {
    width: 36vw;
    top: 42.8vw;
    left: 49.1vw;
  }

  #marcheWrap #text02 {
    width: 15.94vw;
    line-height: 2.08vw;
    top: 40.5vw;
    left: 16vw;
  }

  #marcheWrap #kitchenCar {
    position: relative;
    height: 80.77vw;
  }

  #marcheWrap #kitchenCar {
    height: 45.77vw;
    position: relative;
    margin-top: -2.2vw;
  }

  #marcheWrap #kitchenCar .center div {
    width: 15vw;
  }

  #marcheWrap #kitchenCar .center h3 {
    order: 1;
    font-size: 2.35vw;
  }

  #marcheWrap #kitchenCar .center p {
    order: 2;
    width: 15.94vw;
    line-height: 2.08vw;
    font-size: 1.04vw;
    padding: 1.5vw 0 0;
  }

  #marcheWrap #kitchenCar .center img {
    position: absolute;
    width: 43.85vw;
    right: 14vw;
    top: 2vw;
  }

  #marcheWrap #kitchenCar .center p.left {
    position: absolute;
    top: 32vw;
  }

  /* 休憩 */

  #restWrap .center img {
    order: 1;
    height: 31.07vw;
  }

  #restWrap .center div {
    order: 2;
    width: 16.5vw;
    margin: 2vw 0 0 5.3vw;
  }
  
  #restWrap .center div h3{
    font-size: 2.2vw;
  }

  #restWrap .leftimg {
    position: absolute;
    width: 17.12vw;
    flex-wrap: wrap;
    right: -0.751vw;
    top: 22.6vw;
  }

  #restWrap .leftimg img {
    width: 17.12vw;
  }

  .leftimg p {
    margin-top: 1.5vw;
  }
  
  #restWrap .leftimg p{
    margin-left: .7vw;
  }

  /* ビレッジ */
  #villageWrap #imgVillage01 {
    z-index: 2;
    width: 14.51vw;
    left: -5.5vw;
    top: 12vw;
    transform: rotate(-7deg);
  }

  #villageWrap .center {
    margin: 0 auto 8.8vw;
  }

  #villageWrap ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #villageWrap ul li {
    width: 17.12vw;
    height: 25.64vw;
    margin-bottom: 3.8vw;
    position: relative;
  }

  #villageWrap ul li h3 {
    height: 5.05vw;
    display: flex;
    align-items: center;
    font-size: 1.82vw;
    text-align: left;
    padding: 0;
    line-height: 2.6vw;
    margin-bottom: 1.5vw;
  }

  #villageWrap ul li p {
    padding: 2vw 0 0;
  }

  #villageWrap ul li:last-child h3 {
    text-align: center;
    justify-content: center;
  }

  #villageWrap .center div {
    position: absolute;
    width: 15.94vw;
    right: 14vw;
    top: 1.5vw;
    order: 2;
  }
  
  #villageWrap .center div p{
    margin-top: .5vw;
  }

  #villageWrap ul li:nth-child(4) img.subimg {
    width: 8.13vw;
    top: 10.5vw;
    left: 12.5vw;
    transform: rotate(0deg);
  }

  #villageWrap ul li:nth-child(5) img.subimg {
    width: 9.13vw;
    top: 3vw;
    left: 11vw;
  }

  /* パンプトラック */
  #pumpWrap .img01 {
    position: absolute;
    z-index: 2;
    width: 16.86vw;
    left: -5vw;
    top: 9vw;
  }

  #pumpWrap #imgPump01 {
    z-index: 2;
    width: 27.22vw;
    top: 4vw;
    left: -12.2vw;
  }

  #pumpWrap .rightImg {
    position: absolute;
    top: 0vw;
    right: 0;
    width: 30vw;
    top: 9vw;
  }

  #pumpWrap .center h3 {
    position: absolute;
    width: 16.94vw;
    top: 1.25vw;
    right: 13.5vw;
    font-size: 2.25vw;
  }

  #pumpWrap .center p {
    position: absolute;
    width: 15.94vw;
    top: 4vw;
    right: 14.5vw;
  }

  #pumpWrap .rightImg img {
    width: 17.12vw;

  }

  #pumpWrap .center div {
    order: 2;
    width: 30vw;
  }

  /* お土産 */
  #souvenirWrap {
    width: 100vw;
    height: 100%;
    background-color: #FAEA6F;
    padding: 15vw 0 5.94vw 22vw;
    margin-left: -21.62vw;
  }

  #souvenirWrap .stamp {
    margin-left: 22vw;
  }

  #souvenirWrap h3 {
    text-align: left;
    font-size: 1.3vw;
    padding: .75vw 0 .57vw .8vw;
    line-height: 1.8vw;
  }

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

  #souvenirWrap p {
    padding: 0 0 0 .8vw;
  }

  .pcWhiteBg {
    width: 73.8vw;
    height: 100.83vw;
    background-color: #fff;
    border-radius: 5vw;
    margin-left: -5vw;
    position: relative;
  }

  .yellowOval {
    display: flex;
    align-items: flex-start;
    margin: 5vw 0 2vw 0;
    padding: 1.95vw 2vw 0;
    border-radius: 0;
    width: 15.23vw;
    text-align: left;
    font-size: 1.4vw;
    line-height: 1.67vw;
    height: 8.25vw;
    background-size: contain;
  }

  #souvenirWrap h4 {
    font-size: 2.25vw;
    padding: 0 0 0;
    line-height: 3vw;
    margin-top: -1.3vw;
  }

  #souvenirWrap .center {
    width: 15.94vw;
    margin: 0 0 0 4.9vw;
  }

  .present01 {
    position: absolute;
    top: -5vw;
    right: 7vw;
  }

  .present01 p {
    width: 17vw;
  }

  .present01 img {
    width: 37.95vw;
  }

  .present02 {
    position: absolute;
    top: 35vw;
    right: 28vw;
    width: 17.94vw;
  }

  .present02 img {
    width: 16.35vw;
  }

  .present03 {
    position: absolute;
    top: 54vw;
    right: 52vw;
    width: 17.2vw;
  }
  #souvenirWrap .present03 h3{
    width: 20vw;
    padding-top: 1.5vw;
  }
  #souvenirWrap .present03 h3 i{
    font-size: 1.2vw;
    font-style: normal;
  }

  .present03 img {
    width: 17.2vw;
  }

  .present04 {
    position: absolute;
    top: 28.5vw;
    right: 3.5vw;
    width: 19.32vw;
  }

  .present04 img {
    width: 19.32vw;
  }

  #souvenirWrap .present04 p,
  #souvenirWrap .present04 h3 {
    padding-left: 3vw;
  }

  .present05 {
    position: absolute;
    top: 77.5vw;
    right: 4vw;
    width: 40.82vw;
  }

  .present05 img {
    width: 23.38vw;
  }

  #souvenirWrap .present05 div {
    position: absolute;
    top: 5vw;
    right: 1vw;
    width: 15.94vw;
  }
}
@media screen and (min-width: 1280px) {
  #mainV>ul li .msg {
    top: 42.386vw;
  }
}