@charset "UTF-8";

.accordion__wrapper {
  position: relative;
  /* width: 400px; */
  margin-bottom: 42px
}

.accordion__content {
  height: 75px;
  overflow: hidden;
  color: var(--clr-navy);
  text-align: justify;
  font-size: 14px;
  font-weight: 500;
  line-height: 170%;
  -webkit-transition: height .3s ease;
  transition: height .3s ease;
}

.js-read-less, .js-read-more {
  position: absolute;
  cursor: pointer;
  width: 100%
}

.js-read-less img, .js-read-more img {
  position: absolute;
  width: auto;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translateX(-50%);
  transform: translate(-50%)
}

.js-read-less {
  display: none;
  bottom: -45px;
  padding: 3px 0
}

.js-read-more {
  height: 70px;
  bottom: -35px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, #fff));
  background: linear-gradient(180deg, #fff0, #fff 40%);
  padding: 15px 0
}

.breadcrumb {
  --breadcrumb-arrow-color: #000;
  --breadcrumb-arrow-gap: .4em;
  --breadcrumb-arrow-size: .4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  padding: .5em 0
}

.breadcrumb__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: var(--breadcrumb-arrow-gap)
}

.breadcrumb__item:not(:first-child):before {
  border-right: 1.5px solid var(--breadcrumb-arrow-color);
  border-top: 1.5px solid var(--breadcrumb-arrow-color);
  content: "";
  display: block;
  height: var(--breadcrumb-arrow-size);
  -webkit-transform: rotate(45deg) translate(-50%, 0%);
  transform: rotate(45deg) translate(-50%);
  -webkit-transform-origin: left;
  transform-origin: left;
  width: var(--breadcrumb-arrow-size);
  margin-right: var(--breadcrumb-arrow-gap)
}

.breadcrumb__title {
  font-size: 14px
}

.button {
  --btn-bg: var(--clr-white);
  --btn-text: var(--clr-text);
  --btn-border: var(--clr-white);
  --btn-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .16);
  --btn-shadow-hover: 0px 0px 20px 0px rgba(0, 0, 0, .25);
  color: var(--btn-text);
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  border-radius: 8px;
  background: var(--btn-bg);
  -webkit-box-shadow: var(--btn-shadow);
  box-shadow: var(--btn-shadow);
  padding: 24px 10px;
  display: grid;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  cursor: pointer
}

@media (min-width: 769px) {
  .button:hover {
    opacity: .6
  }
}

.button.-prime {
  --btn-bg: var(--clr-prime);
  --btn-text: var(--clr-white)
}

.form__btn .button.-prime {
  border-radius: 100px
}

.button.-second {
  --btn-bg: var(--clr-white);
  --btn-text: var(--clr-prime);
  border: 1px solid var(--clr-prime);
  padding: 16px 10px;

}

.form__btn .button.-second {
  border-radius: 100px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.button.-arrow {
  position: relative;
  display: block;
  padding-left: 10px
}

.button.-arrow:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 50%;
  right: 10px;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M9%208.12499L12.88%2012.005L9.00001%2015.885C8.81275%2016.0718%208.70752%2016.3255%208.70752%2016.59C8.70752%2016.8545%208.81275%2017.1082%209.00001%2017.295C9.39001%2017.685%2010.02%2017.685%2010.41%2017.295L15%2012.705C15.39%2012.315%2015.39%2011.685%2015%2011.295L10.41%206.70499C10.02%206.31499%209.39%206.31499%209%206.70499C8.62%207.09499%208.61%207.73499%209%208.12499Z%22%20fill%3D%22%23B80C09%22%2F%3E%3C%2Fsvg%3E) no-repeat center/contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.button.-arrow:nth-child(n+2) {
  margin: 24px auto 0
}

.button.-arrow.-prime:after {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M9%208.12499L12.88%2012.005L9.00001%2015.885C8.81275%2016.0718%208.70752%2016.3255%208.70752%2016.59C8.70752%2016.8545%208.81275%2017.1082%209.00001%2017.295C9.39001%2017.685%2010.02%2017.685%2010.41%2017.295L15%2012.705C15.39%2012.315%2015.39%2011.685%2015%2011.295L10.41%206.70499C10.02%206.31499%209.39%206.31499%209%206.70499C8.62%207.09499%208.61%207.73499%209%208.12499Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E)
}

.button.-edit {
  position: relative;
  padding: 40px 0 40px 52px
}

.button.-edit:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 50%;
  left: 20px;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.7088%205.63123C21.0988%206.02123%2021.0988%206.65123%2020.7088%207.04123L18.8788%208.87123L15.1288%205.12123L16.9588%203.29123C17.1456%203.10398%2017.3993%202.99875%2017.6638%202.99875C17.9283%202.99875%2018.1819%203.10398%2018.3688%203.29123L20.7088%205.63123ZM2.99878%2020.5012V17.4612C2.99878%2017.3212%203.04878%2017.2012%203.14878%2017.1012L14.0588%206.19123L17.8088%209.94123L6.88878%2020.8512C6.79878%2020.9512%206.66878%2021.0012%206.53878%2021.0012H3.49878C3.21878%2021.0012%202.99878%2020.7812%202.99878%2020.5012Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E) no-repeat center/contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.button.-submit {
  --btn-bg: var(--clr-prime);
  --btn-text: var(--clr-white);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 100px;
  margin: 24px auto 0;
  padding: 18px 10px
}

.button.-button-search {
  width: 95%;
  margin: auto auto 20px;
  border: 1px solid #b80c09;
  border-radius: 8px;
  background: var(--clr-white);
  color: #b80c09;
  padding: 8px 10px;
  height: 58px;
  font-size: 18px;
}

.button.-formBack {
  --btn-bg: var(--clr-white);
  --btn-text: var(--clr-prime);
  --btn-border: var(--clr-prime);
  border: 1px solid var(--clr-prime);
  border-radius: 100px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 24px auto 0;
  padding: 16px 10px
}

.button.-postcode {
  --btn-bg: var(--clr-prime);
  --btn-text: var(--clr-white);
  margin: 22px 0 0 16px;
  padding: 10px
}

.button.-fixed {
  position: sticky;
  right: 0;
  bottom: 77px;
  font-size: 14px;
  font-weight: 700;
  width: 122px;
  border-radius: 100px 0 0 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, .24);
  box-shadow: 0 0 16px #0000003d;
  margin: 0 0 0 auto;
  padding: 18px 16px;
  z-index: 1000;
}

.button.-fixed.-reservation {
  right: 16px;
  bottom: 110px;
  width: 144px;
  border-radius: 100px;
  padding: 12px 16px;
  z-index: 10
}

.button.-reserveCoupon {
  color: var(--clr-prime);
  border: 1px solid var(--clr-prime);
  border-radius: 100px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 12px auto 0;
  padding: 10px
}

.button.js-timeSubmit {
  --btn-bg: var(--clr-prime);
  --btn-text: var(--clr-white);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 100px;
  margin: 24px auto 40px;
  padding: 10px
}

.button.close-modal {
  color: var(--clr-prime);
  border: 1px solid var(--clr-prime);
  border-radius: 100px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px 10px
}

.button.-delete {
  background-color: var(--clr-blue-gray);
  margin: 0;
  padding: 8px 10px
}

.pages .form__item .button.-submit {
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
  box-shadow: 0 4px 4px #00000040
}

.card {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .16);
  box-shadow: 0 0 8px #00000029;
  border-radius: 16px;
  background-color: var(--clr-white);
  display: block;
  margin: 0 auto 24px;
  /* overflow: hidden; */
  position: relative
}

.card.-row {
  max-width: 320px;
  margin: 0
}

.card__wrapper {
  width: 100%
}

.card__wrapper.-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 16px;
  white-space: nowrap
}

.card__inner {
  font-size: 14px
}

.card__head {
  position: relative;
  background-color: var(--clr-white)
}

.card__head__text {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid var(--clr-pale-gray);
  margin: 0 16px;
  padding: 16px 0 8px
}

.card__image {
  border-radius: 16px 16px 0 0
}

.card__image img {
  border-radius: 16px 16px 0 0;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: bottom
}

.card__label {
  position: absolute;
  color: var(--clr-white);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  top: 103.5px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--clr-gold);
  border-radius: 8px 0 0;
  padding: 4px 10px
}

.card__label .-percent {
  line-height: 120%
}

