@charset "UTF-8";
/* COMMON VARIABLES */
/* COMMON MIXINS */
/* submit_btn viewBtn */
button.SubmitBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(146, 151, 165, 0.8);
  box-shadow: 0 1px 3px rgba(146, 151, 165, 0.8);
  background: #ef5350;
  border-radius: 3px;
  font-size: 88%;
  font-weight: bold;
  padding: 15px 0;
  position: relative;
  width: 100%;
}

button.SubmitBtn.Type_A {
  background: #ef5350 url("../img/icon/icon_view.png") no-repeat 24px center;
  background-size: 10px 11px;
  -webkit-background-size: 10px 11px;
  -moz-background-size: 10px 11px;
  -ms-background-size: 10px 11px;
}

button.SubmitBtn.Type_B {
  font-size: 94%;
  text-indent: -2em;
}

button.SubmitBtn.Type_C,
button.SubmitBtn.Type_D {
  background: #FFE35C;
  color: #572908;
  font-weight: bold;
  -webkit-box-shadow: 0 2px 2px #9d7b32;
  box-shadow: 0 2px 2px #9d7b32;
}

button.SubmitBtn.Type_D {
  background: #FFE35C url("../img/icon/icon_view03.png") no-repeat 24px center;
  background-size: 10px 11px;
  -webkit-background-size: 10px 11px;
  -moz-background-size: 10px 11px;
  -ms-background-size: 10px 11px;
}

/* =======================================================
 鐃緒申鐃緒申表layout
======================================================= */
/* Mode鐃緒申鐃緒申btn */
.Shutuba_Table tr.Header th.CheckMark .On_MarkMode,
.Shutuba_Table tr.Header th.CheckMark .On_CheckMode {
  font-size: 100%;
  font-weight: normal;
}

.Shutuba_Table .Header .CheckMark .Off_MarkMode {
  color: #444444;
  font-weight: normal;
}

.Shutuba_Btn_Group {
  padding: 8px 8px 8px;
  background: #e2e0da;
  margin-top: 20px;
  margin-bottom: 1px;
}

.Mode_Change_Btn {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  width: 82px;
  display: inline-block;
  font-size: 72%;
  font-weight: bold;
  color: #707070;
  background: #efefef;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px rgba(146, 151, 165, 0.6);
  box-shadow: 0 2px 2px rgba(146, 151, 165, 0.6);
  padding: 10px 0;
}

.Mode_Change {
  display: inline-block;
  position: relative;
  float: left;
}

.Mode_Change:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 27px;
  left: 50%;
  margin-left: -5px;
  -webkit-box-shadow: 1px 1px 1px rgba(146, 151, 165, 0.5);
  box-shadow: 1px 1px 1px rgba(146, 151, 165, 0.5);
  background: #efefef;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 鐃縮常・5鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申表鐃緒申鐃術刻申btn */
.ChangeMarkBtn {
  float: left;
  width: 100%;
}

.OddsUpdataBtn {
  line-height: 11px;
  margin-top: 2px;
}

.Mode_Btn {
  width: auto;
  float: left;
  margin-left: 7px;
}

.Mode_Btn ul {
  border: 1px solid #c0bdb4;
}

.Mode_Btn ul a {
  border-radius: 3px;
  background-color: #f4f2ec;
  color: #444;
  cursor: pointer;
  text-align: center;
}

.Mode_Btn ul a:hover {
  background: #fff;
  color: #444;
}

.Mode_Btn ul .Active a {
  color: #444;
  background: transparent;
  background-color: #e2e0da;
}

