/* ================================================================================
   会期終了後の御礼＋次回開催告知バナー（parts/thanks-hero.php）
   index.php の $extra_css で読み込む。.thanks-hero 名前空間に閉じている。
   支給画像（2014×781）を PC・SP とも幅100%で表示する。
================================================================================ */
/* SPで<img>の描画が抜けることがあるため、同じ画像を背景にも敷いておく */
.thanks-hero { position: relative; aspect-ratio: 2014 / 781; background: #07537e url("../../images/index/thanks/thanks-next-exhibition-2027.webp") center / contain no-repeat; }
.thanks-hero__link { display: block; transition: opacity .2s; }
.thanks-hero__link:hover { opacity: .92; }
/* 共通CSSのimg指定に負けないよう、表示・サイズを明示 */
.thanks-hero__img { display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 2014 / 781; }
/* 画像内の文言を読み上げ用に残す（画面には出さない） */
.thanks-hero__hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}