.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;
/* ホバーで少し透過 */
}
松屋フーズ 【単品合計12,520円相当が5,501円!】dショッピング限定! 松屋の定番セット14種22食 冷凍食品 保存食 業務用冷凍食品 おかず セット 一人暮らし 時短 冷食 時短 調理 おかず セット 冷凍 ご飯のお供 非常食 惣菜 冷凍 仕送り 子ども 当店のイチオシ 松屋 松屋の牛丼 牛めし 食品・飲料・グルメ>生鮮食品・有機食品・生産者限定食品・JASオーガニック>惣菜>冷凍