/* ========================================
   福井恐竜ルームおすすめ7選 記事専用CSS
   WP Coder の「CSS」タブに貼り付け
   ======================================== */

/* ── ヒーローセクション ── */
.kz-fukui-dino-wrap .kz-hero {
  background: linear-gradient(135deg, #1a472a 0%, #2d6a4f 50%, #1b4332 100%) !important;
  border-radius: 16px !important;
  padding: 48px 32px !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  position: relative;
  overflow: hidden;
}

.kz-fukui-dino-wrap .kz-hero-badge {
  display: inline-block;
  background: #f4a261 !important;
  color: #fff !important;
  font-size: 0.8em;
  font-weight: bold;
  padding: 4px 16px !important;
  border-radius: 20px !important;
  margin-bottom: 16px !important;
  letter-spacing: 0.05em;
}

.kz-fukui-dino-wrap .kz-dino-title {
  font-size: 1.7em !important;
  font-weight: bold !important;
  color: #fff !important;
  line-height: 1.5 !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.kz-fukui-dino-wrap .kz-dino-title span {
  color: #95d5b2 !important;
}

.kz-fukui-dino-wrap .kz-hero-lead {
  font-size: 1.0em !important;
  color: #d8f3dc !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  line-height: 1.7;
}

.kz-fukui-dino-wrap .kz-hero-check {
  background: rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  color: #fff !important;
  font-size: 0.95em;
  line-height: 2;
  text-align: left;
  display: inline-block;
}

/* ── この記事でわかること（サマリー）── */
.kz-fukui-dino-wrap .kz-summary-box {
  background: #f0fdf4 !important;
  border: 2px solid #2d6a4f !important;
  border-radius: 10px !important;
  padding: 24px 28px !important;
  margin: 0 0 32px !important;
}

.kz-fukui-dino-wrap .kz-summary-box .kz-summary-title {
  font-size: 1.1em;
  font-weight: bold;
  color: #1a472a;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

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

.kz-fukui-dino-wrap .kz-summary-box ul li {
  margin: 0 0 6px !important;
  padding: 0 !important;
  color: #333;
}

/* ── 本文 ── */
.kz-fukui-dino-wrap .kz-body-text {
  margin: 0 0 16px !important;
  padding: 0 !important;
  line-height: 1.8;
}

/* ── ポイントボックス ── */
.kz-fukui-dino-wrap .kz-point-box {
  background: #fff8e1 !important;
  border-left: 4px solid #f4a261 !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 16px 20px !important;
  margin: 0 0 24px !important;
  font-size: 0.95em;
  line-height: 1.7;
}

.kz-fukui-dino-wrap .kz-point-box .kz-point-label {
  display: block;
  font-weight: bold;
  color: #c0392b;
  margin-bottom: 6px !important;
}

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

/* ── サブ見出し ── */
.kz-fukui-dino-wrap .kz-dino-sub-head {
  font-size: 1.05em !important;
  font-weight: bold !important;
  color: #1a472a !important;
  border-bottom: 2px solid #2d6a4f !important;
  padding: 4px 0 8px !important;
  margin: 28px 0 14px !important;
}

/* ── 体験談ボックス ── */
.kz-fukui-dino-wrap .kz-experience-box {
  background: #f9f0ff !important;
  border-left: 4px solid #9b59b6 !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 16px 20px !important;
  margin: 0 0 24px !important;
  font-style: italic;
  color: #4a235a;
}

.kz-fukui-dino-wrap .kz-experience-box p {
  margin: 0 !important;
  padding: 0 !important;
}

/* ── ボタンエリア ── */
.kz-fukui-dino-wrap .kz-btn-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 16px 0 32px !important;
}

.kz-fukui-dino-wrap .kz-btn {
  display: inline-block;
  font-size: 0.95em;
  font-weight: bold;
  padding: 12px 20px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  text-align: center;
  flex: 1;
  min-width: 160px;
}

.kz-fukui-dino-wrap .kz-btn.rakuten {
  background: #bf0000 !important;
  color: #fff !important;
}

.kz-fukui-dino-wrap .kz-btn.jalan {
  background: #0066cc !important;
  color: #fff !important;
}

.kz-fukui-dino-wrap .kz-btn.asovie {
  background: #f39c12 !important;
  color: #fff !important;
}

/* ── 比較表 ── */
.kz-fukui-dino-wrap .kz-tbl-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  margin: 0 0 24px !important;
}

.kz-fukui-dino-wrap .kz-tbl-wrap table {
  width: 100% !important;
  min-width: 560px !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
}

.kz-fukui-dino-wrap .kz-tbl-wrap th,
.kz-fukui-dino-wrap .kz-tbl-wrap td {
  padding: 10px 12px !important;
  border: 1px solid #ccc !important;
  vertical-align: middle !important;
  font-size: 0.9em;
  word-break: normal !important;
  white-space: nowrap !important;
}

.kz-fukui-dino-wrap .kz-tbl-wrap thead th {
  background: #2d6a4f !important;
  color: #fff !important;
  font-weight: bold !important;
  text-align: center !important;
}

.kz-fukui-dino-wrap .kz-tbl-wrap tbody td {
  background: #fff !important;
  color: #333 !important;
  white-space: normal !important;
}

/* ── ホテルカード ── */
.kz-fukui-dino-wrap .kz-hotel-card {
  border: 2px solid #2d6a4f !important;
  border-radius: 12px !important;
  padding: 28px !important;
  margin: 0 0 40px !important;
  background: #f8fdf9 !important;
  position: relative;
}

.kz-fukui-dino-wrap .kz-hotel-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #2d6a4f !important;
  color: #fff !important;
  font-weight: bold;
  font-size: 1.1em;
  border-radius: 50% !important;
  margin-bottom: 10px !important;
}

