@charset "UTF-8";


/* ------------------------------------------------------------------
	contents
-------------------------------------------------------------------*/
#ancBtn{ margin-bottom:20px; }
#ancBtn li{
	float:left;
	width:250px;
	margin:0 10px 10px 0;
}
#ancBtn li a {
	color: #FFFFFF;
	font-size:1.1em;
	font-weight: bold;
	text-align:center;
	display: block;
	padding:15px 0;
	background: #00579e url(../img/record/icon_arrow.png) no-repeat 94% 50%;
	background-size:8px auto;
	border-bottom:5px solid #003b77;
	border-radius: 4px;
}
#ancBtn li a:hover{ text-decoration:none; }
#ancBtn li:last-child { margin-right:0; }

.whiteBox .start {
	margin-bottom:10px;
	padding:5px;
	border:1px solid #0156B0;
	text-align:center;
	font-size:16px;
	color:#0156B0;
}
.whiteBox table th {
	border-right:1px solid #f9f9f9;
	width:auto;
}
.whiteBox table th.lastTh,
.whiteBox table td.lastTd {
	border-right:none;
}
.whiteBox table td {
	border-right:1px solid #e1e5e8;
	text-align:center;
	width:auto;
}

.whiteBox table th.firstTh { width:64px; }
.whiteBox table th.thridTh { width:100px; }
.whiteBox table th.fourthTh { width:130px; }
.whiteBox table th.fifthTh { width:100px; }
.whiteBox table th.lastTh { width:150px; }
.whiteBox table td.leftFix { text-align:left; }

.whiteBox .category { table-layout:fixed; }
.whiteBox .category th,
.whiteBox .category td { width:auto !important; }

.whiteBox .category thead th {
	background:#EEE;
	color:#00579e;
}
.whiteBox .category thead th:before { content:"▼"; }

@media screen and (max-width: 980px) {
	#ancBtn{ margin:15px 10px; }
	#ancBtn li{
		float:left;
		width:48%;
		margin:1%;
	}
	#ancBtn li a {
		padding-left:10px;
		text-align:left;
		font-size:12px;
	}
	.whiteBox table { background:#FFF; }
	.whiteBox table tr:first-child { display:none; }
	.whiteBox table td{
		width:auto !important;
		text-align:left;
		border:none;
		padding:2px 15px;
	}
	.whiteBox table td:first-child {
		font-weight:bold;
		padding:5px 15px;
		margin-bottom:10px;
		background:#dcecf6;
		color:#6786a5;
	}
	.whiteBox table td:last-child{padding-bottom:15px;}
	.whiteBox table td:first-child:before {content: "No.";}
	.whiteBox table tbody td:nth-child(2):before {content: "種目：";}
	.whiteBox table tbody td:nth-child(3):before {content: "予選：";}
	.whiteBox table tbody td:nth-child(4):before {content: "スタートリスト：";}
	.whiteBox table tbody td:nth-child(5):before {content: "　　　　　結果：";}
	
	.whiteBox .category thead,
	.whiteBox .category thead tr,
	.whiteBox .category thead th {
		display:block;
		width:auto;
		text-align:center;
	}
	/*
	.whiteBox .category tbody tr {
		zoom:1;
	}
	.whiteBox .category tbody tr:after {
		display:block;
		clear:both;
		content:"";
	}
	.whiteBox .category tbody td {
		box-sizing:border-box;
		width:50% !important;
		float:left;
	}
	.whiteBox .category tbody td:first-child {
		float:none;
		width:auto !important;
	}
	*/
	.whiteBox .category td:first-child:before {content: "種目.";}
	.whiteBox .category tbody td:nth-child(2):before {content: "50m：";}
	.whiteBox .category tbody td:nth-child(3):before {content: "100m：";}
	.whiteBox .category tbody td:nth-child(4):before {content: "200m：";}
	.whiteBox .category tbody td:nth-child(5):before {content: "400m：";}
	
	.whiteBox .category tbody td:nth-child(2):before,
	.whiteBox .category tbody td:nth-child(3):before,
	.whiteBox .category tbody td:nth-child(4):before,
	.whiteBox .category tbody td:nth-child(5):before {
		display:inline-block;
		width:60px;
	}
	
	
}