/* ========================================
   Prido ベビーカメラ記事 専用CSS
   WP Coder の「CSS」タブに貼り付け
   ※Additional CSS の【記事2】ブロックは削除してください
   ======================================== */

/* ── ヒーローセクション ── */
.kz-baby-prido-wrap .kz-dino-hero {
  background: linear-gradient(135deg, #e8f4f8 0%, #f0f9f0 100%);
  border-radius: 12px;
  padding: 40px 30px;
  text-align: center;
  margin-bottom: 40px !important;
}

.kz-baby-prido-wrap .hero-title {
  font-size: 1.6em;
  font-weight: bold;
  color: #2c6e49;
  line-height: 1.5;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.kz-baby-prido-wrap .kz-dino-hero-lead {
  font-size: 1.05em;
  color: #555;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── 共感リード ── */
.kz-baby-prido-wrap .kz-dino-lead-box {
  background: #fff8f0;
  border-left: 4px solid #f4a261 !important;
  border-radius: 0 8px 8px 0;
  padding: 20px 24px !important;
  margin: 0 0 40px !important;
}

.kz-baby-prido-wrap .kz-dino-lead-box p {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.kz-baby-prido-wrap .kz-dino-lead-box p:last-child {
  margin-bottom: 0 !important;
}

/* ── 章タイトル ── */
.kz-baby-prido-wrap .kz-dino-chapter-title {
  font-size: 1.25em !important;
  font-weight: bold !important;
  color: #fff !important;
  background: #2c6e49 !important;
  padding: 12px 20px !important;
  margin: 48px 0 24px !important;
  border-radius: 6px !important;
  border: none !important;
}

/* ── サブ見出し ── */
.kz-baby-prido-wrap .kz-dino-sub-head {
  font-size: 1.1em !important;
  font-weight: bold !important;
  color: #2c6e49 !important;
  border-bottom: 2px solid #2c6e49 !important;
  padding: 4px 0 8px !important;
  margin: 32px 0 16px !important;
}

/* ── 本文 ── */
.kz-baby-prido-wrap p {
  margin: 0 0 16px !important;
  padding: 0 !important;
}

/* ── 使い分け2カラムボックス ── */
.kz-baby-prido-wrap .kz-mode-wrap {
  display: flex;
  gap: 16px;
  margin: 0 0 24px !important;
  flex-wrap: wrap;
}

.kz-baby-prido-wrap .kz-mode-box {
  flex: 1;
  min-width: 200px;
  border-radius: 10px !important;
  padding: 20px !important;
}

.kz-baby-prido-wrap .kz-mode-box.kz-mode-monitor {
  background: #e8f4f8 !important;
  border: 2px solid #5b9bd5 !important;
}

.kz-baby-prido-wrap .kz-mode-box.kz-mode-smartphone {
  background: #f9f0ff !important;
  border: 2px solid #9b59b6 !important;
}

.kz-baby-prido-wrap .kz-mode-box .kz-mode-title {
  font-weight: bold;
  font-size: 1.05em;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

.kz-baby-prido-wrap .kz-mode-box.kz-mode-monitor .kz-mode-title {
  color: #1a5276;
}

.kz-baby-prido-wrap .kz-mode-box.kz-mode-smartphone .kz-mode-title {
  color: #6c3483;
}

.kz-baby-prido-wrap .kz-mode-box ul {
  margin: 0 !important;
  padding: 0 0 0 18px !important;
}

.kz-baby-prido-wrap .kz-mode-box ul li {
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-size: 0.95em;
}

/* ── 商品画像 ── */
.kz-baby-prido-wrap .kz-product-img {
  text-align: center !important;
  margin: 0 0 20px !important;
}

/* ── 商品紹介ボックス ── */
.kz-baby-prido-wrap .kz-product-box {
  border: 2px solid #2c6e49 !important;
  border-radius: 10px !important;
  padding: 24px !important;
  margin: 24px 0 !important;
  background: #f8fdf9 !important;
}

.kz-baby-prido-wrap .kz-product-box .kz-product-name {
  font-size: 1.1em;
  font-weight: bold;
  color: #2c6e49;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

/* ── スペックテーブル ── */
.kz-baby-prido-wrap .kz-tbl-wrap {
  overflow-x: auto !important;
  margin: 0 0 24px !important;
}

.kz-baby-prido-wrap .kz-tbl-wrap table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.kz-baby-prido-wrap .kz-tbl-wrap th,
.kz-baby-prido-wrap .kz-tbl-wrap td {
  padding: 10px 14px !important;
  border: 1px solid #ccc !important;
  font-size: 0.95em;
  vertical-align: middle !important;
}

.kz-baby-prido-wrap .kz-tbl-wrap th {
  background: #2c6e49 !important;
  color: #fff !important;
  font-weight: bold;
  width: 35%;
  white-space: nowrap !important;
}

.kz-baby-prido-wrap .kz-tbl-wrap td {
  background: #fff !important;
}

/* ── CTAボタン ── */
.kz-baby-prido-wrap .kz-cta-wrap {
  text-align: center !important;
  margin: 32px 0 !important;
}

.kz-baby-prido-wrap .kz-cta-btn {
  display: inline-block;
  background: #e74c3c !important;
  color: #fff !important;
  font-size: 1.1em;
  font-weight: bold;
  padding: 16px 40px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(231,76,60,0.3) !important;
}

/* ── こんな人におすすめボックス ── */
.kz-baby-prido-wrap .kz-recommend-box {
  background: #e8f4f8 !important;
  border-radius: 10px !important;
  padding: 24px !important;
  margin: 24px 0 !important;
}

.kz-baby-prido-wrap .kz-recommend-box .kz-recommend-title {
  font-weight: bold;
  font-size: 1.05em;
  color: #1a5276;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.kz-baby-prido-wrap .kz-recommend-box ul {
  margin: 0 !important;
  padding: 0 0 0 20px !important;
}

.kz-baby-prido-wrap .kz-recommend-box ul li {
  margin: 0 0 6px !important;
  padding: 0 !important;
}

/* ── 注意ボックス ── */
.kz-baby-prido-wrap .kz-caution-box {
  background: #fef9e7 !important;
  border: 1px solid #f4d03f !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  margin: 16px 0 24px !important;
}

.kz-baby-prido-wrap .kz-caution-box p {
  margin: 0 0 10px !important;
  font-size: 0.95em;
  color: #7d6608;
}

.kz-baby-prido-wrap .kz-caution-box p:last-child {
  margin-bottom: 0 !important;
}

/* ── まとめボックス ── */
.kz-baby-prido-wrap .kz-summary-box {
  background: #2c6e49 !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 28px !important;
  margin: 40px 0 0 !important;
}

.kz-baby-prido-wrap .kz-summary-box .kz-summary-title {
  font-size: 1.15em;
  font-weight: bold;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.kz-baby-prido-wrap .kz-summary-box ul {
  margin: 0 0 20px !important;
  padding: 0 0 0 20px !important;
}

.kz-baby-prido-wrap .kz-summary-box ul li {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.kz-baby-prido-wrap .kz-summary-box p {
  margin: 0 !important;
  color: #fff !important;
}