@charset "utf-8";

/* ========================================================
	raceinfo.css => レースガイド
======================================================== */




.raceinfo_block .digdt table tbody th{
	padding: 8px 5px;
	border-bottom: 2px #555 solid;
	border-left: 2px #555 solid;
	border-top: 2px #555 solid;
      background-color: #BFD6FF;
    color: #60F;
    font-weight: bold;
    text-align: center;
    width: 30%;
}
.raceinfo_block .digdt table tbody td{
	padding: 8px;
	border-bottom: 2px #555 solid;
	border-right: 2px #555 solid;
	border-top: 2px #555 solid;
      background-color: #ffffff;
}

.raceinfo_block table{
	border-bottom: 2px solid;
}

.raceinfo_block > * {
	position: relative;
	z-index: 10;
}




/* .local_sub_nav
============================================================================================================ */
.local_sub_nav {
}
.raceinfo_block > * {
	position: relative;
	z-index: 10;
}
@media screen and (min-width: 769px), print {
	.local_sub_nav {
		margin: 0 -3px 30px;
	}
	.local_sub_nav ul {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.local_sub_nav ul li {
		display: table-cell;
		padding: 0 3px;
		vertical-align: top;
	}
	.local_sub_nav ul a {
		display: table;
		width: 100%;
		height: 46px;
		font-size: 1.8rem;
		background-color: #0070df;
		border: 2px solid #0070df;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
	}
	.local_sub_nav ul a > * {
		display: table-cell;
		vertical-align: middle;
	}
	.local_sub_nav ul a.current,
	.local_sub_nav ul a:hover {
		background-color: #fff;
		color: #000;
	}

	.local_sub_nav + .halon_bar {
	}
}
@media screen and (max-width: 768px) {
	.local_sub_nav {
		padding: 20px 0;
	}

	.local_sub_nav + .halon_bar {
		margin-top: -10px;
	}
}


/* .raceinfo_block
============================================================================================================ */
.raceinfo_block {
	margin-top: 40px;
}
.raceinfo_block > * {
	position: relative;
	z-index: 10;
}


.raceinfo_block > header {
	position: relative;
	margin-bottom: 20px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}
.raceinfo_block > header h1 {
	margin-bottom: 10px;
	font-size: 2.4rem;
}
@media screen and (min-width: 769px), print {
	.raceinfo_block > header {
		padding-right: 320px;
		padding-left: 10px;
	}
	.raceinfo_block > header .btn {
		position: absolute;
		right: 0;
		top: 0;
	}
	.raceinfo_block > header .btn li {
		float: left;
		padding-left: 10px;
	}
}
@media screen and (max-width: 768px) {
	.raceinfo_block {
		margin-top: 20px;
	}
	.raceinfo_block > header {
		font-size: 1.5rem;
		text-align: center;
	}
	.raceinfo_block > header h1 {
		font-size: 2rem;
		padding: 0 50px;
	}
	.raceinfo_block > header .btn {
		margin-top: 20px;
	}
	.raceinfo_block > header .btn li {
		display: inline-block;
		width: 80px;
		padding: 0 3px;
	}
	.raceinfo_block > header .::after {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 14px;
		height: 14px;
		margin-top: -7px;
		margin-left: -9px;
		border-top: 3px solid #0063c5;
		border-right: 3px solid #0063c5;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.raceinfo_block table tbody .t01,
	.raceinfo_block table tbody .t02,
	.raceinfo_block table tbody .t04,
	.raceinfo_block table tbody .t05,
	.raceinfo_block table tbody .t06,
	.raceinfo_block table tbody .t20 {
		text-align: center;
	}
}
@media screen and (max-width: 370px) {
	.raceinfo_block > header h1 {
		font-size: 1.8rem;
	}
}


	.raceinfo_block table tbody th,
	.raceinfo_block table tbody td {
		padding: 5px 5px;
		border: 1px solid #e4e4e4;
	}

.raceinfo_block table tbody .btn a {
	background-color: #0063c5;
	background-repeat: no-repeat;
	-webkit-background-size: 40px;
	background-size: 40px;
	opacity: .1;
}
.raceinfo_block table tbody .btn a[href] {
	opacity: 1;
}
@media screen and (min-width: 769px), print {
	.raceinfo_block table {
		width: 100%;
		font-size: 1.6rem;
		line-height: 1.5;
		background-color: #ffffd9;
	}
	.raceinfo_block table thead {
		border-bottom: 3px solid #1054a3;
	}
	.raceinfo_block table thead th {
		padding: 10px 0;
		text-align: center;
		background-color: #0070df;
		color: #fff;
		font-weight: bold;
	}
	.raceinfo_block table thead th:first-child {
		border-left: 1px solid #0070df;
	}
	.raceinfo_block table thead th:last-child {
		border-right: 1px solid #0070df;
	}
	.raceinfo_block table thead th + th {
		border-left: 1px solid #fff;
	}
	.raceinfo_block table thead .t01 {
		width: 50px;
	}
	.raceinfo_block table thead .t02 {
		width: 80px;
	}
	.raceinfo_block table thead .t03 {
	}
	.raceinfo_block table thead .t04 {
		width: 70px;
	}
	.raceinfo_block table thead .t05 {
		width: 70px;
	}
	.raceinfo_block table thead .t06 {
		width: 200px;
	}
	.raceinfo_block table thead .t08,
	.raceinfo_block table thead .t09,
	.raceinfo_block table thead .t10,
	.raceinfo_block table thead .t11 {
		width: 60px;
	}
	.raceinfo_block table thead .t20 {
		width: 80px;
	}
	.raceinfo_block table thead .t21 {
		width: 440px;
	}
	.raceinfo_block table tbody th {
		font-weight: bold;
		text-align: center;
	}
	.raceinfo_block table tbody .t01,
	.raceinfo_block table tbody .t02,
	.raceinfo_block table tbody .t04,
	.raceinfo_block table tbody .t05,
	.raceinfo_block table tbody .t06,
	.raceinfo_block table tbody .t20 {
		text-align: center;
	}
	.raceinfo_block table tbody .t03 {
		font-size: 1.8rem;
		line-height: 1.2;
		padding-left: 20px;
		padding: 18px;
	}
	.raceinfo_block table tbody .t04,
	.raceinfo_block table tbody .t21,
	.raceinfo_block table tbody .t22 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.raceinfo_block table tbody .t04 a:first-child {
		display: inline-block;
		font-weight: bold;
	}
	.raceinfo_block table tbody .btn {
		padding: 6px;
	}
	.raceinfo_block table tbody .btn a {
		display: block;
		height: 0;
		padding-top: 40px;
		background-position: 50%;
		overflow: hidden;
	}
	.raceinfo_block table tbody .btn a[href]:hover {
		opacity: .7;
	}
	.raceinfo_block table tbody .past th,
	.raceinfo_block table tbody .past td {
		background-color: #f2f2f2;
	}


	.raceinfo_block .cancel_info {
		margin-top: 40px;
	}
	.raceinfo_block .cancel_info h1 {
		margin-bottom: 5px;
		font-size: 1.6rem;

	}

	.raceinfo_block .cancel_info table {
		background-color: #fff;
		font-weight: bold;
	}
	.raceinfo_block .more_btn {
		text-align: right;
	}
	.box_btn.large{
		font-size: 1.5rem;
		width: 15%;
	}

}

.pl10 {
	padding-left: 10px;
}

.clearfix{
	clear: both;
}

.icon.description{
	font-size:80%;
	width: 100%;
	text-align: right;
	clear: both;
}

#digestList section{
	margin:20px 0;
}
#digestList section.date h3,
#digestList section.date ul li{
	height:40px;
	line-height:40px;
	width:130px;
	text-align:center;
	margin-right:5px;
	margin-bottom:5px;
}
#digestList section.date section{
	margin:0;
}
#digestList section.date h3,
#digestList section.date ul{
	display: inline-block;
}
#digestList section.date h3{
	font-weight:bold;
	background-color: #0063c5;
	color: white;
}
#digestList section.date ul li{
	display:inline-block;
	background-color: #f4f4f4;
}

