@charset "UTF-8";

/*==============================================
データ分析 race_data_nk02.css
==============================================*/
.Wrap.HalfModalViewOut{
	overflow: visible;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1005;
}
.Wrap.HalfModalViewOut .Main_Column{
	overflow: visible;
}
.ModalOverlay.HalfModalOver {
	background: rgba(0,0,0,0.25);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 8100;
	transition: opacity 0.7s, transform 0s 0.5s;
}
/* データTOP */
.RaceDataPickup {
	margin-bottom: 40px;
}
.RaceDataPickup .Title_3rd {
	margin: 18px 10px;
	color: #777;
	font-size: 77.78%;
	font-weight: bold;
}
/* データ分析アイコン */
span.Icon_RaceData {
	display: inline-block;
	background-image: url('../img/icon/icon_sprite_racedata_01.png?200825');
	background-repeat: no-repeat;
	-webkit-background-size: 250px auto;
	-moz-background-size: 250px auto;
	-ms-background-size: 250px auto;
	background-size: 250px auto;
	width: 28px;
	height: 20px;
	margin: 0 3px 0 0;
	vertical-align: middle;
}
/* 出走馬分析アイコン */
span.Icon_RaceData.Icon_RaceData_01 {
	background-position: 1px -2px;
	width: 28px;
	height: 20px;
}
/* コース傾向アイコン */
span.Icon_RaceData.Icon_RaceData_02 {
	background-position: -29px -2px;
	width: 30px;
}
/* レース分析アイコン */
span.Icon_RaceData.Icon_RaceData_03 {
	background-position: -65px 1px;
	width: 38px;
	height: 26px;
}
/* 騎手分析アイコン */
span.Icon_RaceData.Icon_RaceData_04 {
	background-position: -107px -1px;
	width: 31px;
}


ul.RaceDataTableList {
	margin: 18px 10px 0;
}
ul.RaceDataTableList li {
	border: 1px solid #dadada;
	border-radius: 4px;
}
ul.RaceDataTableList li + li {
	margin-top: 10px;
}
table.PickupHorseTable01.PickupRaceDataTable01 {
	table-layout: fixed;
	height: 58px;
}

table.PickupHorseTable01.PickupRaceDataTable01 th {
	background: #f8f8f8;
	color: #444;
	font-size: 72.23%;
	font-weight: normal;
	padding: 8px 14px;
	width: 178px;
	text-align: left;
}
@media only screen and (max-width: 330px) {
	table.PickupHorseTable01.PickupRaceDataTable01 th {
		padding: 8px 10px;
		width: 110px;
	}
}

table.PickupHorseTable01.PickupRaceDataTable01 th strong {
	font-size: 107.7%;
}
table.PickupHorseTable01.PickupRaceDataTable01 th .PickupHorseTableTitle {
	white-space: normal;
	line-height: 1.47;
}
table.PickupHorseTable01.PickupRaceDataTable01 td {
	vertical-align: middle;
}
table.PickupHorseTable01.PickupRaceDataTable01 td a {
	padding: 0 20px 0 14px;
}
table.PickupHorseTable01.PickupRaceDataTable01 td a span.Txt {
	color: #444;
	font-size: 112.8%;
}
table.PickupHorseTable01.PickupRaceDataTable01 td .arrow {
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -4px;
}
.PickupHorseTable01 .Umaban_Num span.WakuTxt {
	font-size: 76.9%;
}
.RaceDataTableList + .MoreColumnList {
	margin-top: 30px;
}
/* レース傾向 */
.PickupData_TendencyWrap {
	margin: 18px 10px 40px;
}
.PickupTendencyBox {
	background: #f3f3f3;
	border-radius: 4px;
	text-align: center;
	padding: 18px;
}
table.PickupHorseTable01.PickupRaceDataTable01 th,
table.PickupHorseTable01.PickupRaceDataTable01 td {
	border: none;
}
table.PickupHorseTable01.PickupRaceDataTable01 th {
	border-right: 1px solid #dadada;
}
.PickupTendencyBox .PickupTendencyTitle01 {
	color: #757575;
	font-weight: bold;
}
.PickupTendencyBox .Umaban_InBox {
	display: inline-block;
	text-align: center;
	min-width: 38px;
}
.PickupTendencyBox .Umaban_Num,
table.PastResultTable td .Umaban_Num {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 72.3%;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin: 0 auto 3px;
	color: #fff;
}
.PickupTendencyBox .Umaban_Num span.WakuTxt,
table.PastResultTable td .Umaban_Num span.WakuTxt {
	font-size: 76.9%;
}