.card__label .-percent:before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M3.05371%204.4546C3.05371%204.79215%203.1878%205.11587%203.42648%205.35455C3.66517%205.59323%203.98889%205.72732%204.32644%205.72732C4.66399%205.72732%204.98771%205.59323%205.22639%205.35455C5.46507%205.11587%205.59917%204.79215%205.59917%204.4546C5.59917%204.11705%205.46507%203.79333%205.22639%203.55464C4.98771%203.31596%204.66399%203.18187%204.32644%203.18187C3.98889%203.18187%203.66517%203.31596%203.42648%203.55464C3.1878%203.79333%203.05371%204.11705%203.05371%204.4546Z%22%20fill%3D%22white%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.807615%200.807615C1.32472%200.290508%202.02607%200%202.75737%200H6.41399C6.9577%200.000116142%207.47924%200.216187%207.86366%200.60069C7.86364%200.600667%207.86369%200.600712%207.86366%200.60069L13.3146%206.05168C13.7535%206.49055%2014%207.08578%2014%207.70639C14%208.32699%2013.7535%208.92219%2013.3147%209.36106L9.36109%2013.3146C8.92222%2013.7535%208.32699%2014%207.70639%2014C7.08578%2014%206.49058%2013.7535%206.05171%2013.3147L0.600758%207.86373C0.600735%207.86371%200.60078%207.86375%200.600758%207.86373C0.216255%207.47931%200.000116142%206.95784%200%206.41412V2.75737C0%202.02607%200.290508%201.32472%200.807615%200.807615ZM2.75737%201.27273C2.36362%201.27273%201.98599%201.42914%201.70757%201.70757C1.42914%201.98599%201.27273%202.36362%201.27273%202.75737V6.41385C1.27273%206.4138%201.27273%206.41389%201.27273%206.41385C1.27281%206.62003%201.35476%206.81787%201.50058%206.96364L6.9516%2012.4147C7.15179%2012.6148%207.42329%2012.7273%207.70639%2012.7273C7.98948%2012.7273%208.26098%2012.6148%208.46117%2012.4147L12.4147%208.46117C12.6148%208.26098%2012.7273%207.98948%2012.7273%207.70639C12.7273%207.42329%2012.6148%207.15179%2012.4147%206.9516L6.96371%201.50064C6.81794%201.35483%206.62016%201.27281%206.41399%201.27273C6.41394%201.27273%206.41403%201.27273%206.41399%201.27273H2.75737Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E) no-repeat center/contain;
  margin: 0 5px -1px 0
}

.card__label .-price {
  position: relative;
  border-left: 1px solid var(--clr-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px
}

.coupon .card__label .-price {
  border-color: var(--clr-prime)
}

.card__label.-red {
  position: static;
  color: var(--clr-prime);
  font-size: 18px;
  font-weight: 700;
  background-color: transparent;
  padding: 12px 0 0
}

.coupon .card__label.-red {
  padding: 8px 0
}

.card__content {
  position: relative;
  margin: 0 14px;
  padding: 16px 0
}

.card__content.-borderBtm {
  border-bottom: 1px solid var(--clr-pale-gray)
}

.card__title {
  font-size: 18px;
  font-weight: 700;
  white-space: normal;
  word-break: break-word;
  padding-bottom: 10px;
}
.card__details.-bold.-last {
  margin-bottom: 10px;
  display: none;
}
/* .search-list .card__details {
  font-size: 16px;
} */
.card__details.-gray {
  letter-spacing: .7px;
  gap: 4px;
}
.card__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  gap: 4px;
}
.search-list .card__details {
  font-size: 15px;
  gap: 8px;
}

.card__details.-gray {
  color: var(--clr-blue-gray);
  font-size: 14px;
  padding: 0px 0
}
.card__details.-gray {
  gap: 4px;
}
.search-list .card__details.-gray {
  gap: 10px;
}
.card__icon {
  margin: 0 4px 0 0
}

.card__question-mark {
  width: 30px;
  height: 30px
}
.card__question-inner-area b {
  font-weight: 700
}

.card__question-content-area {
  position: absolute;
  top: 98px;
  left: 24px;
  z-index: 66;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-transition: opacity .18s ease, visibility 0ms linear .18s, -webkit-transform .18s ease;
  transition: opacity .18s ease, visibility 0ms linear .18s, -webkit-transform .18s ease;
  transition: opacity .18s ease, transform .18s ease, visibility 0ms linear .18s;
  transition: opacity .18s ease, transform .18s ease, visibility 0ms linear .18s, -webkit-transform .18s ease;
  pointer-events: none
}

.card__question-inner-area {
  width: 343px;
  padding: 20px 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  border-radius: 16px;
  background: #fff;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 0 8px #0000004d
}

.card__question-inner-area p {
  color: #000;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%
}

.card__close-icon {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -20px;
  right: -20px;
  cursor: pointer
}
.card__btn {
  padding: 24px 0 0
}
.card__details.-bold {
    font-weight: 700;
}
.card__details-main .card__details {
    padding: 3px 0;
}
.card__success, .card__processing,.card__tentative, .card__cancel {
  display: -webkit-box;
  display: -ms-flexbox;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--clr-blue);
  display: flex;
  padding: 4px 8px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 8px;
  position: absolute;
  width: 88px;
  height: 28px;
  top: 8px;
  left: 8px;
  z-index: 1
}

.card__processing {
  display: -webkit-box;
  display: -ms-flexbox;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--clr-blue);
  display: flex;
  padding: 4px 7px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 8px;
  position: absolute;
  width: 110px;
  height: 28px;
  top: 8px;
  left: 8px;
  z-index: 1
}

.card__success img,.card__processing img, .card__tentative img, .card__cancel img {
  width: 20px;
  height: 20px
}

.card__success span,.card__processing span, .card__tentative span, .card__cancel span {
  color: var(--clr-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%
}

.card__processing {
  background-color: #ff0000
}
.card__tentative {
  background-color: #e3aa30
}

.card__cancel {
  background-color: #657080;
  width: 120px;
  height: 28px
}

.card__text-tag {
  position: relative;
  margin: 14px 10px 10px
}

.card__tentative-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto 24px
}

.card__tentative-within {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.card__tentative-title {
  font-size: 18px;
  font-weight: 700
}

.card__tentative-text {
  font-size: 14px;
  font-weight: 400
}

.card__tentative-cancel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 100px;
  border: 1.5px solid #b80c09;
  background: #fff;
  color: #b80c09;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer
}

.card__tentative-decide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 100px;
  background: #b80c09;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer
}

.card__tentative-cancel:hover, .card__tentative-decide:hover {
  opacity: .7
}

.card-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 0 4px
}

.card-list li:before {
  content: "・"
}

.card__modal {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0006;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  z-index: 9999
}

.card__modal.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: auto
}

.modal__content {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .16);
  box-shadow: 0 0 8px #00000029;
  background: #fff;
  border-radius: 16px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 343px;
  height: 130px;
  padding: 16px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.modal__content p {
  color: #2a324b;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0 16px
}

.modal__button-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-top: 1px solid #e1e5ee;
  padding: 12px 16px 0
}

.modal__back-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  border-radius: 100px;
  border: 1px solid #b80c09;
  background: #fff;
  color: #b80c09;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.modal__cancel-btn, .modal__decide-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  border-radius: 100px;
  background: #b80c09;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer
}
.discount-area {
  display: flex;
  padding-top: 24px;
  justify-content: center;
  align-items: center;
  gap: 3px;
}
.discount-card {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 3px;
  border-radius: 8px;
  border: 1px solid #b89f0e;

  p {
    color: #b89f0e;
    /* 18px bold */
    /* font-family: 'Noto Sans JP'; */
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
}
.card__question-content-area.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
  pointer-events: auto
}
.modal__cancel-btn:hover, .modal__decide-btn:hover {
  opacity: .8
}

.coupon.-selected {
  background-color: var(--clr-pale-gray);
  padding: 24px 16px
}

.coupon.-selected .card {
  margin: 0 auto
}

.coupon__title {
  font-size: 18px;
  font-weight: 700;
  padding: 0 0 16px
}

body {
  position: relative
}

.layout {
  z-index: 2
}

@media (min-width: 769px) {
  .layout {
    -webkit-box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, .2);
    box-shadow: 4px 4px 16px #0003
  }
}

.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

@media (max-width: 768px) {
  .cover {
    display: none
  }
}

.cover__block.-left, .cover__block.-right {
  position: absolute;
  width: calc(50% - 225px);
  height: 100%;
  top: 0
}

.cover__block.-left:before, .cover__block.-right:before {
  position: absolute;
  content: "";
  width: calc(100% - 40px);
  height: calc(100% - 80px);
  top: 40px;
  background-color: #ffffffe6;
  display: block
}

.cover__block.-left {
  left: 0;
  background: url(/assets/img/common/pc_bg_left.webp) no-repeat center/cover
}

.cover__block.-left:before {
  right: 0;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px
}

.cover__block.-right {
  right: 0;
  background: url(/assets/img/common/pc_bg_right.webp) no-repeat center/cover
}

.cover__block.-right:before {
  left: 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px
}

