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