@charset "utf-8";
/* ============================
food common
===============================*/
.foodTitle {
  font-size: 2.0rem;
}

.foodNote {
  font-size: 1.4rem;
  margin-top: 8px;
}

.food__desc-text {
  margin: 48px 4.9% 0;
}

.foodCatchcopr {
  font-size: 2.0rem;
}

.foodDetail {
  margin-top: 16px;
}

/* food common pc */
@media screen and (min-width: 1025px) {
  .dinner__container {
    margin: 96px 6.25% 0 var(--contentPadding-pc);
    display: flex;
    gap: 96px;
  }

  .food__desc {
    margin-top: 96px;
    flex: 0 0 32.5%;
  }

  .foodTitle {
    font-size: 2.4rem;
  }

  .foodNote {
    font-size: 1.6rem;
    margin-top: 16px;
  }

  .food__desc-text {
    margin: 48px 4.1% 0;
  }
}/* pc 1025 */

/* ============================
footprints--first
===============================*/
.footprints--first {
  position: absolute;
  transform: translateY(-5%);
}

.footprints--first .footprints--fox {
  width: 300px;
  height: 400px;
}

.foxFoot--first {
  opacity: 0;
}

/* footprints--first pc */
@media screen and (min-width: 1025px) {
  .footprints--first {
    left: 5%;
    transform: translateY(-20%);
  }

  .footprints--first .footprints--fox {
    width: 600px;
    height: 800px;
  }
}/* pc 1025px */

/* ============================
food
===============================*/
.dinner__container {
  margin: 48px 2.33% 0;
}

.dinner__img {
  width: 100%;
  aspect-ratio: 1/0.959;
  margin-top: 32px;
  object-position: center;
  position: relative;
}

.dinnerImg--back {
  width: 100%;
  aspect-ratio: 1/0.716;
  object-fit: cover;
  object-position: center;
}

.dinnerImg--front {
  width: 32%;
  aspect-ratio: 1/1.358;
  position: absolute;
  top: 55%;
  left: 8.53%;
}

/* footprint--second */
.footprints--second {
  position: absolute;
  right: 0;
  transform: scale(-1, 1) translateY(-40%);
}

.footprints--second .footprints--fox {
  width: 300px;
  height: 400px;
}

.foxFoot--second {
  opacity: 0;
}

/* dinner__slide */
.dinner__slide {
  margin-top: 48px;
}

.dinner__slide-item {
  margin-right: 16px;
}

.dinnerSlideImg{
  width: 100%;
  height: auto;
}

.slick-track {
	display: flex;
	align-items: center;
}

/* breakfast */
.breakfast__container {
  margin: 96px 2.33% 0;
}

.breakfast__img {
  width: 100%;
  aspect-ratio: 1/0.715;
  object-position: center;
  overflow: hidden;
  margin-top: 32px;
}

.breakfastImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* food pc */
@media screen and (min-width: 1025px) {
  .dinner__container {
    margin: 96px 6.25% 0 var(--contentPadding-pc);
    padding-bottom: 60px;
    display: flex;
  }

  .dinner__img {
    height: 100%;
    aspect-ratio: 1;
    margin-top: 0;
  }

  .dinnerImg--back {
    aspect-ratio: 1/0.667;
  }

  .dinnerImg--front {
    width: 38.9%;
    aspect-ratio: 1/1.36;
    top: 47.2%;
    left: -6.94%;
  }

  /* footprint--second */
  .footprints--second {
    transform: scale(-1, 1) translate(10%, -50%);
  }

  .footprints--second .footprints--fox {
    width: 600px;
    height: 800px;
  }

  /* dinner__slide */
  .dinner__slide {
    margin-top: 100px;
  }

  .dinner__slide-list {
    width: 100%;
  }

  .dinner__slide-item {
    margin-right: 16px;
  }

  .dinnerSlideImg{
    width: auto;
  }

  /* breakfast */
  .breakfast__container {
    margin: 200px 6.25% 250px var(--contentPadding-pc);
    display: flex;
    gap: 96px;
  }

  .breakfast__img {
    height: 100%;
    aspect-ratio: 1/0.666;
    margin-top: 0;
  }
}/* pc 1025px */
