@charset "utf-8";
/* ========================================================
	raceinfo.css => レースガイド
======================================================== */

/* .race_day_group
============================================================================================================ */

.race_day_group {
	position: relative;
	margin: 30px 0 0;
	padding: 30px 50px;
	background-color: #ffffd9;
	border: 2px solid #0063c5;
}
.race_day_group ul {
	display: table;
	margin: auto;
}
.race_day_group li {
	display: table-cell;
	vertical-align: middle;
}
.race_day_group li a {
	position: relative;
	display: block;
	width: 176px;
	font-size: 1.6rem;
	text-align: center;
	font-weight: bold;
}
.race_day_group li+li a:before {
	content: "";
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 0;
	border-left: 1px solid #333333;
}
.race_day_group .slick_arrow.r {
	right: -10px;
}
.race_day_group .slick_arrow.l {
	left: -10px;
}
@media screen and (min-width: 1300px) {
	.race_day_group .slick_arrow.r {
		right: -25px;
	}
	.race_day_group .slick_arrow.l {
		left: -25px;
	}
}
@media screen and (min-width: 769px), print {}
@media screen and (max-width: 768px) {}

/* .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 ul a.disabled {
		background-color: #e6e6fa;
		color: #000;
	}
	.local_sub_nav+.halon_bar {}
}

@media screen and (max-width: 768px) {
	.local_sub_nav {
		/* border-top: 2px solid #1054a3; */
		padding: 20px 0;
	}
	.local_sub_nav+.halon_bar {
		margin-top: -10px;
	}
}

/* .raceinfo_block
============================================================================================================ */

.raceinfo_block {
	margin-top: 30px;
}

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

