@charset "utf-8";
/* CSS Document フローティングバナー */

 /* 右下に画像バナーを配置 */
.floating-banner {
  position: fixed;
  bottom: 0px; /* 画面下から0pxの距離 */
  right: 0px; /* 画面右から0pxの距離 */
  height: auto;  /* 高さを自動調整 */
  z-index: 99999;  /* 他の要素よりも前面に表示 */
}

@media screen and (max-width: 3840px) { /* タブレット用のブレイクポイントを指定 */
  .floating-banner {
    display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
  }
}
@media screen and (max-width: 640px) { /* スマホ用のブレイクポイントを指定 */
  .floating-banner {
    display: block;/* 消していたバナーを表示させる */
    width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
}
}

.floating-banner li {
 	width: calc(100%/2);/*←画像を横に2つ並べる*/
	padding:1px;/*←画像の左右に1pxの余白を入れる*/
	box-sizing:border-box;
	list-style: none;
	float:left;
}
.floating-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}