.fixed_banner {
position: fixed; /* 追従させる為にfixedの値を記述します */
z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
 bottom: 30px;
left: 10px; /* 右から40pxのところにバナーを配置します */
}


.fixed_banner_pc {
width: 400px; /* バナーの横幅を指定してあげます */
}
.fixed_banner_pc img {
  box-shadow: 0px 1px 23px 3px rgba(0, 0, 0, 0.25);
}
.floating-banner:hover {
  opacity: .8; /* マウスが重なった時に少し透過させます */
}
.fixed_banner a:hover {
  opacity: 1 !important; /* マウスが重なった時に少し透過させます */
}
.fixed_banner a:hover>img {
  opacity: 1 !important; /* マウスが重なった時に少し透過させます */
}
.fixed_banner img {
  width: 100%;
}

.fixed_banner a .fixed_banner_pc img:nth-child(1) {
  display: block;
}
.fixed_banner a .fixed_banner_pc img:nth-child(2) {
  display: none;
}
.fixed_banner a:hover .fixed_banner_pc img:nth-child(1) {
  display: none;
}
.fixed_banner a:hover .fixed_banner_pc img:nth-child(2) {
  display: block;
}

.fixed_banner_sp {

display: none; /* PCではスマホ用のバナーは非表示にします */

}


@media screen and (max-width: 766px) { /* メディアクエリを使ってスマホ用のブレイクポイントを指定 */

.fixed_banner {
position: fixed; /* 追従させる為にfixedの値を記述します */
z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
 bottom: 100px;; /* 下から10pxのところにバナーを配置します */
right: 10px; /* 右から40pxのところにバナーを配置します */
left: auto;
}


.fixed_banner_sp {
  width: 200px !important;
  display: inline-block; /* 消していたスマホ用のバナーを表示させます */
  box-shadow: 0px 1px 23px 3px rgba(0, 0, 0, 0.25);
}


.fixed_banner_pc {
display: none;
}


}