.PickupTendencyBox .Umaban_Num.Waku1,
table.PastResultTable td .Umaban_Num.Waku1 {
	background: #fff;
	color: #555;
	border: 1px solid #cacaca;
}

span.PickupTendencyTime {
	display: block;
	font-size: 66.67%;
	text-align: right;
	margin-top: 6px;
}
/* new 230307 */
table.PickupHorseTable01.PickupRaceDataTable01 th {
	position: relative;
}
table.PickupHorseTable01.PickupRaceDataTable01 th span.NewIcon {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 28px solid transparent;
	border-left: 28px solid #c03;
	position: absolute;
}
table.PickupHorseTable01.PickupRaceDataTable01 th span.NewIcon:after {
	content: "NEW";
	display: block;
	position: absolute;
	top: 4px;
	left: -30px;
	font-size: 10px;
	color: #fff;
	-webkit-transform: rotate(-45deg) scale(0.7);
	transform: rotate(-45deg) scale(0.7);
}


/* 過去結果 */
table.PastResultTable {
}
table.PastResultTable td {
	white-space: nowrap;
	padding: 4px 8px;
	vertical-align: middle;
}

table.PastResultTable td.Movie {
	padding: 0 4px;
}
table.PastResultTable td.Movie a {
	display: block;
	width: 32px;
	margin: auto;
}
table.PastResultTable td.Movie img {
	display: block;
	width: 100%;
}
table.PastResultTable td .Umaban_Num {
	font-size: 100%;
	margin: 0 auto;
}

