@charset "UTF-8";
/*==============================================
netkeiba Race 下位端末用5走表示

==============================================*/

/* 5走表詳細 */
table.Shutuba_Past5_Table tr.HorseList td {
	vertical-align: middle;
	text-align: center;
	font-size: 66.67%;
	color: #555;
	font-weight: bold;
}
table.Shutuba_Past5_Table tr.HorseList td.Past,
table.Shutuba_Past5_Table tr.HorseList td.Rest {
    padding: 8px 6px;
    white-space: nowrap;
    background: #fff;
}
table.Shutuba_Past5_Table tr.HorseList td.Past > span,
table.Shutuba_Past5_Table tr.HorseList td.Rest > span {
    display: block;
    text-align: left;
    line-height: 1.3;
}
table.Shutuba_Past5_Table tr.HorseList td.Rest > span:nth-child(1){
white-space: normal;
}
table.Shutuba_Past5_Table tr.HorseList td.Past .Data01 {
    font-size: 106%;
    margin-bottom: 4px;
    color:#222;
}
table.Shutuba_Past5_Table tr.HorseList td.Past .Data02 {
    font-size: 141%;
    margin-bottom: 4px;
}
table.Shutuba_Past5_Table tr.HorseList td.Past .Data03 > .Num {
    display: inline-block;
    background: #e3ebf0;
    border: 1px solid #b2b2b2;
    padding: 2px 0;
    width: 26px;
    text-align:center;
    font-size: 106%;
    font-weight:bold;
    color:#000;
}
table.Shutuba_Past5_Table tr.HorseList td.Past .Data05 > strong {
    font-weight:bold;
    font-size:120%;
    color:#000;
}
table.Shutuba_Past5_Table tr.HorseList td.Past .Data03,
table.Shutuba_Past5_Table tr.HorseList td.Past .Data04,
table.Shutuba_Past5_Table tr.HorseList td.Past .Data05,
table.Shutuba_Past5_Table tr.HorseList td.Past .Data06,
table.Shutuba_Past5_Table tr.HorseList td.Past .Data07 {
    font-size: 100%;
    margin-bottom: 7px;
    color:#666;
}
table.Shutuba_Past5_Table tr.HorseList td.Past .Data07 {
    margin-bottom: 0;
}
table.Shutuba_Past5_Table tr.HorseList td.Past .Data07 > a {
    margin-right: 4px;
}
table.Shutuba_Past5_Table tr.HorseList td.Rest {
    line-height:1.4;
    font-size: 67%;
    color:#666;
    min-width: 168px;
}
table.Shutuba_Past5_Table tr.HorseList td.Rest:first-line {
    font-size: 116%;
    color: #333;
    margin-bottom: 4px;
}


