/* ========================================
   メニュー全体
======================================== */

.menu-main {
  width: 100%;
  padding: 70px 20px 0;
  align-items: center;
}


/* ========================================
   ページタイトル
======================================== */

.title-box {
  width: min(1080px, 90%);
  margin: 0 auto 100px;
  text-align: center;
}



/* ========================================
   各料理セクション共通
======================================== */

.menu-arakaruto,
.menu-omakase,
.menu-lunch {
  width: min(860px, 88%);
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.menu-arakaruto img,
.menu-omakase img,
.menu-lunch img,
.menu-takeout img {
  display: block;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  object-fit: contain;
}

.food-title {
  margin: 0;
  font-family: "kiwimaru-r", sans-serif;
  font-size: 37px;
  font-weight: normal;
  letter-spacing: 0.08em;
}

.detail-title {
  margin: 0 0 14px;
  font-family: "kiwimaru-r", sans-serif;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0.04em;
}

.detail-text {
  margin: 0;
  font-family: "kiwimaru-l", sans-serif;
  font-size: 20px;
  line-height: 2.2;
  letter-spacing: 0.05em;
}


/* ========================================
   アラカルト
======================================== */

.menu-arakaruto {
  margin-bottom: 110px;
}

.menu-arakaruto img {
  width: 390px;
  margin-bottom: 30px;
}

.arakaruto-text-box {
  text-align: center;
}

.arakaruto-text-box .food-title {
  margin-bottom: 55px;
}

.arakaruto-detail-box {
  width: min(680px, 100%);
  margin: 0 auto;
  text-align: left;
}


/* ========================================
   大将おまかせ
======================================== */

.menu-omakase {
  margin-bottom: 115px;
}

.menu-omakase img {
  width: 280px;
  margin-bottom: 40px;
}

.omakase-text-box .food-title {
  margin-bottom: 55px;
}

.omakase-detail-box {
  width: min(580px, 100%);
  margin: 0 auto 48px;
  text-align: left;
}

.omakase-detail-box:last-child {
  margin-bottom: 0;
}


/* ========================================
   ランチ
======================================== */

.menu-lunch {
  margin-bottom: 120px;
}

.menu-lunch img {
  width: 230px;
  margin-bottom: 45px;
}

.lunch-text-box .food-title {
  margin-bottom: 30px;
}

.lunch-detail-box {
  width: min(470px, 100%);
  margin: 0 auto;
  text-align: left;
}


/* ==============================
   お持ち帰り
============================== */

.menu-takeout {
  width: min(860px, 88%);
  margin: 0 auto;
  text-align: center;
}

.menu-takeout img {
  width: 260px;
  margin: 0 auto 45px;
  object-fit: contain;
}

.takeout-text-box .food-title {
  margin-bottom: 20px;
}

.takeout-etc {
  margin: 0 0 50px;
  font-family: "kiwimaru-l", sans-serif;
  font-size: 13px;
  letter-spacing: 0.05em;
}

.takeout-detail-box {
  width: min(580px, 100%);
  margin: 0 auto 48px;
  text-align: center;
}

.takeout-detail-box:last-child {
  margin-bottom: 0;
}

/* ========================================
   飲み物
======================================== */
.menu-drink {
  margin: 130px auto 180px;
}
.drink-center {
  width: min(900px, 90%);
  margin: 0 auto;
  text-align: center;
}

.drink-title {
  margin: 0 0 60px;
  font-family: "kiwimaru-r",sans-serif;
  font-size: 36px;
  font-weight: normal;
}

.sake-group {
  display: flex;
  justify-content: center;
  gap: 120px;
  margin-bottom: 70px;
}

.other-group {
  display: flex;
  justify-content: center;
  gap: 180px;
}

.beer,
.japan-syu,
.wine,
.other-drink,
.other-drink-sub{
  text-align: left;
}

.drink-category {
  margin: 0 0 25px;
  font-family: "kiwimaru-r",sans-serif;
  font-size: 30px;
  font-weight: normal;
}

.drink-name {
  margin: 0 0 5px;
  font-family: "kiwimaru-l",sans-serif;
  font-size: 18px;
  font-weight: normal;
}

.price {
  margin: 0 0 20px;
  font-family: "kiwimaru-l",sans-serif;
  font-size: 16px;
}

/* ========================================
   スマートフォン
======================================== */

@media screen and (max-width: 767px) {

  /* ========================================
     メニュー全体
  ======================================== */

  .menu-main {
    padding: 50px 20px 0;
  }


  /* ========================================
     ページタイトル
  ======================================== */

  .title-box {
    width: 100%;
    margin-bottom: 70px;
  }


  /* ========================================
     各料理セクション共通
  ======================================== */

.menu-arakaruto,
.menu-omakase,
.menu-lunch,
.menu-takeout {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

  .food-title {
    font-size: 28px;
    line-height: 1.5;
  }

  .detail-title {
    margin-bottom: 12px;
    font-size: 19px;
    line-height: 1.6;
  }

  .detail-text {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.03em;
  }


  /* ========================================
     アラカルト
  ======================================== */

  .menu-arakaruto {
    margin-bottom: 85px;
  }


  .menu-arakaruto img {
    width: 100%;
    max-width: 310px;
  }

  .arakaruto-text-box .food-title {
    margin-bottom: 35px;
  }

  .arakaruto-detail-box {
    width: 100%;
    text-align: left;
  }


  /* ========================================
     大将おまかせ
  ======================================== */

  .menu-omakase {
    margin-bottom: 90px;
  }

  .menu-omakase img {
    width: 100%;
    max-width: 230px;
  }

  .omakase-text-box .food-title {
    margin-bottom: 38px;
  }

  .omakase-detail-box {
    width: 100%;
    margin-bottom: 38px;
  }


  /* ========================================
     ランチ
  ======================================== */

  .menu-lunch {
    margin-bottom: 90px;
  }

  .menu-lunch img {
    width: 100%;
    max-width: 195px;
  }

  .lunch-text-box .food-title {
    margin-bottom: 28px;
  }

  .lunch-detail-box {
    width: 100%;
  }


  /* ========================================
     お持ち帰り
  ======================================== */

  .menu-takeout img {
    width: 100%;
    max-width: 220px;
  }

  .takeout-text-box .food-title {
    margin-bottom: 16px;
  }

  .takeout-etc {
    margin-bottom: 35px;
    font-size: 12px;
  }

  .takeout-detail-box {
    width: 100%;
    margin-bottom: 38px;
    text-align: left;
  }


  /* ========================================
     お飲み物
  ======================================== */

  .menu-drink {
    margin: 95px auto 110px;
  }

  .drink-center {
    width: 100%;
  }

  .drink-title {
    margin-bottom: 50px;
    font-size: 28px;
  }

  .sake-group,
  .other-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px 30px;
    margin-bottom: 50px;
  }

  .other-group {
    margin-bottom: 0;
  }

  .beer,
  .japan-syu,
  .wine,
  .other-drink,
  .other-drink-sub {
    width: 100%;
  }

  .drink-category {
    margin-bottom: 20px;
    font-size: 23px;
  }

  .drink-name {
    font-size: 16px;
    line-height: 1.6;
  }

  .price {
    margin-bottom: 18px;
    font-size: 14px;
  }

  .other-drink-sub {
    padding-top: 52px;
  }

}

@media screen and (max-width: 420px) {

  .sake-group,
  .other-group {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .other-drink-sub {
    padding-top: 0;
  }

}