.floating-banner {
    position: fixed;/* 追従 */
    z-index: 99999;/* 他の要素の下に隠れないように */
    bottom: 60px;/* バナーの上下の位置 */
    right: 10px;/* バナーの左右の位置 */
}
.pc-banner {
    width: 230px;/* バナーの横幅を指定 */
}
.floating-banner:hover {
    opacity: .9;/* ホバーで少し透過 */
}
.sp-banner {
    display: none;/* PCではスマホ用のバナーは非表示に */
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {/* タブレット用のブレイクポイントを指定 */
    .pc {
        display: none;/* タブレットサイズ以下でPC用のバナーを非表示に */
    }
    .pc-banner {
        width: 170px!important;/* バナーの横幅を指定 */
    }
}
@media screen and (max-width: 560px) {/* スマホ用のブレイクポイントを指定 */
    .sp {
        display: inline-block;/* 消していたスマホ用のバナーを表示させる */
        width: 100%;/* スマホの画面幅いっぱいにバナーを表示 */
    }
    .pc-banner {
        width: 230px;/* バナーの横幅を指定 */
    }
    .floating-banner {
        position: fixed;/* 追従 */
        z-index: 99999;/* 他の要素の下に隠れないように */
        bottom: 10px;/* バナーの上下の位置 */
        right: 10px;/* バナーの左右の位置 */
    }
}