@media screen and (max-width: 768px) {
	.raceinfo_block table {
		width: 100%;
	}
	.raceinfo_block table thead .t01 {
		width: 10%;
	}
	.raceinfo_block table thead .t02 {
		width: 10%;
	}
	.raceinfo_block table thead .t03 {
		width: 30%;
	}
	.raceinfo_block table thead .t04 {
		width: 5%;
		line-height: 1;
	}
	.raceinfo_block table thead .t05 {
		width: 10%;
	}
	.raceinfo_block table thead .t06 {
		width: 10%;
	}
	.raceinfo_block table,
	.raceinfo_block thead,
	.raceinfo_block tbody,
	.raceinfo_block tr,
	.raceinfo_block th,
	.raceinfo_block td {
	}
	.raceinfo_block thead {
	}
	.raceinfo_block th,
	.raceinfo_block td {
	}
	.raceinfo_block .digdt table tbody th {
	    width: 50%;
	}
	.raceinfo_block .digdt table tbody td{
	    width: 50%;
	}
	
	.raceinfo_block table thead {
		border-bottom: 3px solid #1054a3;
	}
	.raceinfo_block table thead th {
		padding: 10px 0;
		text-align: center;
		background-color: #0070df;
		color: #fff;
		font-weight: bold;
	}
	.raceinfo_block table thead th:first-child {
		border-left: 1px solid #0070df;
	}
	.raceinfo_block table thead th:last-child {
		border-right: 1px solid #0070df;
	}
	.raceinfo_block table thead th + th {
		border-left: 1px solid #fff;
	}
	.raceinfo_block tr {
		position: relative;
	}
	.raceinfo_block tr::before {
	}
	.raceinfo_block table tbody .btn_show::before {
	}
	.raceinfo_block tr + tr {
		border-top: 1px solid #e4e4e4;
	}
	.raceinfo_block table tbody .t05,
	.raceinfo_block table tbody .t06 {
	}
	.raceinfo_block table tbody .t01 {
		width: 5em;
		margin-right: 10px;
		padding: 2px 0;
		text-align: center;
		font-weight: bold;
	}
	.raceinfo_block table tbody .t01::after {
	}
	.raceinfo_block table tbody .t02 {
		margin-right: 10px;
	}
	.raceinfo_block table tbody .t03 {
		margin-right: 10px;
	}
	.raceinfo_block table tbody .t03:empty {
	}
	.raceinfo_block table tbody .t03 br {
	}
	.raceinfo_block table tbody .t04 {
		margin-top: 5px;
		font-size: 1.5rem;
	}
	.raceinfo_block table tbody .t04 a:first-child {
		display: block;
		font-weight: bold;
	}

	
	.raceinfo_block table tbody .past {
		background-color: #f2f2f2;
	}

	.raceinfo_block .cancel_info {
		margin-top: 30px;
	}
	.raceinfo_block .cancel_info h1 {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	.raceinfo_block .cancel_info table {
		background-color: #fff;
		font-weight: bold;
		font-size: 1.4rem;
	}
	.raceinfo_block .cancel_info tr::before {
	}
	.raceinfo_block .cancel_info .t01 {
		font-size: 1.2rem;
	}
	.raceinfo_block .cancel_info .t01 ~ td {
		margin-right: 10px;
	}
	.raceinfo_block .cancel_info .t01 a {
		color: #fff;
	}
	.raceinfo_block .cancel_info .t01::after {
	}
	.raceinfo_block .cancel_info .t01 a::after {
	}
	.raceinfo_block .cancel_info .t20::before {
	}

	.raceinfo_block .more_btn {
	}
	.box_btn.large{
		font-size: 1.5rem;
		width:100%;
	}
	.sp_pd{
		padding-left: 15px !important;
		padding-right: 15px !important;
		/*text-align: center;*/
	}
	#digestList section.date h3{
		display:block;
		width:auto;
		margin:0px;
		margin-bottom:1px;
	}
	#digestList section.date ul{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		width:auto;
	}
	#digestList section.date ul{
		display:block;
	}
	#digestList section.date ul li{
		margin:0;
		padding:0;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width:25%;
	}
	#digestList section.date ul li:nth-child(even){
		border-right: 0;
	}
}

@media screen and (max-width: 370px) {
	.raceinfo_block tr {
		padding-right: 10px;
		padding-left: 10px;
	}
	.raceinfo_block table tbody .btn a span {
		display: block;
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		-o-transform: scale(.9);
		transform: scale(.9);
	}
	.raceinfo_block table thead .t01,
	.raceinfo_block table tbody .t01 {
		/*width:100px;*/
		white-space:nowrap;
	}
	.raceinfo_block table tbody .t03 {
		word-break:break-all;
	}
	#digestList section.date ul li{
		width:50%;
	}
}