/*
 * ============================================================
 * 好き嫌い投票 / skv-ranking-v5
 * 人物写真の「顔・頭部」が上側で切れる問題を修正
 *
 * 元の実装:
 *   .skv-ranking-v5-image img {
 *       width: 100%;
 *       height: 100%;
 *       min-height: 100%;
 *       object-fit: cover;
 *   }
 *
 * cover 自体はカードのデザインを維持するため変更しない。
 * ただし object-position の既定値(center center)だと、
 * 縦長の人物写真では上下が均等にトリミングされ、
 * 頭・顔が切れることがある。
 *
 * → 上端を優先して表示する。
 * ============================================================
 */

/* 実際のランキングカードで使用されているクラスに限定 */
.skv-ranking-v5 .skv-ranking-v5-image img,
.skv-ranking-v5-card .skv-ranking-v5-image img,
.skv-ranking-v5-top .skv-ranking-v5-image img,
.skv-ranking-v5-small .skv-ranking-v5-image img {
	object-fit: cover !important;
	object-position: 50% 0% !important;
}

/* モバイルでは特に上端優先を強制 */
@media (max-width: 600px) {
	.skv-ranking-v5 .skv-ranking-v5-image,
	.skv-ranking-v5-card .skv-ranking-v5-image,
	.skv-ranking-v5-top .skv-ranking-v5-image,
	.skv-ranking-v5-small .skv-ranking-v5-image {
		overflow: hidden !important;
	}

	.skv-ranking-v5 .skv-ranking-v5-image img,
	.skv-ranking-v5-card .skv-ranking-v5-image img,
	.skv-ranking-v5-top .skv-ranking-v5-image img,
	.skv-ranking-v5-small .skv-ranking-v5-image img {
		width: 100% !important;
		height: 100% !important;
		min-width: 100% !important;
		min-height: 100% !important;
		object-fit: cover !important;
		object-position: 50% 0% !important;
	}
}