.Mode_Btn ul li:first-child,
.Mode_Btn ul li:first-child a {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.Mode_Btn ul li:last-child,
.Mode_Btn ul li:last-child a {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* 鐃緒申鐃緒申表 */
.Shutuba_HorseList {
  position: relative;
  margin: 0 0 15px;
}

.Shutuba_Table {
  border-collapse: collapse;
  width: 100%;
  background: #fff;
}

.Shutuba_Table tr.HorseList {
  border-bottom: 1px solid #d9d8ce;
}

.Shutuba_Table tr.Header th + th {
  border-left: 1px solid #d9d8ce;
}

.Shutuba_Table tr.Header th.Waku {
  width: 1em;
  padding: 0 3px;
  line-height: 1.2;
  background: #f4f2ec;
}

.Shutuba_Table tr.Header th.CheckMark {
  white-space: nowrap;
  width: 54px;
  letter-spacing: -1px;
  font-weight: bold;
}

.Shutuba_Table tr.Header th.Horse_Info {
  line-height: 1.2;
  width: 175px;
}

.Shutuba_Table tr.Header th.Popular,
.Shutuba_Table tr.Header th.Weight {
  line-height: 1.2;
}

.Shutuba_Table tr.HorseList td {
  vertical-align: middle;
  text-align: center;
  font-size: 66%;
  color: #222;
}

.Shutuba_Table tr.HorseList td + td {
  border-left: 1px solid #d9d8ce;
}

.Shutuba_Table tr.HorseList td.Horse_Select {
  padding: 8px 0;
}

.Shutuba_Table tr.HorseList td.Horse_Info {
  text-align: left;
  padding: 6px 4px;
  font-size: 12px;
}

.Shutuba_Table tr.HorseList td.Horse_Info dl dt.Horse {
  color: #145BFB;
  font-size: 141%;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 7px;
  letter-spacing: -1px;
}

.Shutuba_Table tr.HorseList td.Horse_Info dl dd.Age,
.Shutuba_Table tr.HorseList td.Horse_Info dl dd.Jockey {
  font-size: 108%;
  color: #9c9fa6;
}

.Shutuba_Table tr.HorseList td.Horse_Info dl dd.Age {
  float: left;
}

.Shutuba_Table tr.HorseList td.Horse_Info dl dd.Age > .Kyaku_Type {
  position: relative;
  top: -1px;
}

.Shutuba_Table tr.HorseList td.Horse_Info dl dd.Jockey {
  float: right;
}

.Shutuba_Table tr.HorseList td.Popular,
.Shutuba_Table tr.HorseList td.Weight {
  font-size: 78%;
}

.Shutuba_Table tr.HorseList td.Popular > span,
.Shutuba_Table tr.HorseList td.Weight > span {
  display: inline-block;
  font-weight: bold;
  font-size: 92%;
  color: #9c9fa6;
  white-space: nowrap;
  margin-top: 9px;
}

@media screen and (max-width: 374px) {
  .Shutuba_Table tr.HorseList td.Horse_Info dl dt.Horse {
    font-size: 122%;
  }
}

/*-- 鐃緒申鐃緒申鐃緒申鐃--*/
.Shutuba_Table tr.Cancel {
  text-align: center;
}

.Shutuba_Table tr.Cancel > td:not([class*=Waku]) {
  background-color: #dee0e5 !important;
}

.Shutuba_Table tr.Cancel td,
.RaceOdds_HorseList_Table tr.Cancel {
  color: #9C9fa6;
  vertical-align: middle;
  font-size: 66%;
}

.Shutuba_Table tr.Cancel td + td {
  border-left: 1px solid #c6c9d3;
}

.Shutuba_Table tr.Cancel td.Horse_Info {
  text-align: left;
  padding: 10px 6px;
}

.Shutuba_Table tr.Cancel td.Horse_Info dl dt.Horse {
  color: #9C9FA6;
  font-weight: bold;
  font-size: 141%;
  margin-bottom: 8px;
  line-height: 1.2;
  letter-spacing: -1px;
}

.Shutuba_Table tr.Cancel td.Cancel_Txt {
  font-size: 78%;
}

.Shutuba_Table tr.Cancel td.Horse_Info dl dd.Age {
  float: left;
  font-weight: bold;
  font-size: 108%;
}

.Shutuba_Table tr.Cancel td.Horse_Info dl dd.Jockey {
  float: right;
  font-weight: bold;
  font-size: 108%;
}

.Shutuba_Table tr.Cancel td.Popular {
  font-weight: bold;
  color: #9C9FA6;
}

.Shutuba_Table tr.Cancel td.Weight > span {
  width: 6px;
  height: 2px;
  background: #9C9FA6;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 374px) {
  .Shutuba_Table tr.Cancel td.Horse_Info dl dt.Horse {
    font-size: 122%;
  }
}

table.Shutuba_Table tr.HorseList td.Horse_Info .Icon_HorseMark {
  /*	position: relative;
      top: 1px;*/
}

/*-- �ȿ� --*/
table tr td.Waku1 {
  background: #fff;
}

table tr td.Waku2 {
  background: #222;
  color: #fff !important;
}

table tr td.Waku3 {
  background: #dc3c3c;
  color: #fff !important;
}

table tr td.Waku4 {
  background: #2c53a9;
  color: #fff !important;
}

table tr td.Waku5 {
  background: #e4ca3b;
  color: #fff !important;
}

table tr td.Waku6 {
  background: #58af4a;
  color: #fff !important;
}

table tr td.Waku7 {
  background: #de8a26;
  color: #fff !important;
}

table tr td.Waku8 {
  background: #ef8fa0;
  color: #fff !important;
}

/* submit_btn */
#shutuba_form .Notice {
  font-size: 72%;
  color: #666;
  text-align: center;
  line-height: 1.3;
  padding: 12px 0 0;
}

/* ����ɽ�����å��������� */
.Shutuba_Update_Time {
  padding: 0 8px 8px;
}

.Shutuba_Update_Time > dl,
.Shutuba_Update_Time .Update_Time_Table {
  border-collapse: collapse;
  width: 100%;
  background: #fff;
}

.Shutuba_Update_Time .Update_Time_Table + .Update_Time_Table {
  margin-top: 8px;
}

.Shutuba_Update_Time .Update_Time_Table tr.Header {
  background: #72737e;
  color: #fff;
  border: 1px solid #686978;
  text-align: center;
}

.Shutuba_Update_Time .Update_Time_Table tr.Header th {
  padding: 8px 0;
}

.Shutuba_Update_Time .Update_Time_Table tr:not(.Header) th {
  background: #999;
  color: #fff;
  font-weight: normal;
  width: 70px;
  padding: 8px 0;
  border: 1px solid #ccc;
  vertical-align: middle;
  line-height: 1.2;
}

.Shutuba_Update_Time .Update_Time_Table tr td {
  color: #333;
  padding: 8px;
  border: 1px solid #ccc;
  border-left: none;
  vertical-align: middle;
  line-height: 1.3;
}

.Shutuba_Update_Time .Update_Time_Table tr td > span {
  color: #888;
  font-size: 85%;
  margin-left: 4px;
}

.Shutuba_Update_Time .Note {
  margin: 8px 0;
  line-height: 1.3;
}

.Shutuba_Update_Time table.Update_Time_Table td > dl dt {
  font-weight: bold;
  line-height: 1.25;
}

.Shutuba_Update_Time table.Update_Time_Table td > dl dd {
  margin-top: .5em;
  line-height: 1.25;
}

.Shutuba_Update_Time table.Update_Time_Table td > dl dd + dt {
  margin-top: .6em;
}

.Shutuba_Type_Section {
  margin: 12px 8px 0;
}

.Update_Btn_Group + .Contents_Box .Shutuba_Type_Section:first-child {
  margin: 0 8px;
}

.Shutuba_Type_Section [class*="Type_BgColor"] {
  border-radius: 2px;
}

.Shutuba_Type_Section .Type_Header {
  color: #fff;
  padding: 12px 18px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  position: relative;
  margin-bottom: 8px;
}

.Shutuba_Type_Section .Type_Header.Icon_Close01 {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.Shutuba_Type_Section .Type_Header:before {
  content: "";
  display: inline-block;
  background: url("../img/icon/icon_toggle_arrow.png") no-repeat 1px -12px;
  -webkit-background-size: 17px 46px;
  -moz-background-size: 17px 46px;
  -ms-background-size: 17px 46px;
  background-size: 17px 46px;
  width: 19px;
  height: 10px;
  position: absolute;
  top: 17px;
  right: 18px;
}

.Shutuba_Type_Section .Icon_Close01:before {
  content: "";
  display: inline-block;
  background: url("../img/icon/icon_toggle_arrow.png") no-repeat 1px 0px;
  -webkit-background-size: 17px 46px;
  -moz-background-size: 17px 46px;
  -ms-background-size: 17px 46px;
  background-size: 17px 46px;
  width: 19px;
  height: 10px;
  position: absolute;
  top: 15px;
  right: 18px;
}

.Shutuba_Type_Section .Type_Header > .Count {
  font-size: 105%;
  font-weight: bold;
  margin-left: 5px;
}

.Shutuba_Type_Section .Type_Header > .Count > span {
  font-size: 76%;
}

.RaceSurfArea {
  padding: 26px 0;
}

/* submit_btn viewBtn */
.RaceOdds_Form_Btn {
  margin: 0 18px;
  position: relative;
}

.Shutuba_Form_Footer.Phase01_Btn {
  margin: 0px 40px;
  position: relative;
}

.Shutuba_Form_Footer.Phase01_Btn .SubmitBtn,
.InputBtnBox .SubmitBtn,
.InputFixedArea01 .SubmitBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  color: #fff;
  font-size: 92%;
  font-weight: bold;
  padding: 8px 0 6px;
  border-radius: 3px;
  background: #de6565;
  background-size: 10px 11px;
}

#Netkeiba_Race_Shutuba .SubmitBtn {
  text-indent: -1em;
}

.SubmitBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  color: #fff;
  font-size: 88%;
  font-weight: bold;
  padding: 16px 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(146, 151, 165, 0.8);
  box-shadow: 0 1px 3px rgba(146, 151, 165, 0.8);
  background: #ef5350 url("../img/icon/icon_view.png") no-repeat 24px center;
  -webkit-background-size: 10px 11px;
  -moz-background-size: 10px 11px;
  -ms-background-size: 10px 11px;
  background-size: 10px 11px;
}

.ViewBtn_Area {
  background-color: #fff;
  padding: 12px 20px;
  border-bottom: 1px solid #E4E4E4;
}

.ViewBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  color: #555;
  font-size: 77%;
  font-weight: bold;
  padding: 16px 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(146, 151, 165, 0.8);
  box-shadow: 0 1px 2px rgba(146, 151, 165, 0.8);
  background: #d9d9d9 url("../img/icon/icon_view02.png") no-repeat 24px center;
  -webkit-background-size: 10px 11px;
  -moz-background-size: 10px 11px;
  -ms-background-size: 10px 11px;
  background-size: 10px 11px;
}

.RaceInfo_Notice02 {
  font-size: 66%;
  color: #666;
  text-align: left;
  line-height: 1.3;
  margin: 12px 8px 0;
  padding-left: 1em;
  text-indent: -1em;
}

.RaceInfo_Link_Text a {
  display: inline-block;
  font-size: 78%;
  margin: 0 8px 12px 8px;
  line-height: 1.3;
  text-decoration: underline !important;
}

.RaceInfo_Link_Text a:before {
  content: "\FFFD\FFFD";
  display: inline-block;
}

/* 5�� ���� - ���å� */
table.Shutuba_Past5_Table tr.Cancel [class*="Waku"],
table.Shutuba_Past5_Table tr.HorseList [class*="Waku"] {
  font-size: 12px;
  font-weight: bold;
}

table.Shutuba_Past5_Table tr td {
  border: 1px solid #d9d8ce;
}

table.Shutuba_Past5_Table tr.HorseList td.Horse_Select {
  padding: 4px;
  width: 40px;
}

table.Shutuba_Past5_Table tr.HorseList td.Horse_Info {
  min-width: 170px;
}

table.Shutuba_Past5_Table tr.Header th.Odds {
  white-space: nowrap;
}

