/* ★★★★★ Lani Ultimate Box（青系ボタン改修版） ★★★★★ */
.lani-ultimate-box {
    background: linear-gradient(to bottom, #ffffff 95%, #f5fbff);
    border: 1px solid #d8eaff;
    border-radius: 14px;
    padding: 2.5em 2em 2em;
    margin: 3em auto;
    box-shadow: 0 6px 20px rgba(180, 210, 255, 0.2);
    position: relative;
    box-sizing: border-box;
    max-width: 700px;
}
.lani-ultimate-badge {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(145deg, #ffd700, #f7b733);
    color: #4a2c00;
    padding: 0.6em 1.6em;
    border-radius: 50px;
    font-size: 1em;
    font-weight: 900;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);
    display: flex;
    align-items: center;
    gap: 0.5em;
    border: 2px solid #fff;
    z-index: 10;
    white-space: nowrap;
}
.lani-ultimate-badge .fa-crown {
    color: #d4af37;
}
.lani-ultimate-title {
    font-size: 1.5em;
    font-weight: 900;
    margin: 1em 0;
    text-align: center;
    line-height: 1.6;
    color: #1e3a8a;
}
.lani-ultimate-title span {
    color: #007bff;
    border-bottom: 2px solid #a0cfff;
    padding-bottom: 2px;
}
.lani-ultimate-content {
    display: flex;
    align-items: center;
    gap: 2em;
}
.lani-ultimate-img-area {
    flex: 0 0 160px;
    text-align: center;
}
.lani-ultimate-teacher-image {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #d8eaff;
    box-shadow: 0 8px 20px rgba(180, 210, 255, 0.4);
}
.lani-ultimate-teacher-name {
    font-size: 1em;
    color: #333;
    margin-top: 1em;
    line-height: 1.6;
    font-weight: 700;
}
.lani-ultimate-teacher-name strong {
    font-size: 1.3em;
    color: #111;
    display: block;
}
.lani-ultimate-text-area {
    flex: 1 1 auto;
}
.lani-ultimate-text-area p {
    font-size: 1em;
    line-height: 1.8;
    margin-bottom: 1.5em;
    color: #444;
}
.lani-ultimate-text-area strong {
    color: #1e3a8a;
    font-weight: 700;
}
.button-area-ultimate {
    margin-top: 1.5em; /* ボタンの上の余白だけ残す */
    text-align: center;
}

/* ▼▼▼ ここから変更・追加 ▼▼▼ */
/* プロモーション文言のカラーを青系に変更 */
.lani-promo-text-ultimate {
    font-size: 0.9em; /* 文字を小さく */
    font-weight: normal; /* 太字を解除 */
    color: #777; /* 薄いグレーに変更 */
    margin-bottom: 0.8em;
    min-height: 1.5em;
    text-shadow: none; /* 影を削除 */
}
/* data-promo属性で特典内容を管理 */
.lani-promo-text-ultimate[data-promo="excite"]::before {
    content: '初回最大8,500円分が無料！';
}
.lani-promo-text-ultimate[data-promo="purely"]::before {
    content: '＼ Lani限定初回15分無料 ／';
}
.lani-promo-text-ultimate[data-promo="will"]::before {
    content: '＼ 最大10,000円相当分の特典プレゼント ／';
}
.lani-promo-text-ultimate[data-promo="linoa"]::before {
    content: '＼ 最大10,000円分無料 ／';
}
.lani-promo-text-ultimate[data-promo="feel"]::before {
    content: '＼ 初回最大9,000円分無料 ／'; /* 以前の9,000円から修正しました */
}
/* ▼▼▼ 電話占いセラ用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="sera"]::before {
    content: '＼ 最大10,000円相当分プレゼント ／';
}
/* ▼▼▼ 電話占いカリス用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="charis"]::before {
    content: '＼ 初回最大8,000円分無料 ／';
}
.lani-promo-text-ultimate[data-promo="klotho"]::before {
    content: '＼ 初回2,500円分無料 ／';
}
/* ▼▼▼ 電話占いシェリール用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="cherir"]::before {
    content: '＼ 初回合計最大7,500円分無料 ／';
}
/* ▼▼▼ SATORI電話占い用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="satori"]::before {
    content: '＼ 初回2,400円分無料 ／';
}
/* ▼▼▼ 電話占い師名鑑プラス用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="meikanplus"]::before {
    content: '＼ 初回2,400円分無料 ／';
}
/* ▼▼▼ 電話占いデスティニー用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="destiny"]::before {
    content: '＼ 初回10分無料 ／';
}
/* ▼▼▼ 電話占いウラナ用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="ulana"]::before {
    content: '＼ 新規登録3,000pt ／';
}
/* ▼▼▼ 電話占いマディア用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="madear"]::before {
    content: '初回合計最大10,000円分無料！';
}
/* ▼▼▼ 電話占いロバミミ用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="robamimi"]::before {
    content: '＼ 初回500円割引 ／';
}

/* ▼▼▼ ロバミミの口コミリンクを目立たなくするCSSを追記 ▼▼▼ */
.wp-block-quote cite a[href*="roba3.com"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
}
	/* ▼▼▼ 電話占いアトランティス用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="atlantis"]::before {
    content: '＼ 新規登録で全ての鑑定師が5分無料 ／';
}

/* ▼▼▼ アトランティスの口コミリンクを目立たなくするCSSを追記 ▼▼▼ */
.wp-block-quote cite a[href*="atlantis-u.jp"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
}
/* ▼▼▼ 電話占いラフィネ用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="raffine"]::before {
    content: '新規登録で最大5,600円分相当無料！\A ※12月1日AM5:00まで';
    white-space: pre; /* 改行(\A)を有効にするための設定 */
}

