@charset "Shift_JIS";

.wrapper {
  overflow-x: hidden;
}

#raceTitle {
  width: 103.3%;
  margin: 0px 0px 1px -5px;
}

#umabashira {
  padding: 0 5px 0;
}

#oddsInfo {
  padding: 2px 7px 3px;
  line-height: 11pt;
}

#raceTitle span.titleBox {
  display: table;
  width: 100%;
  font-weight: bold;
  margin: 0px 0;
  background: -moz-linear-gradient(top, #fff, #edeccd);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#edeccd));
  background: linear-gradient(to bottom, #fff, #edeccd);
  padding-left: 3px;
}

#raceTitle span.titleRaceNo {
  display: table-cell;
  width: 5%;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 1.6rem;
  height: 3.5rem;
  padding: 0px 5px;
}

#raceTitle span.titleRaceName {
  display: table-cell;
  width: 95%;
  vertical-align: middle;
  font-size: 1.6rem;
  text-align: left;
}

div.space {
  border-collapse: separate;
}

.kyosoJoken {
  padding: 3px 5px 0px;
  line-height: 120%;
  font-size: 1.3rem;
  text-align: left;
}

.oddsHappyoJikoku {
  line-height: 110%;
  font-size: 1.3rem;
}

.denTable {
  padding: 0;
}

.denTable table {
  width: 100%;
  border: 1px solid #D9D9B0;
  border-collapse: collapse;
  color: #222;
  font-size: 1.2rem;
}

.denTable table tr td {
  padding: 2px;
  border: 1px solid #999;
  vertical-align: middle;
}

.denTable table th {
  padding: 2px;
  border: 1px solid #999;
  background: #D9D9B0;
  line-height: 135%;
  font-weight: bold;
  vertical-align: middle;
}

.denTable table th.uban {
  width: 8%;
  text-align: center;
  height: 90px;
}

.denTable table span.uban {
  writing-mode: vertical-lr;
  letter-spacing: 2px;
}

.denTable table th.uma {
  width: 84%;
  text-align: left;
}

.denTable table td a {
  display: inline;
  text-decoration: none;
}

.denTable table td.uban {
  line-height: 10pt;
  font-weight: bold;
  text-align: center;
  background: #EDEDDA;
  width: 8%;
  height: 90px;
}

.denTable table td.uban.keshi {
   color: #d20000;
}

.denTable table td.uma {
  background: #fff;
  text-align: left;
}

/* プロフィール欄 */
tr.tr_prof {
  display: none;
}

.denTable table td.prof {
  background: #fff;
  vertical-align: middle;
  text-align: left;
}

.denTable table p.vertical {
  writing-mode: vertical-lr;
  width: 100%;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
}

.denTable table p.vertical2 {
  writing-mode: vertical-lr;
  text-orientation: upright;
  display: flex;
  align-items: center;
  min-width: 100%;
}

.denTable table td.proftitle {
  line-height: 10px;
  font-weight: bold;
  text-align: center;
  width: 8%;
  padding-top:3px;
  padding-bottom:3px;
  white-space: nowrap; /* add */
  min-height: 6.5em
}
/* プロフィール欄end */


/* 過去4走用sta */
.denTable table td.kako_uban {
  line-height: 10pt;
  font-weight: bold;
  text-align: center;
  width: 8%;
  white-space: nowrap; /* add */
  min-height: 6.0em
}

/* 過去走用ボタン */
span.kakoBtn {
  float: right;
}

img.img_kakoBtn {
  float: right;
  width: 13px;
  height: 13px;
  margin-right: 8px;
}

img.img_kakodisp {
  width: 18px;
  height: 18px;
  margin-right: 0px;
  margin-bottom: 0px;
  float: right;
}

tr.tr_kako {
  display: none;
}

.tr_kako td.td_kako {
  padding: 0;
}

.tr_kako table.tbl_kako {
  margin: 0;
  border: hidden;
}

.tr_kako span.kakoJyuni {
  font-size: 1.6rem;
  float: right;
}

span.kakoOzz {
  padding-left: 5px;
}

.tr_kako span.kako_title {
  font-size: 1.6rem;
  color:#d20000;
  padding: 0 0 0 3px;
}

.tr_kako span.kako_row {
  display: inline-block;
  padding: 0 0 0 8px;
  line-height: 125%;
}

span.kako_nobr {
 white-space: nowrap;
}

img.kaisaiGradeIcon {
  width: 22px;
  vertical-align: -5%;
}

.kako_row img.kaisaiGradeIcon{
  margin-left: 4px;
}

/* 過去4走用end */

/* ブリンカー */
img.brincar {
  width: 14px;
  height: 14px;
}


.denTable table span {
  line-height: 120%;
  font-size: 1.3rem;
}

.denTable table span.bamei {
  font-size: 1.44rem;
  font-weight: bold;
}

.denTable table span.tanOz {
  float: right;
}

.denTable table span.tanOzLow {
  color: #d20000;
}

p.batai{
  color: #d20000;
  display: inline-block;
}

.denTable table span.rate{
  font-size:1.4rem;
  float:right;
}

.denTable table th.gban {
  width: 8%;
  padding-top: 8px;
  height: 90px;
}

.denTable table span.gban {
  writing-mode: vertical-lr;
  letter-spacing: 3px;
  font-size: 1.2rem;
}

.denTable table td.gban {
  line-height: 10pt;
  text-align: center;
  background: #F5F5F5;
  width: 8%;
}

.denTable table td.strongGban {
  line-height: 10pt;
  font-weight: bold;
  text-align: center;
  background: #F6D5A0;
  width: 8%;
}

span.hokestuUma{
  color:#d20000;
}

.denTable table span.ubn{
  font-size: 1.2rem;
  margin: 12px 0;
  writing-mode: horizontal-tb;
}

span.torikesuUma{
  writing-mode: vertical-lr;
  letter-spacing: 1px;
  color:#d20000;
  font-weight:bold;
}

/* 変更情報 */
div.henkoinfo{
  margin-top:10px;
  margin-left:4px;
  margin-right:4px;
}

.henkoinfo table{
  margin-top:3px;
  width:100%;
  border-collapse: collapse;
  font-size:1.3rem;
}

caption.henko{
  text-align: left;
  padding-bottom: 0.5rem;
}

span.henkotitle{
  font-size:1.3rem;
  font-weight: bold;
}

td.henkotitleTd{
  width:100%;
  border: 1px solid #cdcdcd;
  background: #edeccd;
  padding-left:3px;
  padding-top:3px;
}

td.henkoinfoTd{
  width:100%;
  border: 1px solid #cdcdcd;
  line-height:125%;
  padding-left:8px;
  padding-top:3px;
  padding-bottom: 2px;
}

td.otherInfo{
  white-space:pre-wrap;
  word-break:break-all;
}

.henkoCsSpan{
  display: inline-block;
}
.henkoBrkDiv{
  padding-left: 9.5vw;
  /* width: 235px; */
}

.henkoBrkSpan1{
  text-align: right;
  display: inline-block;
  width: 8.3vw; /*30px*/
}
.henkoBrkSpan2{
  padding-left: 4px; /* 3px */
}

.hasData a {
  display: inline;
}

#footer{
  margin-top:8px;
}