/* reservation.css の上に置いて、キャンセルページ専用調整 */
.cancel-page .form-area button {
  background: #e67e22 !important;
}

.cancel-page .form-area button:hover {
  box-shadow: 0 4px 0 #c86512 !important;
}

/* datetime-row のスマホ対応 */
.cancel-page .datetime-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 14px;
}

/* スマホ（480px以下）では縦並びに */
@media (max-width: 480px) {
  .cancel-page .datetime-row {
    grid-template-columns: 1fr !important;
    gap: 8px;
  }

  .cancel-page .page {
    padding: 24px 12px !important;
  }

  .cancel-page .section-title {
    font-size: 1.6rem !important;
  }

  .cancel-page .two-col {
    grid-template-columns: 1fr !important;
  }
}