@charset "UTF-8";

/*フォント指定*/
.sp-content { font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",'ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ',sans-serif !important; }

/*ヘッダ調整*/
.sp-content .raceListTL .subficons, .sp-content .raceListTL .subIcons { width: 90px; right: 2px; }
.sp-content .raceDataCtrl .btn-reg {border: none; }
.sp-content #race-header { padding:0 ; }

/*動画*/
.sp-content div.raceHeader{ background-color: #eee; display: flex; align-items: center; padding: 5px; }
.sp-content div.racePlaceWrap{ float: none; width: 7em; margin-left: 0.3em; position: relative; z-index: 1; }
.sp-content div.racePlaceWrap::after{ content: ""; position: absolute; right: 3px; top: 0; z-index: -1; width: 1em !important; height: 100%; background: url(../images/chevron-down2.svg) no-repeat center center / contain; }
select.racePlace{ outline: none; border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-weight: bold; font-size: 1.334em; color: #333; line-height: 2em; height: 2em; width: 100%; }
.sp-content div.raceRaceSelect{ outline: none; border: 1px solid #333; border-radius: 4px; padding: 2px 4px; background: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-weight: bold; color: #333; text-align: center; margin-left: 10px; height: 2.2em; width: auto; }
.sp-content div.raceRaceSelect ul { margin-top: 3px; }
.sp-content div.raceRaceSelect ul a.ARHead_RaceSel { font-size: 13.2px; }
.sp-content div.raceRaceMovieWrap { max-width: 11em; position: absolute; top: 7px; right: 10px; z-index: 5; font-size: 0.9em; }

/*ナイターアイコン*/
.sp-content .ico-night {margin: 0 -6px 0 0; }
.sp-content .ico-kaisai li.ico-night {top: -7.5px; }
.sp-content ul{width: none;}
.sp-content ul.ico-kaisai {width: 0px; height: 0px; }
.sp-content ul.ico-kaisai.AT {background: none; }
.sp-content ul.ico-kaisai.ATnight {background: none; }
.sp-content ul.ico-kaisai.AThakubo {background: none; }
.sp-content ul.ico-kaisai.ATmidnight {background: none; }
.sp-content ul.ico-kaisai.ATmorning {background: none; }

/*出走表タブ*/
.sp-content #content.wrap.rData-content { margin: 0; padding: 0; }
.sp-content div.rData-content ul.navG li { padding: 0; border: 1px solid;}
.sp-content div.rData-content ul.navG li a { border-radius: 0 0 0 0; }
.sp-content div.rData-content ul.navG li a.current { font-weight: bold; }

/*メインslick*/
.sp-content div#mainWrapper{ }
.sp-content div#mainWrapper::after{ clear: both; }

/*レース一覧*/
.sp-content .raceListTL h2 { background-color: #7B62A5 !important; }
.sp-content div.raceListWrap{ width: 100%; background-color: #fff; }
.sp-content div.raceListWrap div{ clear: none; float: none !important; }
.raceListWrap div.raceListPart{ border-bottom: 6px solid #F1F1F1; display: flex; flex-flow: row nowrap; padding: 10px; }

.sp-content .raceListWrap div.raceListPart div.rHead{ text-align: center; width: 6em; margin-right: 10px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; border-right: 1px solid #F1F1F1; }
.sp-content .raceListWrap div.raceListPart div.rNum{ font-size: 22px; font-weight: bold; }
.sp-content .raceListWrap div.raceListPart div.rGrade{ font-size: 10px; font-weight: bold; color: #fff; margin: 0 auto; }

.sp-content .raceListWrap .rState{}
.sp-content .raceListWrap .rState.sOnsale{ font-size: 14px; color: #c00; margin-top: 5px; }
.sp-content .raceListWrap .rState.sOnsale span{ display: block; }
.sp-content .raceListWrap .rState.sFix{ font-size: 14px; color: #111; margin-top: 5px; }
.sp-content .raceListWrap .rState.sSche{ font-size: 14px; color: #333; margin-top: 5px; }
.sp-content .raceListWrap .rState.sCancel{ font-size: 14px; color: #c00; margin-top: 5px; font-weight: bold; }
.sp-content .raceListWrap .rState.sClose{ font-size: 14px; color: #333; margin-top: 5px; }
.sp-content .raceListWrap .rState.sAfter{}
.sp-content .raceListWrap .raceListWrap .rState span{ display: block; }

.sp-content .raceListWrap div.raceListPart div.rBody{ width: calc(100% - 6em); display: flex; flex-wrap: wrap; align-items: center; align-content: center; }
.sp-content .raceListWrap div.raceListPart div.rBodyHead{ width: 100%; display: flex; justify-content: space-between; align-items: center; align-content: center; }

.sp-content .raceListWrap div.raceListPart div.rBodyData{ display: block; }
.sp-content .raceListWrap div.rTitle{ display: flex; justify-content: center; align-items: center; height: 2em; }
.sp-content .raceListWrap div.rTitle span{ line-height: 1.2; font-weight: bold; width: 100%; max-height: 2.4em; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; margin-right: 5px; }
.sp-content .raceListWrap div.rData{ padding-top: 5px; }
.sp-content .raceListWrap div.rData .rGround{ padding-right: 0.5em; }
.sp-content .raceListWrap div.rData .rGround::after{ padding-left: 0.5em; }
.sp-content .raceListWrap div.rData .rDist{ padding-right: 0.5em; }
.sp-content .raceListWrap div.rData .rDist::after{ padding-left: 0.5em; }
.sp-content .raceListWrap div.rData .rTotal{ padding-right: 0.5em; }
.sp-content .raceListWrap div.rData .rTotal::after{ padding-left: 0.5em; }
.sp-content .raceListWrap div.rData .rLap{}
.sp-content .raceListWrap div.raceListPart div.rBodyBtn{ display: block; width: 90px; }
.sp-content .raceListWrap div.rBtnL{ width: 70px; height: 40px; line-height: 38px; text-align: center; border-width: 1px; border-style: solid; display: block; margin: 0 0 0 auto; float: none; border-radius: 4px; font-weight: bold; filter:drop-shadow(0px 2px 2px #C6C6C6); transform: translateZ(0); }
.sp-content .raceListWrap div.rBtnL.rVote{ border-color: #fb9d00; background-color: #fb9d00; color: #fff; }
.sp-content .raceListWrap div.rBtnL.rRslt{ border-color: #fb9d00; background-color: #fff; color: #fb9d00; }
.sp-content .raceListWrap div.rBtnL.rNone{ border-color: #C6C6C6; background-color: #C6C6C6; color: #fff; }
.sp-content .raceListWrap div.rBtnL.rClose{ border-color: #333; background-color: #fff; color: #333; }
.sp-content .raceListWrap a.rBtnL{ width: 70px; height: 40px; line-height: 38px; text-align: center; border-width: 1px; border-style: solid; display: block; margin: 0 0 0 auto; float: none; border-radius: 4px; font-weight: bold; filter:drop-shadow(0px 2px 2px #C6C6C6); transform: translateZ(0); }
.sp-content .raceListWrap a.rBtnL.rVote{ border-color: #fb9d00; background-color: #fb9d00; color: #fff; }
.sp-content .raceListWrap a.rBtnL.rRslt.ARList_toPay{ border-color: #fb9d00; background-color: #fff; color: #fb9d00; }

.sp-content .raceListWrap div.raceListPart div.rBodyFoot{ margin-top: 10px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sp-content .raceListWrap div.rBtn{ display: block; width: 32%; height: 33px; line-height: 31px; text-align: center; border-width: 1px; border-style: solid; border-radius: 4px; font-weight: bold; }
.sp-content .raceListWrap div.rBtn.rTableOn{ font-size: 0.75em; border-color: #333; background-color: #fff; color: #333; }
.sp-content .raceListWrap div.rBtn.rTableOff{ font-size: 0.75em; border-color: #C6C6C6; background-color: #C6C6C6; color: #fff; }
.sp-content .raceListWrap div.rBtn.rOddsOn{ font-size: 0.75em; border-color: #333; background-color: #fff; color: #333; }
.sp-content .raceListWrap div.rBtn.rOddsOff{ font-size: 0.75em; border-color: #C6C6C6; background-color: #C6C6C6; color: #fff; }
.sp-content .raceListWrap div.rBtn.rMovOn{ font-size: 0.75em; border-color: #333; background-color: #fff; color: #333; }
.sp-content .raceListWrap div.rBtn.rMovOff{ font-size: 0.75em; border-color: #C6C6C6; background-color: #C6C6C6; color: #fff; }
.sp-content .raceListWrap a.rBtn{ display: block; width: 32%; height: 33px; line-height: 31px; text-align: center; border-width: 1px; border-style: solid; border-radius: 4px; font-weight: bold; }
.sp-content .raceListWrap a.rBtn.rTableOn.ARList_toEnt{ font-size: 0.75em; border-color: #333; background-color: #fff; color: #333; }
.sp-content .raceListWrap a.rBtn.rOddsOn.ARList_toOdd{ font-size: 0.75em; border-color: #333; background-color: #fff; color: #333; }
.sp-content .raceListWrap a.rBtn.rMovOn{ font-size: 0.75em; border-color: #333; background-color: #fff; color: #333; }

/*グレードアイコンサイズ*/
.sp-content span.raceGrade { width: 55px; }

/*グレード色*/

/*一覧ボタンデザイン追加*/
.sp-content section.btn-regWrap{ float: none; background-color: #fff !important; margin: 0; padding: 10px 0; }
.sp-content section.btn-regWrap .btn-reg.bet { font-weight: bold; background-color: #E07623; color: #fff; border: none !important; border-radius: 4px; width: calc(100% - 20px); height:50px; line-height:51px; margin: 0 auto 10px !important; display: block; float: none !important; filter: drop-shadow(0px 2px 2px #C6C6C6); transform: translateZ(0); }

/*詳細ボタンデザイン追加*/
.sp-content div.rData-footer .btn-reg.bet { font-weight: bold; background-color: #F88523 !important; color: #fff; border: none !important; border-radius: 4px; width: calc(100% - 20px) !important;  height: 50px; line-height:51px; margin: 0 auto 10px !important; display: block; float: none !important; filter: drop-shadow(0px 2px 2px #C6C6C6); transform: translateZ(0); }
.sp-content .btn-reg.gotolist { background-color: #fff; border: 1px solid #7B62A5; color: #7B62A5; font-size: 1em; font-weight: bold; border-radius: 4px; width: calc(50% - 20px); margin: 0 auto !important; display: block; float: none !important; background-image: url('../images/chevron-right2.svg'); background-position: center right 5px; background-size: contain; background-repeat: no-repeat; filter:drop-shadow(0px 2px 2px #C6C6C6); transform: translateZ(0); }


/*タブ*/
section .rData-content{ background-color: #fff; }
section .rData-content input[type="radio"] { display: none; }
section .rData-content label{ width: calc(100% / 3); line-height: 44px; height: 44px !important; overflow-y: hidden; text-align: center; display: inline-block; font-size: 0.9rem; color: #666; margin: 0; padding: 0; box-sizing: border-box; border: 1px solid #333; background: linear-gradient(0deg, rgb(204, 204, 204) 0%, rgb(238, 238, 238) 100%); transition-duration: 0.3s; }
section .rData-content input[type="radio"]:checked + label{ font-weight: bold; color: #fff; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); background: linear-gradient(0deg, rgb(119, 119, 119) 0%, rgb(170, 170, 170) 100%); }
.sp-content div.tab-box { float: none; width: 100%; }
section .rData-content .tab-box { width: 100% !important; box-sizing: border-box; padding: 0; }
section .rData-content > .tab-box > div { display: none; transition-duration: 0.4s; }
section .rData-content #tab1:checked ~ .tab-box > #tab1wrap,
section .rData-content #tab2:checked ~ .tab-box > #tab2wrap,
section .rData-content #tab3:checked ~ .tab-box > #tab3wrap{ display: block; transition-duration: 0.4s; position: relative; }

/*slick*/
#slickWrap{ }
.sIcoPrev{
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translate(0,-50%);
  width: 20px;
  z-index: 1;
  height: 40px;
  background-color: #fff !important;
}
.sIcoNext{
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translate(0,-50%);
  width: 20px;
  z-index: 1;
  height: 40px;
  background-color: #fff !important;
}
img.slick-disabled{ opacity: 0; }
ul.raceSlider{ margin: 0 auto; padding: 10px 0; background-color: #fff; display: none; }
ul.raceSlider.slick-initialized{ display: block; }
ul.raceSlider div.slick-list{ width: calc(100% - 54px); margin: 0 auto; display: block; float: none; }
ul.raceSlider div.slick-track{ }
ul.raceSlider li.slick-slide{ line-height: 2.4em; border: 1px solid #7B62A5; background-color: #fff; color: #7B62A5; text-align: center; border-radius: 2em; margin: 0 5px; }
ul.raceSlider li.slick-slide a{ color: #7B62A5; }
ul.raceSlider li.slick-slide.slick-current.slick-active{ background-color: #7B62A5; color: #fff; }
ul.raceSlider li.slick-slide.slick-current.slick-active a{ background-color: #7B62A5; color: #fff; }

/*各レース詳細*/
.sp-content div.raceDataWrap{ width: 100%; background-color: #fff; background: #fff; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.sp-content div.raceDataWrap div{ clear: none; }
.raceDataWrap div.raceDataCtrl{ display: block; width: 32px; height: 48px; margin: 0; padding: 0; }
.raceDataWrap .racePrev a{ display: block; width: 32px; height: 48px; background-image: url(../images/arrowL.svg); opacity: 0.2; background-repeat: no-repeat; background-position: center center; }
.raceDataWrap .raceNext a{ display: block; width: 32px; height: 48px; background-image: url(../images/arrowR.svg); opacity: 0.2; background-repeat: no-repeat; background-position: center center; }
.raceDataWrap .raceDataCtrl a[href]{ opacity: 1; }

.raceDataWrap .raceDataPart{ display: flex; flex-flow: row nowrap; align-items: center; padding: 5px 0; }

.sp-content .raceDataWrap .raceDataPart div.rHead{ text-align: center; width: 7em; padding-right: 10px; display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; }
.sp-content .raceDataWrap .raceDataPart div.rNum{ font-size: 25px; line-height: 0px; font-weight: bold; text-align: center; padding: 34.5px 0; background-color: #7B62A5; color: #fff; border-radius: 4px; }
.sp-content .raceDataWrap .raceDataPart div.rGrade{ font-size: 10px; font-weight: bold; color: #fff; text-align: center; padding: 2px 0; }

.sp-content .raceDataWrap .rState{ font-size: 85%; }
.sp-content .raceDataWrap .rState.sOnsale{ color: #fff; margin-top: 5px; background-color: #c00; text-align: center; padding: 1px; border-radius: 4px; }
.sp-content .raceDataWrap .rState.sOnsale span{ color: #c00; display: block; background-color: #fff; text-align: center; padding: 0px 0; border-radius: 0 0 3px 3px; }
.sp-content .raceDataWrap .rState.sFix{ font-size: 14px; color: #111; margin-top: 5px; }
.sp-content .raceDataWrap .rState.sSche{ font-size: 12px; color: #333; margin-top: 5px; }
.sp-content .raceDataWrap .rState.sCancel{ font-size: 14px; color: #c00; margin-top: 5px; font-weight: bold; }
.sp-content .raceDataWrap .rState.sClose{ font-size: 12px; color: #333; margin-top: 5px; }
.sp-content .raceDataWrap .rState.sAfter{}
.sp-content .raceDataWrap .rState span{ display: block; }

.sp-content .raceDataWrap .raceDataPart div.rBody{ width: calc(100%); display: flex; flex-wrap: wrap; align-items: center; align-content: center; }

.sp-content .raceDataWrap div.rDate{ font-size: 0.8em; }
.sp-content .raceDataWrap div.rDate .majorPrize{ display: inline-block; font-size: 0.8em; padding: 0 0.5em; background-color: #BA9B0C; margin-left: 0.5em; color:#fff; }
.sp-content .raceDataWrap div.rName{ font-size:12px; line-height: 1.2; font-weight: normal; padding-top: 3px; }
.sp-content .raceDataWrap div.rTitle{font-size:15px; line-height: 1; font-weight: bold; padding-top: 3px; }
.sp-content .raceDataWrap div.rData{ padding-top: 3px; }
.sp-content .raceDataWrap div.rData .rStart{ color: #c00; padding-left: 1.2em; }
.sp-content .raceDataWrap div.rData .rStart i{ padding-right: 0.1em; color: #333; }
.sp-content .raceDataWrap div.rData .rStart::before{ content: ""; display: block; position: absolute; left: 0; bottom: 1px; width: 1em; height: 1em; background-image: url('../images/ico-clock.svg'); background-position: center center; background-size: contain; background-repeat: no-repeat; line-height: 1; }
.sp-content .raceDataWrap div.rData .rStart::after{ content: "/"; padding-left: 0.2em; color: #ccc; }
.sp-content .raceDataWrap div.rData .rGround::after{ content: "/"; padding-left: 0.2em; color: #ccc; }
.sp-content .raceDataWrap div.rData .rDist::after{ content: "/"; padding-left: 0.2em; color: #ccc; }
.sp-content .raceDataWrap div.rData .rTotal::after{ content: "/"; padding-left: 0.2em; color: #ccc; }
.sp-content .raceDataWrap div.rData .rLap{}

.sp-content .raceDataWrap div.rPrize{ padding-top: 3px; color: #999; line-height: 1; font-size: 0.8em;  }
.sp-content .raceDataWrap div.rBtnL{ width: 70px; height: 30px; line-height: 26px; text-align: center; border-width: 2px; border-style: solid; display: block; margin: 0 0 0 auto; float: none; }
.sp-content .raceDataWrap div.rBtnL.rVote{ border-color: #f9cf03; background-color: #fb9d00; color: #fff; }
.sp-content .raceDataWrap div.rBtnL.rRslt{ border-color: #f9cf03; background-color: #fff; color: #333; }
.sp-content .raceDataWrap div.rBtnL.rNone{ border-color: #ccc; background-color: #ccc; color: #999; }

.sp-content .raceDataWrap .raceDataPart div.rBodyFoot{ margin-top: 10px; display: flex; flex-wrap: nowrap; align-items: center; align-content: center; }
.sp-content .raceDataWrap .raceDataPart div.rBodyFoot.row2{ margin-top: 5px; }
.sp-content .raceDataWrap div.rBtn{ display: block; height: 20px; line-height: 16px; text-align: center; border-width: 2px; border-style: solid; margin-left: 5px; }
.sp-content .raceDataWrap div.rBtn:first-child{ margin-left: 0; }
.sp-content .raceDataWrap div.rBtn:last-child{ /*margin-left: auto;*/ }
.sp-content .raceDataWrap div.rBtn.rGray{ min-width: 4em; width: max-content; font-size: 0.8em; border-color: #ccc; background-color: #ccc; color: #222; padding: 0 3px 0 3px; }
.sp-content .raceDataWrap div.rBtn.rGraySmall{ width: 1.4em; font-size: 0.8em; border-color: #ccc; background-color: #ccc; color: #222; }

.sp-content div.headMsg p{ margin: 0 0 0 0.8em; line-height: 2em; }

/*table 列タイトル色変更*/
.sp-content .hyou th,
.sp-content .zen5 th,
.sp-content .kin th { color: #000; background-color: #eee; }

/*tableスクロール*/
div.overflowTableWrap{  width: 100%; height: auto; overflow-x: auto; padding-bottom: 5px; top: 0; left: 0; position: relative; }
.sp-content .newTb02 { border-collapse: separate !important; border-top: 1px solid #B6B6B6;}
.sp-content .newTb02 th { border-color: #B6B6B6; border-style: solid; border-width: 0 1px 1px 0px; padding: 0.5em 0.3em; }
.sp-content .newTb02 td { border-color: #B6B6B6; border-style: solid; border-width: 0 1px 1px 0px; padding: 0.2em 0.3em; }
table.overflowTable{ position: relative; }
table.overflowTable td{ /*white-space: nowrap;*/ }
.stcWakuban{ /*position: sticky !important; left: 0px; z-index: 10;*/  position: relative !important; z-index: 1; }
.stcBan{ position: sticky !important; left: 0px; z-index: 10; }
.stcNameS{ position: sticky !important; left: 20px; z-index: 10; display: none;/**/ height: auto !important; }
th.stcMyYosou,
th.stcBan,
th.stcNameS{ border-color: #B6B6B6; border-style: solid; border-width: 1px; }
/**/
.stcNameFull a,
.stcNameS a{ color: #0075be !important;}
a.playerIcon img{ width: 16px; margin: 0 0 -3px 5px; }

/*My予想on*/
.myYosoOn{ background-color: #fff5e3 !important; }

/*table詳細 出走表*/
table.hyou tr th:nth-child(3),
table.hyou tr th:nth-child(4){ text-align: left; }
table.hyou tr th:nth-child(5),
table.hyou tr th:nth-child(6){ text-align: center; }
table.hyou tr th:nth-child(7),
table.hyou tr th:nth-child(8),
table.hyou tr th:nth-child(9),
table.hyou tr th:nth-child(10),
table.hyou tr th:nth-child(11),
table.hyou tr th:nth-child(12),
table.hyou tr th:nth-child(13){ text-align: left; }
table.hyou tr th:nth-child(14),
table.hyou tr th:nth-child(15){ text-align: center; }
table.hyou tr.rowspanTR th:nth-child(1){ text-align: left; }
table.hyou tr.rowspanTR th:nth-child(2),
table.hyou tr.rowspanTR th:nth-child(3),
table.hyou tr.rowspanTR th:nth-child(4),
table.hyou tr.rowspanTR th:nth-child(5),
table.hyou tr.rowspanTR th:nth-child(6){ text-align: center; }
table.hyou tr td:nth-child(3),
table.hyou tr td:nth-child(4){ text-align: left; }
table.hyou tr td:nth-child(5),
table.hyou tr td:nth-child(6){ text-align: center; }
table.hyou tr td:nth-child(7),
table.hyou tr td:nth-child(8),
table.hyou tr td:nth-child(9),
table.hyou tr td:nth-child(10),
table.hyou tr td:nth-child(11),
table.hyou tr td:nth-child(12),
table.hyou tr td:nth-child(13),
table.hyou tr td:nth-child(14){ text-align: left; }
table.hyou tr td:nth-child(15),
table.hyou tr td:nth-child(16),
table.hyou tr td:nth-child(17),
table.hyou tr td:nth-child(18),
table.hyou tr td:nth-child(19){ text-align: center; }
table.hyou tr th{ height: 20px !important; }
table.hyou tr td{ min-height: 6em; }
/*table詳細 前５走*/
table.zen5 tr th:nth-child(3),
table.zen5 tr th:nth-child(4),
table.zen5 tr th:nth-child(5),
table.zen5 tr th:nth-child(6),
table.zen5 tr th:nth-child(7),
table.zen5 tr th:nth-child(8),
table.zen5 tr th:nth-child(9),
table.zen5 tr th:nth-child(10){ text-align: left; }
table.zen5 tr td:nth-child(3),
table.zen5 tr td:nth-child(4),
table.zen5 tr td:nth-child(5),
table.zen5 tr td:nth-child(6),
table.zen5 tr td:nth-child(7),
table.zen5 tr td:nth-child(8),
table.zen5 tr td:nth-child(9),
table.zen5 tr td:nth-child(10){ text-align: left; }
table.zen5 tr td{ min-height: 6em; }
table.zen5 tr td .raceLink{ color: #0075be !important; background: rgba(0, 0, 0, 0) !important;}
/*table詳細 近成績*/
table.kin tr th:nth-child(3),
table.kin tr th:nth-child(4),
table.kin tr th:nth-child(5),
table.kin tr th:nth-child(6),
table.kin tr th:nth-child(7),
table.kin tr th:nth-child(8),
table.kin tr th:nth-child(9){ text-align: left; }
table.kin tr td:nth-child(3),
table.kin tr td:nth-child(4),
table.kin tr td:nth-child(5),
table.kin tr td:nth-child(6),
table.kin tr td:nth-child(7),
table.kin tr td:nth-child(8),
table.kin tr td:nth-child(9){ text-align: left; }
table.kin tr td{ min-height: 6em; }


/*着順追加*/
.sp-content .bet-table .w2em{ width: 2em !important; }
.sp-content .bet-table .w3em{ width: 3em !important; }
.sp-content .bet-table .w4em{ width: 4em !important; }
.sp-content .bet-table .w5em{ width: 5em !important; }
.sp-content .bet-table .w6em{ width: 6em !important; }
.sp-content .bet-table .w7em{ width: 7em !important; }
.sp-content .bet-table .w8em{ width: 8em !important; }
.sp-content .bet-table .w9em{ width: 9em !important; }
.sp-content .bet-table .w10em{ width: 10em !important; }
.sp-content .bet-table .w11em{ width: 11em !important; }
.sp-content .bet-table .w12em{ width: 12em !important; }
.sp-content .bet-table .w13em{ width: 13em !important; }
.sp-content .bet-table .w14em{ width: 14em !important; }
.sp-content .bet-table .w15em{ width: 15em !important; }
.sp-content .bet-table .w16em{ width: 16em !important; }
.sp-content .bet-table .w19em{ width: 19em !important; }
.sp-content .bet-table .w21em{ width: 21em !important; }
.sp-content .bet-table .w23em{ width: 23em !important; }
.sp-content .bet-table .w25em{ width: 25em !important; }
.sp-content .bet-table .w27em{ width: 27em !important; }
.sp-content .bet-table .w29em{ width: 29em !important; }
.sp-content .bet-table .w54em{ width: 54em !important; }

.sp-content .bet-table .w85px{ width: 85px !important; }

/*結果調整*/
.sp-content td.linkage a { width: 100% !important; height: auto !important; }
.sp-content td.linkage a::before { display: inline !important; }


/*下部レースデータ*/
.sp-content div.rData-footer{ background-color: #fff; padding: 10px 0; }
.sp-content div.yosouBet3{ display:flex; justify-content: space-between; width: calc(100%); margin: 20px auto 15px !important; padding: 20px 10px 0 10px; clear: none; float: none !important; border-top: 1px solid #ccc; }
.sp-content div.yosouBet3:not(:has(a)) { margin-top: 3% !important; padding: 0; border-top: 0px; }
.sp-content div.yosouBet3 a{ display:block; width: 30%; height:50px; padding: 0.5em 0; text-align: center; font-size: 13px; font-weight: bold; line-height: 1.44em; background-color: #F88523 !important; color: #fff; border: none !important; border-radius: 4px; margin: 0 !important; float: none !important; filter: drop-shadow(0px 2px 2px #C6C6C6); transform: translateZ(0); }
h4.dataCatchH4{ margin: 10px 0; font-size: 1.1em; padding: 5px; float: none; }
h4.dataCatchH4.imgLabel{ font-size: 14px; }
h4.dataCatchH4 + p{ margin: 10px auto 0; display: block; width: calc(100% - 2em); }
.sp-content div.recordTableWrap{ width: 100%; padding: 5px 0px 10px; background-color: #fff; height: auto; float: none; }
.sp-content .recordTable { font-size: 13px; white-space: nowrap; float: none; }
.sp-content .recordTable th{ background-color: #ccc; padding: 2px; border: 1px solid #666; width: 10em; }
.sp-content .recordTable td{ background-color: #fff; padding: 2px; border: 1px solid #666; }
.sp-content .referTable { font-size: 13px; white-space: nowrap; margin-bottom: 20px; }
.sp-content .referTable td{ background-color: #fff; padding: 2px; border-bottom: 1px solid #ccc; vertical-align: middle !important; }
.sp-content .referTable td.referNum{ width: 2em; text-align: center; line-height: 1; }
.sp-content .referTable .info-src{ text-align: left; color: #aaa; font-size:10px; }
.sp-content .referTable .others{ text-align: right; color: #aaa; padding-right: 15px;  font-size:12px; }
.sp-content .narabi-table { border-collapse: collapse; width: 100%; margin-top: 10px; }
.sp-content .narabi-table td{ padding: 1px; text-align: center; }
.sp-content .narabi-table tr.narabi-icon td{ vertical-align: middle; width: 1em; max-width: calc(100% / 11); }
.sp-content .narabi-table tr.narabi-txt td{  }
.sp-content .narabi-table tr.narabi-txt td span{ line-height: 1.1; font-size: 1em; writing-mode: vertical-rl; text-orientation: mixed; font-feature-settings: initial; }
.sp-content .narabi-table + p{ margin: 10px auto 0; padding-top: 10px; border-top: 1px solid #B6B6B6; display: block; width: calc(100% - 2em); }
.sp-content .commentTable{ border-collapse: collapse; min-width: 100%; margin-top: 10px; float: none; font-size: 10pt; line-height: 1.1; table-layout: fixed; }
.sp-content .commentTable th{ padding: 0.5em 0.1em; border: 1px solid #ccc; background-color: #eee; vertical-align: middle !important; }
.sp-content .commentTable td{ padding: 0.5em 0.1em; border: 1px solid #ccc; height: 36px; vertical-align: middle !important; }
table.commentTable tr th:nth-child(1){ text-align: center; width: calc(1em + 4px); line-height: 1.1; }
table.commentTable tr th:nth-child(2){ text-align: left; width: auto; }
table.commentTable tr th:nth-child(3){ text-align: center; width: calc(2em + 4px); }
table.commentTable tr th:nth-child(4){ text-align: left; width: calc(14em + 4px); }
table.commentTable tr td:nth-child(1){ text-align: center; }
table.commentTable tr td:nth-child(2){ text-align: left; }
table.commentTable tr td:nth-child(3){ text-align: center; }
table.commentTable tr td:nth-child(4){ text-align: left; }

/*微調整*/
div.bgw{margin-top: -5px !important;}
section + div#nav{ margin-top: 10px !important; }

/*下部レースナビ*/
.sp-content div.page-navigation2-title{ display: flex; align-items: center; justify-content: flex-start; background-color: #fff !important; margin: 0; padding: 20px 5px 15px 5px; float: none; clear: none; max-width: 100%; }
.sp-content div.page-navigation2-place{ display: block; float: none; clear: none; font-weight: bold; background-color: #7B62A5; color: #fff; padding: 2px 0; text-align: center; border-radius: 3px; flex: 0 0 4em; }
.sp-content div.page-navigation2-day{ display: block; float: none; clear: none; font-weight: bold; text-align: center; flex: 0 0 3.5em; }
.sp-content div.page-navigation2-state{ display: block; float: none; clear: none; text-align: left; flex: 0 0 40px; }
.sp-content div.page-navigation2-name{ display: block; float: none; clear: none; font-weight: bold; flex: 0 0 auto; word-break: break-all; max-width: calc(100% - 5px - 4em - 3.5em - 40px); line-height: 1.1; }
.sp-content div.page-navigation2-txt{ display: block; float: none; clear: none; font-weight: bold; flex: 0 0 auto; word-break: break-all; line-height: 1.1; }
.sp-content div.page-navigation2{ width: 100%; overflow-x: scroll; padding: 5px 5px 10px; background-color: #fff; }
.sp-content div.page-navigation2 ul{ display: flex; flex-wrap: nowrap; width: auto; }
.sp-content div.page-navigation2 ul li{ width: 5.5em; display: block; margin-left: 5px; }
.sp-content div.page-navigation2 ul li a.btn-aux{ background-color: #fff; color: #7B62A5 !important; border: 1px solid #7B62A5; width: 100%; display: block; font-size: 1.5em; font-weight: bold; line-height: 1; padding:5px 10px; height: 100%; border-radius: 4px; }
.sp-content div.page-navigation2 ul li.current a.btn-aux{ background-color: #7B62A5; color: #fff !important; }
.sp-content div.page-navigation2 ul li:first-child{ margin-left: 0; }
.sp-content div.page-navigation2 ul li a .page-nav-state-fix{ display: block; text-align: center; background-color: #F1F1F1; color: #7B62A5; margin: 5px auto 0; padding: 5px; font-size:0.55em; font-weight: normal; border-radius: 4px; white-space: nowrap; }
.sp-content div.page-navigation2 ul li a .page-nav-state-on{ display: block; text-align: center; background-color: #F1F1F1; color: #c00; margin: 5px auto 0; padding: 5px; font-size:0.55em; font-weight: normal; border-radius: 4px; white-space: nowrap; }
.sp-content div.page-navigation2 ul li a .page-nav-state-off{ display: block; text-align: center; background-color: #F1F1F1; color: #7B62A5; margin: 5px auto 0; padding: 5px; font-size:0.55em; font-weight: normal; border-radius: 4px; white-space: nowrap; }

/*出走表の見方*/
.openBoxWrap{ background-color: #fff !important; margin-top: -15px !important; padding-bottom: 20px !important; }
.sp-content div.openBox { padding: 0.25em 0.5em; margin: 0; }
.sp-content div.openHow2 { line-height: 2em; padding: 10px; font-size: 1.1em; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.sp-content div.openHow2 div { background-image: url(../images/acc-open.svg); background-repeat: no-repeat !important; background-position: right center !important; cursor: pointer; background-size: 1.25em 1.25em;	padding-right: 2em; }
.sp-content div.openHow2.open div { background-image: url(../images/acc-close.svg); }
.sp-content div.openHow2_inner{ background-color: #fff !important; }
.sp-content div.how2wrap { display: none; padding: 0 10px; }
.sp-content iframe#mikataIframe{ width: 100%; }
.sp-content div.how2wrap div.close_box{ margin: 0 auto; float: none; border: 1px solid #DBDBDB; background-color: #fff; width: 30% !important; padding: 10px; border-radius: 4px; text-align: center; }
.sp-content div.how2wrap div.close_box a.closeHow2{ background-image: url(../images/chevron-up.svg); background-repeat: no-repeat !important; background-position: right !important; cursor: pointer; background-size: 1.25em 1.25em;	padding-right: 2em; }

/*オッズ*/
/*枠番・車番 ツールチップ →import.css*/
/*枠番・車番 ベース*/
.sp-content .bet-table.odds td.horse-number{ width: 2em !important; }
td.num i,
td.arw i{ display: block; width: 1em; height: 1em; margin: 0 2px 0 0; float: none; clear: none; position: relative; }
i.chevron-right::before{ content: ""; position: absolute; left: 2px; top: 0; z-index: 1; width: 0.5em !important; height: 1em; background: url(../images/chevron-right.svg) no-repeat center center / contain; }
/*枠番・車番 色枠 →色なし*/
/*枠番・車番 数字*/
.sp-content .bet-table.type3.odds tr td { border-left: none; border-right: none; }
.sp-content .bet-table.type3 .n1,
.sp-content .bet-table.type3 .n2,
.sp-content .bet-table.type3 .n3,
.sp-content .bet-table.type3 .n4,
.sp-content .bet-table.type3 .n5,
.sp-content .bet-table.type3 .n6,
.sp-content .bet-table.type3 .n7,
.sp-content .bet-table.type3 .n8,
.sp-content .bet-table.type3 .n9 { border-left: 1px solid rgba(0, 0, 0, 0); border-right: 1px solid rgba(0, 0, 0, 0); }
.sp-content .bet-table.trifecta.type3 tr.hidden td.num { width: calc(1em + 5px) !important; }
.sp-content .bet-table.trifecta.type3 tr.hidden td.arw { width: calc(0.5em + 5px) !important; }
/*
.sp-content table#tablePosition td.n1,
.sp-content table#tablePosition td.n2,
.sp-content table#tablePosition td.n3,
.sp-content table#tablePosition td.n4,
.sp-content table#tablePosition td.n5,
.sp-content table#tablePosition td.n6,
.sp-content table#tablePosition td.n7,
.sp-content table#tablePosition td.num,
.sp-content table#tablePosition td.n9{ background: none !important; }
*/

.sp-content .bet-table.trifecta.type3 tr td.n1.numImg::after{ content: ""; display: block; width: 1em; height: 1em; background-image: url('../images/num01.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.sp-content .bet-table.trifecta.type3 tr td.n2.numImg::after{ content: ""; display: block; width: 1em; height: 1em; background-image: url('../images/num02.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.sp-content .bet-table.trifecta.type3 tr td.n3.numImg::after{ content: ""; display: block; width: 1em; height: 1em; background-image: url('../images/num03.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.sp-content .bet-table.trifecta.type3 tr td.n4.numImg::after{ content: ""; display: block; width: 1em; height: 1em; background-image: url('../images/num04.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.sp-content .bet-table.trifecta.type3 tr td.n5.numImg::after{ content: ""; display: block; width: 1em; height: 1em; background-image: url('../images/num05.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.sp-content .bet-table.trifecta.type3 tr td.n6.numImg::after{ content: ""; display: block; width: 1em; height: 1em; background-image: url('../images/num06.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.sp-content .bet-table.trifecta.type3 tr td.n7.numImg::after{ content: ""; display: block; width: 1em; height: 1em; background-image: url('../images/num07.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.sp-content .bet-table.trifecta.type3 tr td.n8.numImg::after{ content: ""; display: block; width: 1em; height: 1em; background-image: url('../images/num08.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.sp-content .bet-table.trifecta.type3 tr td.n9.numImg::after{ content: ""; display: block; width: 1em; height: 1em; background-image: url('../images/num09.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.sp-content .bet-table.trifecta.type3 tr td.arw.arwImg::after{ content: ""; display: block; width: 0.5em; height: 1em; background-image: url('../images/chevron-right.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; margin-left: 2px; }
.sp-content .bet-table.trifecta.type3 tr td.n1.numImg{ background-color: #fff !important; }
.sp-content .bet-table.trifecta.type3 tr td.n2.numImg{ background-color: #fff !important; }
.sp-content .bet-table.trifecta.type3 tr td.n3.numImg{ background-color: #fff !important; }
.sp-content .bet-table.trifecta.type3 tr td.n4.numImg{ background-color: #fff !important; }
.sp-content .bet-table.trifecta.type3 tr td.n5.numImg{ background-color: #fff !important; }
.sp-content .bet-table.trifecta.type3 tr td.n6.numImg{ background-color: #fff !important; }
.sp-content .bet-table.trifecta.type3 tr td.n7.numImg{ background-color: #fff !important; }
.sp-content .bet-table.trifecta.type3 tr td.n8.numImg{ background-color: #fff !important; }
.sp-content .bet-table.trifecta.type3 tr td.n9.numImg{ background-color: #fff !important; }
.sp-content .bet-table.trifecta.type3 tr td.arw.arwImg{ background-color: #fff !important; }

/*見方*/
.toggleBoxWrap{ background-color: #fff !important; margin-top: -15px !important; padding-bottom: 20px !important; }
.sp-content div.toggleBox { padding: 0.25em 0.5em; margin: 0; }
.sp-content div.mRow { display: none; padding: 0 10px; }
.sp-content div.mClick { line-height: 2em; padding: 10px; font-size: 1.1em; font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.sp-content div.mClick div { background-image: url(../images/acc-open.svg); background-repeat: no-repeat !important; background-position: right center !important; cursor: pointer; background-size: 1.25em 1.25em;	padding-right: 2em; }
.sp-content div.mClick.active div { background-image: url(../images/acc-close.svg); }
.tipsIcon{ height: 20px !important; margin-right: 5px !important; display: inline-block !important; vertical-align: middle !important; margin-top: -2px !important; }
.sp-content div.mRow div.h5{ font-weight: bold; border-bottom: 2px solid #333; margin: 10px 0; padding-bottom: 3px; font-size: 1.1em; }
.sp-content div.mRow img.himg{ display: block; margin: 0 auto 1em; width: 100%; height: auto; max-width: 320px; }
.sp-content div.mRow div.hconts{ border-bottom: 1px solid #666; margin-bottom: 15px; padding-bottom: 10px; padding-left: calc(1em + 5px); }
.sp-content div.mRow div.hconts h6{ text-indent: calc(1em + 5px); line-height: 1; margin-bottom: 5px; }
.sp-content div.mRow div.hconts h6 img.hnum{ height: 1em; width: auto; margin-left: calc(-2em - 10px); margin-right: 5px; vertical-align: middle; margin-top: -2px; }
.sp-content div.mRow div.close_box{ margin: 0 auto; float: none; border: 1px solid #DBDBDB; background-color: #fff; width: 100% !important; padding: 10px; border-radius: 4px; }
.sp-content div.mRow div.close_box a.mclose_btn{ width: 100% !important; margin: 0 auto; display: block; text-align: center; font-weight: bold; background-image: url(../images/acc-close.svg); background-repeat: no-repeat !important; background-position: right center !important; }
/*見方table*/
.sp-content div.scaledownTableWrap{ float: none; clear: none; position: relative; display: block; width: 100%; margin: 1em auto; padding: 0; }
.sp-content div.scaledownTableWrap *{ font-size: 85% !important; }
.sp-content div.scaledownTableWrap .bet-table td a{ font-size: 103% !important; }
.sp-content div.scaledownTableWrap table.tb02{ border-top: none; }
.sp-content .scaledownTableWrap .tb02 td:first-child { border-width: 0px 1px 1px 1px; }
.scaledownTableWrap .stcMyYosou,
.scaledownTableWrap .stcWakuban,
.scaledownTableWrap .stcBan,
.scaledownTableWrap .stcNameS{ position: relative !important; left: 0; z-index: auto; display: table-cell; }
.sp-content .scaledownTableWrap tr.hnum td{ border: none; text-align: center !important; }
.sp-content .scaledownTableWrap img.hnum{ height: 2.4em; }
/*hyou1*/
.sp-content div.scaledownTableWrap table.hyou1{ }
table.hyou1 tr th:nth-child(1){ text-align: center; }
table.hyou1 tr th:nth-child(2){ text-align: center; }
table.hyou1 tr th:nth-child(3){ text-align: left; }
table.hyou1 tr th:nth-child(4){ text-align: center; }
table.hyou1 tr th:nth-child(5){ text-align: center; }
table.hyou1 tr th:nth-child(6){ text-align: left; }
table.hyou1 tr th:nth-child(7){ text-align: left; }
table.hyou1 tr th:nth-child(8){ text-align: left; }
table.hyou1 tr td:nth-child(1){ text-align: center; }
table.hyou1 tr td:nth-child(2){ text-align: center; }
table.hyou1 tr td:nth-child(3){ text-align: left; }
table.hyou1 tr td:nth-child(4){ text-align: center; }
table.hyou1 tr td:nth-child(5){ text-align: center; }
table.hyou1 tr td:nth-child(6){ text-align: left; }
table.hyou1 tr td:nth-child(7){ text-align: left; }
table.hyou1 tr td:nth-child(8){ text-align: left; }
/*hyou2*/
.sp-content div.scaledownTableWrap table.hyou2{ }
table.hyou2 tr th:nth-child(1){ text-align: left; }
table.hyou2 tr th:nth-child(2){ text-align: left; }
table.hyou2 tr th:nth-child(3){ text-align: left; }
table.hyou2 tr th:nth-child(4){ text-align: left; }
table.hyou2 tr td:nth-child(1){ text-align: left; }
table.hyou2 tr td:nth-child(2){ text-align: left; }
table.hyou2 tr td:nth-child(3){ text-align: left; }
table.hyou2 tr td:nth-child(4){ text-align: left; }
/*hyou3*/
.sp-content div.scaledownTableWrap table.hyou3{ margin-top: 5px; }
table.hyou3 tr th:nth-child(1){ text-align: center; }
table.hyou3 tr th:nth-child(2){ text-align: center; }
table.hyou3 tr.rowspanTR th:nth-child(1){ text-align: left; }
table.hyou3 tr.rowspanTR th:nth-child(2),
table.hyou3 tr.rowspanTR th:nth-child(3),
table.hyou3 tr.rowspanTR th:nth-child(4),
table.hyou3 tr.rowspanTR th:nth-child(5),
table.hyou3 tr.rowspanTR th:nth-child(6){ text-align: center; }
table.hyou3 tr td:nth-child(1){ text-align: left; }
table.hyou3 tr td:nth-child(2),
table.hyou3 tr td:nth-child(3),
table.hyou3 tr td:nth-child(4),
table.hyou3 tr td:nth-child(5),
table.hyou3 tr td:nth-child(6){ text-align: center; }
/*zen51zen52*/
.sp-content div.scaledownTableWrap table.zen51{ }
table.zen51 tr th:nth-child(1){ text-align: center; }
table.zen51 tr th:nth-child(2){ text-align: center; }
table.zen51 tr th:nth-child(3){ text-align: left; }
table.zen51 tr th:nth-child(4){ text-align: left; }
table.zen51 tr th:nth-child(5){ text-align: left; }
table.zen51 tr td:nth-child(1){ text-align: center; }
table.zen51 tr td:nth-child(2){ text-align: center; }
table.zen51 tr td:nth-child(3){ text-align: left; }
table.zen51 tr td:nth-child(4){ text-align: left; }
table.zen51 tr td:nth-child(5){ text-align: left; }
.sp-content div.scaledownTableWrap table.zen52{ }
table.zen52 tr th{ text-align: left !important; }
table.zen52 tr td{ text-align: left !important; }
/*kin1*/
.sp-content div.scaledownTableWrap table.kin1{ }
table.kin1 tr th:nth-child(1){ text-align: center; }
table.kin1 tr th:nth-child(2){ text-align: center; }
table.kin1 tr th:nth-child(3){ text-align: left; }
table.kin1 tr th:nth-child(4){ text-align: left; }
table.kin1 tr th:nth-child(5){ text-align: left; }
table.kin1 tr th:nth-child(6){ text-align: left; }
table.kin1 tr th:nth-child(7){ text-align: left; }
table.kin1 tr td:nth-child(1){ text-align: center; }
table.kin1 tr td:nth-child(2){ text-align: center; }
table.kin1 tr td:nth-child(3){ text-align: left; }
table.kin1 tr td:nth-child(4){ text-align: left; }
table.kin1 tr td:nth-child(5){ text-align: left; }
table.kin1 tr td:nth-child(6){ text-align: left; }
table.kin1 tr td:nth-child(7){ text-align: left; }

/*図解*/
ul.raceDiagramWrap{ display: flex; justify-content: left; margin: 0 auto 10px; padding: 0; width: calc(100% - 2em); float: none; }
ul.raceDiagramWrap li{ margin: 0; padding: 0; width: 49%; float: none; }
ul.raceDiagramWrap li + li{ margin-left: 2%; }
ul.raceDiagramWrap li h4.dataCatchH4{ border-bottom: 1px solid #ccc; }
ul.raceDiagramWrap li img{ display: block; margin: 0; padding: 0; width: 100%; height: auto; float: none; }

/* 前5走 着順カラー */
.sp-content .zen5 td.first{ background: #FFE6E5; }
.sp-content .zen5 td.second{ background: #DAF1FF; } 
.sp-content .zen5 td.third{ background: #D4F7CF; }

.sp-content .zen5 td.first .first{ color: #EE0003; font-weight: bold; }
.sp-content .zen5 td.second .second{ color: #026AE7; font-weight: bold; } 
.sp-content .zen5 td.third .third{ color: #00A608; font-weight: bold; }

/* ポップアップ背景色 */
#modal-wrap { background-color: #fff !important; }
