@charset "UTF-8";
body {
  line-height: 1.4;
  background-color: #f2f8fa;
  color: #5a5959;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.el_hdg {
  line-height: 1.6;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}

.el_btn {
  width: 100%;
}
.el_btn a {
  display: block;
  padding: 10px 16px;
  text-align: center;
  line-height: 1.6;
  background-color: #238ae1;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
}
.el_btn.backBtn {
  margin-top: 16px;
}
.el_btn.backBtn a {
  background-color: #fff;
  color: #238ae1;
  border: 2px solid #238ae1;
}

.el_error {
  color: #ff0000;
  font-weight: 600;
}

.ly_contents {
  max-width: 440px;
  margin: 0 auto;
  padding: 8px;
}

.ly_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(calc(6 / 16 * 1rem), calc(calc((8 - 970 * 0.0033613445) / 16) * 1rem) + calc(100 * 0.0033613445 * 1vw), calc(8 / 16 * 1rem)) clamp(calc(15 / 16 * 1rem), calc(calc((20 - 970 * 0.0084033613) / 16) * 1rem) + calc(100 * 0.0084033613 * 1vw), calc(20 / 16 * 1rem)) clamp(calc(6 / 16 * 1rem), calc(calc((8 - 970 * 0.0033613445) / 16) * 1rem) + calc(100 * 0.0033613445 * 1vw), calc(8 / 16 * 1rem)) clamp(calc(8 / 16 * 1rem), calc(calc((20 - 970 * 0.0201680672) / 16) * 1rem) + calc(100 * 0.0201680672 * 1vw), calc(20 / 16 * 1rem));
  background-color: #fff;
}
.ly_header_logo {
  width: clamp(calc(87 / 16 * 1rem), calc(calc((120 - 970 * 0.0554621849) / 16) * 1rem) + calc(100 * 0.0554621849 * 1vw), calc(120 / 16 * 1rem));
}
.ly_header_txt {
  line-height: 1.6;
  color: #5a5959;
  font-size: 14px;
  font-weight: 600;
}
.ly_header_lang {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.ly_header_lang img {
  width: 32px;
}
.ly_header_lang span {
  font-size: 10px;
}
.ly_header_lang .langMenu {
  display: none;
  width: 200px;
  padding: 10px 20px;
  background-color: #5a5959;
  position: absolute;
  top: 64px;
  right: 0;
}
.ly_header_lang .langMenu li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px 0;
  color: #fff;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .ly_header_lang .langMenu li:hover {
    opacity: 0.5;
  }
}
.ly_header_lang .langMenu li:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.ly_footer {
  background-color: #5a5959;
}
.ly_footer_copy {
  padding: 13px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}

