/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* PCでは非表示 */
.swell-float-cta {
    display: none;
}

@media (max-width: 1024px) {

    .swell-float-cta {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        display: flex;
        gap: 6px;
        padding: 10px;
        background: #f7f7f7;
        box-sizing: border-box;
    }

    .swell-float-cta__btn {
        flex: 1;
        min-height: 78px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }

    .swell-float-cta__text {
        line-height: 1.15;
        font-size: 20px;
    }

    .swell-float-cta__btn.is-line {
        background: #06c755;
    }

    .swell-float-cta__btn.is-web {
        background: #E09A3E;
    }

    .swell-float-cta__btn.is-tel {
        background: #5F8FB4;
    }

    /* CTA分だけ余白を確保 */
    body {
        padding-bottom: 110px;
    }
}

@media (max-width: 767px) {

    .swell-float-cta {
        padding: 8px;
        gap: 5px;
    }

    .swell-float-cta__btn {
        min-height: 64px;
    }

    .swell-float-cta__text {
        font-size: 14px;
    }

    body {
        padding-bottom: 92px;
    }
}