:root {
  --white: white;
  --black: black;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.flex-block {
  grid-column-gap: 16px;
  /* grid-row-gap: 16px; */
  background-color: #f5f5f5;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 375px;
  margin: 0 auto;
  padding-top: 64px;
}

.outline-shop {
  grid-row-gap: 24px;
  background-color: #fff;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 32px;
  text-decoration: none;
  display: flex;
  width: 100%;
}

.image {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 375px;
  height: 281px;
  text-decoration: none;
  display: flex;
  position: relative;
  object-fit: cover;
}

.vectors-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 281px;
  display: flex;
}

.batch {
  grid-column-gap: 2px;
  background-color: #f4cc25;
  border-radius: 3px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2px 6px 2px 2px;
  text-decoration: none;
  display: flex;
}

.stamp-1 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 3px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 14.1784px;
  height: 14.1809px;
  text-decoration: none;
  display: flex;
}

.text-stamp {
  color: #333;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.txt {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  width: 100%;
  padding: 0 24px;
}

.name {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-2 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-3 {
  color: #999;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

.batch-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
}

.batch-3 {
  background-color: transparent;
  border: 1px solid #d7000f;
  border-radius: 2px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-right: 4px;
  text-decoration: none;
  display: flex;
  box-sizing: border-box;
}

.event-1 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 18px;
  height: 18px;
  padding: 2px 5px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 8.87655px;
  height: 13.05px;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.batch-4 {
  color: #2c8b00;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.menu-1 {
  grid-column-gap: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 18px;
  height: 18px;
  padding: 3px 4px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 4.851px;
  height: 12.7935px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 3.26475px;
  height: 12.7733px;
  text-decoration: none;
  display: flex;
}

.text-5 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  text-decoration: none;
}

.event {
  grid-row-gap: 10px;
  background-color: #fff;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 24px 32px;
  text-decoration: none;
  display: flex;
}

.batch-5 {
  background-color: transparent;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  display: flex;
  max-width: 88px;
  margin: 0 12px 0 auto;
}

.event-2 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.event-2-icon {
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 12px;
  text-decoration: none;
  display: flex;
  mask-image: url(../images/Vectors-Wrapper_1.svg);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
  background-color: #111111;
}

.vectors-wrapper-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 11.8354px;
  height: 17.4px;
  text-decoration: none;
  display: flex;
}

.text-6 {
  color: #111;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 900;
  line-height: 100%;
  text-decoration: none;
}

.vectors-wrapper-7 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  width: 100%;
  height: 281px;
}

.outline-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-7 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-8 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  text-decoration: none;
}

.info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-32 {
  grid-column-gap: 8px;
  border: 1px solid #ccc;
  border-width: 1px 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-9 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-10 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.frame-33 {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.menu {
  grid-row-gap: 10px;
  background-color: #fff;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 24px 32px;
  text-decoration: none;
  display: flex;
}

.batch-6 {
  background-color: transparent;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding:  6px 12px;
  text-decoration: none;
  display: flex;
  max-width: 112px;
  margin: 0 auto 0 -12px;
}

.menu-2 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  text-decoration: none;
  display: flex;
}

.menu-2-icon {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 9px;
  height: 12px;
  text-decoration: none;
  display: flex;
  mask-image: url(../images/restaurant_mark.svg);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
  background-color: #111111;
}

.vectors-wrapper-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 6.468px;
  height: 17.058px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 4.353px;
  height: 17.031px;
  text-decoration: none;
  display: flex;
}

.text-11 {
  color: #111;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 900;
  line-height: 100%;
  text-decoration: none;
}

.menu-img {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  width: 100%;
  height: 281px;
}

.outline-3 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-12 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-13 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  text-decoration: none;
}

.frame-34 {
  grid-column-gap: 8px;
  border: 1px solid #ccc;
  border-width: 1px 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-14 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-15 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.info-2 {
  grid-row-gap: 10px;
  background-color: #fff;
  border-width: 1px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 72px 24px 104px;
  text-decoration: none;
  display: flex;
  position: relative;
  width: 100%;
}

.text-16 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  position: absolute;
  padding: 16px 24px;
  top: 0;
  left: 0;
  background-color: #f5f5f5;
  width: 100%;
}

.table {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.time {
  grid-column-gap: 8px;
  border: 1px solid #ccc;
  border-width: 1px 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-17 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

._1130---1600-1600---2700 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.seat {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.error-2a55421d-e487-f283-e49d-311b5cd50b8c {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-18 {
  color: #d7000f;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
}

.frame-28 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-19 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
}

.table-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.table-2 ul {
  border: none !important;
  grid-row-gap: 32px !important;
  padding: 0;
}

.table-2 .list-item-columns {
  flex-direction: column;
  grid-row-gap: 6px;
}

.table-2 .column-title {
  font-size: 14px;
  width: auto;
}

.table-2 .column-item {
  font-size: 14px;
}

.time-2 {
  grid-column-gap: 8px;
  border: 1px solid #ccc;
  border-width: 1px 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.column-title {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
  width: 60px;
}

.column-item {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.seat-2 {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-21 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-22 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.smoke {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-23 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.card {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-24 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-25 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.tel {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-26 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-27 {
  color: #d7000f;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
}

.address {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-28 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.frame-35 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

._153-0042-xxx-xxx {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

.view-on-map {
  color: #777;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
}

.website {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-30 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-31 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
}

.fb {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-32 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-33 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
}

.instagram {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-34 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-35 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
}

.x {
  grid-column-gap: 8px;
  border: 0 solid #ccc;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 343px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-36 {
  color: #696969;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.text-37 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
}

.body {
  background-color: #535353;
}

.shop-detail-list {
  grid-row-gap: 24px;
  border-top: 1px solid #ccc;
  flex-flow: column;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  padding: 24px 0;
}

.shop-detail-list li {
  word-break: break-word;
}

.shop-detail-list-item {
  min-width: 343px;
}

.list-item-column1, .list-item-column2 {
  padding-left: 0;
  padding-right: 0;
}

.list-item-columns {
  align-items: stretch;
  display: flex;
  grid-column-gap: 8px;
}

.column-item-tel {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.column-item-site {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

/* エラーメッセージ */
.error-message {
  max-width: 375px;
  padding: 96px 16px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  height: 65vh;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, .25);
  background-color: rgba(222, 222, 222, 1.0);
}

footer {
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, .25);
}

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

  .error-message {
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0);
    background-color: rgba(222, 222, 222, 0);
  }

  footer {
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0);
  }

}