/* =========================================================
button
========================================================= */
/* =========================================================
title
========================================================= */
/* =========================================================
reservation
========================================================= */
.c-reservation {
  background-color: #dadada;
  background-image: url(../images/reservation-bg.webp);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  padding: 12vw 0;
}
.c-reservation-container {
  margin: 0 auto;
  overflow: hidden;
  width: 94%;
}
@media screen and (min-width: 1400px) {
  .c-reservation-container {
    width: 1400px;
  }
}
.c-reservation-container--wrap {
  margin: auto;
  max-width: 1200px;
}
.c-reservation-title {
  margin: auto;
  max-width: 628px;
}
.c-reservation-tab > input {
  display: none;
}
.c-reservation-ui {
  display: flex;
  justify-content: center;
  gap: 2%;
  margin-top: clamp(20px, 2vw, 40px);
}
.c-reservation-ui li {
  max-width: 305px;
  width: 32%;
}
.c-reservation-ui label {
  align-items: center;
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-height: 71px;
  transition: 0.3s;
}
.c-reservation-ui label:hover {
  transform: translateY(-3px);
}
.c-reservation-ui .bbq label {
  background: #f17233;
}
.c-reservation-ui .camp label {
  background: #68954f;
}
.c-reservation-ui .dogrun label {
  background: #ffd45a;
}
.c-reservation-panel {
  display: none;
  margin-top: clamp(30px, 4vw, 60px);
}
.c-reservation-panel iframe {
  display: block;
  border: 0;
  width: 100%;
}
.c-reservation #reservation-bbq:checked ~ .c-reservation-panel--bbq,
.c-reservation #reservation-camp:checked ~ .c-reservation-panel--camp,
.c-reservation #reservation-dogrun:checked ~ .c-reservation-panel--dogrun {
  display: block;
}
.c-reservation #reservation-bbq:checked ~ .c-reservation-ui .bbq label,
.c-reservation #reservation-camp:checked ~ .c-reservation-ui .camp label,
.c-reservation #reservation-dogrun:checked ~ .c-reservation-ui .dogrun label {
  box-shadow: 0 0 0 4px #fff, 0 10px 20px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
}
.c-reservation #reservation-bbq:checked ~ .c-reservation-ui .bbq label {
  background: #c94d10;
}
.c-reservation #reservation-camp:checked ~ .c-reservation-ui .camp label {
  background: #3d6a29;
}
.c-reservation #reservation-dogrun:checked ~ .c-reservation-ui .dogrun label {
  background: #fdc40a;
}

/* =========================================================
top
========================================================= */
/*# sourceMappingURL=style-lp.css.map */