/* お知らせ詳細：写真まわり（functions/news-media.php とセット） */

/* アイキャッチ：縦長・正方形は 4:3 の枠に収め、左右はぼかした同じ写真で埋める */
#news #news-dlcontents .system-contents .photo.is-tall { position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: #E9E7DE; }
#news #news-dlcontents .system-contents .photo.is-tall .photo-bg { position: absolute; inset: -30px; display: block; }
#news #news-dlcontents .system-contents .photo.is-tall .photo-bg img { width: 100%; height: 100%; object-fit: cover; filter: blur(24px) brightness(0.92); }
#news #news-dlcontents .system-contents .photo.is-tall picture { position: relative; z-index: 1; display: block; height: 100%; }
#news #news-dlcontents .system-contents .photo.is-tall picture img { width: 100%; height: 100%; object-fit: contain; }

/* 本文の写真：1枚ずつでも間隔をあける */
#news .wysiwyg .wp-block-image { margin: 0 0 8vw; }
#news .wysiwyg .wp-block-image a.news-zoom { display: block; cursor: zoom-in; }

/* 続けて置いた写真・ギャラリーは並べる（スマホ2列） */
#news .wysiwyg .news-photos { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 2.4vw; margin: 0 0 10.67vw; padding: 0; }
#news .wysiwyg .news-photos.news-photos--1 { grid-template-columns: 1fr; }
#news .wysiwyg .news-photos figure.wp-block-image,
#news .wysiwyg .news-photos.wp-block-gallery figure.wp-block-image:not(#individual-image) { width: auto !important; margin: 0 !important; }
#news .wysiwyg .news-photos img { width: 100% !important; height: 100% !important; aspect-ratio: 4 / 3; object-fit: cover; }
#news .wysiwyg .news-photos a.news-zoom { height: 100%; }
#news .wysiwyg .news-photos figcaption { font-size: 1.2rem; line-height: 1.6; margin-top: 0.6rem; }

@media screen and (min-width: 768px), print {
	#news .wysiwyg .wp-block-image { margin-bottom: 4rem; }
	#news .wysiwyg > .wp-block-image.is-tall { max-width: 60%; margin-left: auto; margin-right: auto; }
	#news .wysiwyg .news-photos { gap: 16px; margin-bottom: 4rem; }
	#news .wysiwyg .news-photos--3 { grid-template-columns: repeat(3, 1fr); }
	#news .wysiwyg .news-photos--4 { grid-template-columns: repeat(4, 1fr); }
	#news .wysiwyg .news-photos a.news-zoom img { transition: opacity 0.2s; }
	#news .wysiwyg .news-photos a.news-zoom:hover img { opacity: 0.85; }
}