@charset "UTF-8";
.top_img {
  height: 250px;
  width: 100%;
  background-image: url(img/titleback.jpg);
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.top_img h2 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.top_img h2 img {
  width: clamp(12.5rem, -5.218rem + 88.59vw, 37.25rem);
  height: auto;
}
.top_img .efx {
  background-color: rgba(0, 0, 0, 0.5);
  height: 250px;
  width: 100%;
}

.menu_outer {
  width: 100%;
  background-color: #F7F7F5;
}
.menu_outer .menu_inner {
  max-width: 800px;
  margin: 0 auto;
  background-color: #F7F7F5;
}
.menu_outer .menu_inner h3 {
  padding-top: 40px;
  text-align: center;
}
.menu_outer .menu_inner h3:nth-of-type(2) {
  padding-top: 0;
  font-family: "Yu Mincho", "YuMincho";
  font-size: 14px;
}
.menu_outer .menu_inner h3:nth-of-type(4) {
  padding-top: 0;
  font-family: "Yu Mincho", "YuMincho";
  font-size: 14px;
}
.menu_outer .menu_inner h5 {
  font-size: 16px;
}
.menu_outer .menu_inner ul {
  list-style-type: none;
}
.menu_outer .menu_inner ul li {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 15px;
}
.menu_outer .menu_inner .pasta {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  flex-wrap: wrap-reverse;
}
.menu_outer .menu_inner .pasta .pasta_text {
  width: 360px;
}
.menu_outer .menu_inner .pasta img {
  max-width: 100%;
  height: auto;
}
.menu_outer .menu_inner .soup {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  flex-wrap: wrap;
}
.menu_outer .menu_inner .soup .soup_text {
  width: 360px;
}
.menu_outer .menu_inner .soup img {
  max-width: 100%;
  height: auto;
}
.menu_outer .menu_inner .flitter {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  flex-wrap: wrap-reverse;
}
.menu_outer .menu_inner .flitter .flitter_text {
  width: 360px;
}
.menu_outer .menu_inner .flitter img {
  max-width: 100%;
  height: auto;
}
.menu_outer .menu_inner .bread {
  justify-content: space-between;
  padding-bottom: 40px;
}
.menu_outer .menu_inner .bread .bread_text {
  width: 320px;
}
.menu_outer .menu_inner .bread .bread_text h4 {
  width: 320px;
}
.menu_outer .menu_inner .bread img {
  max-width: 100%;
  height: auto;
}
.menu_outer .menu_inner .main {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  flex-wrap: wrap;
}
.menu_outer .menu_inner .main .main_text {
  width: 360px;
}
.menu_outer .menu_inner .main img {
  max-width: 100%;
  height: auto;
}
.menu_outer .menu_inner .pizza {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  flex-wrap: wrap-reverse;
}
.menu_outer .menu_inner .pizza .pizza_text {
  width: 360px;
}
.menu_outer .menu_inner .pizza img {
  max-width: 100%;
  height: auto;
}
.menu_outer .menu_inner .gnocchi {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  flex-wrap: wrap;
}
.menu_outer .menu_inner .gnocchi .gnocchi_text {
  width: 360px;
}
.menu_outer .menu_inner .gnocchi img {
  max-width: 100%;
  height: auto;
}
.menu_outer .menu_inner .rice {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  flex-wrap: wrap-reverse;
}
.menu_outer .menu_inner .rice .rice_text {
  width: 360px;
}
.menu_outer .menu_inner .rice img {
  max-width: 100%;
  height: auto;
}
.menu_outer .menu_inner .appetizer {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  flex-wrap: wrap;
}
.menu_outer .menu_inner .appetizer .appetizer_text {
  width: 360px;
}
.menu_outer .menu_inner .appetizer img {
  max-width: 100%;
  height: auto;
}
.menu_outer .menu_inner .salad {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  flex-wrap: wrap-reverse;
}
.menu_outer .menu_inner .salad .salad_text {
  width: 360px;
}
.menu_outer .menu_inner .salad img {
  max-width: 100%;
  height: auto;
}
.menu_outer .menu_inner .wine {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.menu_outer .menu_inner .wine .wine_text {
  width: 360px;
}
.menu_outer .menu_inner .beer {
  width: 360px;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.menu_outer .menu_inner .beer .beer_text {
  width: 360px;
}
.menu_outer .menu_inner .whisky {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.menu_outer .menu_inner .whisky .whisky_text {
  width: 360px;
}
.menu_outer .menu_inner .liqueur {
  width: 360px;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.menu_outer .menu_inner .liqueur .liqueur_text {
  width: 360px;
}
.menu_outer .menu_inner .sour {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.menu_outer .menu_inner .sour .sour_text {
  width: 360px;
}
.menu_outer .menu_inner .shochu {
  width: 360px;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.menu_outer .menu_inner .shochu .shochu_text {
  width: 360px;
}
.menu_outer .menu_inner .plumwine {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.menu_outer .menu_inner .plumwine .plumwine_text {
  width: 360px;
}
.menu_outer .menu_inner .sake {
  width: 360px;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.menu_outer .menu_inner .sake .sake_text {
  width: 360px;
}
.menu_outer .menu_inner .softdrink {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}
.menu_outer .menu_inner .softdrink .softdrink_text {
  width: 360px;
}

@media screen and (max-width: 720px) {
  #res1 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res1 .pasta_text h4 {
    padding-top: 10px;
  }
  #res2 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res2 .soup_text h4 {
    padding-top: 10px;
  }
  #res3 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res3 .flitter_text h4 {
    padding-top: 10px;
  }
  #res4 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res5 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res5 .main_text h4 {
    padding-top: 10px;
  }
  #res6 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res6 .pizza_text h4 {
    padding-top: 10px;
  }
  #res7 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res7 .gnocchi_text h4 {
    padding-top: 10px;
  }
  #res8 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res8 .rice_text h4 {
    padding-top: 10px;
  }
  #res9 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res9 .appetizer_text h4 {
    padding-top: 10px;
  }
  #res10 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res10 .salad_text h4 {
    padding-top: 10px;
  }
  #res11 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res12 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res13 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res14 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res15 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res16 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res17 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res18 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res19 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res7 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
  #res7 {
    width: 320px;
    justify-content: center;
    margin: 0 auto;
  }
}/*# sourceMappingURL=alacarte.css.map */