table.Shutuba_Past5_Table tr td.Horse_Info .Horse01 {
  margin-bottom: 1px;
}

table.Shutuba_Past5_Table tr td.Horse_Info .Horse01 > span {
  display: table-cell;
  color: #9c9fa6;
  text-align: right;
  width: 100%;
}

table.Shutuba_Past5_Table tr td.Horse_Info .Horse02 {
  font-size: 14px;
  margin-bottom: 2px;
}

table.Shutuba_Past5_Table tr td.Horse_Info .Horse04 {
  margin-bottom: 2px;
}

table.Shutuba_Past5_Table tr td.Horse_Info .Horse05 {
  margin-bottom: 2px;
}

table.Shutuba_Past5_Table tr td.Horse_Info .Horse06 > img {
  width: 71px;
  vertical-align: middle;
  float: left;
}

table.Shutuba_Past5_Table tr td.Horse_Info .Horse06 {
  margin-bottom: 0;
  line-height: 14px;
  width: 100%;
  text-align: right;
}

table.Shutuba_Past5_Table tr td.Horse_Info .Horse07 {
  width: 100%;
}

table.Shutuba_Past5_Table tr td.Horse_Info .Horse07 > .Popular {
  display: table-cell;
  width: 100%;
  text-align: right;
}

table.Shutuba_Past5_Table tr td.Jockey {
  font-size: 12px !important;
  padding: 6px;
  white-space: nowrap;
}

table.Shutuba_Past5_Table tr td.Jockey > a {
  display: inline-block;
  line-height: 1.3;
  margin-bottom: 4px;
  margin-top: 3px;
}

table.Shutuba_Past5_Table tr td.Jockey span {
  font-size: 100%;
}

table.Shutuba_Past5_Table tr td.Jockey .Barei {
  display: block;
  margin-bottom: 6px;
}

table.Shutuba_Past5_Table tr.Cancel td.Cancel_NoData,
table.Shutuba_Past5_Table tr.HorseList td.Popular {
  font-size: 94%;
  padding: 6px;
}

table.Shutuba_Past5_Table tr.HorseList td.Popular > span {
  font-size: 76%;
  margin-top: 4px;
  color: #555;
}

/* 5��������� */
table.Shutuba_Past5_Table tr.Cancel {
  background: #dee0e5;
}

table.Shutuba_Past5_Table tr.Cancel td + td {
  border-left: 1px solid #d9d8ce;
}

table.Shutuba_Past5_Table tr.Cancel td.Cancel_NoData {
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: 1px;
  color: #9C9fa6;
  white-space: nowrap;
}

/* 5��ɽ�ܺ� */
table.Shutuba_Past5_Table tr.HorseList td.Past,
table.Shutuba_Past5_Table tr.HorseList td.Rest {
  padding: 4px 6px 3px;
  white-space: nowrap;
  background: #fff;
  min-width: 168px;
  max-width: 168px;
}

table.Shutuba_Past5_Table tr.HorseList td.Past > span,
table.Shutuba_Past5_Table tr.HorseList td.Past > div,
table.Shutuba_Past5_Table tr.HorseList td.Rest > span,
table.Shutuba_Past5_Table tr.HorseList td.Rest > div {
  display: block;
  text-align: left;
  line-height: 1.3;
}

table.Shutuba_Past5_Table tr.HorseList td.Rest > div {
  white-space: normal;
}

table.Shutuba_Past5_Table tr.HorseList td.Past .Data01 {
  font-size: 12px;
  margin-bottom: 4px;
  color: #222;
}

table.Shutuba_Past5_Table tr.HorseList td.Past .Data02 {
  font-size: 13px;
  margin-bottom: 4px;
  font-weight: bold;
  position: relative;
}

table.Shutuba_Past5_Table tr.HorseList td.Past .Data03 {
  white-space: normal;
  position: relative;
  font-size: 11px !important;
}

table.Shutuba_Past5_Table tr.HorseList td.Past .Num {
  display: inline-block;
  background: #e3ebf0;
  border: 1px solid #b2b2b2;
  padding: 2px 0;
  text-align: center;
  font-size: 14px;
  color: #000;
  position: absolute;
  top: 2px;
  right: 0;
  line-height: 22px;
  width: 24px;
  font-weight: bold !important;
}

table.Shutuba_Past5_Table tr.HorseList td.Past .Data05 > strong {
  font-weight: normal;
  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: 11px;
  margin-bottom: 1px;
  color: #222;
}

table.Shutuba_Past5_Table tr.HorseList td.Past .Data05 {
  padding-right: 27px;
  font-size: 12px;
  white-space: normal;
  margin-bottom: 2px;
}

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;
  font-weight: bold;
}

table.Shutuba_Past5_Table tr.HorseList td.Rest {
  line-height: 1.4;
  font-size: 13px;
  color: #222;
  white-space: normal;
}

table.Shutuba_Past5_Table tr.HorseList td.Rest [class^=Data]:first-child {
  font-size: 12px;
}

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 .Data02 > .Num {
  background: #FFEF84 !important;
  border: 1px solid #CCB834 !important;
}

table.Shutuba_Past5_Table tr.HorseList td.Ranking_2 .Data02 > .Num {
  background: #D8F6FF !important;
  border: 1px solid #6AACCE !important;
}

table.Shutuba_Past5_Table tr.HorseList td.Ranking_3 .Data02 > .Num {
  background: #FFD4D4 !important;
  border: 1px solid #FF9494 !important;
}

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: 1px;
}