.cover__content {
  position: absolute;
  width: calc(100% - 100px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cover__content.-left {
  right: 30px
}

.cover__content.-right {
  left: 30px
}

.cover__logo {
  max-width: 152px;
  margin: 0 auto 30px
}

.cover__lead {
  font-size: 12px;
  font-weight: 700;
  text-align: center
}

.cover__lead__icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #da1915;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 4px
}

.cover__qr {
  width: 80px;
  border-radius: 10px;
  border: 1px solid #bcbcbc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 8px;
  padding: 8px
}

.cover__desc {
  font-size: 12px;
  font-weight: 500;
  text-align: center
}

.pages .selectbox {
  width: 100%;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M10.5834%206.49998L7.99669%209.08665L5.41002%206.49998C5.28547%206.37515%205.11637%206.30499%204.94002%206.30499C4.76368%206.30499%204.59458%206.37515%204.47002%206.49998C4.21002%206.75998%204.21002%207.17998%204.47002%207.43998L7.53002%2010.5C7.79002%2010.76%208.21002%2010.76%208.47002%2010.5L11.53%207.43998C11.79%207.17998%2011.79%206.75998%2011.53%206.49998C11.27%206.24665%2010.8434%206.23998%2010.5834%206.49998Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E) no-repeat right 8px center;
  background-size: 15px;
  background-color: var(--clr-white)
}

.input, .textarea, .selectbox {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid var(--clr-pale-gray);
  border-radius: 8px;
  background-color: var(--clr-white);
  padding: 10px 18px
}

.input.-area, .textarea.-area, .selectbox.-area {
  width: 100%;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.33325%206.67668C3.33325%204.09668%205.41992%202.01001%207.99992%202.01001C10.5799%202.01001%2012.6666%204.09668%2012.6666%206.67668C12.6666%209.45668%209.71992%2013.29%208.51325%2014.75C8.24658%2015.07%207.75992%2015.07%207.49325%2014.75C6.27992%2013.29%203.33325%209.45668%203.33325%206.67668ZM6.33325%206.67668C6.33325%207.59668%207.07992%208.34334%207.99992%208.34334C8.91992%208.34334%209.66658%207.59668%209.66658%206.67668C9.66658%205.75668%208.91992%205.01001%207.99992%205.01001C7.07992%205.01001%206.33325%205.75668%206.33325%206.67668Z%22%20fill%3D%22%239D9D9D%22%2F%3E%3C%2Fsvg%3E) no-repeat left 8px center, url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M10.5834%206.49998L7.99669%209.08665L5.41002%206.49998C5.28547%206.37515%205.11637%206.30499%204.94002%206.30499C4.76368%206.30499%204.59458%206.37515%204.47002%206.49998C4.21002%206.75998%204.21002%207.17998%204.47002%207.43998L7.53002%2010.5C7.79002%2010.76%208.21002%2010.76%208.47002%2010.5L11.53%207.43998C11.79%207.17998%2011.79%206.75998%2011.53%206.49998C11.27%206.24665%2010.8434%206.23998%2010.5834%206.49998Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E) no-repeat right 2px center;
  background-size: 16px
}

.input.-time, .textarea.-time, .selectbox.-time {
  width: 49%;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.99325%201.83331C4.31325%201.83331%201.33325%204.81998%201.33325%208.49998C1.33325%2012.18%204.31325%2015.1666%207.99325%2015.1666C11.6799%2015.1666%2014.6666%2012.18%2014.6666%208.49998C14.6666%204.81998%2011.6799%201.83331%207.99325%201.83331ZM7.99992%2013.8333C5.05325%2013.8333%202.66659%2011.4466%202.66659%208.49998C2.66659%205.55331%205.05325%203.16665%207.99992%203.16665C10.9466%203.16665%2013.3333%205.55331%2013.3333%208.49998C13.3333%2011.4466%2010.9466%2013.8333%207.99992%2013.8333ZM7.81325%205.16665H7.85325C8.11992%205.16665%208.33325%205.37998%208.33325%205.64665V8.67331L10.9133%2010.2066C11.1466%2010.34%2011.2199%2010.64%2011.0799%2010.8666C10.9466%2011.0933%2010.6533%2011.16%2010.4266%2011.0266L7.65992%209.36665C7.45325%209.24665%207.33325%209.02665%207.33325%208.79331V5.64665C7.33325%205.37998%207.54659%205.16665%207.81325%205.16665Z%22%20fill%3D%22%23757575%22%2F%3E%3C%2Fsvg%3E) no-repeat left 8px center, url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M10.5834%206.49998L7.99669%209.08665L5.41002%206.49998C5.28547%206.37515%205.11637%206.30499%204.94002%206.30499C4.76368%206.30499%204.59458%206.37515%204.47002%206.49998C4.21002%206.75998%204.21002%207.17998%204.47002%207.43998L7.53002%2010.5C7.79002%2010.76%208.21002%2010.76%208.47002%2010.5L11.53%207.43998C11.79%207.17998%2011.79%206.75998%2011.53%206.49998C11.27%206.24665%2010.8434%206.23998%2010.5834%206.49998Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E) no-repeat right 2px center;
  background-size: 16px
}

.input.-ppl, .textarea.-ppl, .selectbox.-ppl {
  width: 49%;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.1666%205.83335C11.1666%207.30669%209.97329%208.50002%208.49996%208.50002C7.02663%208.50002%205.83329%207.30669%205.83329%205.83335C5.83329%204.36002%207.02663%203.16669%208.49996%203.16669C9.97329%203.16669%2011.1666%204.36002%2011.1666%205.83335ZM3.16663%2012.5C3.16663%2010.7267%206.71996%209.83335%208.49996%209.83335C10.28%209.83335%2013.8333%2010.7267%2013.8333%2012.5V13.1667C13.8333%2013.5334%2013.5333%2013.8334%2013.1666%2013.8334H3.83329C3.46663%2013.8334%203.16663%2013.5334%203.16663%2013.1667V12.5Z%22%20fill%3D%22%23757575%22%2F%3E%3C%2Fsvg%3E) no-repeat left 8px center, url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M10.5834%206.49998L7.99669%209.08665L5.41002%206.49998C5.28547%206.37515%205.11637%206.30499%204.94002%206.30499C4.76368%206.30499%204.59458%206.37515%204.47002%206.49998C4.21002%206.75998%204.21002%207.17998%204.47002%207.43998L7.53002%2010.5C7.79002%2010.76%208.21002%2010.76%208.47002%2010.5L11.53%207.43998C11.79%207.17998%2011.79%206.75998%2011.53%206.49998C11.27%206.24665%2010.8434%206.23998%2010.5834%206.49998Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E) no-repeat right 2px center;
  background-size: 16px
}

.input.-budget, .textarea.-budget, .selectbox.-budget {
  width: 33%;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%206.49998H7.33333V2.49998C7.33333%202.13331%207.63333%201.83331%208%201.83331C8.36667%201.83331%208.66667%202.13331%208.66667%202.49998V6.49998C8.66667%207.97331%207.47333%209.16665%206%209.16665V14.5C6%2014.8666%205.7%2015.1666%205.33333%2015.1666C4.96667%2015.1666%204.66667%2014.8666%204.66667%2014.5V9.16665C3.19333%209.16665%202%207.97331%202%206.49998V2.49998C2%202.13331%202.3%201.83331%202.66667%201.83331C3.03333%201.83331%203.33333%202.13331%203.33333%202.49998V6.49998H4.66667V2.49998C4.66667%202.13331%204.96667%201.83331%205.33333%201.83331C5.7%201.83331%206%202.13331%206%202.49998V6.49998ZM10.6667%208.49998V4.49998C10.6667%203.50665%2011.7333%202.28665%2013.1733%201.93331C13.5933%201.83331%2014%202.15331%2014%202.58665V14.5C14%2014.8666%2013.7%2015.1666%2013.3333%2015.1666C12.9667%2015.1666%2012.6667%2014.8666%2012.6667%2014.5V9.83331H12C11.2667%209.83331%2010.6667%209.23331%2010.6667%208.49998Z%22%20fill%3D%22%23757575%22%2F%3E%3C%2Fsvg%3E) no-repeat left 8px center, url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M10.5834%206.49998L7.99669%209.08665L5.41002%206.49998C5.28547%206.37515%205.11637%206.30499%204.94002%206.30499C4.76368%206.30499%204.59458%206.37515%204.47002%206.49998C4.21002%206.75998%204.21002%207.17998%204.47002%207.43998L7.53002%2010.5C7.79002%2010.76%208.21002%2010.76%208.47002%2010.5L11.53%207.43998C11.79%207.17998%2011.79%206.75998%2011.53%206.49998C11.27%206.24665%2010.8434%206.23998%2010.5834%206.49998Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E) no-repeat right 2px center;
  background-size: 16px
}

