@charset "utf-8";

/* ===========================================
   FVバナー（画像を右下に設置するだけの箱）
   ※ 画像パスは index.php の .fv__banner__img の src を差し替えるだけでOK
   =========================================== */
.fv__banner {
  position: absolute;
  right: 0;
  bottom: 50px;
  z-index: 2;
  /* width: 160px; */
  max-width: 100%;
}
@media screen and (min-width:768px) {
  .fv__banner {
    right: min(2.0833333333vw, 40px);
    bottom: min(2.0833333333vw, 40px);
    width: min(26.5vw, 510px);
    max-width: 38%;
  }
}

/* 表示前は hidden 属性で非表示。
   revealFvBanner()（index.php内の既存JS）が hidden を外して is-visible を付与し、
   ロゴなどのアニメーションが終わった一番最後にフェードインする */
.fv__banner.is-visible {
  opacity: 0;
  animation: fadeIn 1s ease-in forwards;
}

.fv__banner__link {
  display: block;
}

.fv__banner__img {
  display: block;
  width: 100%;
  height: auto;
}