/*-- ぼかし＆有料導線01 --*/
.PickupRaceDataTable01 td .DummyBox01{
	position: relative;
	display: inline-block;
	background: url(../img/race/racedata_summary_dummy01.jpg) 12px 0 no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: 46px;
}
.PickupRaceDataTable01 td .DummyBox02{
	position: relative;
	display: inline-block;
	background: url(../img/race/racedata_summary_dummy02.jpg) 12px 0 no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: 28px;
}
.Data01_Table td .DummyCellBox01 {
	position: relative;
	display: inline-block;
	background: url(../img/race/racedata_dummy01.jpg) 5px 0 no-repeat;
	background-size: 100% 100%;
	width: 70px;
	height: 30px;
	margin: -8px;
	opacity: 0.65;
}
.Data01_Table td .DummyCellBox02 {
	position: relative;
	display: inline-block;
	background: url(../img/race/racedata_dummy02.jpg) 4px 0 no-repeat;
	background-size: 100% 100%;
	width: 28px;
	height: 23px;
	margin: -8px -2px -8px -8px;
	opacity: 0.65;
}
.Data01_Table td .DummyCellBox03 {
	position: relative;
	display: inline-block;
	background: url(../img/race/racedata_dummy03.jpg) 4px 0 no-repeat;
	background-size: 100% 100%;
	width: 64px;
	height: 25px;
	margin: -8px;
	opacity: 0.65;
}
.Premium_Regist_Box02.DataTop {
	position: absolute;
	top: 0;
	left: -4px;
	right: -4px;
	z-index: 5;
	min-width: 140px;
	padding: 12px 0;
}
.Premium_Regist_Box02.DataTop .Premium_Regist_MsgArea01 {
	margin-bottom: 12px;
}
.Premium_Regist_Box02.DataTop p.Premium_Regist_Msg_Campaign01:before,
.Premium_Regist_Box02.DataTop p.Premium_Regist_Msg_Campaign01:after {
	display: none;
}
.Premium_Regist_Box02.DataTop .Premium_Regist_Btn {
	margin: 7px 10px;
	padding: 10px 0;
	text-align: center;
	width: auto;
}
.DataTable_Wrap .BtnPremiumRegist02 {

}
/*プレミアムボタン02*/
.BtnPremiumRegist02 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	display: inline-block;
	z-index: 60;
	box-shadow: none;
	margin-top: -50px;
}
.BtnPremiumRegist02.table_base{
	top:auto;
	bottom:-4px;
	z-index: 60;
}
.BtnPremiumRegist02.static{
	position: static;
	transform: none;
	margin: auto;
	width: 255px;
	display: block;
}
.BtnPremiumRegist02 a{
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
	color: #675500;
	position: relative;
	white-space: nowrap;
	background: #fff;
	border:2px solid rgb(189, 171, 120);
	border-radius: 4px;
	box-shadow: 0 0 14px 6px rgba(255,255,255,.004);
}
.BtnPremiumRegist01 a:before {
	display: none;
}
.BtnPremiumRegist02.size_m a{
	padding:9px 10px 6px;
}
.BtnPremiumRegist02.size_s a{
	height: 27px;
	line-height: 27px;
	padding: 0;
}
.BtnPremiumRegist02 a .premium_btn{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	height: 42px;
	min-width:230px;
	line-height: 42px;
	font-weight: bold;
	background-color: rgb(189, 171, 120);
	border-radius: 4px;
}
.BtnPremiumRegist02 a .btn_comment{
	display:inline-block;
	height: 23px;
	width: 184px;
	max-width: auto;
}
.BtnPremiumRegist02 a .icon_touch{
	display: inline-block;
	height: 30px;
	width: 22px;
	margin-right: 8px;
}
.BtnPremiumRegist02 a .icon_touch_min{
	display: inline-block;
	height: 18px;
	width: 13px;
	margin-right: 5px;
}

/* グラフタブ */
.DataPickupHorseWrap {
	position: relative;
	background: #f8f8f8;
	border: 1px solid #dadada;
	border-radius: 4px;
	margin: 18px 10px;
}
.DataPickupHorseWrap > dl{
	margin: 0 10px;
}
.DataPickupHorseWrap > dl + dl{
	border-top: 1px solid #dadada;
}
.DataPickupHorseWrap > dl dt{
	position: relative;
	padding: 10px 0;
	font-size: 88.89%;
	font-weight: bold;
	cursor: pointer;
}
.DataPickupHorseWrap > dl dt::after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 7px;
	margin-top: -7px;
	transition: 0.1s all;
}

.DataPickupHorseWrap > dl dt.open::after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.DataPickupHorseWrap > dl .Umaban_Num{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 87.5%;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin: 0 10px 0 0;
	color: #fff;
}
.DataPickupHorseWrap > dl .Umaban_Num.Waku1 {
	color: #555;
	border: 1px solid #cacaca;
}
.PickupDataBox{
	padding-bottom: 10px;
}
.PickupDataBox ul{
	background: #fff;
	border-radius: 4px;
	padding: 6px 10px;
}
.PickupDataBox ul li{
	position: relative;
	font-size: 77.78%;
	padding-left: 21px;
	line-height: 18px;
}
.PickupDataBox ul li::before{
	content: "";
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.327,6.207c.8,3-1.4,3.936-1.4,3.936C12.791,5.493,5.59,2.028,6.786,0,3.332,1.436,4.913,2.873,4.864,5.346S1.786,7.1,2.6,4.952C-2.17,9.229-.074,16.386,6.423,16.386c5.82,0,8.232-5.979,4.9-10.178m-5.12,9.158c-2.355,0-3.094-2.884-1.446-4.426,0,1.106,1.306,1.141,1.306.106,0-1.064-1.2-1.458-.122-2.853,0,1.585,1.972,1.688,2.789,3.5a2.569,2.569,0,0,1-2.527,3.671' transform='translate(0 0.001)' fill='%23e03d3c'/%3E%3C/svg%3E");
	width: 13px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 1px;
	left: 0;
}
.PickupDataBox ul li + li{
	margin-top: 6px;
}