.kz-fukui-dino-wrap .kz-hotel-name {
  font-size: 1.2em !important;
  font-weight: bold !important;
  color: #1a472a !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

/* ── ホテルタグ ── */
.kz-fukui-dino-wrap .kz-hotel-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 16px !important;
}

.kz-fukui-dino-wrap .kz-hotel-tag {
  display: inline-block;
  font-size: 0.8em;
  font-weight: bold;
  padding: 3px 10px !important;
  border-radius: 20px !important;
}

.kz-fukui-dino-wrap .kz-hotel-tag.loc {
  background: #e8f4f8 !important;
  color: #1a5276 !important;
  border: 1px solid #5b9bd5 !important;
}

.kz-fukui-dino-wrap .kz-hotel-tag.feat {
  background: #f0fdf4 !important;
  color: #1a472a !important;
  border: 1px solid #2d6a4f !important;
}

.kz-fukui-dino-wrap .kz-hotel-tag.hot {
  background: #fff0e0 !important;
  color: #c0392b !important;
  border: 1px solid #f4a261 !important;
}

/* ── ホテルスペックテーブル ── */
.kz-fukui-dino-wrap .kz-hotel-specs {
  overflow-x: auto !important;
  margin: 16px 0 !important;
}

.kz-fukui-dino-wrap .kz-hotel-specs table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.kz-fukui-dino-wrap .kz-hotel-specs th,
.kz-fukui-dino-wrap .kz-hotel-specs td {
  padding: 9px 12px !important;
  border: 1px solid #ccc !important;
  font-size: 0.9em;
  vertical-align: top !important;
}

.kz-fukui-dino-wrap .kz-hotel-specs th {
  background: #e9f5ee !important;
  color: #1a472a !important;
  font-weight: bold;
  width: 30%;
  white-space: nowrap !important;
}

.kz-fukui-dino-wrap .kz-hotel-specs td {
  background: #fff !important;
  color: #333 !important;
}

/* ── FAQボックス ── */
.kz-fukui-dino-wrap .kz-faq-item {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  margin: 0 0 16px !important;
  overflow: hidden;
}

.kz-fukui-dino-wrap .kz-faq-q {
  background: #2d6a4f !important;
  color: #fff !important;
  font-weight: bold;
  font-size: 0.95em;
  padding: 12px 16px !important;
}

.kz-fukui-dino-wrap .kz-faq-q::before {
  content: "Q. ";
}

.kz-fukui-dino-wrap .kz-faq-a {
  background: #fff !important;
  color: #333 !important;
  font-size: 0.9em;
  padding: 12px 16px !important;
  line-height: 1.7;
}

.kz-fukui-dino-wrap .kz-faq-a::before {
  content: "A. ";
  font-weight: bold;
  color: #2d6a4f;
}

/* ── まとめボックス ── */
.kz-fukui-dino-wrap .kz-matome-box {
  background: #1a472a !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 28px !important;
  margin: 40px 0 24px !important;
}

.kz-fukui-dino-wrap .kz-matome-box .kz-matome-title {
  font-size: 1.15em;
  font-weight: bold;
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: #95d5b2 !important;
}

.kz-fukui-dino-wrap .kz-matome-box ul {
  margin: 0 !important;
  padding: 0 0 0 20px !important;
}

.kz-fukui-dino-wrap .kz-matome-box ul li {
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #fff !important;
}