.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; } }