/* tag */
body:lang(en) {
  font-family: 'Arial', sans-serif;
  font-family: 'Allerta Stencil', sans-serif; 
  font-size: 16rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: .08em;
}
input,
input[type=text],
input[type=email],
input[type=tel],
select,
textarea {
  font-family: 'Arial', sans-serif;
  font-size: 14rem;
}
caption, th, td { font-size: 14rem; }
h2,h3,h4,h5,h6 {
  font-family: 'Allerta Stencil', sans-serif;
  letter-spacing: .05em!important;
}

/* #reservation */
#reservation > dt p small {
  font-size: 12rem;
  padding-top: .5em;
}

/* search_489ban */
#search_489ban {
  font-size: 18rem;
  letter-spacing: .02em;
}
#search_489ban input,
#search_489ban select { font-size: 18rem; }
#search_489ban #child ul { font-size: 14rem; }

/* mv */
.mv .content_wrap .text_wrap h2 { text-align: left; }

/* layout_main */
.layout_main .slick-slider .slick-slide {
  width: calc(6.25vw * 6);
}

/* layout_map */
.layout_map {
  > .inner {
    display: grid;
    padding: calc(6.25vw * 1.5) 0 0 0;
    .img_wrap {
      width: calc(6.25vw * 8);
      max-width: 1000px;
      > img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: contain ;
        object-fit: contain ;
        border-radius: 5px;
      }
    }
    .text_wrap {
      display: grid;
      justify-content: center;
      margin: 2em 0 0 0;
    }
  }
}

/* タブレット横 */
@media screen and (max-width: 1180px) {
  body:lang(en) {
    font-size: 14rem;
  }
  .layout_map {
    > .inner {
      .img_wrap {
        width: calc(6.25vw * 10);
      }
    }
  }
  #reservation > dt p small {
    display: block;
    font-size: 9rem;
    padding-top: .5em;
    letter-spacing: 0;
    font-weight: normal;
  }
}

/* タブレット縦 */
@media screen and (max-width: 820px) {
  header {
    .gnav {
      display: none;
    }
  }
  .layout_map {
    > .inner {
      .img_wrap {
        width: calc(6.25vw * 12);
      }
    }
  }
}

/* スマホ縦 */
@media screen and (max-width: 450px) {
  .layout_map {
    > .inner {
      padding: calc(6.25vw * 2) 0 0 0;
      .img_wrap {
        width: calc(6.25vw * 14);
      }
    }
  }
  /* layout_main */
  .layout_main .slick-slider .slick-slide {
    width: calc(6.25vw * 14 / 1);
  }
}