.input.-genre, .textarea.-genre, .selectbox.-genre {
  width: 100%;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%206.49998H7.33333V2.49998C7.33333%202.13331%207.63333%201.83331%208%201.83331C8.36667%201.83331%208.66667%202.13331%208.66667%202.49998V6.49998C8.66667%207.97331%207.47333%209.16665%206%209.16665V14.5C6%2014.8666%205.7%2015.1666%205.33333%2015.1666C4.96667%2015.1666%204.66667%2014.8666%204.66667%2014.5V9.16665C3.19333%209.16665%202%207.97331%202%206.49998V2.49998C2%202.13331%202.3%201.83331%202.66667%201.83331C3.03333%201.83331%203.33333%202.13331%203.33333%202.49998V6.49998H4.66667V2.49998C4.66667%202.13331%204.96667%201.83331%205.33333%201.83331C5.7%201.83331%206%202.13331%206%202.49998V6.49998ZM10.6667%208.49998V4.49998C10.6667%203.50665%2011.7333%202.28665%2013.1733%201.93331C13.5933%201.83331%2014%202.15331%2014%202.58665V14.5C14%2014.8666%2013.7%2015.1666%2013.3333%2015.1666C12.9667%2015.1666%2012.6667%2014.8666%2012.6667%2014.5V9.83331H12C11.2667%209.83331%2010.6667%209.23331%2010.6667%208.49998Z%22%20fill%3D%22%23757575%22%2F%3E%3C%2Fsvg%3E) no-repeat left 8px center, url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M10.5834%206.49998L7.99669%209.08665L5.41002%206.49998C5.28547%206.37515%205.11637%206.30499%204.94002%206.30499C4.76368%206.30499%204.59458%206.37515%204.47002%206.49998C4.21002%206.75998%204.21002%207.17998%204.47002%207.43998L7.53002%2010.5C7.79002%2010.76%208.21002%2010.76%208.47002%2010.5L11.53%207.43998C11.79%207.17998%2011.79%206.75998%2011.53%206.49998C11.27%206.24665%2010.8434%206.23998%2010.5834%206.49998Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E) no-repeat right 2px center;
  background-size: 16px
}

.input.-elevate, .textarea.-elevate, .selectbox.-elevate {
  text-align: right;
  border: none;
  width: 55%;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M5.395%2013.6942L5.395%204.91416L7.315%206.83416C7.575%207.09416%207.995%207.09416%208.255%206.83416C8.37983%206.70961%208.44999%206.54051%208.44999%206.36416C8.44999%206.18782%208.37983%206.01871%208.255%205.89416L5.195%202.83416C4.935%202.57416%204.515%202.57416%204.255%202.83416L1.195%205.89416C0.934998%206.15416%200.934998%206.57416%201.195%206.83416C1.455%207.09416%201.875%207.09416%202.135%206.83416L4.06166%204.91416L4.06166%2013.6942C4.06166%2014.0608%204.36166%2014.3608%204.72833%2014.3608C5.095%2014.3608%205.395%2014.0608%205.395%2013.6942Z%22%20fill%3D%22%2387929D%22%2F%3E%20%3Cpath%20d%3D%22M11.945%203.30584L11.945%2012.0858L13.865%2010.1658C14.125%209.90584%2014.545%209.90584%2014.805%2010.1658C14.9298%2010.2904%2015%2010.4595%2015%2010.6358C15%2010.8122%2014.9298%2010.9813%2014.805%2011.1058L11.745%2014.1658C11.485%2014.4258%2011.065%2014.4258%2010.805%2014.1658L7.74501%2011.1058C7.48501%2010.8458%207.48501%2010.4258%207.74501%2010.1658C8.00501%209.90584%208.42501%209.90584%208.68501%2010.1658L10.6117%2012.0858L10.6117%203.30584C10.6117%202.93917%2010.9117%202.63917%2011.2783%202.63917C11.645%202.63917%2011.945%202.93917%2011.945%203.30584Z%22%20fill%3D%22%2387929D%22%2F%3E%3C%2Fsvg%3E) no-repeat right 8px center;
  background-size: 16px;
  margin: 0 0 0 auto;
  padding: 10px 28px 10px 10px;
  font-size: 14px;

}

.pages .input, .pages .textarea, .pages .selectbox {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 18px
}
.map__wrapper.header__wrapper.-form .selectbox {
  font-weight: 700;
}
.input.-half, .textarea.-half, .selectbox.-half {
  width: 50%
}

.textarea {
  width: 100%;
  height: 160px
}

.input {
  width: 100%
}

.input__wrapper {
  position: relative;
  margin: 8px 0 0
}

.input__wrapper:first-child {
  margin-top: 0
}

.input__wrapper:nth-child(n+3) {
  margin: 16px 0 0
}

.input__wrapper.flex {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 10px !important
}

@media (max-width: 360pxpx) {
  .input__wrapper.flex {
    gap: 6px !important
  }
}
@media (max-width: 768px) {
  .input.-elevate,
  .textarea.-elevate,
  .selectbox.-elevate {
    direction: rtl; /* Forces text to the right side */
    text-align: left; /* But keep alignment visually readable */
  }
}


.input.-unit {
  max-width: 323px;
  margin: 0 8px 0 0
}

::-webkit-input-placeholder {
  color: var(--clr-pale-gray)
}

::-moz-placeholder {
  color: var(--clr-pale-gray)
}

:-ms-input-placeholder {
  color: var(--clr-pale-gray)
}

::-ms-input-placeholder {
  color: var(--clr-pale-gray)
}

::placeholder {
  color: var(--clr-pale-gray)
}

input[type=date] {
  padding-left: 40px !important
}

input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  z-index: 1
}

input[type=date]:after {
  position: absolute;
  content: "";
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.6667%203.16666H12V2.49999C12%202.13333%2011.7%201.83333%2011.3333%201.83333C10.9667%201.83333%2010.6667%202.13333%2010.6667%202.49999V3.16666H5.33333V2.49999C5.33333%202.13333%205.03333%201.83333%204.66667%201.83333C4.3%201.83333%204%202.13333%204%202.49999V3.16666H3.33333C2.59333%203.16666%202.00667%203.76666%202.00667%204.49999L2%2013.8333C2%2014.5667%202.59333%2015.1667%203.33333%2015.1667H12.6667C13.4%2015.1667%2014%2014.5667%2014%2013.8333V4.49999C14%203.76666%2013.4%203.16666%2012.6667%203.16666ZM12.6667%2013.1667C12.6667%2013.5333%2012.3667%2013.8333%2012%2013.8333H4C3.63333%2013.8333%203.33333%2013.5333%203.33333%2013.1667V6.49999H12.6667V13.1667ZM7.33333%207.83333H5.33333C4.96667%207.83333%204.66667%208.13333%204.66667%208.49999V10.5C4.66667%2010.8667%204.96667%2011.1667%205.33333%2011.1667H7.33333C7.7%2011.1667%208%2010.8667%208%2010.5V8.49999C8%208.13333%207.7%207.83333%207.33333%207.83333Z%22%20fill%3D%22%23757575%22%2F%3E%3C%2Fsvg%3E) no-repeat center/contain;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.file__item {
  position: relative;
  width: 74px;
  height: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--clr-pale-gray);
  overflow: hidden;
  cursor: pointer;
  margin: 8px 0 0
}

.file__item:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 32px;
  height: 32px;
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2232%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.16602%2016C3.16602%208.63996%209.13935%202.66663%2016.4993%202.66663C23.8593%202.66663%2029.8327%208.63996%2029.8327%2016C29.8327%2023.36%2023.8593%2029.3333%2016.4993%2029.3333C9.13935%2029.3333%203.16602%2023.36%203.16602%2016ZM17.8327%2017.3333H21.8327C22.566%2017.3333%2023.166%2016.7333%2023.166%2016C23.166%2015.2666%2022.566%2014.6666%2021.8327%2014.6666H17.8327V10.6666C17.8327%209.93329%2017.2327%209.33329%2016.4993%209.33329C15.766%209.33329%2015.166%209.93329%2015.166%2010.6666V14.6666H11.166C10.4327%2014.6666%209.83268%2015.2666%209.83268%2016C9.83268%2016.7333%2010.4327%2017.3333%2011.166%2017.3333H15.166V21.3333C15.166%2022.0666%2015.766%2022.6666%2016.4993%2022.6666C17.2327%2022.6666%2017.8327%2022.0666%2017.8327%2021.3333V17.3333Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E) no-repeat center/contain;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.file__item.-confirm {
  cursor: inherit
}

.file__item.-confirm:before {
  content: none
}

.file__item .input {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0;
  z-index: 1
}

