/*
 * ============================================================
 * 関連タグランキング 1〜3位専用：画像を絶対にトリミングしない
 *
 * 既存CSS:
 *   .skv-ranking-v5-top .skv-ranking-v5-content
 *       grid / min-height: 240px
 *
 *   .skv-ranking-v5-image img
 *       width:100%; height:100%; min-height:100%;
 *       object-fit:cover;
 *
 * この「固定高さ + cover」が人物写真の頭・顔を切っている。
 *
 * 今回は object-position を変えるだけではなく、
 * 1〜3位の画像領域そのものを「画像の自然な高さ」にする。
 * そのため画像全体が表示され、顔が切れない。
 *
 * 4位以下 (.skv-ranking-v5-small) には一切適用しない。
 * ============================================================
 */

/* 1〜3位のカードだけ、画像と本文を縦積みにする */
.skv-ranking-v5 .skv-ranking-v5-card.skv-ranking-v5-top .skv-ranking-v5-content,
.skv-ranking-v5 .skv-ranking-v5-top .skv-ranking-v5-content {
	display: block !important;
	min-height: 0 !important;
	height: auto !important;
}

/* 画像リンク側の固定高さ・最小高さを解除 */
.skv-ranking-v5 .skv-ranking-v5-card.skv-ranking-v5-top .skv-ranking-v5-image,
.skv-ranking-v5 .skv-ranking-v5-top .skv-ranking-v5-image {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: hidden !important;
}

/* 画像そのものを自然な縦横比で表示 */
.skv-ranking-v5 .skv-ranking-v5-card.skv-ranking-v5-top .skv-ranking-v5-image img,
.skv-ranking-v5 .skv-ranking-v5-top .skv-ranking-v5-image img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: 100% !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
	object-position: center center !important;
}

/* スマホも同じ。1〜3位だけ自然な画像高さにする */
@media (max-width: 600px) {
	.skv-ranking-v5 .skv-ranking-v5-card.skv-ranking-v5-top .skv-ranking-v5-content,
	.skv-ranking-v5 .skv-ranking-v5-top .skv-ranking-v5-content {
		display: block !important;
		min-height: 0 !important;
		height: auto !important;
	}

	.skv-ranking-v5 .skv-ranking-v5-card.skv-ranking-v5-top .skv-ranking-v5-image,
	.skv-ranking-v5 .skv-ranking-v5-top .skv-ranking-v5-image {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	.skv-ranking-v5 .skv-ranking-v5-card.skv-ranking-v5-top .skv-ranking-v5-image img,
	.skv-ranking-v5 .skv-ranking-v5-top .skv-ranking-v5-image img {
		width: 100% !important;
		height: auto !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: 100% !important;
		max-height: none !important;
		object-fit: contain !important;
	}
}