/* ダミー */
.DataPickupHorseWrap .DummyBox01 {
	position: relative;
	background: url(../img/race/datatop3_sample01.png) no-repeat left top;
	background-size: contain;
	width: 100%;
	height: 227px;
}
.DataPickupHorseWrap .DummyBox02 {
	position: relative;
	background: url(../img/race/datatop3_sample02.png) no-repeat left top;
	background-size: contain;
	width: 100%;
	height: 124px;
}
.Premium_Regist_Box02.DataTop3 {
	position: absolute;
	top: 0;
	left: -4px;
	right: -4px;
	z-index: 5;
	min-width: 140px;
	padding: 12px 0;
}
.DataPickupHorseWrap .DummyBox01 .Premium_Regist_Box02.DataTop3 {
	margin-top: 28px;
	margin-bottom: 0;
}
.DataPickupHorseWrap .DummyBox02 .Premium_Regist_Box02.DataTop3 {
	left: -2px;
	right: -4px;
	padding: 10px 0 7px;
	margin-top: 8px;
	margin-bottom: 0;
}
.Premium_Regist_Box02.DataTop3 .Premium_Regist_MsgArea01 {
	margin-bottom: 12px;
}
.Premium_Regist_Box02.DataTop3 p.Premium_Regist_Msg01,
.Premium_Regist_Box02.DataTop3 p.Premium_Regist_Msg02 {
	font-size: 83.34%;
	line-height: 1.3;
	padding-bottom: 0;
}
.DataPickupHorseWrap .DummyBox02 .Premium_Regist_Box02.DataTop3 p.Premium_Regist_Msg01,
.DataPickupHorseWrap .DummyBox02 .Premium_Regist_Box02.DataTop3 p.Premium_Regist_Msg02 {
	font-size: 72.23%;
	line-height: 1.1;
}
.Premium_Regist_Box02.DataTop3 .Premium_Regist_Txt02 {
	margin: 6px 0;
}
.Premium_Regist_Box02.DataTop3 p.Premium_Regist_Msg_Campaign01:before,
.Premium_Regist_Box02.DataTop3 p.Premium_Regist_Msg_Campaign01:after {
}
.Premium_Regist_Box02.DataTop3 .Premium_Regist_Btn {
	margin: 7px 10px;
	padding: 10px 0;
	text-align: center;
	width: auto;
}
.DataPickupHorseWrap .DummyBox02 .Premium_Regist_Box02.DataTop3 .Premium_Regist_Btn {
	margin: 4px 10px;
	padding: 8px 0;
}


