/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 26 2025 | 06:25:06 */
/* === 予約CTA（ユニークスコープ） ===================== */
.kh-cta { text-align:center; margin: 24px 0; }

.kh-cta-btn{
  --kh-cta-bg:#6a5f54;         /* ベース色（サイトのブラウン系に寄せ） */
  --kh-cta-bg2:#5c5248;        /* hover用濃色 */
  --kh-cta-txt:#fff;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.65em;
  min-width: 280px;
  padding: .95em 1.6em;
  color: var(--kh-cta-txt);
  background: var(--kh-cta-bg);
  border-radius: 9999px;       /* pill */
  text-decoration:none;
  line-height:1;
  font-weight:700;
  letter-spacing:.08em;
  transition: transform .12s ease, box-shadow .2s ease, background-color .2s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,.12), 0 1px 0 rgba(255,255,255,.06) inset;
  white-space: nowrap;
}

.kh-cta-btn:hover{
  background: var(--kh-cta-bg2);
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.16);
}

.kh-cta-btn:active{
  transform: translateY(0);
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
}

.kh-cta-btn:focus-visible{
  outline: 2px solid #fff;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px rgba(106,95,84,.35);
}

.kh-cta-text{ font-size: 16px; }
.kh-cta-icon{ display:inline-flex; align-items:center; }

/* SPでタップ面積確保 */
@media (max-width:640px){
  .kh-cta-btn{ min-width: 260px; padding: 1.05em 1.6em; }
  .kh-cta-text{ font-size: 15px; }
}