商品説明

--gt; --gt; ? .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;/* ホバーで少し透過 */ } 松屋フーズ 乳酸菌入り牛めしの具プレミアム仕様30食 1食当たり135g 松屋牛丼 食品・飲料・グルメgt;生鮮食品・有機食品・生産者限定食品・JASオーガニックgt;惣菜gt;冷凍

more