input[type=checkbox] {
  display: none
}

.label.-checkbox {
  position: relative;
  font-weight: 500;
  width: auto;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 30px;
  cursor: pointer
}

.label.-checkbox:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 5px;
  width: 16px;
  height: 16px;
  display: block;
  background: var(--clr-pale-gray);
  margin: -8px 0 0
}

.label.-checkbox:after {
  position: absolute;
  content: "";
  top: 53%;
  left: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 9px;
  border-right: 2px solid var(--clr-white);
  border-bottom: 2px solid var(--clr-white);
  display: block;
  margin: -7px 0 0;
  opacity: 0
}

input[type=checkbox]:checked+.label.-checkbox:before {
  background-color: var(--clr-prime)
}

input[type=checkbox]:checked+.label.-checkbox:after {
  opacity: 1
}

.label.-checkboxCircle {
  color: var(--clr-white);
  font-size: 16px;
  font-weight: 500;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--clr-blue-gray);
  padding: 3px 10px 4px;
  cursor: pointer
}

input[type=checkbox]:checked+.label.-checkboxCircle {
  background-color: var(--clr-prime)
}

.flex .radio__title {
  width: 120px
}

.radio__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: var(--clr-white);
  padding: 8px 0px
}

.radio__item:last-child .label.-radio {
  padding-right: 0
}

.radio__item.-noPad {
  padding: 8px 0
}

.radio__item.-discount {
  color: var(--clr-prime);
  background-color: transparent;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0
}

.radio__item.-discount .label.-radio {
  text-align: center;
  width: 104px;
  border: 1px solid var(--clr-prime);
  background-color: var(--clr-white);
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .16);
  box-shadow: 0 0 8px #00000029;
  padding: 14px 10px
}

.radio__item.-discount .label.-radio:before, .radio__item.-discount .label.-radio:after {
  content: none
}

.radio__item.-discount input[type=radio]:checked+.label.-radio {
  color: var(--clr-white);
  background-color: var(--clr-prime)
}

input[type=radio] {
  display: none
}

.label.-radio {
  position: relative;
  width: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 0 4px 0 30px;
  cursor: pointer
}

.label.-radio:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--clr-pale-gray);
  border-radius: 50%;
  display: block;
  background: var(--clr-white);
  margin: -8px 0 0
}

.label.-radio:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 9px;
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
  background: var(--clr-prime);
  margin: -4px 0 0;
  opacity: 0
}

.label.-radio.-fwNormal {
  font-size: 14px;
  font-weight: 400
}

input[type=radio]:checked+.label.-radio:after {
  opacity: 1
}

.button-pw {
  position: absolute;
  top: 50%;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  cursor: pointer
}

.button-pw .icon-pw {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url(%23clip0_885_27467)%22%3E%20%3Cpath%20d%3D%22M10.5851%2010.587C10.21%2010.9622%209.99942%2011.4709%209.99951%2012.0014C9.99961%2012.5318%2010.2104%2013.0405%2010.5856%2013.4155C10.9607%2013.7905%2011.4695%2014.0012%2011.9999%2014.0011C12.5304%2014.001%2013.039%2013.7902%2013.4141%2013.415%22%20stroke%3D%22%2387929D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20d%3D%22M16.681%2016.673C15.2782%2017.5507%2013.6547%2018.0109%2012%2018C8.4%2018%205.4%2016%203%2012C4.272%209.88%205.712%208.322%207.32%207.326M10.18%206.18C10.779%206.05873%2011.3888%205.99842%2012%206C15.6%206%2018.6%208%2021%2012C20.334%2013.11%2019.621%2014.067%2018.862%2014.87%22%20stroke%3D%22%2387929D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20d%3D%22M3%203L21%2021%22%20stroke%3D%22%2387929D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_885_27467%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E")
}

.button-pw.js-active .icon-pw {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cg%20clip-path%3D%22url(%23clip0_885_27442)%22%3E%20%3Cpath%20d%3D%22M10%2012C10%2012.5304%2010.2107%2013.0391%2010.5858%2013.4142C10.9609%2013.7893%2011.4696%2014%2012%2014C12.5304%2014%2013.0391%2013.7893%2013.4142%2013.4142C13.7893%2013.0391%2014%2012.5304%2014%2012C14%2011.4696%2013.7893%2010.9609%2013.4142%2010.5858C13.0391%2010.2107%2012.5304%2010%2012%2010C11.4696%2010%2010.9609%2010.2107%2010.5858%2010.5858C10.2107%2010.9609%2010%2011.4696%2010%2012Z%22%20stroke%3D%22%2387929D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20d%3D%22M21%2012C18.6%2016%2015.6%2018%2012%2018C8.4%2018%205.4%2016%203%2012C5.4%208%208.4%206%2012%206C15.6%206%2018.6%208%2021%2012Z%22%20stroke%3D%22%2387929D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip0_885_27442%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%3C%2Fsvg%3E")
}

.label {
  font-size: 18px;
  font-weight: 700;
  display: block;
  margin: 0 0 8px
}

.label.-sub {
  font-size: 14px;
  padding: 0
}

.label .-sup {
  color: var(--clr-blue-gray);
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  padding: 0 0 0 8px
}

.label .-supBlock {
  display: block
}

.label .-supRed {
  color: var(--clr-error)
}

.label-text {
  color: #2a324b;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

legend.label {
  margin: 0;
  padding: 24px 0 0
}

.reserve-checkbox__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-top: 12px
}

.reserve-checkbox__item input[type=checkbox] {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  position: relative;
  cursor: pointer;
  -webkit-transition: background .2s ease, border-color .2s ease;
  transition: background .2s ease, border-color .2s ease;
  border-radius: 2px;
  background: #cad0df
}

.reserve-checkbox__item input[type=checkbox]:checked {
  background-color: #007bff;
  border-color: #cad0df
}

.reserve-checkbox__item input[type=checkbox]:checked:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.checkbox-label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #2a324b;
  text-align: center;
  /* font-family: Noto Sans JP; */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal
}

.required {
  color: var(--clr-error);
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  padding: 0 0 0 8px
}

.pages.-formNoBorder .form__item {
  border-bottom: none
}

.pages .form__item {
  padding: 24px 0;
  border-bottom: 1px solid var(--clr-pale-gray)
}

.pages .form__item.-station {
  position: relative
}

.pages .form__item.-station .icon-showMore {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translate(-50%);
  cursor: pointer
}

.pages .form__item.-woBorder {
  border: none;
  padding: 0 0 16px
}

.pages .form__item.-sub {
  border: none;
  padding: 24px 0 0
}

.pages .form__item .flex {
  gap: 16px
}

.pages .form__item.-pad0 {
  padding: 0
}

.pages .form__item.-padT0 {
  padding-top: 0
}

/* .pages .form__btn {
  padding: 0 0 100px
} */

.pages .form__btn .button:nth-child(n+2) {
  margin: 24px auto 0
}

.layout__header .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 12px
}

.layout__header .form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px
}

#map .non_active-img1 {
  position: absolute;
  top: 50%;
  left: 20%;
  width: 36px;
  height: 38px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

#map .non_active-img1.active {
  width: 46px;
  height: 48px;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  z-index: 1
}

#map .non_active-img2 {
  position: absolute;
  top: 40%;
  left: 30%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

#map .non_active-img2.active {
  width: 46px;
  height: 48px;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  z-index: 1
}

#map .disable-img1 {
  position: absolute;
  top: 50%;
  left: 40%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

#map .disable-img1.active {
  width: 46px;
  height: 48px;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  z-index: 1
}

#map .disable-img2 {
  position: absolute;
  top: 60%;
  left: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

#map .disable-img2.active {
  width: 46px;
  height: 48px;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
  z-index: 1
}

#map .non_active-img:hover {
  cursor: pointer
}

.map__wrapper .form {
  position: relative
}

.map__wrapper .form__search {
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid #b80c09;
  background: #fff;
  color: #b80c09;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px
}

.map__wrapper .form__item {
  border-bottom: unset;
  padding: 0
}

.map__wrapper .form__item .error {
  display: none
}

.map__wrapper .form__close-tag {
  position: absolute;
  bottom: 10px;
  right: 210px;
  font-size: 20px;
  cursor: pointer;
  width: 29px;
  height: 4px;
  border-radius: 100px;
  background: #87929d;
  margin: auto
}

.map__wrapper .form__btn.pa-0 {
  padding: 0
}

.map__wrapper .button.-submit {
  margin: 0;
  background-color: #fff;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid #b80c09;
  color: #b80c09;
  text-align: center
}

.map__coupon-wrapper {
  border-radius: 16px 16px 0 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .16);
  box-shadow: 0 0 8px #00000029;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 320px;
  overflow: hidden;
  -webkit-transition: height .3s ease;
  transition: height .3s ease;
  z-index: 999
}

