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

	海外 主要レースカレンダー

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


/* ----- 発売のルール 基本フォーマット ----- */
div.rule_block>.block_header {
	margin-bottom: 20px;
}

.rule_line {
	margin-bottom: 35px;
}

.rule_line a {
	color: #06a;
}

.rule_line a:hover {
	color: #097722;
}

.rule_line>.block_header_line {
	margin-bottom: 10px;
}

.red {
	color: #d00;
}

/* ----- 発売のルール 表 ----- */

.rule_line table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	font-size: 1.2rem;
}

.rule_line table caption {
	text-align: left;
	font-weight: bold;
	font-size: 1.3rem;
	margin-bottom: 5px;
}

/* ----- 発売のルール 表（発売について） ----- */

p.sp_line {
	display: none;
}

.rule_line table.sell_list {
	width: 100%;
}

.rule_line table.sell_list>caption {
	margin-bottom: 10px;
	font-weight: normal;
}

.rule_line table.sell_list caption.simple>.inner>div.main {
	font-weight: normal;
	font-size: 1.3rem;
}

.rule_line table.sell_list th,
.rule_line table.sell_list td {
	border: 1px solid #DBDBDB;
	text-align: center;
	padding: 4px;
	padding: 6px 4px;
	vertical-align: middle;
}

.rule_line table.sell_list th {
	background-color: #0069a7;
	color: #fff;
	font-weight: bold;
	font-size: 1.3rem;
}

.rule_line table.sell_list td.no {
	background-color: #eee;
}

/* ----- 馬齢の起算日、重量の換算等 表 ----- */

.rule_line table.striped {
	width: 100%;
	max-width: 700px;
}

.rule_line table.striped>thead>tr > th{
	border: 1px solid #ccc;
	font-weight: bold;
	background: #565656;
}

.rule_line table.code_list thead > tr > th {
	border: 1px solid #ccc;
	padding-inline: 2px;
	font-weight: bold;
	color: #333;
}

.rule_line table.code_list tbody > tr > td {
	padding-inline: 2px;
}

.rule_line .code_list .c-code {
	background: #AEDAF5;
	white-space: nowrap;
}

.rule_line .code_list .c-name {
	background: #fcdfb9;
}

/* --- ボタン --- */

div.link_list > div > a{
	font-size: clamp(1.4rem, 0.5133rem + 1.1561vw, 1.6rem);
	color: #444;
}

div.link_list > div > a > i {
	color: #0069a7;
}


/* - 2026年6月追記　各国のルール
-------------------------------------------------- */

.country_list .img {
	display: grid;
	place-content: center;
	max-width: 30px;
}

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

	690px以下

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

	.rule_line .sell_unit {
		width: 100%;
		overflow-x: auto;
	}

	.rule_line table.sell_list {
		width: 700px;
		margin-bottom: 10px;
		margin-top: 0;
	}

	.country_list {
		grid: auto / 1fr 1fr;
	}

	.country_list .country_name {
		padding-block: 6px;
	}
}

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

	480px以下

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

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

	.rule_line table.valley>tbody>tr>td>span {
		display: block;
	}
}