.fbnr { position: fixed; bottom: 40px; left: 10px; z-index: 999; width: 300px; }
.fbnr .close { width: 30px; height: 30px; background: #000; margin: 0 auto 0 0; position: relative; cursor: pointer; }
.fbnr .close span { display: block; width: 20px; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.fbnr .close span::after { display: block; content: ""; width: 20px; height: 1px; transform: translate(-50%, -50%) rotate(90deg); position: absolute; top: 50%; left: 50%; background: #fff; }
.fbnr .pc { display: block; }
.fbnr .sp { display: none; }
.fbnr a { display: block; background: #fff; }
.fbnr a:hover img { opacity: .6; }
.fbnr a img { display: block; width: 100%; height: auto; transition: .3s; }
@media screen and (max-width: 650px) { .fbnr { bottom: 90px; left: 2.5%; width: 95%; }
  .fbnr .close { width: 30px; height: 30px; margin: 0 0 0 auto; }
  .fbnr .close span { width: 20px; }
  .fbnr .close span::after { width: 20px; }
  .fbnr .pc { display: none; }
  .fbnr .sp { display: block; } }