/* 共通のバナー用スタイル */
        .floating-banner {
    position: fixed;
    background-color: #FF004F;
    color: #fff;
    border-radius: 5px;
    z-index: 1000; /* 他の要素より上に表示 */
    width: 100px;
        }

        /* PC用スタイル */
        @media (min-width: 769px) {
            .floating-banner {
                bottom: 10px; /* PCの場合、下からの位置調整 */
                right: 10px; /* PCの場合、右からの位置調整 */
            }
            .floating-banner img.mobile-image {
                display: none; /* スマートフォン用画像を非表示 */
            }
        }

        /* スマートフォン用スタイル */
        @media (max-width: 768px) {
            .floating-banner {
                bottom: 0; /* スマートフォンの場合、下に表示 */
                left: 0; /* スマートフォンの場合、左からの位置調整 */
                width: 100%; /* 横幅を100%にして画面幅いっぱいに表示 */
            }
            .floating-banner img.desktop-image {
                display: none; /* PC用画像を非表示 */
            }
        }