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

	公開調教イベント

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

/* - 調教公開 表
-------------------------------------------------- */
.tc_list_block {
	display: table;
	width: 100%;
}

.tc_list_block .cell {
	display: table-cell;
	width: 50%;
}

.tc_list_block .cell.left { padding-right: 10px; }
.tc_list_block .cell.right { padding-left: 10px; }

.tc_list_block table {
	border-collapse: collapse;
	width: 100%;
}

/*
.tc_list_block table thead tr th {
	background-color: #1fac37;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 8px 0;
}
*/

.tc_list_block table caption {
	background-color: #268300;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 8px 0;
	border-bottom: none;
}

.tc_list_block table tbody tr th,
.tc_list_block table tbody tr td {
	border: 1px solid #ccc;
	padding: 4px 2px;
	color: #444;
	font-size: 1.2rem;
}


.tc_list_block table tbody tr th { font-weight: bold; }
.tc_list_block table tbody tr td.date {
	text-align: center;
	white-space:nowrap;
	width: 130px;
}
.tc_list_block table tbody tr td.race { padding: 4px 5px; }
.tc_list_block table tbody tr td.state { text-align: center; width: 60px; }

/* - 赤い★
-------------------------------------------------- */
.event_main_body .red {
	color: #c00;
	font-weight: bold;
}

/* - 注意書き
-------------------------------------------------- */
p.caution {
	padding-left: 1em;
	text-indent: -1em;
}



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

	979px以下

------------------------------------------------------------ */
@media screen and ( max-width : 979px ) {
	
	.tc_list_block { display: block; }
	
	.tc_list_block .cell {
		display: block;
		width: 100%;
	}
	
	.tc_list_block .cell.left,
	.tc_list_block .cell.right { padding: 0; }
	.tc_list_block .cell.right { margin-top: 15px; }
	
	/*.tc_list_block table tbody tr td.state { width: auto; }*/
}


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

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
	
	.tc_list_block table tbody tr td.date {
		white-space: normal;
		font-size: 1.1rem;
		width: 130px;
	}
	
	.tc_list_block table tbody tr td.state {
		width: 60px;
	}
	
}


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

	359px以下

------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
	
	.tc_list_block table tbody tr td.date {
		white-space: normal;
		width: auto;
	}
	
}