/* 旧 WordPress のプラグイン（Nivo Slider・ブロックエディタ）が出していた見た目の最小限の置き換え */

/* トップのスライダー: 3枚をフェードで切り替え（Nivo Slider の代わり、6秒ごと） */
#mainImg .slider {
  position: relative;
  width: 960px;
  max-width: 100%;
  aspect-ratio: 960 / 350;
  margin: 0 auto;
}
#mainImg .slider img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: pp-fade 18s infinite;
}
#mainImg .slider img:nth-child(1) { animation-delay: 0s; }
#mainImg .slider img:nth-child(2) { animation-delay: 6s; }
#mainImg .slider img:nth-child(3) { animation-delay: 12s; }
@keyframes pp-fade {
  0% { opacity: 0; }
  5% { opacity: 1; }
  33% { opacity: 1; }
  38% { opacity: 0; }
  100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #mainImg .slider img { animation: none; }
  #mainImg .slider img:first-child { opacity: 1; }
}

/* ブロックエディタの画像（2019年頃の記事） */
.wp-block-image { margin: 0 0 1em; }
.wp-block-image img { max-width: 100%; height: auto; }
.post img { max-width: 100%; height: auto; }
.post iframe { max-width: 100%; }

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}