/* データ詳細 */
p.ToBack {

}
p.ToBack a {
	position: relative;
	display: block;
	color: #666;
	font-size: 72.23%;
	padding-right: 18px;
}
p.ToBack a:after{
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 50%;
	right: 3px;
	margin-top: -5px;
	border-radius: 2px;
	background: none;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.SubTitle {
	padding: 0 10px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-end;
	align-items: center;
}
.SubTitle h2,
.SubTitle h3{
	margin-right: auto;
	margin-bottom: 0;
}

.DataMenuBox {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 10px;
}
.DataMenu_Tab_Wrap {
	overflow-x: auto;
	padding: 0 10px 4px;
}
.DataMenuList01 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	align-items: center;
}
.DataMenuList01 li {
	padding-right: 16px;
}
.DataMenuList01 li a {
	position: relative;
	color: #666;
	font-size: 72.23%;
	display: inline-block;
	line-height: 2;
	border-radius: 1em;
	padding: 0;
	white-space: nowrap;
	min-width: 64px;
	text-align: center;
}
.DataMenuList01 li.Active a {
	font-weight: bold;
}
.DataMenuList01 li.Active a::after {
	content: "";
	background: #707070;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.DataSelectMenuBox {
	width: 126px;
	-ms-flex-preferred-size: 126px;
	flex-basis: 126px;
}
.DataSelectMenuBox select {
	-webkit-appearance: none;
	width: 100%;
	height: 34px;
	padding: 9px 26px 8px 15px;
	color: #666;
	font-size: 72.23%;
	background-color: #fff;
	background-image: url(../img/race03/arrow_select.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}
/*-- データリスト --*/

.DataTable_Wrap {
	position: relative;
}
.Data01_Table {
	border-collapse: collapse;
	background: #fff;
}
.Data01_Table thead th {
	background: #eaeaea;
	font-size: 72%;
	color: #777;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding: 3px 2px 3px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.2;
	letter-spacing: 1px;
	white-space: nowrap;
}
.Data01_Table thead th + th {
	border-left: 1px solid #dadada;
}
.Data01_Table thead th .tablesorter-header-inner {
	line-height: 1.2;
	letter-spacing: 1px;
	white-space: nowrap;
}
.Data01_Table.Default thead th,
.Data01_Table.Past thead th,
.Data01_Table.Course thead th {
	vertical-align: bottom;
}
.Data01_Table tbody td {
	font-size: 83%;
	font-weight: bold;
	color: #555;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 8px;
	border: 1px solid #dadada;
}
.Data01_Table tbody td.Horse_Info {
	text-align: left;
}
.Data01_Table tbody td.Horse_Info dl dt,
.Data01_Table tbody td.Horse_Info dl dd {
	line-height: 1.5;
}
.Data01_Table tbody td.Horse_Info dl dd {
	font-size: 80.34%;
}
.Data01_Table tbody [class*="Waku"] {
	font-weight: normal;
	padding: 8px 2px;
	text-align: center;
}
.Data01_Table tr.Main_Data td { 
	background: #ffc;
}
.Data01_Table .Good_Data {
	background: #fcc !important;
}
.Race_Ranking_Data table tr.Data td {
	text-align: right;
}
.Race_Ranking_Data table td.Rank {
	background: #f1f2f3;
	text-align: center !important;
}
.Race_Ranking_Data table td.Name {
	text-align: left !important;
}
.Race_Ranking_Data h3.DataTable_Caption {
	font-size: 83%;
	font-weight: bold;
	padding: 14px 0 8px 4px;
	text-align: left;
}
/*-- 選択状態 --*/
.Data01_Table .Selected {
	background: #ffebed !important;
}
.Data01_Table .Selected .selectBox {
	background: #ef5350;
	border: 1px solid #ef5350;
	color: #fff;
}
/*-- 3カラム --*/
ul.Col3 li{
	float:left;
	width:33.3%;
	width:calc(100% / 3);
	width:-webkit-calc(100% / 3);
}

ul.Btn_List_02.Col3 li:nth-child(n + 4){
	margin-top: 8px;
}
ul.Btn_List_01.Col3 li:nth-child(3n),
ul.Btn_List_02.Col3 li:nth-child(3n){
	width: 33.4%;
	width: calc(100% / 3);
	width: -webkit-calc(100% / 3);
}
/*-- 4カラム --*/
ul.Col4 li{
	float: left;
	width: 25%;
}
ul.Btn_List_02.Col4 li:nth-child(n + 5){
	margin-top: 8px;
}
/*-- 5カラム --*/
ul.Col5 li{
	float: left;
	width: 20%;
}
ul.Btn_List_02.Col5 li:nth-child(n + 6){
	margin-top: 8px;
}


.Tendency_Data_Area{
	padding: 0 0 8px;
	position: relative;
}
.Tendency_Data_Area table th {
	height: 40px;
}
.Tendency_Data_Table table td {
	white-space: nowrap;
	text-align:right;
}
.Tendency_Data_Area table.Horse_Name_Table th.Horse_Name_Table,
.Tendency_Data_Area table.Tendency_Data_Table th.Horse_Name_Table {
	white-space: nowrap;
	height: 40px;
	vertical-align:middle;
}
.Tendency_Data_Area table.Horse_Name_Table td.Horse_Info{
	background:#fff;
	text-align:left;
	height:27px;
	vertical-align:middle;
}
.Tendency_Data_Area > table {
	background: #fff;
	border-right: 3px double #ddd!important;
}
.Tendency_Data_Area.Race_Data > table td.Horse_Info,
.Tendency_Data_Table.Race_Data > table td.Horse_Info{
/*	font-size: 76%; */
}
.Tendency_Data_Area.Race_Data > table td.DataTitle_Cell,
.Tendency_Data_Table.Race_Data > table td.DataTitle_Cell {
	text-align:left;
}
.Tendency_Data_Area.Race_Data table#table_sort_front td.Horse_Info,
.Tendency_Data_Table.Race_Data table#table_sort_front td.Horse_Info {
	border-right: 0 none;
}
.Tendency_Data_Area.Race_Data table.Race_Common_Table td.Num,
.Tendency_Data_Table.Race_Data table.Race_Common_Table td.Num {
	font-size:100%;
}