.raceinfo_block>header {
	position: relative;
	margin-bottom: 30px;
	padding: 20px 0;
	border-top: 3px solid #004d9a;
	border-bottom: 3px solid #004d9a;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}

.raceinfo_block>header h1 {
	margin-bottom: 5px;
	font-size: 2.4rem;
}

@media screen and (min-width: 769px), print {
	.raceinfo_block>header {
		padding: 30px 320px 30px 0;
	}
	.raceinfo_block>header .btn {
		position: absolute;
		right: 0;
		top: 30%;
	}
	.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 .arrow {
		position: absolute;
		top: 30px;
		width: 40px;
		height: 40px;
	}
	.raceinfo_block>header .arrow::after {
		content: "";
		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>header .arrow.l {
		left: 0;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.raceinfo_block>header .arrow.r {
		right: 0;
	}
}

@media screen and (max-width: 370px) {
	.raceinfo_block>header h1 {
		font-size: 1.8rem;
	}
}

.raceinfo_block table tbody a.high-stakes {
	position: relative;
	display: inline-block;
	padding-left: 40px;
}

.raceinfo_block table tbody a.high-stakes::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 22px;
	height: 48px;
	margin-top: -24px;
	background: url(../../common/images/parts/ico_hizume.png) no-repeat 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.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;
}

.raceinfo_block table tbody .btn.t07 a {
	background-image: url(../images/raceinfo_ico01.png);
}

.raceinfo_block table tbody .btn.t08 a {
	background-image: url(../images/raceinfo_ico02.png);
}

.raceinfo_block table tbody .btn.t09 a {
	background-image: url(../images/raceinfo_ico03.png);
}

.raceinfo_block table tbody .btn.t10 a {
	background-image: url(../images/raceinfo_ico04.png);
}

.raceinfo_block table tbody .btn.t11 a {
	background-image: url(../images/raceinfo_ico05.png);
}

.raceinfo_block table tbody .btn.t12 a {
	background-image: url(../images/raceinfo_ico06.png);
}

@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 {
		width: 70px;
	}
	.raceinfo_block table thead .t05 {
		width: 70px;
	}
	.raceinfo_block table thead .t06 {
		width: 120px;
	}
	.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, .raceinfo_block table tbody td {
		padding: 15px 5px;
		border: 1px solid #e4e4e4;
	}
	.raceinfo_block table tbody th {
		font-weight: bold;
		text-align: center;
	}
	.raceinfo_block table tbody .t02, .raceinfo_block table tbody .t03, .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.4rem;
		line-height: 1.2;
		color: #ff0000;
	}
	.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 .t04.has_syusohyo {
		height: 80px;
	}
	.raceinfo_block table tbody .t04.has_syusohyo div {
		padding-right: 130px;
		position: relative;
	}
	.raceinfo_block table tbody .t04.has_syusohyo .syusohyo {
		position: absolute;
		top: 50%;
		right: -10px;
		min-width: 120px;
		padding: 10px 10px;
		background-color: #004d9a;
		text-decoration: none;
		color: #ffff94;
		text-align: center;
		line-height: 1.3;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.raceinfo_block table tbody .t04.has_syusohyo .syusohyo::before {
		content: "";
		position: absolute;
		top: 5px;
		right: 5px;
		bottom: 5px;
		left: 5px;
		border: 1px solid;
	}
	.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 {
		margin-top: 50px;
	}
}

@media screen and (max-width: 768px) {
	.raceinfo_block table {
		line-height: 1.5;
		border-top: 2px solid #1054a3;
		border-bottom: 2px solid #1054a3;
		background-color: #ffffd9;
		font-size: 1.2rem;
	}
	.raceinfo_block table, .raceinfo_block thead, .raceinfo_block tbody, .raceinfo_block tr, .raceinfo_block th, .raceinfo_block td {
		display: block;
	}
	.raceinfo_block thead {
		display: none;
	}
	.raceinfo_block th, .raceinfo_block td {
		display: inline-block;
	}
	.raceinfo_block td.sp {
		display: inline-block !important;
	}
	.raceinfo_block tr {
		position: relative;
		padding: 12px 15px;
	}
	.raceinfo_block tr::before {
		content: "";
		position: absolute;
		top: 26px;
		right: 15px;
		width: 12px;
		height: 12px;
		border-bottom: 3px solid #7fb1e2;
		border-right: 3px solid #7fb1e2;
		-webkit-transition: -webkit-transform .3s;
		-o-transition: -o-transform .3s;
		transition: transform .3s;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.raceinfo_block table tbody .btn_show::before {
		-webkit-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.raceinfo_block tr:after {
		content: "";
		display: table;
		clear: both;
	}
	.raceinfo_block tr+tr {
		border-top: 1px solid #e4e4e4;
	}
	.raceinfo_block table tbody .t05, .raceinfo_block table tbody .t06 {
		display: none;
	}
	.raceinfo_block table tbody .t01 {
		width: 3.5em;
		margin-right: 10px;
		padding: 2px 0;
		text-align: center;
		color: #fff;
		background-color: #0063c5;
		font-weight: bold;
	}
	.raceinfo_block table tbody .t01::after {
		content: "R";
	}
	.raceinfo_block table tbody .t02 {
		margin-right: 10px;
	}
	.raceinfo_block table tbody .t03 {
		color: #ff0000;
		margin-right: 10px;
	}
	.raceinfo_block table tbody .t03:empty {
		display: none;
	}
	.raceinfo_block table tbody .t03 br {
		display: none;
	}
	.raceinfo_block table tbody .t04 {
		display: block;
		margin-top: 5px;
		font-size: 1.5rem;
	}
	.raceinfo_block table tbody .t04 a:first-child {
		display: block;
		padding-right: 40px;
		font-weight: bold;
		pointer-events: none;
	}
	.raceinfo_block table tbody a.high-stakes {
		padding-left: 30px;
	}
	.raceinfo_block table tbody a.high-stakes::before {
		width: 20px;
	}
	.raceinfo_block table tbody .btn {
		height: 0;
		display: block;
		float: left;
		width: 20%;
		padding: 0 1px;
		overflow: hidden;
		-webkit-transition: height .3s;
		-o-transition: height .3s;
		transition: height .3s;
	}
	.raceinfo_block table tbody .btn_show .btn {
		height: 75px;
	}
	.raceinfo_block table tbody .btn a {
		display: block;
		height: 65px;
		margin-top: 10px;
		padding: 45px 0 5px;
		background-position: 50% 10px;
		font-size: 1rem;
		color: #fff;
		text-decoration: none;
		text-align: center;
		white-space: nowrap;
	}
	.raceinfo_block table tbody .t04.has_syusohyo {}
	.raceinfo_block table tbody .t04.has_syusohyo .syusohyo {
		position: relative;
		display: block;
		margin-top: 10px;
		padding: 15px 10px;
		background-color: #004d9a;
		text-decoration: none;
		color: #ffff94;
		text-align: center;
		line-height: 1.3;
	}
	.raceinfo_block table tbody .t04.has_syusohyo .syusohyo::before {
		content: "";
		position: absolute;
		top: 3px;
		right: 3px;
		bottom: 3px;
		left: 3px;
		border: 1px solid;
	}
	.raceinfo_block table tbody .t04.has_syusohyo .syusohyo br {
		display: none;
	}
	.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 {
		content: none;
	}
	.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 {
		content: none;
	}
	.raceinfo_block .cancel_info .t01 a::after {
		content: 'R';
	}
	.raceinfo_block .cancel_info .t20::before {
		content: '馬番';
	}
	.raceinfo_block .more_btn {
		margin-top: 30px;
		padding-bottom: 60px;
	}
}

@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_under_block
============================================================================================================ */

@media screen and (min-width: 769px), print {
	.raceinfo_under_block {
		margin-top: 30px;
	}
}

.raceinfo_under_block>header {
	position: relative;
	margin-bottom: 30px;
	padding: 20px 0;
	border-top: 3px solid #004d9a;
	border-bottom: 3px solid #004d9a;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}

.raceinfo_under_block>header p:first-child {
	margin-bottom: 10px;
}

.raceinfo_under_block>header h1 {
	margin-bottom: 5px;
	font-size: 2.4rem;
}

.raceinfo_under_block>header .prize {
	margin-top: 10px;
}

@media screen and (min-width: 769px), print {
	.raceinfo_under_block>header .has_couse {
		display: table;
		width: 100%;
	}
	.raceinfo_under_block>header .has_couse>* {
		display: table-cell;
		vertical-align: top;
	}
	.raceinfo_under_block>header .has_couse .title {
		padding-top: 10px;
	}
	.raceinfo_under_block>header .has_couse .couse {
		text-align: right;
		padding-left: 20px;
	}
	.raceinfo_under_block>header .prize {
		clear: both;
		text-align: right;
	}
	.raceinfo_under_block>header .prize>* {
		display: inline-block;
	}
	.raceinfo_under_block>header .prize>dd+dd {
		padding-left: .5em;
	}
	.raceinfo_under_block>header.has_btn {
		padding: 30px 320px 30px 0;
	}
	.raceinfo_under_block>header.has_btn .btn {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.raceinfo_under_block>header.has_btn .btn li {
		float: left;
		padding-left: 10px;
	}
}

@media screen and (max-width: 768px) {
	.raceinfo_under_block>header {
		margin-bottom: 20px;
		padding: 15px 0;
		font-size: 1.5rem;
		text-align: center;
	}
	.raceinfo_under_block>header h1 {
		font-size: 2rem;
	}
	.raceinfo_under_block>header .has_couse .couse {
		text-align: center;
	}
	.raceinfo_under_block>header .cond {
		font-size: 0.8em;
	}
	.raceinfo_under_block>header .prize {
		display: table;
		margin: 10px auto 0;
		text-align: left;
		font-size: 0.8em;
	}
	.raceinfo_under_block>header .prize dt {
		float: left;
	}
	.raceinfo_under_block>header .prize dd {
		margin-left: 4em;
	}
	.raceinfo_under_block>header.has_btn .btn {
		margin-top: 20px;
		text-align: center;
	}
	.raceinfo_under_block>header.has_btn .btn li {
		display: inline-block;
		width: 80px;
		padding: 0 3px;
	}
}

.raceinfo_under_block>header+.btn {
	margin-top: -20px;
	margin-bottom: 30px;
	text-align: right;
}

.raceinfo_under_block>header+.btn li {
	display: inline-block;
	margin-left: 5px;
}

.raceinfo_under_block>header+.btn a.box {
	position: relative;
	display: block;
	padding: 10px 20px;
	background-color: #0070df;
	color: #fff;
	text-decoration: none;
	font-size: 1.6rem;
	font-weight: bold;
}

.raceinfo_under_block>header+.btn a.box.special {
	background-color: #004d9a;
	color: #ffff94;
}

.raceinfo_under_block>header+.btn a.box.special::before {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	border: 1px solid;
}

@media screen and (max-width: 768px) {
	.raceinfo_under_block>header+.btn {
		margin-top: -10px;
		margin-bottom: 20px;
		text-align: center;
	}
	.raceinfo_under_block>header+.btn img {
		width: auto;
		height: 35px;
	}
	.raceinfo_under_block>header+.btn a.box {
		margin-bottom: 3px;
		padding: 7px 15px;
		font-size: 1.3rem;
	}
	.raceinfo_under_block>header+.btn a.box.special::before {
		top: 3px;
		right: 3px;
		bottom: 3px;
		left: 3px;
	}
}

.raceinfo_under_block table {
	width: 100%;
	margin-bottom: 15px;
	font-size: 1.7rem;
	line-height: 1.5;
	background-color: #ffffd9;
	white-space: nowrap;
}

.raceinfo_under_block table thead {
	border-bottom: 3px solid #1054a3;
	font-size: 1.6rem;
}

.raceinfo_under_block table thead th {
	padding: 4px 0;
	text-align: center;
	background-color: #0070df;
	color: #fff;
	font-weight: bold;
}

.raceinfo_under_block table thead th:first-child {
	border-left: 1px solid #0070df;
}

.raceinfo_under_block table thead th:last-child {
	border-right: 1px solid #0070df;
}

.raceinfo_under_block table thead th+th {
	border-left: 1px solid #fff;
}

.raceinfo_under_block table thead .w01 {
	width: 4.3%;
}

.raceinfo_under_block table thead .w02 {
	width: 6.1%;
}

.raceinfo_under_block table thead .w03 {
	width: 15.4%;
}

.raceinfo_under_block table thead .w04 {
	width: 11.2%;
}

.raceinfo_under_block table thead .w05 {
	width: 9.5%;
}

.raceinfo_under_block table thead .w06 {
	width: 20%;
}

.raceinfo_under_block table thead .w07 {
	width: 8%;
}

.raceinfo_under_block table thead .w08 {
	width: 12%;
}

.raceinfo_under_block table tbody th, .raceinfo_under_block table tbody td {
	padding: 8px 12px;
	border: 1px solid #e4e4e4;
}

.raceinfo_under_block table tbody th.center, .raceinfo_under_block table tbody td.center {
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.raceinfo_under_block table tbody th.right, .raceinfo_under_block table tbody td.right {
	text-align: right;
}

.raceinfo_under_block table .bold {
	font-weight: bold;
}

.raceinfo_under_block table .bg_blue {
	background-color: #eaf1ff;
}

.raceinfo_under_block table .waku1 {
	background-color: #ffffff !important;
}

.raceinfo_under_block table .waku2 {
	background-color: #999999 !important;
}

.raceinfo_under_block table .waku3 {
	background-color: #ff9999 !important;
}

.raceinfo_under_block table .waku4 {
	background-color: #8eb3ff !important;
}

.raceinfo_under_block table .waku5 {
	background-color: #ffff99 !important;
}

.raceinfo_under_block table .waku6 {
	background-color: #99ff99 !important;
}

.raceinfo_under_block table .waku7 {
	background-color: #ffcc00 !important;
}

.raceinfo_under_block table .waku8 {
	background-color: #ff99ff !important;
}

@media screen and (min-width: 769px), print {
	.raceinfo_block table tbody th, .raceinfo_block table tbody td {
		padding: 15px 5px;
		border: 1px solid #e4e4e4;
	}
	.raceinfo_block table tbody th {
		font-weight: bold;
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.raceinfo_under_block table {
		font-size: 1.4rem;
	}
	.raceinfo_under_block table thead {
		font-size: 1.2rem;
	}
	.raceinfo_under_block table thead th {
		padding: 6px 0;
	}
	.raceinfo_under_block table tbody th, .raceinfo_under_block table tbody td {
		padding: 8px 10px;
	}
}

.raceinfo_under_block table.seiseki {
	table-layout: fixed;
}

.raceinfo_under_block table.seiseki thead th {
	padding: 5px 0;
	font-size: 1.8rem;
}

.raceinfo_under_block table.seiseki thead th a {
	display: block;
	margin: 3px 10px 0;
	background-color: #f2f8fd;
	text-decoration: none;
	font-size: 1.4rem;
	color: #000;
}

.raceinfo_under_block table.seiseki tbody th, .raceinfo_under_block table.seiseki tbody td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.raceinfo_under_block table.seiseki tbody th {
	font-weight: bold;
}

.raceinfo_under_block table.seiseki.umaban tbody th {
	background-color: #8b8b8b;
	text-align: center;
	color: #fff;
}

.raceinfo_under_block table.seiseki tbody td {
	padding-right: 0;
	padding-left: 0;
	background-color: #f2f8fd;
	text-align: center;
}

.raceinfo_under_block table.seiseki tbody td.rank1 {
	background-color: #ffa9a9;
}

.raceinfo_under_block table.seiseki tbody td.rank2 {
	background-color: #ffff00;
}

.raceinfo_under_block table.seiseki tbody td.rank3 {
	background-color: #9dc2ff;
}

@media screen and (min-width: 769px), print {
	.raceinfo_under_block table.seiseki thead th a:hover {
		color: #0070df;
		background-color: #fff;
	}
}

@media screen and (max-width: 768px) {
	.raceinfo_under_block table.seiseki thead th {
		padding: 3px 0;
		font-size: 1.4rem;
	}
	.raceinfo_under_block table.seiseki thead th a {
		font-size: 1.3rem;
	}
	.raceinfo_under_block table.seiseki tbody th, .raceinfo_under_block table.seiseki tbody td {
		padding-top: 6px;
		padding-bottom: 6px;
	}
}

.raceinfo_under_block .notes_cancel {
	margin: 15px 0;
	padding: 0 15px;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.5;
}

.raceinfo_under_block .notes_cancel.right {
	padding: 0;
	text-align: right;
	font-size: 1.6rem;
}

.raceinfo_under_block .notes_dividend {
	margin: 15px 0;
	font-size: 1.6rem;
	line-height: 1.7;
}

.raceinfo_under_block .notes_dividend li {
	display: inline-block;
	padding-right: 1.5em;
}

.raceinfo_under_block .notes_dividend+.notes_cancel {
	padding-top: 15px;
	border-top: 1px solid #333333;
}

.raceinfo_under_block .notes_seiseki {
	margin: 15px 0;
	font-size: 1.6rem;
	line-height: 1.7;
}

.raceinfo_under_block .notes_seiseki li {
	position: relative;
	padding-left: 1.5em;
}

.raceinfo_under_block .notes_seiseki li::before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

.raceinfo_under_block .notes_seiseki .rank1 {
	color: #ffa9a9;
}

.raceinfo_under_block .notes_seiseki .rank2 {
	color: #ffff00;
}

.raceinfo_under_block .notes_seiseki .rank3 {
	color: #9dc2ff;
}

.raceinfo_under_block .notes_seiseki .rank_other {
	color: #f2f8fd;
}

@media screen and (max-width: 768px) {
	.raceinfo_under_block .notes_cancel {
		font-size: 1.4rem;
		padding: 0;
	}
	.raceinfo_under_block .notes_cancel.right {
		font-size: 1.3rem;
	}
	.raceinfo_under_block .notes_dividend {
		font-size: 1.3rem;
	}
	.raceinfo_under_block .notes_seiseki {
		font-size: 1.3rem;
	}
}

.raceinfo_under_block .more_btn {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.raceinfo_under_block .more_btn {
		margin-top: 30px;
	}
}

/* odds_table_header
============================================================================================================ */

.odds_table_header ul a {
	display: table;
	width: 100%;
	height: 46px;
	text-decoration: none;
	text-align: center;
	background-color: #def0fe;
	color: #000;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.4;
}

.odds_table_header ul a>span {
	display: table-cell;
	vertical-align: middle;
}

.odds_table_header ul a.current {
	background-color: #0070df;
	color: #fff;
	font-size: 2.2rem;
}

.odds_table_header p {
	position: relative;
	padding: 10px 0;
	background-color: #0070df;
	border-bottom: 3px solid #1054a3;
	color: #fff;
	text-align: center;
	font-size: 2rem;
	line-height: 1.5;
	font-weight: bold;
}

.odds_table_header p .reload {
	background-color: #fff;
	font-size: 1.8rem;
	text-align: center;
	text-decoration: none;
	color: #000;
}

@media screen and (min-width: 769px), print {
	.odds_table_header .tab {
		margin: 0 -3px;
	}
	.odds_table_header .tab ul {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.odds_table_header .tab ul li {
		display: table-cell;
		padding: 0 3px;
		vertical-align: middle;
	}
	.odds_table_header ul a:hover {
		background-color: #0070df;
		color: #fff;
	}
	.odds_table_header p .reload {
		position: absolute;
		right: 10px;
		top: 50%;
		width: 80px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.odds_table_header p .reload:hover {
		color: #0070df;
	}
}

@media screen and (max-width: 768px) {
	.odds_table_header .tab ul {
		margin-left: -1px;
	}
	.odds_table_header .tab ul:after {
		content: "";
		display: table;
		clear: both;
	}
	.odds_table_header .tab ul li {
		float: left;
		width: 33.33%;
		padding: 0 0 1px 1px;
	}
	.odds_table_header .tab ul .tanhuku {
		width: 50%;
	}
	.odds_table_header ul a {
		height: 35px;
		font-size: 1.4rem;
	}
	.odds_table_header ul a.current {
		font-size: 1.6rem;
	}
	.odds_table_header p {
		position: relative;
		padding: 10px 0;
		text-align: center;
		font-size: 1.6rem;
	}
	.odds_table_header p .reload {
		display: block;
		width: 80px;
		margin: 5px auto 0;
		padding: 2px 0;
		font-size: 1.4rem;
	}
}

/* tanhuku_separate_table
============================================================================================================ */

.tanhuku_separate_table h1 {
	padding: 8px 0;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	text-align: center;
	font-size: 2rem;
	line-height: 1.5;
}

.tanhuku_separate_table table {
	margin-bottom: 0;
}

.tanhuku_separate_table table tbody th {
	background-color: #ffeae3;
}

.tanhuku_separate_table table tbody tr:nth-child(odd) td {
	background-color: #f2f2f2;
}

.tanhuku_separate_table table tbody tr:nth-child(even) td {
	background-color: #fff;
}

.tanhuku_separate_table {}

@media screen and (min-width: 769px), print {
	.tanhuku_separate_table h1 {}
	.raceinfo_under_block .tanhuku_separate_table>* {
		position: relative;
		float: left;
		width: 50%;
	}
	.raceinfo_under_block .tanhuku_separate_table>*+*::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -2px;
		border-left: 3px solid #1054a3;
	}
	.raceinfo_under_block .tanhuku_separate_table thead .w01 {
		width: 8.6%;
	}
	.raceinfo_under_block .tanhuku_separate_table thead .w02 {
		width: 10%;
	}
	.raceinfo_under_block .tanhuku_separate_table thead .w08 {
		width: 24%;
	}
}

@media screen and (max-width: 768px) {
	.tanhuku_separate_table h1 {
		padding: 5px 0;
		font-size: 1.7rem;
	}
	.raceinfo_under_block .tanhuku_separate_table thead .w01 {
		width: 10%;
	}
	.raceinfo_under_block .tanhuku_separate_table thead .w02 {
		width: 10%;
	}
	.raceinfo_under_block .tanhuku_separate_table thead .w08 {
		width: 22%;
	}
}

/* 払戻金一覧
============================================================================================================ */

.dividend_block {}

.dividend_block>h1 {
	margin-bottom: 20px;
	font-size: 2.4rem;
	line-height: 1.5;
}

.dividend_block section {
	position: relative;
}

.dividend_block section+section {
	margin-top: 40px;
}

.dividend_block section header {
	margin-bottom: 20px;
}

.dividend_block section header h1 {
	padding: 17px 20px;
	background-color: #b2d4f5;
	font-size: 1.8rem;
	line-height: 1.5;
}

.dividend_block section .btn li a {
	display: block;
	padding: 8px 20px 8px 44px;
	background: #0070df no-repeat 12px;
	-webkit-background-size: 24px;
	background-size: 24px;
	color: #fff;
	text-decoration: none;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 2px;
}

.dividend_block section .btn li a.seiseki {
	background-image: url(../images/btn_ico_seiseki.png);
}

.dividend_block section .btn li a.movie {
	background-image: url(../images/btn_ico_movie.png);
}

.dividend_block section .btn li a.spat {
	display: block;
	padding: 0px;
	background: none;
	background-size: 24px;
	color: #fff;
	text-decoration: none;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 2px;
	min-width: 0px;
}

.dividend_block section .info thead th {
	line-height: 1.3;
}

.dividend_block section .info tbody th, .dividend_block section .info tbody td {
	padding: 8px 10px;
}

.dividend_block section .info tbody th {
	background-color: #d9f5f0;
}

.dividend_block section .info .w01 {
	width: 45px;
}

.dividend_block section .divi_sei_tyusi {
	text-align: center;
	height: 140px;
	line-height: 140px;
}

.dividend_block section .dividend_table table {
	margin: 0;
	font-size: 1.3rem;
}

.dividend_block section .dividend_table tbody th, .dividend_block section .dividend_table tbody td {
	padding: 5px 20px;
	background-color: #fff;
	border-width: 1px 1px 0;
	vertical-align: top;
	white-space: nowrap;
}

.dividend_block section .dividend_table tbody th {
	width: 4em;
	padding-right: 0;
	padding-left: 0;
	border: 0;
	text-align: center;
	background-color: #757c87;
	color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
}

.dividend_block section .dividend_table tbody tr+tr th {
	border-top: 1px solid #fff;
}

.dividend_block section .dividend_table tbody td {
	width: 110px;
	text-align: right;
}

.dividend_block section .dividend_table tbody td.zenhen {
	text-align: center;
	vertical-align: middle;
}

.dividend_block section .dividend_table tbody .waku {
	width: auto;
	background-color: #d9f5f0;
}

.dividend_block section .dividend_table tbody .non_border td {
	padding-top: 0;
	border-top: 0;
}

@media screen and (min-width: 769px), print {
	.dividend_block section .contents {
		overflow: visible !important;
		height: auto !important;
	}
	.dividend_block section .btn {
		position: absolute;
		right: 10px;
		top: 9px;
	}
	.dividend_block section .btn li {
		float: left;
		margin-left: 10px;
	}
	.dividend_block section .btn li a {
		min-width: 110px;
	}
	.dividend_block section .info {
		float: left;
		width: 390px;
	}
	.dividend_block section .dividend_table {
		float: right;
		width: 760px;
		border: 1px solid #bebebe;
	}
	.dividend_block section .dividend_table table {
		float: left;
		width: 50%;
	}
	.dividend_block section .dividend_table tbody tr:first-child th, .dividend_block section .dividend_table tbody tr:first-child td {
		border-top-width: 0;
	}
}

@media screen and (max-width: 768px) {
	.dividend_block>h1 {
		margin-bottom: 10px;
		font-size: 2rem;
	}
	.dividend_block section+section {
		margin-top: 10px;
	}
	.dividend_block section header {
		margin-bottom: 0;
	}
	.dividend_block section header h1 {
		position: relative;
		padding: 12px 35px 12px 15px;
		font-size: 1.5rem;
	}
	.dividend_block section header h1::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 12px;
		height: 12px;
		margin-top: -8px;
		border-bottom: 3px solid #4c89c4;
		border-right: 3px solid #4c89c4;
		-webkit-transition: -webkit-transform .3s;
		-o-transition: -o-transform .3s;
		transition: transform .3s;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.dividend_block section.open header h1::before {
		-webkit-transform: translateY(3px) rotate(225deg);
		-ms-transform: translateY(3px) rotate(225deg);
		-o-transform: translateY(3px) rotate(225deg);
		transform: translateY(5px) rotate(225deg);
	}
	.dividend_block section .btn {
		margin: 0 -2px;
		padding: 10px 0;
	}
	.dividend_block section .btn::after {
		content: "";
		display: table;
		clear: both;
	}
	.dividend_block section .btn li {
		float: left;
		width: 50%;
		padding: 0 2px;
	}
	.dividend_block section .btn li a {
		-webkit-background-size: 20px;
		background-size: 20px;
		font-size: 1.5rem;
		text-align: center;
	}
	.dividend_block section .info .w01 {
		width: 40px;
	}
	.dividend_block section .dividend_table {
		padding-bottom: 15px;
	}
	.dividend_block section .dividend_table table {
		margin-top: 5px;
	}
	.dividend_block section .dividend_table tbody th, .dividend_block section .dividend_table tbody td {
		padding: 5px 10px;
	}
	.dividend_block section .dividend_table tbody tr:last-child th, .dividend_block section .dividend_table tbody tr:last-child td {
		border-bottom-width: 1px;
	}
	.dividend_block section .dividend_table tbody th {
		font-size: 1.4rem;
	}
	.dividend_block section .dividend_table tbody td {
		width: 90px;
	}
	.dividend_block section .dividend_table tbody .sp_h0 td {
		padding: 0;
		height: 0;
	}
	.dividend_block section .dividend_table tbody .sp_h0 td span {
		display: none;
	}
	.dividend_block section .contents {
		display: none;
	}
}

@media screen and (min-width: 769px), print {
	.hv_wh a {
		vertical-align: unset;
	}
}

/* 騎手成績表
============================================================================================================ */
.henko_d {
	color:#555 !important;
}
.henko_k {
	color:red !important;
}