.map__coupon-wrapper.open {
  height: 100%;
  overflow-y: auto
}

.map__coupon-wrapper .form__close-coupon-tag {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 20px;
  cursor: pointer;
  width: 29px;
  height: 4px;
  border-radius: 100px;
  background: #87929d;
  margin: auto
}

.map__area-map {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  overflow: hidden;
  -webkit-transition: height .3s ease;
  transition: height .3s ease;
  z-index: 1;
  background-color: #fff
}

.OpeningHrs__item .OpeningHrs__radio.flex {
  gap: 7px
}

.OpeningHrs__item .input__wrapper.flex.-wrap {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  gap: 10px
}

.OpeningHrs__item .form__item.-sub {
  padding: 16px 0 0
}

.OpeningHrs__item .input__wrapper.-wrap {
  margin: 20px 0 10px
}

.OpeningHrs__item .js-deleteTime, .OpeningHrs__item .js-addTime {
  font-size: 14px;
  text-align: center;
  max-width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100px;
  margin: 10px auto;
  padding: 4px 8px;
  cursor: pointer;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

@media (min-width: 769px) {
  .OpeningHrs__item .js-deleteTime:hover, .OpeningHrs__item .js-addTime:hover {
    opacity: .6
  }
}
/* SP（iPhone）向け：幅を全幅にしてズレを防止 */
@media (max-width: 480px) {
  .card__question-content-area.is-open {
    left: 50%;
    transform: translateX(-50%);
    width: 343px;
  }
  .card__question-inner-area {
    width: 100%;
  }
}

.OpeningHrs__item .js-addTime {
  color: var(--clr-prime);
  border: 1px solid var(--clr-prime)
}

.OpeningHrs__item .js-deleteTime {
  color: var(--clr-blue-gray);
  border: 1px solid var(--clr-blue-gray)
}

.OpeningHrs__cat {
  font-size: 16px;
  font-weight: 700;
  padding: 0 0 12px
}

.OpeningHrs__cat.-sub {
  font-weight: 500;
  padding: 0
}

.OpeningHrs__radio {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.OpeningHrs__radio .radio__item {
  padding: 0
}

.OpeningHrs__radio .label.-radio {
  font-size: 16px
}

.form__text.-sup {
  font-size: 14px
}

.form__text.-alert {
  font-size: 12px;
  color: var(--clr-error)
}

.form__complete {
  padding: 24px 0 0
}

.icon-showMore {
  text-align: center;
  margin: 24px auto 0
}

.js-hide, .js-secHide {
  display: none
}

.error {
  color: var(--clr-error);
  font-size: 17px;
  padding: 4px 0 0
}

.-reservation .form__item, .-reservation .input__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.-reservation .form__item .flex.-space, .-reservation .input__wrapper .flex.-space {
  display: block
}

.-reservation .form__item .error, .-reservation .input__wrapper .error {
  width: 100%
}

.-reservation .form__item .radio__item.-noPad, .-reservation .input__wrapper .radio__item.-noPad {
  padding: 0
}

.-reservation .label {
  font-size: 14px
}

.-reservation .selectbox {
  width: 164px
}

.-reservation.-reservationConfirm .form__item.-sub {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0
}

.-reservation.-reservationConfirm .form__item.-sub .label, .-reservation.-reservationConfirm .form__item.-sub .label.-sub {
  width: 80%
}

.-reservation.-reservationConfirm .input__wrapper.flex {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.-reservation.-reservationConfirm .form__item {
  padding: 24px 0 0
}

.map__coupon-main {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* height: 50%; */
  overflow: hidden;
  /* -webkit-transition: height .3s ease; */
  transition: 0.3s ease;
  z-index: 10
}
.map__coupon-main.move-down {
  height: 30%;
  bottom: -100px; 
  /* You might want to adjust this value based on how much you want to hide */
}

.map__coupon-main.move-up {
  bottom: 0; 
  overflow-y: auto;
  height: 62%;
}

.map__coupon-main.open {
  height: 90%;
  overflow-y: auto;
  position: absolute;
  pointer-events: none
}

.map__coupon-main.move-up .map__place-up {
  bottom: 89%;
  pointer-events: auto
}

.map__coupon-main.move-up .map__coupon-wrapper {
  pointer-events: auto;
  height: 100%
}
.map__coupon-wrapper {
  border-radius: 16px 16px 0 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .16);
  box-shadow: 0 0 8px #00000029;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translate(-50%);
  width: 95%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: height .3s ease;
  transition: height .3s ease;
  z-index: 1
}

.map__coupon-wrapper.open {
  height: 50%;
  overflow-y: auto
}

.map__coupon-wrapper .show {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.map__coupon-wrapper .layout__overflow-title {
  font-weight: 700;
  color: #333;
  font-size: 16px;
  padding: 20px 0 0 17px
}

.map__coupon-wrapper .form__close-coupon-tag {
  position: absolute;
  top: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translate(50%);
  font-size: 20px;
  cursor: pointer;
  width: 29px;
  height: 4px;
  border-radius: 100px;
  background: #87929d;
  margin: auto
}

.iframe-map {
  pointer-events: none
}

.iframe-map.-active {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  pointer-events: auto
}


.form__areamap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.mapdrop {
  display: block;
  border-bottom: 1px solid #e1e5ee;
  width: 100%;
  padding: 16px 10px;
  position: relative;
  background-color: #fff
}

.mapdrop img {
  position: absolute;
  width: auto;
  height: auto;
  left: 10px;
  top: 17px
}

.mapdrop.top-mapdrop {
  padding-left: 38px;
  font-weight: 700
}

.mapdrop:before {
  position: absolute;
  content: "";
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='expand_more_24px'%3e%3cpath%20id='icon/navigation/expand_more_24px'%20d='M8.99952%208.12499L12.8795%2012.005L8.99952%2015.885C8.81226%2016.0718%208.70703%2016.3255%208.70703%2016.59C8.70703%2016.8545%208.81226%2017.1082%208.99952%2017.295C9.38952%2017.685%2010.0195%2017.685%2010.4095%2017.295L14.9995%2012.705C15.3895%2012.315%2015.3895%2011.685%2014.9995%2011.295L10.4095%206.70499C10.0195%206.31499%209.38952%206.31499%208.99952%206.70499C8.61952%207.09499%208.60952%207.73499%208.99952%208.12499Z'%20fill='%23B80C09'/%3e%3c/g%3e%3c/svg%3e") no-repeat center
}

#area_map {
  overflow: hidden;
  -webkit-transition: height .3s ease;
  transition: height .3s ease;
  height: 0
}

.form__close-coupon-tag {
  position: absolute;
  top: 10px;
  right: 200px;
  font-size: 20px;
  cursor: pointer;
  width: 36px;
  height: 6px;
  border-radius: 100px;
  background: #87929d;
  margin: auto;
  z-index: 1
}

.icon-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.icon-arrow.-prime path {
  stroke: var(--clr-prime)
}

.link {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

@media (min-width: 769px) {
  .link:hover {
    opacity: .6
  }
}

.link--more {
  color: var(--clr-prime);
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4x;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.link--more .icon-arrow {
  width: 24px
}

@media (min-width: 769px) {
  .link--more:hover {
    opacity: .6
  }
}

.link.-blue {
  color: var(--clr-second);
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  display: block;
  padding: 16px 0 0
}

.link.-blue.-padT0 {
  padding-top: 0
}

.list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 0 16px
}

.list__item:before {
  content: "・"
}

.page--map .header__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.page--map .layout__header {
  display: unset;
  padding: 0
}

.page--map .header__logo img {
  margin: auto;
  display: block;
  width: auto
}

.page--map .header__title {
  font-size: 15px
}

.-map {
  display: block;
  position: relative;
  margin: 0;
  padding: 0
}

.-map img {
  position: relative
}

.map__logo {
  height: 49px;
  padding: 10px 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0
}

.map__logo img {
  margin: auto;
  display: block;
  width: auto
}

.map__image {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden
}

.map__image img.fade-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out;
  z-index: 0
}

.map__image img.fade-image.active {
  opacity: 1;
  z-index: 0
}
.map__image p {
  position: absolute;
  top: 50px;
  color: #fff;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  left: 16px;
  z-index: 2;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font
}

.map__image p span {
  text-decoration-line: underline
}

.map__button:hover, .map__button .search_btn:hover {
  opacity: .9;
  cursor: pointer
}

.map__button {
  background-color: #b80c09;
  border: 1px solid #b80c09;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .16);
  box-shadow: 0 0 8px #00000029;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 8px;
  padding: 8px 10px;
  color: #fff;
  position: absolute;
  bottom: 25px;
  width: 91%;
  left: 20px;
  z-index: 3;
  transition: opacity 0.3s ease;
}

.map__button button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  /* align-self: stretch; */
  gap: 50px;
  width: 100%
}

.map__button button .-button-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  gap: 10px;
  font-size: 18px
}