.Shutuba_Past5_Table .HorseList .Icon_GradeType, .Shutuba_Past5_Table .PastRace .Icon_GradeType {
  margin-top: -3px;
}

@media all and (-ms-high-contrast: none) {
  .Shutuba_Past5_Table .HorseList .Icon_GradeType4 {
    padding-top: 0;
    padding-bottom: 0;
    height: 17px;
  }
  table.Shutuba_Past5_Table tr.HorseList td.Past .Icon_GradeType6,
  table.Shutuba_Past5_Table tr.HorseList td.Past .Icon_GradeType7 {
    padding-bottom: 1px;
  }
}

table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Icon_HorseMark {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
  top: 0;
}

table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Icon_MaruGai {
  position: relative;
}

.Shutuba_Past5_Table th.Waku {
  border-left: 1px solid #d9d8ce;
}

/* 5��ɽ������ץ���� */
.Premium_Regist_Box.Past5 {
  position: absolute;
  top: 463px;
  left: 326px;
  width: 440px;
  margin: 0;
}

.Past5_Sample {
  background: url("../img/race/past5_sample.png") no-repeat left top;
  background-size: 100% 100%;
}

/*==============================================
 ���å������б� (2018.03.16)
==============================================*/
.OddsUpdateBtn01 {
  float: right;
  padding: 5px 0;
}

.OddsUpdateBtn01 button.OddsUpdataBtn {
  position: relative;
  display: block;
  width: 120px;
  height: 30px;
  font-size: 72.3%;
  text-align: center;
  background: #f4f2ec;
  color: #444;
  border: none;
  border: 1px solid #c0bdb4;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
}

@media screen and (max-width: 321px) {
  .OddsUpdateBtn01 button.OddsUpdataBtn {
    width: 110px;
  }
}

.OddsUpdateBtn01 button.OddsUpdataBtn span.OddsUpLimitTxt02 {
  display: block;
  text-align: center;
  font-size: 82.6%;
  padding: 0 6px 0 37px;
}

.OddsUpdateBtn01 button.OddsUpdataBtn span.OddsUpLimitTxt02 > span {
  display: inline-block;
  font-size: 127.4%;
  font-weight: bold;
  padding: 0 1px;
}

.OddsUpdateBtn01 button.OddsUpdataClick {
  -webkit-animation-fill-mode: none;
  -ms-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-duration: 1.6s;
  -ms-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-name: OddsBtnAnime;
  animation-name: OddsBtnAnime;
}

@-webkit-keyframes OddsBtnAnime {
  10% {
    background-color: #d7e0ff;
  }
  100% {
    background-colo: #efefef;
  }
}

@keyframes OddsBtnAnime {
  10% {
    background-color: #d7e0ff;
  }
  100% {
    background-colo: #efefef;
  }
}

.Update_Btn_Group {
  padding: 10px 8px;
}

.RaceOdds_HorseList_Title + .Update_Btn_Group {
  padding-top: 2px;
}

.OddsUpdateBox {
  position: relative;
}

.OddsUpdateBox .OddsUpBtnWrap {
  float: left;
  padding: 5px 0;
}

.OddsUpdateBox .OddsUpBtnWrap p {
  color: #666;
  font-size: 72.3%;
  font-weight: bold;
  line-height: 35px;
}

.OddsUpdateBox .OddsUpBtnWrap #official_time {
  /*	color: #d68480; */
  /*	font-size: 127.27%;*/
  font-weight: bold;
  line-height: 1.14;
}

.OddsUpdateBox .Shutuba_Btn_Group {
  float: right;
  position: absolute;
  bottom: 8px;
  right: 0;
  background: transparent;
  padding: 0 9px 0;
}

.OddsAutoCheck {
  text-align: center;
  margin-bottom: 0;
}

.ToggleCheck {
  cursor: pointer;
  position: relative;
}

.ToggleCheck input[type="checkbox"] {
  display: none;
}

.OddsAutoCheck span.OddsAutoTxt {
  color: #444444;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  position: relative;
  top: 0;
}

.OddsAutoCheck span.CheckLabelTxt {
  width: 76px;
  height: 24px;
  background: #bbb;
}

.ToggleCheck span.CheckLabelTxt {
  position: relative;
  display: inline-block;
  border-radius: 24px;
  padding: 2px 2px 2px 20px;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  width: 47px;
  height: 26px;
  background: #f4f2ec;
  left: 15px;
}

.ToggleCheck span.CheckLabelTxt:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  background: #e2e0da;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.ToggleCheck input[type="checkbox"]:checked + span.CheckLabelTxt {
  background: #de6565;
  color: #fff;
  padding: 2px 20px 2px 2px;
}

.ToggleCheck input[type="checkbox"]:checked + span.CheckLabelTxt:before {
  left: 100%;
  margin-left: -22px;
  border-color: #fff;
}

.Shutuba_Table tr.Header th.Popular > div {
  position: relative;
  /*	min-height: 54px; */
}

.Shutuba_Table_Btn01 {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 52px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  color: #707070;
  background: #fff;
  border-radius: 8px;
  padding: 2px 0;
  margin-top: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.Shutuba_Table tr.Header th.Popular span#official_time,
.Shutuba_Table tr.Header th.Horse_Info span#official_time {
  font-size: 100%;
  /*	color: #d68480; */
}

