/* =========================================
   LUXURY RED FRAME VERSION - FINAL
   枠は赤統一 / 入力欄は枠なし
========================================= */

/* ===============================
   1. テーマ背景を無効化
=============================== */

html,
body,
#wrapper,
#wrap,
#container,
#main,
.site,
.site-content,
.page,
.page-wrapper{
  background: transparent !important;
}

/* ===============================
   2. 背景デザイン
=============================== */

body{
  margin:0 !important;
  min-height:100vh;

  background:
    radial-gradient(circle at 10% 0%, rgba(255,80,100,.18), transparent 50%),
    radial-gradient(circle at 90% 20%, rgba(255,50,70,.12), transparent 55%),
    linear-gradient(180deg,#ffffff,#fff6f7) !important;

  background-attachment:fixed !important;
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
  color:#222 !important;
}

/* ===============================
   3. 全テキスト黒
=============================== */

body *{
  color:#222 !important;
}

/* ===============================
   4. フォーム全体枠（赤）
=============================== */

.mw_wp_form,
.form-area,
.card,
.panel{
  background:#ffffff !important;
  border:2px solid #e60033 !important;
  border-radius:26px !important;
  padding:42px !important;
  box-shadow:0 30px 70px rgba(0,0,0,.06) !important;
}

/* ===============================
   5. 入力欄（枠なし）
=============================== */

input,
select,
textarea{
  background:#ffffff !important;
  border:none !important;
  border-bottom:2px solid #e60033 !important; /* 下線だけ赤 */
  border-radius:0 !important;
  padding:16px 4px !important;
  font-size:15px !important;
  color:#222 !important;
  transition:.25s ease;
}

input::placeholder,
textarea::placeholder{
  color:#aaa !important;
}

input:focus,
select:focus,
textarea:focus{
  border-bottom:2px solid #b00020 !important;
  box-shadow:none !important;
  outline:none !important;
}

/* ===============================
   6. チェック・ラジオ
=============================== */

input[type="radio"],
input[type="checkbox"]{
  accent-color:#e60033 !important;
  transform:scale(1.1);
}

/* ===============================
   7. ラグジュアリーボタン
=============================== */

button,
input[type="submit"],
.submit,
.submit-btn{
  background:linear-gradient(135deg,#ff3e5f,#d6002a) !important;
  color:#ffffff !important;
  border:none !important;
  border-radius:999px !important;
  padding:20px 52px !important;
  font-size:17px !important;
  font-weight:600 !important;
  letter-spacing:.05em !important;
  box-shadow:0 18px 55px rgba(230,0,51,.28) !important;
  transition:.3s ease !important;
}

button:hover,
input[type="submit"]:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 28px 65px rgba(230,0,51,.35) !important;
}

button:active,
input[type="submit"]:active{
  transform:translateY(0) !important;
}

/* ===============================
   8. エラー表示
=============================== */

.error,
.alert,
.req.danger{
  background:#fff3f5 !important;
  border:2px solid #e60033 !important;
  color:#b00020 !important;
  padding:14px !important;
  border-radius:14px !important;
}
/* ===============================
   入力欄の赤線を完全削除
=============================== */

input,
select,
textarea{
  border:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
}


.field{
  margin-top: 20px;
}