.map__button button .-button-right {
  width: 10%
}

.map__button button .-button-right img {
  width: 40px
}

.map__button button img {
  width: auto
}

.map__modal {
  width: 100vw;
  height: 100vh;
  background-color: #0000004d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20
}

.map__modal-wrap {
  min-height: 80px;
  min-width: 262px;
  max-width: calc(80% - 42px);
  padding: 16px;
  background-color: #fff;
  border-radius: 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px
}

.map__modal-wrap button {
  display: block
}

.map__modal-wrap p {
  text-align: center;
  position: relative
}

.map__modal-wrap .-current-search {
  background-color: #b80c09;
  text-align: center;
  color: #fff;
  border-radius: 50px;
  padding: 10px
}

.map__modal-wrap .-area-search {
  border: 1px solid;
  border: 2px solid #b80c09;
  color: #b80c09;
  border-radius: 50px;
  padding: 10px;
  text-align: center
}

.map__close {
  width: 24px;
  height: 24px;
  float: right;
  color: #616161;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  padding: 0;
  right: -10px;
  top: -13px;
  font-size: 20px
}

.map__narrow-down {
  position: absolute;
  right: 0;
  top: 152px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px 8px 12px 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  border-radius: 100px 0 0 100px;
  background: var(--clr-white);
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, .24);
  box-shadow: 0 0 16px #0000003d;
  color: #b80c09;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  z-index: 100;
  cursor: pointer
}

.map__narrow-down img {
  width: 24px;
  height: 24px
}

.map__place-up {
  position: absolute;
  right: 0;
  bottom: 63%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px 8px 12px 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  border-radius: 100px 0 0 100px;
  background: var(--clr-white);
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, .24);
  box-shadow: 0 0 16px #0000003d;
  color: #b80c09;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  z-index: 1
}

.map__place-up img {
  width: 24px;
  height: 24px
}

#map {
  position: relative
}

.google-map-iframe {
  position: relative;
  z-index: 0
}

#narrow-form {
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  z-index: 1000;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s ease, visibility 0s linear .3s;
  transition: opacity .3s ease, visibility 0s linear .3s;
  z-index: 11
}

#narrow-form .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  background-color: #fff;
  padding: 20px 16px 12px;
  width: 100%;
  max-width: 500px;
  border-radius: 0 0 16px 16px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .16);
  box-shadow: 0 0 8px #00000029;
  position: relative;
  margin-top: 19px; 
}

.layout.pages.-pd-0 .layout__main .header__wrapper.-form {
  padding: 0
}

.layout.page--home.pages.-pd-0 .header__logo {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 0
}

.layout.page--home.pages.-pd-0 .header__title {
  color: #2a324b;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0
}

#narrow-form.hidden {
  opacity: 0;
  visibility: hidden
}

.shibuya_google-map-iframe {
  position: relative
}

.shibuya_google-map-iframe {
  display: none
}

.new-service-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px
}

.new-service-location__icon-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px
}

.new-service-location p {
  color: #b89f0e;
  /* font-family: Noto Sans JP; */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.mogu-cheap-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 27px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #f8f8f8
}

.mogu-cheap-area__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.mogu-cheap-area__inner .inner-title {
  color: #b80c09;
  text-align: center;
  /* font-family: Noto Sans JP; */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.mogu-cheap-area__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.mogu-cheap-area__content img {
  width: 82px;
  height: 82px
}

.mogu-cheap-area__content p {
  color: #000;
  /* font-family: Noto Sans JP; */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px
}


.modal {
  position: absolute;
  width: 343px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.modal .card__head {
  border-bottom: 1px solid var(--clr-pale-gray)
}

.modal .card__head__title {
  font-size: 20px;
  font-weight: 700;
  padding: 16px 16px 12px
}

*:popover-open {
  position: relative
}

*::-ms-backdrop {
  max-width: 450px;
  background: #0003;
  margin: 0 auto
}

*::backdrop {
  max-width: 450px;
  background: #0003;
  margin: 0 auto
}

.reservation__title {
  font-size: 20px;
  font-weight: 700;
  text-align: center
}

.reservation__cap {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 12px 0 0
}

.reservation__confirm-title {
  color: var(--clr-navy);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .7px
}

.text--blue {
  color: var(--clr-second)
}

.reserve-date {
  text-align: center;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .16);
  box-shadow: 0 0 8px #00000029;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-item-align: stretch;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 0;
  align-self: stretch;
  border-radius: 16px
}

.reserve-date img {
  width: 20px;
  height: 20px;
  vertical-align: sub
}

.reserve-date span {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%
}
.reserve-date span {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%
}

.reserve-date.success-date {
  background-color: var(--clr-blue)
}

.reserve-date.tentative-date {
  background-color: #e3aa30
}
.reserve-date.processing-date {
  background-color: #ff0000
}

.reserve__processing-wrap .processing-date {
  margin: 0 auto 24px
}
.reserve__tentative-wrap .tentative-date {
  margin: 0 auto 24px
}

.reserve-date.cancel-date {
  background-color: #657080
}

.reserve-processing-text {
  color: #2a324b;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: .7px;
  margin: 0 auto 24px
}
.reserve-tentative-text {
  color: #2a324b;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: .7px;
  margin: 0 auto 24px
}

.reserve-detail {
  margin: 16px 0 20px;
  color: var(--clr-navy);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: .7px;
  padding: 0 16px
}

.reserve-detail li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 0 8px
}

.reserve-detail li:before {
  content: "・";
  left: 0;
  top: -1px
}

.reserve-restaurent {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .7px;
  color: var(--clr-blue-gray)
}

.reserve-title {
  color: var(--clr-navy);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px
}

.reserve-wrapper {
  width: 100%;
  gap: 16px;
  white-space: nowrap;
  position: relative;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .3);
  box-shadow: 0 0 8px #0000004d;
  border-radius: 16px;
  background-color: var(--clr-white);
  display: block;
  margin: 0 auto 24px;
  padding: 0 16px;
  overflow: hidden
}

.reserve-inner {
  padding: 16px
}

.reserve-head {
  color: var(--clr-navy);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px
}

.h2-title {
  color: var(--clr-navy);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  border-bottom: 1px solid var(--clr-pale-gray);
  padding-bottom: 8px;
  margin-bottom: 16px
}

.reserve__info-title {
  color: var(--clr-black);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px
}

.reserve__reserve-pragraph {
  color: var(--clr-navy);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .7px
}

.reserve__info {
  margin: 16px 0 0;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--clr-pale-gray)
}

.reserve__reserve-budget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  color: var(--clr-navy);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: .7px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.reserve__reserve-budget img {
  width: auto;
  margin-right: 2px
}

.reserve__info-list {
  color: var(--clr-navy);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: .7px
}

.reserve__info-list span {
  position: relative;
  margin-left: 10px
}

.reserve__info-list span:before {
  content: "・";
  left: 0;
  top: 0
}

.reserve__reserve-map {
  margin-top: 16px;
  max-width: 500px;
  width: 100%;
  height: 160px
}

.reserve__reserve-map:hover {
  opacity: .7
}

.reserve__phone-data-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.reserve__phone-title {
  color: var(--clr-black);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.reserve__phone-wrap {
  float: right;
  padding: 8px 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  gap: 8px;
  border-radius: 8px;
  background: var(--clr-prime);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.reserve__phone-wrap img {
  width: auto
}

.reserve__phone-wrap:hover {
  opacity: .7
}

.reserve__last-info {
  border-bottom: unset;
  padding-bottom: 0
}

.reserve__last-info .card__reserve-pragraph {
  margin-bottom: 32px
}

.review {
  margin: 0 auto 24px
}

.review__title {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 16px
}

.review__cap {
  color: var(--clr-pale-blue);
  font-size: 12px;
  font-weight: 500;
  padding: 8px 0 0
}

.-reservation .coupon.-selected {
  margin: 0 auto 24px
}

.reservation__success-title {
  color: #2a324b;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%
}

.reservation__red-text {
  color: #b80c09;
  text-align: center;
  /* font-family: Noto Sans JP; */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%
}

.reservation__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #2685E3;
  width: 150px;
  margin: auto
}

.reservation__phone img {
  width: 14.167px;
  height: 14.167px
}

.reservation__phone span {
  color: #2685e3;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal
}

.reservation__small-text {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.reservation__success-list {
  padding: 0 16px;
  margin-top: 8px
}

.reservation__success-list li {
  list-style-type: disc;
  color: #2a324b;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: .7px;
  margin-left: 10px
}

.reservation__success-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.reservation__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 100px;
  border: 1px solid #B80C09;
  background: #fff;
  color: #b80c09;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer
}

.card__swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px
}

