@charset "UTF-8";
header {
  top: 0;
}

.tag {
  display: inline-block;
  font-size: 14px;
  padding: 3px;
  color: #fff;
  background: #333;
  width: 70px;
  height: 25px;
  margin-bottom: 12px;
}

.news-all, .menu-list {
  padding: 166px 0;
}

.news-all-card {
  background-color: #fff;
  padding: 0 24px 24px 24px;
}

.tag, .news-all-title {
  text-align: left;
}

.news-all-title {
  font-size: 16px;
  padding-bottom: 9px;
}

.date-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex05 {
  -ms-grid-columns: 0.5fr 1fr;
      grid-template-columns: 0.5fr 1fr;
}

.news-all img {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.view {
  text-decoration: underline;
}

.tag2 {
  width: 114px;
}

.tb-auto {
  margin: auto 0;
}

.flex05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pd24 {
  padding: 24px 0;
}

.news-all-card, .news-all-card img, .menu-list img {
  width: 100%;
}

.news-all-card img:first-child {
  margin-top: 48px;
}

.catch-img {
  padding: 96px 0 48px 0;
}

.catch-img img {
  width: 100%;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.news-single {
  padding: 0 20px 96px 20px;
  max-width: 1020px;
  margin: 0 auto;
}

.menu-card .flex img {
  width: 100%;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

.price {
  text-align: left;
}

.menu-card
li {
  list-style-type: disc;
  margin-left: 20px;
  text-align: left;
}

.menu-card .text {
  padding-top: 0;
}

.menu-card
p {
  padding-bottom: 24px;
}

.menu-card p:last-child {
  padding-top: 24px;
  padding-bottom: 24px;
}

.menu-card {
  background-color: #fff;
}

.text-area {
  padding: 0 20px;
}

.sub-title-m {
  font-size: 14px;
  padding-bottom: 24px;
  text-align: center;
}

.shop-card .sub-title-m {
  text-align: left;
}

.shop-card {
  padding: 24px 0;
}

.shop-list {
  padding: 96px 0 0 0;
}

.bgi {
  background-image: url(../img/season.jpg);
  height: 540px;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.shop-contents-area {
  position: relative;
}

.shop-bar {
  max-width: 1024px;
  width: 100%;
  height: auto;
  background-color: #f6f6f6;
  padding: 96px 20px;
  position: absolute;
  top: -150px;
}

.shop-title {
  font-size: 40px;
  padding-bottom: 48px;
}

.info-address p, .info-shop p {
  padding-bottom: 24px;
}

.underline {
  text-decoration: underline;
}

.contents-area img {
  width: 100%;
  margin: 24px 0;
}

/* =========================
      pc版
=========================== */
@media screen and (min-width: 769px) {
  .pd24 {
    padding: 24px;
  }
  .news-all-card {
    max-width: 1024px;
    margin: 0 auto;
  }
  .news-all-card img {
    max-width: 390px;
    height: 180px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .flex05 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .news-all-card img:first-child {
    margin-top: 0;
  }
  .pdt48 {
    padding-top: 48px;
  }
  .tb-auto {
    width: 100%;
  }
  .news-all .main-title {
    margin-bottom: 96px;
  }
  .pagenation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1024px;
    margin: 0 auto;
  }
  .pagenation p {
    font-size: 12px;
    padding: 24px 0;
    text-align: left;
  }
  .pagenation p:first-child, .pagenation p:last-child {
    text-decoration: underline;
  }
  .menu-card .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .menu-area {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
  }
  .menu-card {
    width: 100%;
  }
  .menu-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .shop-bar {
    width: 80%;
    left: 10%;
    padding: 96px 96px 0 96px;
  }
  .contents-area img {
    max-width: 400px;
  }
}
/*# sourceMappingURL=pages.css.map */