/* ===================================================
   Remodal の見た目を 125naroom にそろえる（飾り）。
   remodal.css・remodal-default-theme.css のあとに読み込む。
   読者は使わなくても動きは同じ（背景・箱・ボタンの見た目だけ）。
   =================================================== */
.remodal-overlay { background: rgba(243, 239, 230, .95); }

.remodal {
  border-radius: 6px;
  color: #2b2a27;
  font-family: "Jost", "Zen Kaku Gothic New", sans-serif;
  box-shadow: 0 0 0 1px #e8e3d8, 0 12px 32px rgba(43, 42, 39, .12);
}
.remodal h1 {
  margin: 0 0 8px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.remodal p { margin: 0; font-size: 14px; color: #6b675f; }

.remodal-close { color: #6b675f; }
.remodal-close:hover, .remodal-close:focus { color: #2b2a27; }

.remodal-confirm, .remodal-cancel {
  min-width: 120px;
  border-radius: 999px;
  font: 500 14px/1 "Jost", "Zen Kaku Gothic New", sans-serif;
  padding: 14px 0;
}
.remodal-confirm { background: #2b2a27; color: #fff; }
.remodal-confirm:hover, .remodal-confirm:focus { background: #6b675f; }
.remodal-cancel { background: #fff; color: #2b2a27; box-shadow: inset 0 0 0 1px #2b2a27; }
.remodal-cancel:hover, .remodal-cancel:focus { background: #f3efe6; }
.remodal-close:focus-visible, .remodal-confirm:focus-visible, .remodal-cancel:focus-visible {
  outline: 2px solid #2b2a27; outline-offset: 2px;
}