.p-top-fixed__bnr {
  position: fixed;
  bottom: 2.38vw;
  right: 2.38vw;
  z-index: 100;
  transition: opacity .5s,visibility .5s;
  will-change: opacity,visibility;
}
.p-top-fixed__bnr.fixed {
  position: fixed
}
.p-top-fixed__bnr.hide {
  opacity: 0;
  visibility: hidden
}
.p-top-fixed__bnr .p-top-fixed__close {
  text-align: center;
  position: absolute;
  top: -.4vw;
  right: -1.9vw;
  width: 2.4vw;
  height: 2.4vw;
  min-width: 28px;
  min-height: 28px;
  background-color: #fff;
  border-radius: 50%;
  transform: translate(-10px, -10px);
  cursor: pointer;
}
.p-top-fixed__bnr .p-top-fixed__close::before,
.p-top-fixed__bnr .p-top-fixed__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.8px;
  height: 1.2vw;
  background: #333;
}
.p-top-fixed__bnr .p-top-fixed__close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.p-top-fixed__bnr .p-top-fixed__close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.p-top-fixed__bnr .p-top-fixed__wrap {
  box-shadow: .26vw .26vw .39vw 0 rgba(0,0,0,.2)
}
.p-top-fixed__bnr .p-top-fixed__link {
  display: block;
  width: 24vw
}
.p-top-fixed__bnr .p-top-fixed__link img {
  display: block;
}
@media screen and (max-width: 960px) {
  .p-top-fixed__bnr {
    right: 3.2vw;
  }
  .p-top-fixed__bnr .p-top-fixed__link {
    display: block;
    width: 52vw;
    max-width: 320px;
  }
  .p-top-fixed__bnr .p-top-fixed__close {
    top: -2vw;
    right: -3.8vw;
    width: 11vw;
    height: 11vw;
    max-width: 48px;
    max-height: 48px;
    min-width: 40px;
    min-height: 40px;
  }
  .p-top-fixed__bnr .p-top-fixed__close::before,
  .p-top-fixed__bnr .p-top-fixed__close::after {
    width: 2px;
    height: 5vw;
    max-height: 22px;
  }
}