/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 25 2026 | 15:25:58 */
/* ============================================
   JUKEN7 カード CSS
   ============================================

   【クラス付与】
   j7-card       … グループブロックに付与
   j7-card brown … 色違い（難関系）。デフォルトはteal系
   j7-tags       … タグ群のグループ（横並び）
   j7-price      … 価格のグループ（横並び）
   j7-bonus      … 特典の段落
   j7-feats      … 特徴リストのグループ
   j7-links      … リンク群の段落
   j7-notes      … 注釈の段落

   【クラス不要（タグで自動適用）】
   h3            … タイトル
   p             … 本文
   small         … 補足テキスト
   mark          … バッジ
   strong        … 強調
   details       … 折りたたみ
   ボタンブロック  … CTA（色はカードのbrownに連動）
   ============================================ */

:root {
  --j7-ink: #2c2c2e;
  --j7-ink-mid: #4a4a4e;
  --j7-ink-soft: #6b6b70;
  --j7-ink-muted: #9a9a9f;
  --j7-ink-faint: #bbbbc0;
  --j7-bg: #ffffff;
  --j7-bg-warm: #f0efec;
  --j7-border: #e2e0db;
  --j7-border-light: #eceae6;
  --j7-teal: #2a7d6e;
  --j7-teal-bg: #eef7f4;
  --j7-brown: #8c6d2e;
  --j7-brown-bg: #faf5ea;
  --j7-rose: #a24466;
  --j7-rose-bg: #fdf1f5;
}

/* ── カード本体 ── */
.j7-card {
  background: var(--j7-bg) !important;
  border: 1px solid var(--j7-border) !important;
  border-radius: 10px !important;
  padding: 28px !important;
  margin-bottom: 12px !important;
  transition: box-shadow 0.25s !important;
}
.j7-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.05) !important;
}

/* ── level → バッジ ── */
.j7-card-lv {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  margin-bottom: 14px !important;
}


.j7-card-lv-gray {
  background: whitesmoke !important;
  color: dimgray !important;
}

.j7-card-lv-green {
  background: var(--color-green2) !important;
  color: var(--color-green) !important;
}

.j7-card-lv-orange {
  background: var(--color-orange2) !important;
  color: var(--color-orange) !important;
}

.j7-card-lv-blue {
  background: var(--color-blue2) !important;
  color: var(--color-blue) !important;
}

.j7-card-lv-pink {
  background: var(--color-pink2) !important;
  color: var(--color-pink) !important;
}

/* ── h3 → タイトル ── */
.j7-card h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  margin: 0px 0px 16px !important;
/* 	padding: 0px 0px !important; */
  line-height: 1.4 !important;
  color: var(--j7-ink) !important;
}

/* ── p → 本文 ── */
/* .j7-card > p {
  font-size: 13px !important;
  color: var(--j7-ink-mid) !important;
  line-height: 1.75 !important;
} */

/* ── small → 補足 ── */
.j7-card small {
  font-size: 12px !important;
  color: var(--j7-ink-muted) !important;
  line-height: 1.75 !important;
}



.j7-card ul {
  margin-left: 25px !important;	
}

.j7-card.brown mark {
  background: var(--j7-brown-bg) !important;
  color: var(--j7-brown) !important;
}

/* ── strong → 強調 ── */
.j7-card strong {
  color: var(--j7-ink) !important;
  font-weight: 600 !important;
}

/* ── j7-tags → タグ群 ── */
.j7-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 20px !important;
}
.j7-tags p {
  font-size: 11px !important;
  padding: 4px 10px !important;
  background: var(--j7-bg-warm) !important;
  border-radius: 5px !important;
  color: var(--j7-ink-soft) !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

/* ── j7-price → 価格 ── */
.j7-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  padding-top: 20px !important;
  margin-top: 20px !important;
  border-top: 1px solid var(--j7-border-light) !important;
}
.j7-price p:first-child {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: var(--j7-ink) !important;
  margin: 0 !important;
}
.j7-price p:last-child {
  font-size: 13px !important;
  color: var(--j7-ink-muted) !important;
  margin: 0 !important;
}

/* ── j7-bonus → 特典 ── */
.j7-bonus {
  font-size: 12px !important;
  color: var(--j7-ink-mid) !important;
  line-height: 1.7 !important;
  padding: 10px 14px !important;
  background: var(--j7-rose-bg) !important;
  border-radius: 6px !important;
  margin-top: 16px !important;
}
.j7-bonus strong {
  color: var(--j7-rose) !important;
}

/* ── j7-feats → 特徴リスト ── */
.j7-feats > p {
  padding: 9px 0 !important;
  font-size: 13px !important;
  color: var(--j7-ink-mid) !important;
  line-height: 1.75 !important;
  border-top: 1px solid var(--j7-border-light) !important;
}
.j7-feats > p:first-child {
  border-top: none !important;
}

/* ── j7-links → リンク群 ── */
.j7-links {
  margin-top: 16px !important;
}
.j7-links a {
  font-size: 12px !important;
  color: var(--j7-teal) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  margin-right: 16px !important;
}
.j7-links a:hover {
  text-decoration: underline !important;
}

/* ── j7-notes → 注釈 ── */
.j7-notes {
  font-size: 11px !important;
  color: var(--j7-ink-muted) !important;
  line-height: 1.85 !important;
  padding: 12px 14px !important;
  background: var(--j7-bg-warm) !important;
  border-radius: 6px !important;
  margin-top: 16px !important;
}

/* ── ボタン → CTA（自動フルワイド） ── */
.j7-card .wp-block-button {
  margin-top: 20px !important;
  width: 100% !important;
}
.j7-card .wp-block-button__link {
  display: block !important;
  width: 100% !important;
  padding: 13px !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
  color: #fff !important;
  background: var(--j7-ink) !important;
  transition: 0.2s !important;
}
.j7-card .wp-block-button__link:hover {
  background: var(--j7-ink-mid) !important;
}
.j7-card.brown .wp-block-button__link {
  background: var(--j7-brown) !important;
}
.j7-card.brown .wp-block-button__link:hover {
  background: #755b26 !important;
}
.j7-card.teal-btn .wp-block-button__link {
  background: var(--j7-teal) !important;
}
.j7-card.teal-btn .wp-block-button__link:hover {
  background: #20655a !important;
}

/* ── details → 折りたたみ ── */
.j7-card details {
  border-top: 1px solid var(--j7-border-light) !important;
  margin-top: 14px !important;
}
.j7-card summary {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--j7-ink-muted) !important;
  cursor: pointer !important;
  padding: 10px 0 !important;
  list-style: none !important;
}
.j7-card summary:hover {
  color: var(--j7-ink-soft) !important;
}
.j7-card summary::-webkit-details-marker {
  display: none !important;
}
.j7-card summary::before {
  content: '▸ ' !important;
  font-size: 10px !important;
}
.j7-card details[open] summary::before {
  content: '▾ ' !important;
}
.j7-card details > :not(summary) {
  font-size: 12px !important;
  color: var(--j7-ink-muted) !important;
  line-height: 1.9 !important;
  padding-bottom: 8px !important;
}

/* ── レスポンシブ ── */
@media (max-width: 600px) {
  .j7-card {
    padding: 20px !important;
  }
}