@charset "UTF-8";
/* =========================================================
   トップページ ヘッダー右上バナーのローテーション（.wd-hbanner）
   ・複数バナーを重ねて配置し、is-active の1枚だけをクロスフェードで表示
   ・枠は 8:1（1440×180 / 728×91）。ヘッダー内の元ウィジェット(.w-header__inner)は非表示
   ・.w-header 自体が PC のみ(pc_)なので、この帯もPCのみ表示
   ========================================================= */
.wd-hbanner-on .w-header > *:not(.wd-hbanner){
  display:none !important;
}
.wd-hbanner{
  position:relative;
  width:728px;
  max-width:100%;
  aspect-ratio:8 / 1;
  overflow:hidden;
}
.wd-hbanner__item{
  position:absolute;
  inset:0;
  display:block;
  opacity:0;
  transition:opacity .6s ease;
  pointer-events:none;
}
.wd-hbanner__item.is-active{
  opacity:1;
  pointer-events:auto;
}
.wd-hbanner__item img{
  display:block;
  width:100%;
  height:auto;
}
@media (prefers-reduced-motion: reduce){
  .wd-hbanner__item{ transition:none; }
}