/*
Theme Name: Serum Child whp
Template: serum_tcd096
*/


.grecaptcha-badge {
　display: none!important;
}

.logo_text {background: #ff0000;}

/* ===============================
   注文フォーム レイアウト修正（以前の美しい状態に戻す）
=============================== */

/* 各商品ブロック全体 */
.product-item {
  max-width: 680px;
  margin: 0 auto 60px auto;
  padding: 25px 20px;
  background: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  text-align: center;
}

/* テキストエリアは3行に */
.wpcf7-textarea {
 height: 3em;
 }

/* 商品名 */
.product-item h4,
.product-item .product-title {
  font-size: 1.1em;
  margin-bottom: 15px;
}

/* 商品画像 */
.product-item .product-image img {
  max-width: 260px;
  height: auto;
  display: block;
  margin: 0 auto 15px auto;
  border-radius: 8px;
}

/* 数量入力と小計 */
.product-item label {
  display: inline-block;
  margin-right: 8px;
}

.product-item input[type="number"] {
  width: 60px !important;
  text-align: center;
}

.product-item input[type="text"][readonly] {
  width: 120px !important;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 25px;
  font-weight: bold;
}

/* 商品と商品との間隔を広げる */
.product-item + .product-item {
  margin-top: 70px;
}

/* 合計金額エリアを上に余白 */
#dynamic_total {
  margin-top: 50px;
}

/* ===============================
   注文フォーム 修正版（強制上書き）
=============================== */

.wpcf7 form .product-item {
  max-width: 680px !important;
  margin: 0 auto 60px auto !important;
  padding: 25px 20px !important;
  background: #f9f9f9 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 10px !important;
  text-align: center !important;
}

/* 商品タイトル */
.wpcf7 form .product-item h4,
.wpcf7 form .product-item .product-title {
  font-size: 1.1em !important;
  margin-bottom: 15px !important;
}

/* 商品画像 */
.wpcf7 form .product-item .product-image img {
  display: block !important;
  max-width: 260px !important;
  height: auto !important;
  margin: 0 auto 15px auto !important;
  border-radius: 8px !important;
}

/* 数量と小計 */
.wpcf7 form .product-item input[type="number"],
.wpcf7 form .product-item input[type="text"][readonly] {
  width: 120px !important;
  text-align: center !important;
  margin-bottom: 25px !important;
}

/* 商品間のスペース */
.wpcf7 form .product-item + .product-item {
  margin-top: 70px !important;
}

/* 合計金額エリア上に余白 */
.wpcf7 form #dynamic_total {
  margin-top: 50px !important;
}