.Shutuba_Table tr.Header th span.Horse_Info_Item01,
.Shutuba_Table tr.Header th span.Horse_Info_Item02 {
  font-size: 100%;
  padding: 0 4px;
  margin-bottom: 0;
}

.Horse_Info_ItemWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* ���å�animete01 */
span.transition-color,
div.transition-color {
  display: inline-block;
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .4s;
  -ms-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-name: fadeInOdds;
  animation-name: fadeInOdds;
  visibility: visible;
}

@-webkit-keyframes fadeInOdds {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInOdds {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* �������animete02 */
td.UpdateOdds {
  -webkit-animation-fill-mode: none;
  -ms-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-duration: 2.6s;
  -ms-animation-duration: 2.6s;
  animation-duration: 2.6s;
  -webkit-animation-name: OddsBgAnime;
  animation-name: OddsBgAnime;
}

@-webkit-keyframes OddsBgAnime {
  0% {
    background-color: #fed5d5;
  }
  100% {
    background-color: rgba(254, 213, 213, 0);
  }
}

@keyframes OddsBgAnime {
  0% {
    background-color: #fed5d5;
  }
  100% {
    background-color: rgba(254, 213, 213, 0);
  }
}

.ShutubaTableFormWrap #shutuba_form {
  float: left;
  width: auto;
}

.Newspaper_Container {
  font-family: "メイリオ", Meiryo, Hiragino Sans, Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', Helvetica Neue, Helvetica, sans-serif;
}

.RaceColumn02 .Contents_Header + p {
  font-size: 12px;
  margin-top: 13px;
}

#Netkeiba_Race_Shutuba .Newspaper_Container form.Contents_Box {
  min-width: 262px;
  margin-bottom: 7px;
  padding-top: 8px;
}

#Netkeiba_Race_Shutuba .Shutuba_Form_Footer.Phase01_Btn .SubmitBtn {
  font-size: 14px;
  text-indent: -2.5em;
}

#Netkeiba_Race_Shutuba .Shutuba_Form_Footer.Phase01_Btn .SubmitBtn:hover {
  opacity: 0.8;
}

.Shutuba_Form_Footer.Phase01_Btn .SubmitBtn span.GetTimeTxt {
  font-size: 86.6%;
}

.Newspaper_Container .OddsAutoCheck {
  margin-top: 12px;
}

#Netkeiba_Race_Shutuba .Result_Guide {
  margin-bottom: 16px;
}

.Tooltip_OddsUpLimit_Wrap {
  position: relative;
  display: block;
}

.Tooltip_OddsUpLimit_Wrap > span {
  display: block;
  line-height: 1.36;
}

/* ����ɽ�����å��������� */
.Shutuba_Update_Time {
  padding: 0 8px 8px;
}

.Shutuba_Update_Time > dl,
.RaceIpat_Help dl {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  padding: 10px;
}

.Shutuba_Update_Time > dl > dt,
.RaceIpat_Help dl dt {
  font-size: 78%;
  color: #0039ab;
  position: relative;
  padding-left: 26px;
}

.Shutuba_Update_Time > dl > dt:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url("../img/icon/icon_sprite_raceinfo.png") no-repeat;
  background-position: -37px -3px;
  -webkit-background-size: 124px 300px;
  -moz-background-size: 124px 300px;
  -ms-background-size: 124px 300px;
  background-size: 124px 300px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
}

.Shutuba_Update_Time > dl > dt:before {
  background-position: -37px -3px;
  margin-top: -11px;
}

.Description_Box dl dt:before {
  background-position: -37px -262px;
}

.Shutuba_Update_Time > dl > dd,
.RaceIpat_Help dl dd {
  font-size: 78%;
  display: none;
  margin-top: 12px;
}

.Description_Box > dl {
  padding: 10px;
}

.Description_Box > dl > dt {
  padding: 0 0 0 26px;
  color: #0039ab;
}

.Viewpoint_Box > dl > dt,
.Shutuba_Update_Time > dl > dt {
  cursor: pointer;
}

.Description_Box > dl > dt:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(../img/icon/icon_sprite_raceinfo.png) no-repeat;
  background-position: -37px -262px;
  -ms-background-size: 124px 300px;
  background-size: 124px 300px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
}

.Description_Box .Icon_ArrowB,
.Shutuba_Update_Time .Icon_ArrowB,
.RaceIpat_Help .Icon_ArrowB {
  display: inline-block;
  background: url("../img/icon/icon_sprite_raceinfo.png") no-repeat -36px -44px;
  -webkit-background-size: 124px 300px;
  -moz-background-size: 124px 300px;
  -ms-background-size: 124px 300px;
  background-size: 124px 300px;
  width: 22px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  border-radius: 0;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  border: none;
}

.Description_Box .Icon_ArrowT,
.Shutuba_Update_Time .Icon_ArrowT,
.RaceIpat_Help .Icon_ArrowT {
  display: inline-block;
  background: url("../img/icon/icon_sprite_raceinfo.png") no-repeat -36px -59px;
  -webkit-background-size: 124px 300px;
  -moz-background-size: 124px 300px;
  -ms-background-size: 124px 300px;
  background-size: 124px 300px;
  width: 22px;
  height: 12px;
  position: absolute;
  top: 2px;
  right: 0;
  border-radius: 0;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  border: none;
}

