/* 学校の映り込み（2026-10-31 Owner）
   TOP の .hero__ghost（home.css）と同じ出し方：コア3つ（渡瀬大橋・スマイルパーク・瀨祇吏神社）を解放した後だけ、
   ページを開いた直後（約1〜7秒）と、その後22秒ごとに校舎が薄く重なる。校門だけでなく校舎ごと入れて高校とわかるように。
   「学校」を解放したら出さない（元の画像に戻す）。表示の条件は assets/js/school-ghost.js が html に付ける印。
   ピークの濃さは .45（TOP は .62 だが、TOP は写真の上にぼかしの層があり薄まって見える。こちらはぼかしが無い）。 */
.spot__image { position: relative; }
.koukou-ghost { display: none; position: absolute; inset: 0; pointer-events: none; z-index: 1; opacity: 0;
  background: url('/assets/images/gen/watase-koukou-hero-autumn.jpg') 60% 45% / cover no-repeat;
  filter: saturate(.8);
  -webkit-mask-image: radial-gradient(ellipse 66% 66% at 58% 48%, #000 40%, transparent 88%);
          mask-image: radial-gradient(ellipse 66% 66% at 58% 48%, #000 40%, transparent 88%); }
html.koukou-ghost-on .koukou-ghost { display: block; animation: koukou-ghost 22s ease-in-out .3s infinite; }
@keyframes koukou-ghost {
  0% { opacity: 0; } 6%, 28% { opacity: .45; } 38%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.koukou-ghost-on .koukou-ghost { animation: none; opacity: .35; }
}