@charset "utf-8";

/* ========================================================
	raceinfo_add.css => レースガイド 追加分
======================================================== */

.stallion header h1{ font-size:2.4rem; padding:2rem 0;}

.blk table{ margin-bottom:2rem; }
.blk table thead th,
.blk table thead td,
.blk table tbody th,
.blk table tbody td{padding: 10px 10px;border:1px solid #ddd;}
.blk table tbody td{text-align:left;}
.blk table thead th{background:#787878;color:#FFF;text-align:center;}

.blk table tbody td ul li+li{margin-top:0.5rem;}
.blk table tbody td input[type=text]{padding:1px;border:1px solid #999;}
.blk table tbody td select{width:50px;}

.stallion thead th.subject{ background:#0070df; width:100%; }
.stallion thead tr.sub th:nth-child(1){ width:7%; }
.stallion thead tr.sub th:nth-child(2){ width:10%; }
.stallion thead tr.sub th:nth-child(3){ width:33%; }
.stallion thead tr.sub th:nth-child(4){ width:7%; }
.stallion thead tr.sub th:nth-child(5){ width:10%; }
.stallion thead tr.sub th:nth-child(6){ width:23%; }
.stallion thead tr.sub th:nth-child(7){ width:10%; }
.stallion thead.tokubetu tr.sub th:nth-child(3){ width:40%; }
.stallion thead.tokubetu tr.sub th:nth-child(4){ width:33%; }
.stallion thead.tokubetu tr.sub th:nth-child(5){ width:10%; }
.stallion thead.premium tr.sub th:nth-child(3){ width:40%; }
.stallion thead.premium tr.sub th:nth-child(4){ width:10%; }
.stallion thead.premium tr.sub th:nth-child(5){ width:33%; }

.stallion tbody th,
.stallion tbody td:nth-of-type(1),
.stallion tbody.hg td:nth-of-type(3),
.stallion tbody td:last-child{ text-align:center; }

.stallion tbody.hg td:nth-of-type(4),
.stallion tbody.premium td:nth-of-type(3){ text-align:center; }
/*
.stallion tbody.hg tr:nth-child(-n+9){ background:#f1f8ed;}
.stallion tbody.hg tr:nth-child(n+10){ background:#e5eff9;}
.stallion tbody.hg tr:nth-child(n+13),
.stallion tbody.cols5 tr{ background:#f5eee7;}
.stallion tbody td:nth-of-type(2){ color:#0063c5; }
 */


@media screen and (min-width: 1300px) {

}

@media screen and (min-width: 769px), print {

.blk table {width: 100%;font-size: 1.6rem;line-height: 1.5;}

}
@media screen and (max-width: 768px) {
	.blk table {
		font-size: 0.5rem;
		width: 100%;
	}
	.blk table thead th,
.blk table thead td,
.blk table tbody th,
.blk table tbody td{padding: 2px 2px;}

}

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

}