@charset "UTF-8";
.item02 {
  order: 2;
}
.item01 {
  order: 1;
}
.wrap {
  z-index: 1;
  animation: disableScroll .1s linear 5s both;
  overflow: hidden;
}
.mv {
  background: url("../img/mv.jpg")no-repeat center center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 0 3rem
}
.mv .logo {
  max-width: 51rem;
}
.contents {
  background: url("../img/left_01.png")no-repeat top left/150px, url("../img/middle_02.png")no-repeat top 66% center/100%, url("../img/bottom_03.png")no-repeat bottom center/100%, url("../img/bg.png")repeat top center/100%, #000;
  padding: 10rem 0 15rem;
  text-shadow: #000 2px 0 20px;
}
.contTtl {
  position: relative;
  color: #fff;
  z-index: 10;
  font-size: 2rem;
  margin-bottom: 4rem;
  font-weight: 500;
}
.contTtl::after {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  left: 50%;
  font-size: 7.5rem;
  font-family: 'Bodoni Moda', serif;
  color: #1f1402;
  font-weight: 700;
  z-index: -1;
}
/**/
.ushimatsu {
  padding: 12rem 2rem 6rem;
}
.ushimatsu .contTtl {
  text-align: center;
}
.ushimatsu .contTtl::after {
  content: "USHIMATSU";
  transform: translateY(-50%) translateX(-40%);
}
.inr_sec {
  position: relative;
  z-index: 100;
  font-size: 1.4rem;
}
.inr_sec .left_img {
  max-width: 50rem;
}
.inr_sec .txtcont, .inr_sec .left_img {
  width: 100%;
}
.inr_sec .ttl {
  margin-bottom: 2rem;
}
.inr_sec .ttl span {
  color: #fff;
  background-color: #95781f;
  font-size: 2.5rem;
}
.inr_sec .txtcont {
  color: #fff;
}
.lightbox {
  display: none;
}
.sagagyu {
  padding: 12rem 2rem;
  position: relative
}
.sagagyu::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: -25%;
  width: 60%;
  height: 140%;
  background: url("../img/sagagyu.png")no-repeat right bottom/contain;
}
.sagagyu .contTtl::after {
  content: "SAGAGYU";
  transform: translateY(-50%) translateX(-60%);
}
.sause, .menu {
  padding: 6rem 2rem 12rem;
}
.sause {
  background: url("../img/sause.png")no-repeat left bottom/20rem
}
.sause .contTtl::after {
  content: "SAUCE";
  transform: translateY(-50%) translateX(-40%);
}
.menu .contTtl::after {
  content: "MENU";
  transform: translateY(-50%) translateX(-60%);
}
.swiper {
  width: 100%;
  z-index: 0;
}
.swiper .swiper-slide {
  color: #fff;
  padding: 0 2rem;
}
.swiper .menu_img {
  margin-bottom: 1rem;
}
.swiper .ttl {
  font-size: 2rem;
  font-weight: 500;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "";
  width: 1.3rem;
  height: 2rem;
}
.swiper-button-next:after {
  background: url("../img/sankaku.png")no-repeat center center/contain;
}
.swiper-button-prev:after {
  background: url("../img/sankaku_l.png")no-repeat center center/contain;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 0
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 0;
}
/**/
.featherlight .featherlight-close-icon {
  width: 5rem;
  height: 5rem;
  font-size: 3rem;
  background-color: #000;
  color: #fff;
}
.border_btn a {
  border: 1px solid #fff;
  color: #fff;
  margin: auto;
  display: block;
}
.border_btn a:hover {
  opacity: 0.6;
}
.border_btn a span {
  position: relative;
}
.border_btn a span::after {
  position: absolute;
  content: "";
  width: 2rem;
  height: 2rem;
  right: -3rem;
  background: url("../img/plus.png")no-repeat center center/contain;
  top: 50%;
  transform: translateY(-50%);
}
.featherlight .featherlight-content {
  padding: 0;
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__container {
  background-color: #fff;
  padding: 6rem 1.5rem;
  max-width: 70rem;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}
.modal__close {
  background: transparent;
  border: 0;
}
.modal__btn {
  font-size: 2rem;
  padding: 2rem;
  color: #fff;
  background-color: transparent;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: auto;
  max-width: 50rem;
  width: 100%;
  text-align: center;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.acccess {
  padding: 10rem 2rem 0;
}
.acccess .contTtl {
  margin-bottom: 7rem
}
.acccess .contTtl::after {
  content: "ACCESS";
  transform: translateY(-50%) translateX(-40%);
}
.access_inr {
  margin-bottom: 5rem
}
.map {
  height: 30rem
}
.access_inr .acc_img {
  width: 100%;
  margin: 0 auto 3rem
}
.access_inr table {
  background-color: #070707;
  border-top: 1px solid #95781f;
  border-right: 1px solid #95781f;
  width: 100%;
}
.access_inr table a {
  color: #95781f;
  font-size: 1.8rem;
}
.access_inr table th {
  background-color: #95781f;
  border-bottom: 1px solid #000;
  padding: 3rem 1rem
}
.access_inr table td {
  padding: 3rem 2rem;
  border-bottom: 1px solid #95781f;
}
/*contact*/
.contact {
  padding: 8rem 2rem;
  background: url("../img/contact.jpg")no-repeat center center/cover;
}
.contact .contTtl::after {
  content: "CONTACT";
  transform: translateY(-50%) translateX(-55%);
  color: #2a1b03;
}
.contact .tel {
  margin-bottom: 2rem;
}
.contact .tel a {
  color: #95781f;
  font-weight: 800;
  font-size: 4rem;
}
.contact .red_btn {
  max-width: 30rem;
  margin: 0 auto 3rem;
}
.contact .red_btn a {
  padding: 1.5rem;
  font-size: 2rem;
}
.contact .txt {
  font-size: 1.4rem;
}
@media only screen and (min-width:769px) {
  .contTtl {
    margin-bottom: 11rem;
    font-size: 3rem;
  }
  .contTtl::after {
    font-size: 15rem;
  }
  .inr_sec {
    justify-content: space-between;
    align-items: center;
    font-size: 2rem;
  }
  .inr_sec .left_img {
    width: 40%;
  }
  .inr_sec .txtcont {
    width: 55%;
    font-size: 1.6rem;
  }
  .sause {
    background: url("../img/sause.png")no-repeat left center/contain;
  }
  .sagagyu::after {
    bottom: -50%;
  }
  .swiper {
    width: 75rem;
    margin-bottom: 6rem;
  }
  .swiper .menu_img {
    margin-bottom: 2.5rem;
  }
  .swiper .swiper-slide {
    padding: 0 5rem;
  }
  .swiper .ttl {
    font-size: 2.5rem;
  }
  .swiper .txt {
    font-size: 1.5rem;
  }
  .access_inr {
    justify-content: space-around;
  }
  .access_inr .acc_img {
    width: 45%;
  }
  .access_inr table {
    width: 50%;
  }
  .acccess .contTtl {
    margin-bottom: 15rem
  }
  .map {
    height: 40rem
  }
  .contact {
    padding: 12rem 1.5rem;
  }
  .contact .tel a {
    font-size: 8rem;
  }
  .contact .red_btn {
    margin: 0 auto 5rem;
  }
  .contact .txt {
    font-size: 2rem;
  }
}
@media only screen and (max-width:768px) {
  .contact .tel a {
    font-family: 'Shippori Mincho', serif;
  }
}