/* --- 土台 --- */
.fixedBtnOuter {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 90;
    padding: 10px 0 15px 0;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}

/* 見出し（ベースを維持） */
.btn-lead {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    font-family: Hiragino Kaku Gothic ProN;
}

/* --- コンテナ：左右並び --- */
.fixedBtn {
    display: flex !important;
    flex-direction: row; 
    justify-content: center;
    align-items: stretch;
    width: 95%;
    max-width: 650px;
    margin: 0 auto;
    gap: 12px;
}

.chaseBtn {
    flex: 1;
}

/* --- ボタン共通デザイン --- */
.chaseBtn a {
    font-family: Hiragino Kaku Gothic ProN;
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    font-size: 19px; 
    font-weight: 500; 
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
    transition: all 0.2s;
    position: relative;
    padding: 0 40px; 
    box-sizing: border-box;
}

/* ★画像をやめて、CSSだけで「＞」を表現 */
.chaseBtn a::after {
    content: "";
    display: block;
    width: 8px;    /* 矢印の幅 */
    height: 8px;   /* 矢印の高さ */
    position: absolute;
    top: 50%;
    right: 20px;   /* 右端からの位置 */
    /* L字の線を作って45度回転させることで「＞」に見せる */
    border-top: 2px solid currentColor;  /* ★文字色(Color)と同じ色を自動採用 */
    border-right: 2px solid currentColor; /* ★文字色(Color)と同じ色を自動採用 */
    transform: translateY(-50%) rotate(45deg);
}



/* --- スマホ時（750px以下）の出し分け設定 --- */
@media only screen and (max-width: 750px) {
    .fixedBtn {
        flex-direction: column !important; 
        width: 90%;
        gap: 8px;
    }
    
    .chaseBtn {
        width: 100%;
    }

    .chaseBtn a {
        min-height: 60px;
        font-size: 18px; 
        font-weight: 500;
        white-space: nowrap;
        letter-spacing: -0.02em;
    }

    .fixedBtnOuter ~ a, [class*="pagetop"] {
        bottom: 185px !important; 
    }
}

/* --- トップへ戻るボタンの回避設定（全体） --- */
.fixedBtnOuter ~ a, 
.fixedBtnOuter ~ div,
[class*="pagetop"], 
[class*="to-top"], 
[class*="return"],
[id*="pagetop"] {
    bottom: 130px !important;
    z-index: 100 !important;
    right: -5px !important;
}

/* --- END --- */



.basicLP{
    background-color: #FFFBEB;
}

/* --- COLOR PATTERN --- */
.chaseType1 .btn-lead {color: #FF7800;}
.chaseType2 .btn-lead {color: #39b54a;}
.chaseType3 .btn-lead {color: #0058b3;}
.chaseType4 .btn-lead {color: #6A65C9;}
.chaseType5 .btn-lead {color: #eb666e;}

.chaseType1 .chaseTypeColor a{color: #fff !important; background: linear-gradient(to right, #FFB400 3%,  #FF7800 84%);}
.chaseType2 .chaseTypeColor a{color: #fff !important; background: linear-gradient(to right, #a6ce00 12%, #39b54a 88%);}
.chaseType3 .chaseTypeColor a{color: #fff !important; background: linear-gradient(to right, #4db3ca 12%, #0058b3 88%);}
.chaseType4 .chaseTypeColor a{color: #fff !important; background: linear-gradient(to right, #8aa0e6 14%, #6A65C9 84%);}
.chaseType5 .chaseTypeColor a{color: #fff !important; background: linear-gradient(to right, #ec9aa0 14%, #eb666e 84%);}

.chaseType1 .chaseTypeWhite a { background: #fff !important; color: #FF7800 !important; border: 2px solid #FF7800 !important; }
.chaseType2 .chaseTypeWhite a { background: #fff !important; color: #39b54a !important; border: 2px solid #39b54a !important; }
.chaseType3 .chaseTypeWhite a { background: #fff !important; color: #0058b3 !important; border: 2px solid #0058b3 !important; }
.chaseType4 .chaseTypeWhite a { background: #fff !important; color: #6A65C9 !important; border: 2px solid #6A65C9 !important; }
.chaseType5 .chaseTypeWhite a { background: #fff !important; color: #eb666e !important; border: 2px solid #eb666e !important; }