@charset "utf-8";

.sp-content .global-nav-keirin span { background-position: -70px -80px !important; height: 26px !important; }

.sp-content #race-header .race-select li:last-child a, .sp-content #race-header .race-select li.classic { border: 2px solid #3A9DFF; }

/* slick slider menu */
div.ssMenuWrap{ width: calc(100% - 50px); float: none; margin:0 auto; padding:0.5em 0 0 0; position: relative; display: block; }
ul.ssMenu{
margin: 0;
padding: 0;
display: block;
float: none;
clear: both;
position: relative;
}
ul.ssMenu li a{
display: block;
line-height: 2.4em;
width: 96%;
margin: 0 auto;
border-radius: 1.2em;
border: none;
text-align: center;
background-color: #fff;
}
ul.ssMenu li a.ssActive{ background-color: #3A9DFF; color: #fff; }
ul.ssMenu li a.sslogout{ opacity: 0.3; cursor: default; }

/*slick setting*/
.slick-prev:before,
.slick-next:before{ color: #000; }
.slick-prev { left: -20px; }
.slick-next { right: -20px; }

.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 20px;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

/*未ログイン*/
.sp-content div.headMsg p.note{ margin: 0 0 0 0.8em; line-height: 2em; }
.sp-content div.headMsg p.note:empty { display: block; margin: 0; height: 0.5em; }

/*選手table*/
.sp-content .ssh-head{ height: 49px; }
.sp-content .ssh-head.stcNameFull{ width: 180px; }
.sp-content .ssh-head .ssh-head-part-wrap{ display: flex; justify-content: space-between; align-items: center; height: 49px; }
.sp-content .ssh-head div {}
.sp-content .ssh-head .label {}
.sp-content .ssh-head .label.hs { padding: 0; width: 4em; height: 1.2em; float: none !important; }
.sp-content .ssh-head .icons { float: none !important; width: 42px; height: 37px; padding: 0; }
.sp-content div.baloon { padding: 1px 0 0; }
.sp-content div.baloon img.hatena { width: 16px; height: 16px; text-indent: -10000px; }
.sp-content td.linkage { }
.sp-content td.linkage a { letter-spacing: inherit !important; width: auto !important; color: #0075be !important; }
.palyer-name a{ letter-spacing: inherit; }
.player-name span.alert.noclear{ letter-spacing: -1px; margin-left: -2px; }
a.playe-name-icon img{ width: 18px; margin:0 0 -4px 0; display: inline-block; }


/*出走表追加*/
span.fc{ color:#e00; }


/*着順追加*/
.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 .w6em{ width: 6em !important; }
.sp-content .bet-table .w7em{ width: 7em !important; }
.sp-content .bet-table .w8em{ width: 8em !important; }
.sp-content .bet-table .w10em{ width: 10em !important; }
.sp-content .bet-table .w12em{ width: 12em !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; }
ul.gradesTable{ display: flex; flex-wrap: nowrap; margin: 5px 0 0 0; padding: 0; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; }
ul.gradesTable + ul.gradesTable{ margin-top: 10px; }
ul.gradesTable li{ width: 4em !important; font-size: 13px; line-height: 1.4; white-space: nowrap; position: relative; text-align: center; }
ul.gradesTable li a{ }
ul.gradesTable li.dateTrack{ width:4em !important; text-align: left; }
ul.gradesTable li p { font-size: 10px; line-height: 1; display: inline-block; position: absolute; top: -4px; margin-left: 2px; }
ul.gradesTable li div.orderOfArrivalS4 { display:block; height:1.25em; }
.sp-content .bet-table.overflowTable td { position: relative; }
td.a-ico-pop-up { cursor: pointer; }
td.a-ico-pop-up::after {
  font-family: 'ficon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e606";
  color: #3A9DFF;
  position: absolute;
  width: 1em;
  height: 1em;
  bottom: 4px;
  right: 6px;
}
td.a-ico-pop-up >	ul.gradesTable{ padding-right: 2em !important; }
/*黒丸白丸追加*/
ul.gradesTable li a{ text-decoration: underline; color: #0075be !important; line-height: inherit; }
ul.gradesTable li a:hover,
ul.gradesTable li a:visited{ color: #0075be !important; }
ul.gradesTable li span{ vertical-align: inherit; display: inline-block; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; background-size: cover; font-size: 11px; font-weight: bold; padding-top: 1px; }
ul.gradesTable li span.circle-face{ background-image: url(../images/circle-face.svg); color: #fff; }
ul.gradesTable li a span.circle-face{ background-image: url(../images/circle-face-a.svg); color: #fff; }
ul.gradesTable li span.circle-line{ background-image: url(../images/circle-line.svg); }
ul.gradesTable li a span.circle-line{ background-image: url(../images/circle-line-a.svg); }
ul.gradesTable li.race2{ width:8em; }
ul.gradesTable li.race3{ width:12em; }
ul.gradesTable li.race4{ width:16em; }
ul.gradesTable li.race5{ width:20em; }
ul.gradesTable li.race6{ width:24em; }
ul.gradesTable li.totalling{ width: 100% !important; text-align: center; }
/* aタグだけど色は黒*/
td.a-ico-pop-up >	ul.gradesTable  li a{ color: #333 !important; }
td.a-ico-pop-up >	ul.gradesTable  li a span.circle-face{ background-image: url(../images/circle-face.svg); color: #fff; }
td.a-ico-pop-up >	ul.gradesTable  li a span.circle-line{ background-image: url(../images/circle-line.svg); }


/*tableスクロール*/
div.overflowTableWrap{ width: 100%; height: auto; overflow-x: auto; padding-bottom: 5px; top: 0; left: 0; z-index: 0; }
#raceInfoTable { border-collapse: separate !important; border-top: 1px solid #B6B6B6;}
#raceInfoTable th { border-color: #B6B6B6; border-style: solid; border-width: 0px 1px 1px 0px; }
#raceInfoTable td { border-color: #B6B6B6; border-style: solid; border-width: 0px 1px 1px 0px; }
table.overflowTable td{ white-space: nowrap; }
.stcWakuban{ position: sticky !important; left: 0px; z-index: 10; }
.stcSyaban{ position: sticky !important; left: 20px; z-index: 10; }
th.stcWakuban{ border-color: #B6B6B6; border-style: solid; border-width: 1px; }
th.stcSyaban{ }
.stcNameS{ position: sticky !important; left: 40px; width: 4em; height:4.5em !important; z-index: 10; display: none; }
.stcNameS.stcNameYuudou{ height: inherit !important; }
.sp-content .bet-table td.linkage { height:4.5em !important; }
.stcYuudou{ position: sticky !important; left: 0px; width: 40px; z-index: 10; }
table.overflowTable{  }

/*ポップアップ*/
div.body.message{ overflow: auto scroll; height: 300px; max-height: 270px; }
.sp-content .popHS1.wide .head { padding: 0 0 10px 0; overflow-y: hidden; }
.sp-content .popHS1.pp2 h2.keirinPopupTitle{ text-align: center; padding: 0 !important; float: none !important; }
.sp-content table.keirinPopup td { padding: 5px 5px 10px 5px; }
h3.catch{ font-size: 1em; font-weight: bold; }
.sp-content table.keirinPopup td ul.gradesTable{ display: flex; flex-wrap: nowrap; width: 100%; margin: 5px 0 0 0; padding: 8px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  }
.sp-content table.keirinPopup td ul.gradesTable li{ font-size: 0.8em; width: 4em !important; white-space: nowrap; position: relative; text-align: center; }

/*直近成績*/
.sp-content .bet-table .wUL1{ width: calc(6em + (4em * 1)) !important; }
.sp-content .bet-table .wUL2{ width: calc(6.5em + (4em * 2)) !important; }
.sp-content .bet-table .wUL3{ width: calc(7em + (4em * 3)) !important; }
.sp-content .bet-table .wUL4{ width: calc(7.5em + (4em * 4)) !important; }
.sp-content .bet-table .wUL5{ width: calc(8em + (4em * 5)) !important; }
.sp-content .bet-table .wUL6{ width: calc(8.5em + (4em * 6)) !important; }

/*集計中対応*/
td.totalling-commnet{ padding-top: 5px; }