@charset "UTF-8";
/* LP内のみを調整し、テーマ共通のヘッダー・フッターのスタイルを維持 */
.ko-lp,
.ko-lp * { box-sizing: border-box; }
.ko-lp {
  display: block;
  width: 100%;
  max-width: 790px;
  margin: 0 auto;
  padding: calc(24px + var(--ko-header-space, 0px)) 20px 36px;
  background: #fff;
  color: #111;
}
.ko-lp img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; padding: 0; border: 0; }
.ko-lp__reservation { margin: 0; padding: 28px 0; }
.ko-lp__reservation a { display: block; width: 70%; margin: 0 auto; padding: 0; border: 0; transition: opacity .2s; }
.ko-lp__reservation a:hover { opacity: .8; }
.ko-lp__reservation a:focus-visible { outline: 3px solid #735c1f; outline-offset: 5px; }
@media (max-width: 767px) {
  .ko-lp {
    width: 100%;
    max-width: none;
    padding: calc(20px + var(--ko-header-space, 0px)) 0 28px;
  }
  .ko-lp__reservation { padding: 16px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .ko-lp__reservation a { transition: none; }
}

.ko-lp__section { margin: 0; padding: 0; border: 0; }
.ko-lp .ko-lp__heading {
  display: block;
  margin: 0;
  padding: 22px 12px 18px;
  border: 0;
  background: none;
  box-shadow: none;
  color: #222;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
  letter-spacing: normal;
}
.ko-lp .ko-lp__heading::before,
.ko-lp .ko-lp__heading::after { content: none; }
.ko-lp__heading span { display: block; }
.ko-lp__reservation { padding: 20px 0; }
@media (max-width: 767px) {
  .ko-lp .ko-lp__heading { padding: 16px 10px 14px; font-size: clamp(14px, 3.8vw, 22px); }
  .ko-lp__reservation { padding: 16px 0; }
}