.card__swiper-container .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 45px
}

@media (max-width: 768px) {
  .card__swiper-container .swiper-wrapper {
    margin-bottom: 30px
  }
}

.card__swiper-container .swiper-button-next, .card__swiper-container .swiper-button-prev {
  display: none
}

.card__swiper-container .swiper-button-next:hover, .card__swiper-container .swiper-button-prev:hover {
  opacity: .7
}

.card__swiper-container .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

/* .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 20px)
} */

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px)
}

.swiper-pagination-bullet-active {
  background: var(--clr-prime) !important
}

.tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4px;
  margin: 0 auto 24px
}

.tab__item {
  width: 50%
}

.tab__link {
  color: var(--clr-prime);
  font-weight: 700;
  text-align: center;
  width: 100%;
  display: block;
  border: 1px solid var(--clr-prime);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 12px
}

.tab__link.-active {
  color: var(--clr-white);
  background-color: var(--clr-prime)
}

.tab__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0
}

.tab__wrap .tab__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  z-index: 1;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.tab__wrap .tab__link:not(:last-of-type) {
  margin-right: 5px
}

.tab__content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0
}

.tab-switch:checked+.tab__link {
  color: var(--clr-white);
  background-color: var(--clr-prime)
}

.tab-switch:checked+.tab__link+.tab__content {
  height: auto;
  overflow: auto;
  opacity: 1;
  -webkit-transition: .5s opacity;
  transition: .5s opacity
}

.tab-switch {
  display: none
}

.title__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px 16px 0
}

.page-title {
  font-size: 20px;
  text-align: center;
  font-weight: 700
}

.sec-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0
}

.-headerNoShadow .sec-title, .page--search .sec-title {
  margin: 0 0 16px
}

.name-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--clr-pale-gray);
  padding: 16px
}

.name-title__text {
  font-size: 18px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.name-title__text span {
  font-size: 14px;
  display: inline-block;
  margin: 0 0 0 4px
}

.name-title.-user:before, .name-title.-restaurant:before {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: 0 8px 0 0
}

.name-title.-user:before {
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.0003%202.66666C8.64033%202.66666%202.66699%208.63999%202.66699%2016C2.66699%2023.36%208.64033%2029.3333%2016.0003%2029.3333C23.3603%2029.3333%2029.3337%2023.36%2029.3337%2016C29.3337%208.63999%2023.3603%202.66666%2016.0003%202.66666ZM16.0003%206.66666C18.2137%206.66666%2020.0003%208.45332%2020.0003%2010.6667C20.0003%2012.88%2018.2137%2014.6667%2016.0003%2014.6667C13.787%2014.6667%2012.0003%2012.88%2012.0003%2010.6667C12.0003%208.45332%2013.787%206.66666%2016.0003%206.66666ZM8.00033%2021.3067C9.72033%2023.8933%2012.667%2025.6%2016.0003%2025.6C19.3337%2025.6%2022.2803%2023.8933%2024.0003%2021.3067C23.9603%2018.6533%2018.6537%2017.2%2016.0003%2017.2C13.3337%2017.2%208.04033%2018.6533%208.00033%2021.3067Z%22%20fill%3D%22%23657080%22%2F%3E%3C%2Fsvg%3E) no-repeat center/contain
}

.name-title.-restaurant:before {
  background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M25.3333%207.99998H6.66667C5.93333%207.99998%205.33333%207.39998%205.33333%206.66665C5.33333%205.93331%205.93333%205.33331%206.66667%205.33331H25.3333C26.0667%205.33331%2026.6667%205.93331%2026.6667%206.66665C26.6667%207.39998%2026.0667%207.99998%2025.3333%207.99998ZM26.88%2010.4C26.76%209.78665%2026.2133%209.33331%2025.5733%209.33331H6.42667C5.78667%209.33331%205.24%209.78665%205.12%2010.4L4%2016V17.3333C4%2018.0666%204.6%2018.6666%205.33333%2018.6666V25.3333C5.33333%2026.0666%205.93333%2026.6666%206.66667%2026.6666H17.3333C18.0667%2026.6666%2018.6667%2026.0666%2018.6667%2025.3333V18.6666H24V25.3333C24%2026.0666%2024.6%2026.6666%2025.3333%2026.6666C26.0667%2026.6666%2026.6667%2026.0666%2026.6667%2025.3333V18.6666C27.4%2018.6666%2028%2018.0666%2028%2017.3333V16L26.88%2010.4ZM16%2024H8V18.6666H16V24Z%22%20fill%3D%22%2387929D%22%2F%3E%3C%2Fsvg%3E) no-repeat center/contain
}

.video__title {
  font-size: 18px;
  font-weight: 700
}

.h1--hidden {
  display: none
}

.video {
  width: 100%;
  margin: 16px auto 8px
}

.video__desc {
  font-size: 14px
}

.test {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(17, 17, 17, 0)), color-stop(51.56%, rgba(17, 17, 17, .7)), to(#111));
  background: linear-gradient(180deg, #1110 0, #111111b3 51.56%, #111)
}

img {
  width: 100%;
  height: auto
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form .flex {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.flex__item {
  margin: 16px 0 0
}

.flex__item:last-child {
  margin: 16px 0 0 16px
}

.flex.-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex.-space {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px
}

.visually-hidden {
  display: none
}

.desc {
  padding: 24px 0
}

.-texts .desc {
  padding: 16px 0 0
}

.desc p {
  padding: 0 0 16px
}

.desc p:last-child {
  padding: 0
}

.desc.-center {
  text-align: center
}

.-padB12 {
  padding-bottom: 12px
}

.-padT8 {
  padding-top: 8px
}
.pd-tb-6 {
  padding: 6px 0;
}

.-padB0 {
  padding-bottom: 0 !important
}
.res-confirm, .back-home {
  margin-top:0 !important;
}
.other-set{
  background: #17819a;
  padding: 5px 0;
}
.h3-title{
  padding-bottom: 16px;
  font-size: 16px;
}
.review-text .read-more {
  display: none;
}


.card__slider-container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto
}

.card__slider-container .swiper {
  width: 100%;
  padding-bottom: 30px;
}

.card__slider-container .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.card__slider-img {
  width: 160px;
  height: 120px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
  box-shadow: 0 2px 8px #0000000a;
  cursor: pointer
}

.card__slider-container .swiper-button-prev, .card__slider-container .swiper-button-next {
  position: absolute;
  top: 62%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 8px #0000001a
}

.card__slider-container .swiper-button-prev {
  left: 10px
}

.card__slider-container .swiper-button-next {
  right: 10px
}

.card__slider-container .swiper-button-prev:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  border-color: transparent #1c1b1f transparent transparent;
  margin-right: 1px
}

.card__slider-container .swiper-button-next:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #1c1b1f;
  margin-left: 1px
}

.card__slider-container .swiper-button-prev:after, .card__slider-container .swiper-button-next:after {
  display: none
}

#imgModal.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100vh;
  background: #000000e6;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9999
}

#imgModal .modal-content {
  position: relative;
  width: 90%;
  height: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#imgModal .modal-swiper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#imgModal .modal-swiper .swiper {
  width: 100%;
  height: 100%
}

#imgModal .modal-swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#imgModal .modal-swiper .swiper-slide img {
  max-width: 800px;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .3);
  box-shadow: 0 4px 24px #0000004d
}

#imgModal .modal-swiper .swiper-button-prev, #imgModal .modal-swiper .swiper-button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ffffff91;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 8px #0003;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
  cursor: pointer
}

@media (max-width: 768px) {
  #imgModal .modal-swiper .swiper-button-prev, #imgModal .modal-swiper .swiper-button-next {
    top: 52%
  }
}

#imgModal .modal-swiper .swiper-button-prev {
  left: 0px
}

#imgModal .modal-swiper .swiper-button-next {
  right: 0px
}

#imgModal .modal-swiper .swiper-button-prev:after, #imgModal .modal-swiper .swiper-button-next:after {
  display: none
}

#imgModal .modal-swiper .swiper-button-prev svg, #imgModal .modal-swiper .swiper-button-next svg {
  width: 24px;
  height: 24px
}

#imgModal .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  background: #ffffffe6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 11
}
.layout__header .header__wrapper .header__link svg{
  width: 13px;
  height: 20px;
}
.card__details .-discount {
  color: var(--clr-gold);
  font-weight: bold;

}
.d-amount {
  font-size: 24px;
  width: 13px;
  height: 20px;
}
.header__link {
  width: 30px;
  height: 30px;
}
.-destance{
  font-weight: bold;
  color: #2a324b;
}