/* --------------------------------------------------

	競馬の殿堂 TOP

-------------------------------------------------- */
img {
	vertical-align: top;
}

:root {
	--card_size: 181px;
	--card_gap: 10px;
}

.horse_grid {
	display: grid;
	justify-content: center;
	grid: auto / repeat(auto-fit, minmax(var(--card_size), 1fr));
	gap: var(--card_gap);
	margin: 0 auto;
}

.horse_grid li,
.block_unit{
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	gap: 0;
}

.block_unit .sub_header {
	line-height: 1;
}

.block_unit .content {
	display: grid;
	grid-template-rows: auto;
	grid-row: span 4;
	gap: 8px;
	padding: clamp(0.8rem, 1vw, 1rem);
	border: 1px solid #ccc;
    border-top: none;
}

.block_unit .content .img {
	align-self:center;
}

.block_unit .content .txt {
    padding: 8px 0;
	font-size: 1.2rem;
    text-align: center;
}

/* -----調教師・騎手顕彰者 -----*/
.people_list {
	margin-top: 50px;
}

.people_list>.block_header {
	margin-top: 0;
}




/* ------------------------------------------------------------

	959px以下

------------------------------------------------------------ */
@media screen and (max-width : 959px) {

	/* -----調教師・騎手顕彰者 -----*/
	div.link_list>ul>li {
		width: 33.33%;
	}

}



/* ------------------------------------------------------------

	767px以下

------------------------------------------------------------ */
@media screen and (max-width : 767px) {

	:root {
		--card_size: 165px;
		--card_gap: 8px;
	}

	/* -----調教師・騎手顕彰者 -----*/
	div.link_list>ul>li {
		width: 50%;
	}

}


/* ------------------------------------------------------------

	480px以下

------------------------------------------------------------ */
@media screen and (max-width : 480px) {

	/* -----調教師・騎手顕彰者 -----*/
	div.link_list>ul>li {
		width: 100%;
	}
}