/* チェック */
.Data01_Table tbody td.Horse_Select {
	padding: 6px 10px;
}
.Data01_Table .HorseCheckBtn{
	width: 25px;
	height: 25px;
}
.Data01_Table .HorseCheck_Select + label{
	-webkit-background-size:25px 25px;
	-moz-background-size:25px 25px;
	-ms-background-size:25px 25px;
	background-size:25px 25px;
}
.Data01_Table .HorseCheck_Select + label:after{
	height:15px;
	width:8px;
	margin-top:-12px;
}
.Data01_Table .HorseCheck_Select:checked + label:before{
	width:23px;
	height:23px;
	top:0;
	left:0px;
	border-radius:8px;
}
/* 印 */
.Data01_Table .tzSelect{
	width:25px !important;
	height: 25px;
}
.Data01_Table .tzSelect .selectBox {
	font-size:100% !important;
	line-height: 25px;
	box-shadow: rgba(0, 0, 0, 0.199219) 0px 0.6px 0.6px;
}
.Data01_Table .tzSelect li > span{
	font-size: 128%;
}

.Data01_Table td.cellcolor_1{
	background:#ffef7f;
}
.Data01_Table td.cellcolor_2{
	background:#cbdeff;
}
.Data01_Table td.cellcolor_3{
	background:#efc79f;
}
.DataTable_Wrap + .NotesWrap {
	margin-top: 8px;
}
.NotesWrap p {
	font-size: 78%;
	padding: 0 8px 8px;
	line-height: 1.3;
}
/* help .DataTableHelp */
.DataTableHelp .Description_Inner p{
	font-size: 77.78%;
	line-height: 1.5;
}
.DataTableHelp .Description_Inner .help_numberlist p{
	display: inline-block;
	margin-bottom: 8px;
	width: 48%;
}
.DataTableHelp .HelpColorSample {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: -2px;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	margin: 0 2px 0 3px;
}
.DataTableHelp .HelpColorSample.cellcolor_1 {
	background:#ffef7f;
}
.DataTableHelp .HelpColorSample.cellcolor_2 {
	background:#cbdeff;
}
.DataTableHelp .HelpColorSample.cellcolor_3 {
	background:#efc79f;
}

/* 改修追加 24.02.29 */
/* グラフタブ */
ul.DataGraph_Tab {
	display: flex;
	margin-bottom: 10px;
	border-bottom: 1px solid #dedede;
}
ul.DataGraph_Tab li {
	list-style-type: none;
	text-align: center;
	color: #000;
	text-decoration: none;
	border-bottom: 3px solid transparent;
	font-size: 72.23%;
}
ul.DataGraph_Tab a {
	display: block;
	cursor: pointer;
	color: #444;
	padding: 10px 0 7px;
	line-height: 1.55;
}
ul.DataGraph_Tab.Col2 li {
	width: 50%;
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2);
}
ul.DataGraph_Tab li.Active {
	position: relative;
	border-bottom: 3px solid #3950b5;
	font-weight: 700;
	color: #444:
}

