/*
 * 好き嫌い投票：ランキングカードのアイキャッチを「切り抜かない」。
 *
 * 原因になりやすい:
 *   object-fit: cover;
 *   固定 height;
 *   aspect-ratio;
 *   overflow: hidden;
 *
 * これらをランキング系コンテナ内だけ上書きし、
 * 元画像の縦横比を維持して顔・頭部が欠けないようにする。
 */

/* Desktop + mobile */
.ranking-card img,
.ranking-item img,
.ranking-list img,
.ranking-items img,
.vote-ranking img,
.vote-card img,
.vote-card-image img,
.vote-ranking-card img,
.person-card img,
.person-card-image img,
.entry-card img,
.suki-kirai-ranking img,
.sukikirai-ranking img,
.sukikirai-vote-card img,
.skv-ranking-card img {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
	object-position: center center !important;
}

/*
 * 画像を包んでいる要素にも固定アスペクト比が設定されている場合の対策。
 * 「画像部分」だけを対象にするため、カード全体の高さ・レイアウトは触らない。
 */
.ranking-card .image,
.ranking-card .image-wrap,
.ranking-card .thumbnail,
.ranking-card .thumbnail-wrap,
.ranking-card .card-image,
.ranking-item .image,
.ranking-item .thumbnail,
.ranking-item .card-image,
.vote-card .image,
.vote-card .image-wrap,
.vote-card .thumbnail,
.vote-card .thumbnail-wrap,
.vote-card .card-image,
.vote-ranking-card .image,
.vote-ranking-card .image-wrap,
.vote-ranking-card .thumbnail,
.vote-ranking-card .thumbnail-wrap,
.person-card .image,
.person-card .image-wrap,
.person-card .thumbnail,
.person-card .thumbnail-wrap,
.sukikirai-vote-card .image,
.sukikirai-vote-card .image-wrap,
.sukikirai-vote-card .thumbnail,
.sukikirai-vote-card .thumbnail-wrap {
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	overflow: visible !important;
}

/*
 * スマートフォンでは特に「顔が上端で切れる」ケースを防ぐ。
 * object-position は保険として center に固定。
 */
@media (max-width: 782px) {
	.ranking-card img,
	.ranking-item img,
	.ranking-list img,
	.ranking-items img,
	.vote-ranking img,
	.vote-card img,
	.vote-card-image img,
	.vote-ranking-card img,
	.person-card img,
	.person-card-image img,
	.entry-card img,
	.suki-kirai-ranking img,
	.sukikirai-ranking img,
	.sukikirai-vote-card img,
	.skv-ranking-card img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: auto !important;
		object-fit: contain !important;
		object-position: center center !important;
	}
}