/* ▼▼▼ ラフィネの口コミリンクを目立たなくするCSSを追記 ▼▼▼ */
.wp-block-quote cite a[href*="raffi-ne.jp"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
}
/* ▼▼▼ 電話占いインスピ用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="inspi"]::before {
    content: '＼ 新規登録で最大15,000円以上無料 ／';
}

/* ▼▼▼ インスピの口コミリンクを目立たなくするCSSを追記 ▼▼▼ */
.wp-block-quote cite a[href*="in-spi.jp"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
}
/* ▼▼▼ 電話占いエトワール用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="etoile"]::before {
    content: '＼ 新規登録2,200円分無料＋対象鑑定師5分無料 ／';
}
/* ▼▼▼ 電話占いアリス用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="alice"]::before {
    content: '＼ 新規登録2,200円分無料 ／';
}
/* ▼▼▼ 電話占いヴェルニ用の特典文言をここに追加 ▼▼▼ */
.lani-promo-text-ultimate[data-promo="vernis"]::before {
    content: '＼ 新規登録で4,000円分無料 ／';
}
.lani-promo-text-ultimate[data-promo="line"]::before {
    content: '＼ 初回最大10分無料 ／';
}
/* ▼▼▼ アリスの口コミリンクを目立たなくするCSSを追記 ▼▼▼ */
.wp-block-quote cite a[href*="alice-k.jp"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
}
/* ▼▼▼ ウラナの口コミリンクを目立たなくするCSSを追記 ▼▼▼ */
.wp-block-quote cite a[href*="ulana.uranai.jp"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
    pointer-events: none; /* クリックを無効化 */
}
.wp-block-quote cite a[href*="d-ny.jp"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
}
.wp-block-quote cite a[href*="deasors.com"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
}
/* ▼▼▼ SATORI電話占いの口コミリンクを目立たなくするCSSを追記 ▼▼▼ */
.wp-block-quote cite a[href*="satoritalk.jp"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
}
/* ▼▼▼ カリスの口コミリンクを目立たなくするCSSを追記 ▼▼▼ */
.wp-block-quote cite a[href*="e-kantei.net"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
    pointer-events: none; /* クリックを無効化 */
}
.wp-block-quote cite a[href*="feel-i.jp"] {
    color: inherit; /* 親要素の文字色を継承 */
    text-decoration: none; /* 下線を削除 */
}
/* ボタンのデザインを青系に変更 */
.affiliate-button-ultimate {
    display: inline-block;
    background: linear-gradient(161deg, #63a4ff 0%, #83eaf1 74%); /* 青系グラデーションに変更 */
    color: white !important;
    padding: 0.9em 2.5em;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.2em;
    box-shadow: 0 4px 12px rgba(99, 164, 255, 0.35); /* 青系の影に変更 */
    transition: all 0.2s ease-in-out;
    border: none;
}
.affiliate-button-ultimate:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(99, 164, 255, 0.45); /* 青系の影に変更 */
}
.affiliate-button-ultimate .arrow-ultimate {
    margin-left: 0.5em;
}
/* ▲▲▲ ここまで変更・追加 ▲▲▲ */

.pr-text-ultimate {
    font-size: 0.8em;
    color: #888;
    margin-top: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
}
.pr-text-ultimate span {
    display: flex;
    align-items: center;
    gap: 0.3em;
}
@media (max-width: 600px) {
    .lani-ultimate-box {
        padding: 2.5em 1em 1.5em;
    }
    .lani-ultimate-content {
        flex-direction: column;
        gap: 1.5em;
    }
    .lani-ultimate-img-area {
        flex-basis: auto;
    }
    .affiliate-button-ultimate {
        width: 100%;
    }
}