/* line 1, app/assets/stylesheets/templates/_default.scss */
section.hero {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}

@media only screen and (max-width: 600px) {
  /* line 1, app/assets/stylesheets/templates/_default.scss */
  section.hero {
    height: auto;
  }
}

/* line 12, app/assets/stylesheets/templates/_default.scss */
.articles {
  margin: 5rem 0;
  margin-top: -100px;
}

@media only screen and (max-width: 600px) {
  /* line 12, app/assets/stylesheets/templates/_default.scss */
  .articles {
    margin-top: 0px;
  }
}

/* line 25, app/assets/stylesheets/templates/_default.scss */
.menu_list {
  max-width: 60vw;
}

@media only screen and (max-width: 600px) {
  /* line 25, app/assets/stylesheets/templates/_default.scss */
  .menu_list {
    max-width: 100vw;
  }
}

/* line 32, app/assets/stylesheets/templates/_default.scss */
.menu_item {
  border-radius: 16px;
  overflow: hidden;
}

/* line 41, app/assets/stylesheets/templates/_default.scss */
.with_image {
  margin-top: 1rem;
}

/* line 45, app/assets/stylesheets/templates/_default.scss */
.card-image .image img {
  border-radius: 16px;
}

/* line 50, app/assets/stylesheets/templates/_default.scss */
.item_price {
  color: #FF7B2C;
  font-weight: bold;
}

/* line 55, app/assets/stylesheets/templates/_default.scss */
.is-pills {
  margin-top: 5px;
  padding-bottom: 1px;
}

/* line 59, app/assets/stylesheets/templates/_default.scss */
.is-pills ul {
  border-bottom: none;
  gap: 10px;
}

/* line 63, app/assets/stylesheets/templates/_default.scss */
.is-pills ul li {
  border-radius: 10px;
}

/* line 68, app/assets/stylesheets/templates/_default.scss */
.is-pills a {
  border-radius: 10px;
  color: white;
  font-weight: bold;
}

/* line 75, app/assets/stylesheets/templates/_default.scss */
.category-name-section {
  text-align: center;
}

/* line 79, app/assets/stylesheets/templates/_default.scss */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* line 85, app/assets/stylesheets/templates/_default.scss */
.content {
  width: 100%;
  height: 100%;
}

/* line 90, app/assets/stylesheets/templates/_default.scss */
.is-fixed-top {
  padding: 0 10px 0 10px;
  width: 100%;
  position: fixed;
  z-index: 70;
  height: 65px;
  top: 7px;
  left: 0px;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

/* line 108, app/assets/stylesheets/templates/_default.scss */
.card.is-horizontal {
  display: flex;
}

/* line 111, app/assets/stylesheets/templates/_default.scss */
.card.is-horizontal .card-image {
  width: 100%;
  height: 100%;
}

/* line 116, app/assets/stylesheets/templates/_default.scss */
.card.is-horizontal .card-stacked {
  flex-direction: column;
  flex: 1 1 auto;
  display: flex;
  position: relative;
}

/* line 122, app/assets/stylesheets/templates/_default.scss */
.card.is-horizontal .card-stacked .card-content {
  flex-grow: 8;
}