/* 5走　1-3着・アイコンスタイル */
table.Shutuba_Past5_Table tr.HorseList td.Ranking_1 .Data03 > .Num {
    background: #FFEF84 !important;
    border: 1px solid #CCB834 !important;
}
table.Shutuba_Past5_Table tr.HorseList td.Ranking_2 .Data03 > .Num {
    background: #D8F6FF !important;
    border: 1px solid #6AACCE !important;
}
table.Shutuba_Past5_Table tr.HorseList td.Ranking_3 .Data03 > .Num {
    background: #FFD4D4 !important;
    border: 1px solid #FF9494 !important;
}
table.Shutuba_Past5_Table tr.HorseList td.Rest + td.Rest {min-width: 150px;}
table.Shutuba_Past5_Table tr.HorseList td.Ranking_1 {background: #FFFBE5;}
table.Shutuba_Past5_Table tr.HorseList td.Ranking_2 {background: #F5FBFF;}
table.Shutuba_Past5_Table tr.HorseList td.Ranking_3 {background: #FFF8F8;}

table.Shutuba_Past5_Table tr.HorseList td.Past .Icon_GradeType {
    display: inline-block;
    position: relative;
    top: 3px;
}
table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Icon_HorseMark {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    top: 0;
}
table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Icon_MaruGai {
    position: relative;
    top: 1px;
}

table.Shutuba_Past5_Table tr td.Horse_Info .Horse06{
	margin-bottom: 8px;
	line-height: 14px;
	width: 100%;
	text-align: right;
}
table.Shutuba_Past5_Table tr td.Horse_Info .Horse06 > img{
	width: 71px;
	vertical-align: middle;
	float: left;
}

.Shutuba_Simple_Table .Icon_HorseMark.Icon_kakuChi,
table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Icon_HorseMark.Icon_kakuChi {
	display: none;
}

tr.HorseList td.Past [class^="Icon_GradeType"]{
	vertical-align: top;
}
tr.HorseList td.Past .Icon_GradeType1:after{
	content:"GI";
}
tr.HorseList td.Past .Icon_GradeType2:after{
	content:"GII";
}
tr.HorseList td.Past .Icon_GradeType3:after{
	content:"GIII";
}
tr.HorseList td.Past .Icon_GradeType4:after{
	content:"重賞";
}
tr.HorseList td.Past .Icon_GradeType5:after{
	content:"OP";
}
tr.HorseList td.Past .Icon_GradeType6:after{
	content:"1600下";
}
tr.HorseList td.Past .Icon_GradeType7:after{
	content:"1000下";
}
tr.HorseList td.Past .Icon_GradeType8:after{
	content:"";
}
tr.HorseList td.Past .Icon_GradeType9:after{
	content:"500下";
}
tr.HorseList td.Past .Icon_GradeType10:after{
	content:"JGI";
}
tr.HorseList td.Past .Icon_GradeType11:after{
	content:"JGII";
}
tr.HorseList td.Past .Icon_GradeType12:after{
	content:"JGIII";
}
tr.HorseList td.Past .Icon_GradeType15:after{
	content:"L";
}
tr.HorseList td.Past .Icon_GradeType16:after{
	content:"3勝";
}
tr.HorseList td.Past .Icon_GradeType17:after{
	content:"2勝";
}
tr.HorseList td.Past .Icon_GradeType18:after{
	content:"1勝";
}


/* 5走表示の見方 */
.Viewpoint_Box .Baken_Flow .Inner {
	background: #f8f8f8;
	border: 0;
}
.Viewpoint_Box .Baken_Flow_Title:before {
	content: "";
	width: 3px;
	background: #333;
	height: 100%;
}
.Viewpoint_Box .table_container .Shutuba_Table.table01,
.Viewpoint_Box .table_container .Shutuba_Table.table02 {
	max-width: 283px;
	margin-bottom: 9px;
	padding: 11px 9px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table03,
.Viewpoint_Box .table_container .Shutuba_Table.table04 {
	width: 161px;
	margin-bottom: 9px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table05,
.Viewpoint_Box .table_container .Shutuba_Table.table06 {
	max-width: 280px;
	margin-bottom: 9px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table03 .Rest {
	padding: 22px 6px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table04 .Rest {
	min-width: 148px;
	padding: 15px 6px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table03 {
	max-width: 452px;
	margin-bottom: 9px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table03 td.Past {
	width: 266px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table07,
.Viewpoint_Box .table_container .Shutuba_Table.table08 {
	width: 229px;
	margin-bottom: 9px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table08 .Rest {
	padding: 11px 9px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table01 td.Horse_Info,
.Viewpoint_Box .table_container .Shutuba_Table.table01 td.Jockey,
.Viewpoint_Box .table_container .Shutuba_Table.table03 td.Rest,
.Viewpoint_Box .table_container .Shutuba_Table.table03 td.Past,
.Viewpoint_Box .table_container .Shutuba_Table.table07 td.Rest {
	border: 1px solid #E3E5EB;
}
.Viewpoint_Box .table_container .Shutuba_Table.table02 td.Horse_Info,
.Viewpoint_Box .table_container .Shutuba_Table.table02 td.Jockey,
.Viewpoint_Box .table_container .Shutuba_Table.table04 td.Rest,
.Viewpoint_Box .table_container .Shutuba_Table.table06 td.Past,
.Viewpoint_Box .table_container .Shutuba_Table.table08 td.Rest {
	border: 1px solid #777;
}
.Viewpoint_Box .symbol_txt_area p {
	font-size: 67%;
	line-height: 1.4;
}
.Viewpoint_Box .table02 dt,
.Viewpoint_Box .table02 span,
.Viewpoint_Box table.Shutuba_Past5_Table.table04 tr.HorseList td.Past>span,
.Viewpoint_Box .table_container .Shutuba_Table.table04 span:not(.Data01),
.Viewpoint_Box .table08 span:not(.Data02) {
	white-space: pre-wrap;
}
.Viewpoint_Box .table_container .Shutuba_Table.table04 td.Rest span:not(.Data01) {
	font-size: 82%;
}
.Viewpoint_Box .table02 dt.Horse06 span.left {
	display: block;
	text-align: left;
	margin-bottom: 6px;
}
.Viewpoint_Box .table02 dt.Horse06 span.right {
	display: block;
	text-align: right;
	margin-bottom: 6px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table04 span.color_blue,
.Viewpoint_Box .table_container .color_blue {
	color: #06389b;
	font-weight: bold;
}
.Viewpoint_Box .table_container .color_blue {
	font-size: 100%;
}
.Viewpoint_Box .table_container .Shutuba_Table.table04 td.Rest > span.Data01 {
	font-weight: bold;
}
.Viewpoint_Box .table_container .Shutuba_Table.table07 td.Rest,
.Viewpoint_Box .table_container .Shutuba_Table.table08 td.Rest {
	padding: 22px 13px;
}
.Viewpoint_Box .table_container .Shutuba_Table.table08 span.BirthDay {
	font-size: 100%;
	padding-top: .8em;
}
.Viewpoint_Box .Date02_01,
.Viewpoint_Box .Date02_02 {
	font-size: 85%;
}
.Viewpoint_Box .table_container .Shutuba_Table.table04 td.Past .Data05 > strong {
	font-size: 100%;
}
.Viewpoint_Box .table_container .Shutuba_Table.table04 td.Past .Data01 {
	font-weight: bold;
}
.Viewpoint_Box table.Shutuba_Past5_Table tr td.Horse_Info .Horse06 > .Popular {
    display: table-cell;
    width: 100%;
    text-align: right;
}
.Viewpoint_Box .symbol_txt_area {
	margin-bottom: 13px;
}
.Viewpoint_Box .Record_Area .Inner>div.table_container:nth-child(2n) {
	margin-bottom: 17px;
}
.Viewpoint_Box .Img_Area {
	margin-bottom: 9px;
}
.Viewpoint_Box .Img_Area img{
	border: 1px solid #E3E5EB;
	width: 281px;
}


@media only screen and (max-width: 375px) {
.Viewpoint_Box table.Shutuba_Past5_Table tr td.Horse_Info .Horse02 {
	font-size: 110%;
}
}
@media only screen and (max-width: 320px) {
.Viewpoint_Box .Img_Area img{
	width: 100%;
}
}

/* 脚質タイプ */
table.Kyaku_Type {
	margin-bottom: 15px;
}
table.Kyaku_Type tr th {
	width: 50px;
	font-size: 74%;
	text-align: center;
	color: #777;
	background: #efefd9;
	line-height: 1.2;
	white-space: nowrap;
}
table.Kyaku_Type tr td {
	text-align: left;
	padding: 6px 4px 0 4px;
}
.Kyaku_Type_Num {
	display: inline-block;
	width: 30px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	padding: 6px 0px 6px 0;
	position: relative;
	margin-bottom: 1px;
}
.Kyaku_Type_box {
	display: inline-block;
	margin-bottom: 6px;
	margin-right: 6px;
	text-align: center;
}
.Kyaku_Type_box .UmaName {
	padding-left: 2px;
}


/*-- 出走馬分析上位3頭 --*/
table.AnaBestTable {
	margin-bottom: 10px;
}
table.AnaBestTable tr th{
	width: 79px;
	font-size: 74%;
	text-align: center;
	color: #777;
	background: #efefd9;
	line-height: 1.2;
	white-space: nowrap;
}
table.AnaBestTable tr td {
	text-align: left;
	font-size: 74%;
	padding: 0;
}
.AnaBest_HorseBox {
	padding: 6px 4px 0px 4px;
}
.AnaBest_Horse {
	display: inline-block;
	margin-bottom: 6px;
	margin-right: 6px;
	text-align: center;
}
.AnaBest_Horse .UmaName {
	padding-left: 2px;
	color: #555
}
.AnaBestTable td a {
	display: block;
	position: relative;
}
.AnaBestTable td a:after {
	content: " ";
	display:block;
	position: absolute;
	top: 50%;
	right: 14px;
	height: 12px;
	width: 12px;
	font-size: 0;
	line-height: 0;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.Shutuba_Help dl dd p.Note{
	font-size: 77.78%;
	margin-top: 12px;
	line-height: 1.3;
}


/* 5走表示サンプル画像 */
.Premium_Regist_Box.Past5 {
    position: absolute;
    top: 600px;
    left: 326px;
    width: 440px;
    margin: 0;
}
.Past5_Sample {
    background: url("../img/race/past5_sample.png") no-repeat left top;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
}