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