/* ---------- PCのチャットウィンドウのエリア微調整 ---------- */
@media screen and (min-width: 768px) {
    .spr-chat__box{
        height: calc(100% - 195px) !important;
        min-width: 380px !important;
        transition: .2s;
    }
    /* PCのお知らせ（プロアクティブ）基準位置 */
    .spr-chat__proactive-box {
        bottom: 120px !important;
        transition: .2s;
    }
    /* スクロール時（PC）のお知らせ位置 */
    #spr-live-chat-app.scrolledSpr > .spr-chat__proactive-box {
        bottom: 210px !important;
    }
}

/* スクロール時（全端末）チャットボックスの下寄せ */
#spr-live-chat-app.scrolledSpr > .spr-chat__box{
    bottom: 190px !important;
    transition: .2s;
}

/* ---------- PCのアイコン（トリガー）/ 通知アイコンの基準位置 ---------- */
.spr-chat__trigger-box{
    right: 70px;
    bottom: -10px !important;
    transition: .2s;
}
.spr-chat__notification-box{
    right: -10px;
    bottom: -30px !important;
    transition: .2s;
}

/* ---------- スクロール時のアイコン位置（コンテナにスコープ） ---------- */
#spr-live-chat-app.scrolledSpr .spr-chat__trigger-box{
    transition: .2s;
    bottom: 100px !important;
}
#spr-live-chat-app.scrolledSpr .spr-chat__notification-box{
    transition: .2s;
    bottom: 90px !important;
}

/* トップスクロールボタン重複領域の縮小（既存維持） */
#spr-live-chat-app > * > div[data-testid="triggerContainer"]{
    width: 0px;
    height: 0px;
}

/* ---------- SPレイアウト ---------- */
@media screen and (max-width: 767px){
    .spr-chat__trigger-box {
        right: 50px;
        bottom: -15px !important;
        transition: .2s;
    }
    .spr-chat__notification-box{
        right: -15px;
        bottom: 45px !important;
        transition: .2s;
    }
    /* SP時のスクロール後の位置（必要に応じて微調整） */
    #spr-live-chat-app.scrolledSpr .spr-chat__trigger-box{
        bottom: 60px !important;
    }
    #spr-live-chat-app.scrolledSpr .spr-chat__notification-box{
        bottom: 110px !important;
    }

    /* SPのお知らせ（プロアクティブ） */
    .spr-chat__proactive-box {
        bottom: 175px !important;
        transition: .2s;
    }
    #spr-live-chat-app.scrolledSpr > .spr-chat__proactive-box{
        bottom: 240px !important;
        transition: .2s;
    }
}