.RaceIpat_Info li + li {
  margin-top: 8px;
}

.RaceIpat_Info li a {
  font-size: 83%;
  display: block;
  line-height: 1.3;
  padding-left: 28px;
  position: relative;
}

.RaceIpat_Info li a:before {
  content: "";
  display: block;
  background: url("../img/icon/icon_sprite_raceinfo.png") no-repeat;
  background-position: -37px -263px;
  -webkit-background-size: 124px 300px;
  -moz-background-size: 124px 300px;
  -ms-background-size: 124px 300px;
  background-size: 124px 300px;
  width: 22px;
  height: 21px;
  position: absolute;
  top: -1px;
  left: 0;
}

.Shutuba_Update_Time .Update_Time_Table {
  border-collapse: collapse;
  width: 100%;
  background: #fff;
}

.Shutuba_Update_Time .Update_Time_Table + .Update_Time_Table {
  margin-top: 8px;
}

.Shutuba_Update_Time .Update_Time_Table tr.Header {
  background: #72737e;
  color: #fff;
  border: 1px solid #686978;
  text-align: center;
}

.Shutuba_Update_Time .Update_Time_Table tr.Header th {
  padding: 8px 0;
}

.Shutuba_Update_Time .Update_Time_Table tr:not(.Header) th {
  background: #999;
  color: #fff;
  font-weight: normal;
  width: 70px;
  padding: 8px 0;
  border: 1px solid #ccc;
  vertical-align: middle;
  line-height: 1.2;
}

.Shutuba_Update_Time .Update_Time_Table tr td {
  color: #333;
  padding: 8px;
  border: 1px solid #ccc;
  border-left: none;
  vertical-align: middle;
  line-height: 1.3;
}

.Shutuba_Update_Time .Update_Time_Table tr td > span {
  color: #888;
  font-size: 85%;
  margin-left: 4px;
}

.Shutuba_Update_Time .Note {
  margin: 8px 0;
  line-height: 1.3;
}

.Shutuba_Update_Time table.Update_Time_Table td > dl dt {
  font-weight: bold;
  line-height: 1.25;
}

.Shutuba_Update_Time table.Update_Time_Table td > dl dd {
  margin-top: .5em;
  line-height: 1.25;
}

.Shutuba_Update_Time table.Update_Time_Table td > dl dd + dt {
  margin-top: .6em;
}

table.Shutuba_Table .Header th {
  color: #444444;
  padding: 4px 1px;
  font-weight: bold;
  font-size: 12px;
}

.Newspaper_Container {
  display: inline-block;
  width: 960px;
}

.Newspaper_Container form.Contents_Box {
  min-width: 262px;
  margin-bottom: 7px;
  padding-top: 8px;
}

.Newspaper_Container .Shutuba_Form_Footer {
  margin-left: 10px;
}

.Newspaper_Container .Shutuba_Form_Footer button.SubmitBtn {
  text-align: center;
  text-indent: 0 !important;
  padding: 6px 10px;
  font-size: 14px;
  width: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.Newspaper_Container .Shutuba_Form_Footer:hover {
  opacity: 0.8;
}

.Newspaper_Container .Shutuba_HorseList {
  margin-bottom: 0;
}

.Newspaper_Container .Shutuba_HorseList .Shutuba_Past5_Table .HorseList td.First {
  background: #fff;
  min-width: 168px;
}

.Newspaper_Container .Shutuba_HorseList .Shutuba_Past5_Table .HorseList td.First > span {
  color: #fff;
}

.Newspaper_Container .Shutuba_HorseList .Premium_Regist_Msg {
  font-size: 18px;
}

.Newspaper_Container .Viewpoint_Box .Icon_ArrowB, .Newspaper_Container .Description_Box .Icon_ArrowB, .Newspaper_Container .Shutuba_Update_Time .Icon_ArrowB {
  display: inline-block;
  background: url(../img/icon/icon_sprite_raceinfo.png) no-repeat -36px -44px;
  -ms-background-size: 124px 300px;
  background-size: 124px 300px;
  width: 22px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
}

.Viewpoint_Box.Flow {
  margin-top: 20px;
}

.Viewpoint_Box.Flow, .Description_Box.Flow, .Shutuba_Update_Time {
  padding-left: 0;
  padding-right: 0;
}

.Viewpoint_Box.Flow dl, .Description_Box.Flow dl, .Shutuba_Update_Time dl {
  border-color: #d9d8ce;
}

.Shutuba_Past5_Table .Horse_Info .Horse_Info_ItemWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  padding: 0 5px;
}

.Shutuba_Past5_Table .Horse_Info a {
  white-space: nowrap;
}

.RaceColumn02 .Contents_Header {
  margin-bottom: 2px;
  padding-top: 2px;
}

.RaceInfo_Notice01 {
  padding-bottom: 0px;
}

table.RaceCommon_Table {
  margin-bottom: 18px;
}

table.Kyaku_Type {
  margin-top: 11px;
}

.ShutubaTableFormWrap {
  margin: 1px 0 10px 0;
}

.Newspaper_Container th {
  border: 1px solid #d9d8ce;
}

table.Kyaku_Type tr th {
  font-size: 14px;
}

.HorseCheckBtn {
  width: 22px;
  height: 22px;
}

.tzSelect {
  height: 22px;
  width: 22px !important;
}

