@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700;900&display=swap');

/* ═══════════════════════════════════════════════════════════
   Pehe LP — ランディングページ専用スタイル
   body.pehe-lp-page に対してのみ適用 (/pehe-online-program/)
   ═══════════════════════════════════════════════════════════ */

/* ── 背景色 ───────────────────────────────────────────────── */
body.pehe-lp-page,
body.pehe-lp-page .wp-site-blocks {
    background-color: #f8e8cf !important;
}

/* ── ページタイトル非表示 ─────────────────────────────────── */
body.pehe-lp-page h1.wp-block-post-title,
body.pehe-lp-page .wp-block-post-title,
body.pehe-lp-page .entry-title {
    display: none !important;
}

/* ── 縦横画像：画像サイズを統一（表示切り替えはtph-core.phpで制御） ── */
.pehe-sp img,
.pehe-pc img {
    width: 100%;
    height: auto;
    display: block;
}

/* ── 購入ボタンエリア ─────────────────────────────────────── */
body.pehe-lp-page .tph-pehe-cta {
    margin: 0 !important;
    padding: 28px 16px !important;
    text-align: center !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* ── 購入ボタン本体 ───────────────────────────────────────── */
body.pehe-lp-page .tph-pehe-purchase-btn {
    display: inline-block !important;
    width: min(360px, 80%) !important;
    padding: 16px 20px !important;
    background: #d9541e !important;
    background-color: #d9541e !important;
    color: #fff !important;
    font-family: 'Zen Maru Gothic', sans-serif !important;
    font-size: clamp(15px, 3.5vw, 18px) !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    text-transform: none !important;
    border: none !important;
    border-radius: 100px !important;
    cursor: pointer;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(217, 84, 30, 0.45);
    transition: background-color 0.2s, transform 0.15s;
}

body.pehe-lp-page .tph-pehe-purchase-btn:hover {
    background: #c04010 !important;
    background-color: #c04010 !important;
    color: #fff !important;
    transform: translateY(-3px);
}

/* ── FAQエリア：800px中央寄せ ────────────────────────────── */
body.pehe-lp-page .pehe-faq {
    max-width: 800px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
}

/* ── FAQ ──────────────────────────────────────────────────── */
body.pehe-lp-page .pehe-faq .wp-block-details {
    background-color: #fdf6ec;
    border: 1px solid #e0c9a0;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 10px;
}

body.pehe-lp-page .pehe-faq .wp-block-details summary {
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    list-style: none;
    padding-right: 32px;
    position: relative;
}

body.pehe-lp-page .pehe-faq .wp-block-details summary::after {
    content: '＋';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #c0392b;
}

body.pehe-lp-page .pehe-faq .wp-block-details[open] summary::after {
    content: '－';
}

body.pehe-lp-page .pehe-faq .wp-block-details p {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e0c9a0;
    line-height: 1.8;
    color: #555;
}