.DataGraphHead {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 10px 10px;
}
/* グラフ説明 */
ul.DataGraphLegend {
	display: flex;
	align-items: center;
	margin-right: 8px;
}
ul.DataGraphLegend li{
	white-space: nowrap;
	font-size: 10px;
}
ul.DataGraphLegend li + li{
	margin-left: 10px;
}
ul.DataGraphLegend li > span{
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 3px;
	vertical-align: top;
	margin-top: 0;
}
.DataGraphHead .DataSelectMenuBox select{
	height: 28px;
	padding: 6px 26px 5px 15px;
}

/* ツールチップ */
.ChartTooltipBox {
	background: rgba(0, 0, 0, 0.81);
	color: #fff;
	border-radius: 4px;
	padding: 4px;
}
.ChartTooltipBox::before {
	content: "";
	border-top: 4px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 4px solid rgba(0, 0, 0, 0.81);
	display: block;
	position: absolute;
	top: -8px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -4px;
}
.ChartTooltipBox table thead th {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 4px;
	white-space: nowrap;
}
.ChartTooltipBox table tbody td {
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	padding: 1px;
	white-space: nowrap;
	
}
.ChartTooltipBox table tbody td > span {
	display: inline-block;
	width: 9px;
	height: 9px;
	border: 1px solid #fff;
	margin-right: 3px;
}
@media only screen and (min-width:768px){
	.ChartTooltipBox table thead th {
		font-size: 14px;
		padding-bottom: 5px;
	}
	.ChartTooltipBox table tbody td {
		font-size: 14px;
		padding-bottom: 3px;
	}
	.ChartTooltipBox table tbody td > span {
		display: inline-block;
		width: 14px;
		height: 14px;
		margin-right: 4px;
	}
}

.DataGraphWrap {
	display: flex;
	max-height: 130px;
	overflow: hidden;
}
.DataGraphWrap.AllShow {
	max-height: none;
}
.DataGraphWrap .DataHorseList01{
	width: 68px;
	padding: 16px 0 0 5px;
}
.DataGraphWrap .DataHorseList01 li {
	height: 31px;
	display: flex;
	align-items: center;
}
.DataGraphWrap .DataHorseList01 li + li {
	margin-top: 8.7px;
}
.DataGraphWrap .DataHorseList01 li a{
	display: block;
	display: -webkit-box;
	width: 62px;
	font-size: 10px;
	padding: 0 5px;
	line-height: 24px;
	height: 24px;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: normal;
	border: 1px solid #adadad;
	border-radius: 4px;
	
}
.DataGraphWrap .DataGraphImg{
	flex: 1;
	padding-bottom: 10px;
}
.TicksOutput {
	padding: 0 4px 2px 0;
}
.TicksOutput ul {
	display: flex;
	justify-content: space-between;
}
.TicksOutput ul li{
	font-size: 10px;
	color: #555;
	text-align: center;
	min-width: 18px;
	font-family: "ヒラギノ角ゴ ProN W6", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, "メイリオ", sans-serif;
}

/* もっとみる */
.MoreShowBtn{
	color: #888;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 1.27em;
	line-height: 2.55;
	display: block;
	width: 79%;
	min-width: 142px;
	margin: 10px auto 20px;
	position: relative;
}
.MoreShowBtn span{
	position: relative;
	margin-left: 8px;
}
.MoreShowBtn .Icon_Arrow {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-left: 13px;
	width: 9px;
	height: 7px;
	background: url(https://cdnv2.netkeiba.com/img.news.sp/common/img/icon/icon_sprite_column.png?20180723) no-repeat;
	-webkit-background-size: 70px auto;
	background-size: 70px auto;
	background-position: -26px -85px;
}
.MoreShowBtn.show .Icon_Arrow {
	transform: rotate(90deg);
	top: -1px;
}
.MoreShowBtn.close .Icon_Arrow {
	transform: rotate(-90deg);
	top: -1px;
}