.tzSelect .dropDown {
  width: 200px;
  top: -23px;
}

.tzSelect .selectBox {
  line-height: 20px;
  font-size: 16px;
}

.tzSelect li {
  width: 23px;
  height: 22px;
}

.tzSelect li > span {
  font-size: 16px;
  line-height: 24px;
}

.WakuBan0 {
  font-size: 14px;
}

table.Shutuba_Table tr td[class^=Waku] {
  border-color: #d9d8ce !important;
}

.RaceColumn02 .Contents_Header + .Text_Abroad {
  font-size: 13px;
  line-height: 1.5;
}

.Description_Box_Abroad {
  margin-bottom: 11px;
}

th.Horse_Info #odds_title {
  margin-top: 2px;
  margin-bottom: 1px;
}

.Odds_Title_Sort {
  padding-right: 20px;
  position: relative;
  margin: 4px 0;
}

.Odds_Title_Sort #official_time {
  display: block;
}

.Odds_Title_Sort #OddsSortBtn1 {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
  padding: 2px;
}

.Odds_Title_Sort #OddsSortBtn1 img {
  display: block;
}

.Shutuba_Table .Cancel .Weight > span {
  display: inline;
  background: none;
}

.Shutuba_Table .Header .Waku, .Shutuba_Table .HorseList [class*="Waku"] {
  position: static;
}

.Shutuba_Table tr > td .Horse05 a,
.Shutuba_Table tr > td .Data02 .Num,
.Shutuba_Table tr > td .Horse07 .Weight,
.Shutuba_Table tr > td .Horse07 .Weight span,
.Shutuba_Table tr > td .Horse07 .Popular,
.Shutuba_Table tr > td .Horse07 .Popular span,
.Shutuba_Table tr > td.Jockey a {
  font-weight: normal !important;
}

.Shutuba_Table tr.HorseList td + td {
  padding: 4px 6px 3px;
}

.Shutuba_Past5_Table .HorseList .Rest + .Rest {
  min-width: 168px;
  max-width: 168px;
}

.RaceColumn_Shutuba_Past_01 {
  margin: 10px 10px;
}

.RaceColumn_Shutuba_Past_01 .RaceColumnWrap {
  width: 776px;
  border: 1px solid #ddd;
  padding: 0px 10px;
  border-radius: 5px;
}

.RaceColumn_Shutuba_Past_01 .RaceList_NameBox {
  margin: 10px 0 7px;
}

.RaceColumn_Shutuba_Past_01 > .RaceColumn01 {
  padding: 0;
  border: 0;
}

.RaceColumn_Shutuba_Past_01 > .RaceColumn01 > .RaceColumnWrap {
  margin: 0;
}

.RaceColumn_Shutuba_Past_01 > .RaceColumn01 .RaceMainColumn {
  float: none;
  width: auto;
}

.RaceColumn_Shutuba_Past_01 > .RaceColumn01 .RaceMainColumn .OreproLink a {
  margin-top: 30px;
}

.RaceColumn_Shutuba_Past_02 {
  margin: 10px;
}

.RaceColumn_Shutuba_Past_02 .RaceInfo_Notice01 {
  margin-top: 15px;
}

.Shutuba_Table tr.HorseList td.Waku {
  padding: 0 2px 0;
}

/*
README
why: new requirement.

PAGES:
  shutuba_past.html
  shutuba_past_abroad.html

HTML:
  tr.HorseList
    td.Horse_Info
    td.Past
    td.Rest
*/
table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Weight {
  color: #c53131 !important;
  margin-top: 4px;
}

table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Weight span {
  font-size: 100%;
  color: #c53131 !important;
  margin-top: 0;
}

table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Popular {
  color: #222222;
}

table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Popular span {
  color: inherit;
  font-size: 100%;
}

table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Popular span.Odds_Ninki,
table.Shutuba_Past5_Table tr.HorseList td.Horse_Info .Popular span.Odds_Ninki + span {
  color: #c53131 !important;
}

table.Shutuba_Past5_Table tr.Cancel td {
  color: #222222;
}

.Shutuba_Past_Abroad .Shutuba_Table tr.HorseList:hover > td {
  -webkit-box-shadow: 2px 2px 0 0 #fdf2c1 inset, -2px -2px 0 0 #fdf2c1 inset;
  box-shadow: 2px 2px 0 0 #fdf2c1 inset, -2px -2px 0 0 #fdf2c1 inset;
}

.Shutuba_Table .Icon_GradeType.Icon_GradeType9 > small, .Shutuba_Table .Icon_GradeType.Icon_GradeType8 > small, .Shutuba_Table .Icon_GradeType.Icon_GradeType7 > small, .Shutuba_Table .Icon_GradeType.Icon_GradeType6 > small {
  font-size: 64%;
  vertical-align: baseline;
  line-height: 0;
}

.Shutuba_Table .Icon_GradeType:before, .Shutuba_Table .Icon_GradeType:after {
  display: none;
}

.Shutuba_Table .Data_Item {
  position: relative;
}

.Shutuba_Table .Data_Item > * {
  line-height: inherit;
}

table.Shutuba_Past5_Table tr.HorseList td.Past .Num {
  top: 21px;
  right: 0;
}

table.Shutuba_Past5_Table tr.Cancel td:not(:first-child) {
  background: none !important;
}