/* 命日バナー：既存画像の右側に追悼写真をフェード表示 */
.day-memorial-banner {
  display: inline-block;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  vertical-align: top;
}
.day-memorial-banner > .day-banner-base {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
}
.day-memorial-banner .day-photo-slot {
  position: absolute;
  right: 2.5%;
  top: 14%;
  width: 24%;
  height: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 58%, rgba(0,0,0,.9) 73%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, #000 58%, rgba(0,0,0,.9) 73%, transparent 100%);
}
.day-memorial-banner .day-photo {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  opacity: 0;
  transition: opacity 1.8s ease-in-out;
  filter: drop-shadow(0 2px 8px rgba(121,104,89,.16));
}
.day-memorial-banner .day-photo.visible { opacity: .92; }
@media (max-width: 640px) {
  .day-memorial-banner .day-photo-slot { right: 2%; top: 15%; width: 29%; height: 70%; }
}
@media (prefers-reduced-motion: reduce) {
  .day-memorial-banner .day-photo { transition: none; }
}