@media (min-width: 768px) {
  .banner-ad {
    display: none;
  }
}


.banner-ad {
  position: fixed;
  left: 0;
  right: 0;
  transform: none;
  max-width: 100%;
  max-height: 75px;
  background-color: rgba(240, 240, 240, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 2s ease, transform 2s ease, background-color 2s ease, bottom 2s ease;
  bottom: 50%;
}

.banner-ad a img {
  width: 100%;
  height: auto;
  object-fit: cover; //contain??cover????????????????????????????
}

.banner-ad.show {
  bottom: 0;
  opacity: 1;
  background-color: rgba(240, 240, 240, 1);
}