.bl_card > a {
  display: block;
}
.bl_card_ph {
  height: 135px;
  border-radius: 2px;
  overflow: hidden;
}
.bl_card_ph img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bl_card_body {
  padding: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 0 0 4px 4px;
}
.bl_card_body .ttl {
  line-height: 1.6;
  font-weight: 600;
}
.bl_card_body .list {
  margin-top: 4px;
}
.bl_card_body .list li {
  padding-left: 1em;
  font-size: 12px;
  position: relative;
}
.bl_card_body .list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.bl_card_body .btm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 4px;
}
.bl_card_body .btm .time {
  font-size: 12px;
}
.bl_card_body .btm .time span {
  display: inline-block;
  margin-left: 4px;
  font-size: 14px;
  font-weight: 600;
}
.bl_card_body .btm .price {
  font-size: 12px;
}
.bl_card_body .btm .price em {
  display: inline-block;
  margin-left: 4px;
  line-height: 1.6;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
.bl_card + .bl_card {
  margin-top: 16px;
}

.bl_useArea {
  margin-top: 16px;
  padding: 8px;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.bl_useArea_calendarNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.bl_useArea_calendarNav em {
  line-height: 1.6;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
.bl_useArea_calendarNav .nextBtn {
  scale: -1 1;
}
.bl_useArea_calendar {
  width: 100%;
  border-collapse: collapse;
}
.bl_useArea_calendar th,
.bl_useArea_calendar td {
  width: 50px;
  height: 68px;
  padding: 0;
  text-align: center;
  line-height: 1.6;
  vertical-align: middle;
  background-color: #fff;
  color: #616161;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.bl_useArea_calendar td.selected {
  background: #eaf2fc;
  color: #4396d6;
}
.bl_useArea_calendar td.disabled {
  color: #d7d7d7;
}
.bl_useArea_calendar td.unavailable {
  background: #f5f5f5;
  cursor: not-allowed;
}
.bl_useArea_calendar td .icon-wrap {
  margin-top: 3px;
}
.bl_useArea_calendar td .icon-wrap .icon-svg {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto;
}
.bl_useArea_timeArea {
  display: none;
  margin-top: 16px;
}
.bl_useArea_timeArea .timeSlots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.bl_useArea_timeArea .timeBtn {
  padding: 8px 14px;
  line-height: 1.6;
  background: #eaf2fc;
  color: #4396d6;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}
.bl_useArea_timeArea .timeBtn.selected, .bl_useArea_timeArea .timeBtn:active {
  background: #238ae1;
  color: #fff;
}
.bl_useArea_summary {
  margin-top: 16px;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
}
.bl_useArea_summary .summaryText {
  margin-top: 12px;
  padding-top: 12px;
  line-height: 1.6;
  color: #5a5959;
  font-size: 14px;
  border-top: 1px solid #e7e7e7;
}
.bl_useArea_summary .summaryText.confirm {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

input[type=text],
input[type=email],
input[type=tel],
select {
  width: 100%;
  padding: 9px 32px 9px 8px;
  line-height: 1.6;
  background-color: #fff;
  color: #5a5959;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px #238ae1 inset;
          box-shadow: 0 0 0 1px #238ae1 inset;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=text]:focus-visible,
input[type=email]:focus-visible,
input[type=tel]:focus-visible,
select:focus-visible {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
          box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}

.selectArea {
  margin-top: 8px;
  margin-bottom: 16px;
  position: relative;
}
.selectArea::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 14px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #5a5959;
  border-right: 2px solid #5a5959;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  pointer-events: none;
}

input[type=checkbox] {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
input[type=checkbox] + label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  color: #666;
  font-size: 14px;
  position: relative;
  cursor: pointer;
}
input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.85);
  border: 2px solid #ccc;
  border-radius: 5px;
  margin-right: 6px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
input[type=checkbox]:checked + label::before {
  background-color: rgb(33, 150, 243);
  border: 1px solid rgb(33, 150, 243);
}
input[type=checkbox]:checked + label::after {
  content: "";
  width: 0.4em;
  height: 0.85em;
  margin: auto;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  position: absolute;
  top: 0;
  left: 0.67em;
  bottom: 0;
  -webkit-transform: translateY(-1px) rotate(45deg);
          transform: translateY(-1px) rotate(45deg);
}
input[type=checkbox]:focus-visible + label {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(90%, rgba(33, 150, 243, 0.3)));
  background: -webkit-linear-gradient(transparent 90%, rgba(33, 150, 243, 0.3) 90%);
  background: linear-gradient(transparent 90%, rgba(33, 150, 243, 0.3) 90%);
}

.checkboxArea {
  margin-top: 8px;
  margin-bottom: 8px;
}
.checkboxArea > * + * {
  margin-top: 10px;
}

.formGroup {
  margin-top: 8px;
}
.formGroup label {
  display: block;
  margin-bottom: 6px;
  line-height: 1.6;
  color: #616161;
  font-size: 14px;
}
.formGroup p {
  line-height: 1.6;
  color: #238ae1;
  font-size: 14px;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

.reserveBtn,
.submitBtn {
  width: 100%;
  margin-top: 16px;
  padding: 10px;
  line-height: 1.6;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.reserveBtn.enabled,
.submitBtn.enabled {
  background: #238ae1;
  cursor: pointer;
}
.reserveBtn:disabled,
.submitBtn:disabled {
  background: #d7d7d7;
  cursor: not-allowed;
}

.submitBtn {
  background: #238ae1;
  cursor: pointer;
}

.un_detail .txt {
  line-height: 1.6;
  color: #5a5959;
  font-size: 14px;
}
.un_detail .ph {
  margin-bottom: 16px;
}
.un_detail .btn {
  margin-top: 16px;
}
.un_detail .list {
  margin-top: 16px;
}
.un_detail .list li {
  padding-left: 1em;
  line-height: 1.6;
  font-size: 14px;
  position: relative;
}
.un_detail .list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.un_detail .box {
  margin-top: 16px;
  padding: 8px;
}
.un_detail .box dl {
  margin-top: 8px;
}
.un_detail .box dl dt,
.un_detail .box dl dd {
  line-height: 1.6;
  font-size: 14px;
}
.un_detail .box dl dd {
  padding-left: 1.5em;
  position: relative;
}
.un_detail .box dl dd::before {
  content: "・";
  position: absolute;
  left: 0.25em;
}
.un_detail .box ol {
  margin-top: 8px;
  counter-reset: listnum;
}
.un_detail .box ol li {
  padding-left: 1.5em;
  line-height: 1.6;
  font-size: 14px;
  position: relative;
}
.un_detail .box ol li::before {
  counter-increment: listnum;
  content: "(" counter(listnum) ")";
  position: absolute;
  left: 0;
}

.un_home_error {
  padding: 20px 0;
  text-align: center;
}

.un_success {
  padding-bottom: 15px;
}
.un_success .el_hdg {
  margin-bottom: 12px;
}
.un_success .txt {
  line-height: 1.6;
  color: #5a5959;
  font-size: 14px;
}
.un_success ol {
  margin-top: 8px;
  counter-reset: listnum;
}
.un_success ol > li {
  padding-left: 1.2em;
  line-height: 1.6;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.un_success ol > li::before {
  counter-increment: listnum;
  content: counter(listnum) ".";
  position: absolute;
  left: 0;
}
.un_success ol > li + li {
  margin-top: 8px;
}
.un_success ol > li > ul > li {
  font-weight: 400;
}
.un_success ul {
  margin-top: 8px;
}
.un_success ul > li {
  padding-left: 1em;
  line-height: 1.6;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.un_success ul > li::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: #5a5959;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
}
.un_success ul > li .txt {
  margin-top: 4px;
  font-weight: 400;
}
.un_success ul > li + li {
  margin-top: 8px;
}/*# sourceMappingURL=style.css.map */