@charset "utf-8";
/* CSS Document */


.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
	bottom: 0; /* 画面の最下部にぴったりくっつくように指定 */
}
.floating_img_pc {
    width: 600px; /* バナーの横幅を指定 */
}
.floating-banner:hover {
    opacity: .8; /* ホバーで少し透過 */
}
.floating_img_sp {
    display: none; /* PCではスマホ用のバナーは非表示に */
}

.floating_wrap{
	text-align: center;
	width: 600px;
	margin: 0 auto;
}

@media screen and (max-width: 760px) { /* タブレット用のブレイクポイントを指定 */
    .floating_img_pc {
    width: 960px; /* バナーの横幅を指定 */
		margin: 0 auto;
}
}


@media screen and (max-width: 759px) { /* スマホ用のブレイクポイントを指定 */
    .floating_img_sp {
        display: inline-block; /* 消していたスマホ用のバナーを表示させる */
        width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
    }
	.floating_img_pc{
		display: none;
	}
    .floating-banner  {
        right: 0; /* 左右の隙間が空かないように */
        bottom: 0; /* 画面の最下部にぴったりくっつくように指定 */
    }
}