/* 右側に固定表示する設定 */
.floating-banner {
    position: fixed;
    top: 15%;         /* 画面の縦中央に配置 */
    right: 35px;      /* 画面右端から20pxの隙間 */
    transform: translateY(-50%); /* 自身の高さの半分だけ上にずらして中央に */
    z-index: 9999;    /* 他の要素より手前に表示 */
    max-width: 200px; /* バナーの横幅（適宜調整してください） */
}

.floating-banner img {
    width: 100%;
    height: auto;
    border-radius: 8px; /* 角を少し丸める（任意） */
    box-shadow: 0 4px 10px rgba(0,0,0,0.3); /* 浮き出し効果（任意） */
    transition: transform 0.3s ease;
}

/* ホバー時の演出（任意） */
.floating-banner img:hover {
    transform: scale(1.05);
}

/* スマホ閲覧時に邪魔になる場合の対応（横幅が狭い時は非表示、または小さくする） */
@media (max-width: 768px) {
    .floating-banner {
        width: 120px; /* スマホではサイズを縮小 */
        right: 20px;  /* 隙間も小さく */
    }
}