/*-------------
mv
--------------*/
.mv {
  background: url("../images/mv_bg.jpg") no-repeat center/cover;
}
.mv h2 {
  color: #fff;
}

/*-------------
info
--------------*/
.mv__bottom {
  text-align: center;
}
.mv__bottom .middle__text {
  margin-top: 145px;
  font-size: 26px;
}
.mv__bottom .large__text {
  margin-top: 25px;
  font-size: 20px;
}

.morning .more__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.morning .more__btn a {
  width: 48.5%;
}

.morning .img__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.restaurant-cafe .morning .img__area .img__area_img {
  width: 316.6666666667px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.morningSlideAnime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: slide 16s infinite linear both;
          animation: slide 16s infinite linear both;
}

@-webkit-keyframes slide {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  22% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-316.6666666667px);
            transform: translateX(-316.6666666667px);
  }
  47% {
    -webkit-transform: translateX(-316.6666666667px);
            transform: translateX(-316.6666666667px);
  }
  50% {
    -webkit-transform: translateX(-633.3333333333px);
            transform: translateX(-633.3333333333px);
  }
  72% {
    -webkit-transform: translateX(-633.3333333333px);
            transform: translateX(-633.3333333333px);
  }
  75% {
    -webkit-transform: translateX(-950px);
            transform: translateX(-950px);
  }
  97% {
    -webkit-transform: translateX(-950px);
            transform: translateX(-950px);
  }
  100% {
    -webkit-transform: translateX(-1266.6666666667px);
            transform: translateX(-1266.6666666667px);
  }
}

@keyframes slide {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  22% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-316.6666666667px);
            transform: translateX(-316.6666666667px);
  }
  47% {
    -webkit-transform: translateX(-316.6666666667px);
            transform: translateX(-316.6666666667px);
  }
  50% {
    -webkit-transform: translateX(-633.3333333333px);
            transform: translateX(-633.3333333333px);
  }
  72% {
    -webkit-transform: translateX(-633.3333333333px);
            transform: translateX(-633.3333333333px);
  }
  75% {
    -webkit-transform: translateX(-950px);
            transform: translateX(-950px);
  }
  97% {
    -webkit-transform: translateX(-950px);
            transform: translateX(-950px);
  }
  100% {
    -webkit-transform: translateX(-1266.6666666667px);
            transform: translateX(-1266.6666666667px);
  }
}
.morningSlideAnime.morningSlideAnime--cafe {
  -webkit-animation: slide_cafe 28s infinite linear both;
          animation: slide_cafe 28s infinite linear both;
}

@-webkit-keyframes slide_cafe {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  13% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  14% {
    -webkit-transform: translateX(-316.6666666667px);
            transform: translateX(-316.6666666667px);
  }
  27% {
    -webkit-transform: translateX(-316.6666666667px);
            transform: translateX(-316.6666666667px);
  }
  28% {
    -webkit-transform: translateX(-633.3333333333px);
            transform: translateX(-633.3333333333px);
  }
  41% {
    -webkit-transform: translateX(-633.3333333333px);
            transform: translateX(-633.3333333333px);
  }
  42% {
    -webkit-transform: translateX(-950px);
            transform: translateX(-950px);
  }
  55% {
    -webkit-transform: translateX(-950px);
            transform: translateX(-950px);
  }
  56% {
    -webkit-transform: translateX(-1266.6666666667px);
            transform: translateX(-1266.6666666667px);
  }
  69% {
    -webkit-transform: translateX(-1266.6666666667px);
            transform: translateX(-1266.6666666667px);
  }
  70% {
    -webkit-transform: translateX(-1583.3333333333px);
            transform: translateX(-1583.3333333333px);
  }
  84% {
    -webkit-transform: translateX(-1583.3333333333px);
            transform: translateX(-1583.3333333333px);
  }
  85% {
    -webkit-transform: translateX(-1900px);
            transform: translateX(-1900px);
  }
  99% {
    -webkit-transform: translateX(-1900px);
            transform: translateX(-1900px);
  }
  100% {
    -webkit-transform: translateX(-2216.6666666667px);
            transform: translateX(-2216.6666666667px);
  }
}

@keyframes slide_cafe {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  13% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  14% {
    -webkit-transform: translateX(-316.6666666667px);
            transform: translateX(-316.6666666667px);
  }
  27% {
    -webkit-transform: translateX(-316.6666666667px);
            transform: translateX(-316.6666666667px);
  }
  28% {
    -webkit-transform: translateX(-633.3333333333px);
            transform: translateX(-633.3333333333px);
  }
  41% {
    -webkit-transform: translateX(-633.3333333333px);
            transform: translateX(-633.3333333333px);
  }
  42% {
    -webkit-transform: translateX(-950px);
            transform: translateX(-950px);
  }
  55% {
    -webkit-transform: translateX(-950px);
            transform: translateX(-950px);
  }
  56% {
    -webkit-transform: translateX(-1266.6666666667px);
            transform: translateX(-1266.6666666667px);
  }
  69% {
    -webkit-transform: translateX(-1266.6666666667px);
            transform: translateX(-1266.6666666667px);
  }
  70% {
    -webkit-transform: translateX(-1583.3333333333px);
            transform: translateX(-1583.3333333333px);
  }
  84% {
    -webkit-transform: translateX(-1583.3333333333px);
            transform: translateX(-1583.3333333333px);
  }
  85% {
    -webkit-transform: translateX(-1900px);
            transform: translateX(-1900px);
  }
  99% {
    -webkit-transform: translateX(-1900px);
            transform: translateX(-1900px);
  }
  100% {
    -webkit-transform: translateX(-2216.6666666667px);
            transform: translateX(-2216.6666666667px);
  }
}/*# sourceMappingURL=restaurant-cafe.css.map */