@charset "UTF-8";
.content .sns ul {
  width: 240px; }

@media screen and (max-width: 660px) {
  .content .sns ul {
    width: auto; } }
.calenderTbl tbody td.grade_race a {
  color: #ff1818; }
.calenderTbl tbody tr.current th {
  color: #fff100; }
.calenderTbl tbody tr.current td.day_no, .calenderTbl tbody tr.current td.open_time, .calenderTbl tbody tr.current td.first_race, .calenderTbl tbody tr.current td.main_race, .calenderTbl tbody tr.current td.last_race {
  font-weight: 600; }

.pluskeibaList a {
  display: block; }
  .pluskeibaList a:hover {
    text-decoration: none;
    opacity: 0.7; }
    .pluskeibaList a:hover img {
      opacity: 1; }
  .pluskeibaList a:after {
    content: "";
    display: block;
    clear: both; }

/* --------------------------------------------------------------------------------
    重賞ボタン
-------------------------------------------------------------------------------- */
.raceInfo .btn a {
  padding: 5px 14px 7px 11px;
  line-height: 1; }

.raceInfo .raceList {
  margin-top: 15px;
  display: block;
  padding: 0 20px; }
  .raceInfo .raceList.gradeRace1 {
    margin-top: 0;
    display: inline-block; }
  .raceInfo .raceList a {
    margin-top: 3px;
    padding: 4px 18px 7px 18px;
    line-height: 1; }
    .raceInfo .raceList a:hover {
      text-decoration: none;
      opacity: 0.7; }

@media screen and (max-width: 660px) {
  .raceList {
    display: none !important; } }
.raceInfo.date-top {
  padding-bottom: 0; }
  .raceInfo.date-top .raceSchedule {
    padding-top: 10px;
    padding-bottom: 5px; }
  .raceInfo.date-top .move {
    top: 440px; }

@media screen and (max-width: 660px) {
  .raceInfo.date-top .raceSchedule {
    padding-top: 0; }
  .raceInfo.date-top .move {
    top: 330px;
    right: 18px; } }
/* --------------------------------------------------------------------------------
    ニュースタブ
-------------------------------------------------------------------------------- */
.newsSec {
  padding: 12px 0;
  width: 934px; }
  .newsSec .move {
    margin-top: 10px;
    padding-right: 17px; }
  .newsSec .newsList {
    padding: 0;
    height: auto; }
    .newsSec .newsList li.list {
      padding: 20px 17px; }
    .newsSec .newsList li li {
      margin: 0;
      padding: 0;
      height: auto; }
    .newsSec .newsList a {
      display: block;
      padding: 17px 0; }
      .newsSec .newsList a time, .newsSec .newsList a p {
        display: block;
        margin-left: 12px;
        line-height: 1.3; }
    .newsSec .newsList .article-large {
      height: auto;
      min-height: 110px; }
      .newsSec .newsList .article-large a {
        display: block;
        padding: 17px 0;
        height: auto; }
        .newsSec .newsList .article-large a time, .newsSec .newsList .article-large a p {
          margin-left: 137px; }
  .newsSec h2 {
    border-bottom: 0;
    float: left;
    margin-bottom: 0; }
  .newsSec .tabMenu {
    padding: 0 17px;
    border-bottom: solid 3px #eee;
    position: relative; }
    .newsSec .tabMenu ul.tab {
      position: absolute;
      right: 17px;
      bottom: 0; }
      .newsSec .tabMenu ul.tab li {
        float: left;
        margin-left: 10px;
        width: 100px;
        height: 41px;
        border-right: solid 1px #c0c0c0;
        background: #c9c9c9;
        border-radius: 3px 3px 0 0;
        line-height: 45px;
        cursor: pointer;
        color: #313131;
        font-size: 16px;
        text-align: center; }
        .newsSec .tabMenu ul.tab li.current {
          background: #eee;
          border-right-color: #e3e3e3;
          cursor: default; }

@media screen and (max-width: 660px) {
  .newsSec {
    width: 594px; }
    .newsSec .newsList li.list {
      padding: 20px 15px; }
    .newsSec .newsList li li {
      height: auto; }
    .newsSec .newsList .article-large {
      height: auto; }
      .newsSec .newsList .article-large a {
        display: block;
        padding: 17px 0;
        height: auto;
        min-height: 120px; }
        .newsSec .newsList .article-large a time, .newsSec .newsList .article-large a p {
          margin-left: 190px; }
    .newsSec .tabMenu {
      height: 70px; }
      .newsSec .tabMenu h2 {
        line-height: 70px; }
      .newsSec .tabMenu ul.tab li {
        height: 68px;
        border-radius: 6px 6px 0 0;
        line-height: 72px;
        font-size: 20px; } }
/* --------------------------------------------------------------------------------
    スライド
-------------------------------------------------------------------------------- */
.mainGradeRace {
  overflow: hidden;
  margin-bottom: 0; }
  .mainGradeRace a {
    outline: none;
    display: block; }
  .mainGradeRace .slick-prev,
  .mainGradeRace .slick-next {
    width: 41px;
    height: 85px;
    background-image: url(../images/base/sprite.png);
    background-repeat: no-repeat;
    opacity: 1; }
    .mainGradeRace .slick-prev:hover,
    .mainGradeRace .slick-next:hover {
      opacity: 0.7; }
  .mainGradeRace .slick-next:before,
  .mainGradeRace .slick-prev:before {
    display: none; }
  .mainGradeRace .slick-prev {
    z-index: 20;
    left: 0;
    background-position: -400px -400px; }
  .mainGradeRace .slick-next {
    z-index: 20;
    right: 0;
    background-position: -450px -400px; }
  .mainGradeRace .slick-dots {
    bottom: 5px; }
    .mainGradeRace .slick-dots li button:before {
      content: '';
      background: rgba(200, 200, 200, 0.8);
      border-radius: 50%;
      opacity: 1; }
    .mainGradeRace .slick-dots li:hover button:before, .mainGradeRace .slick-dots li.slick-active button:before {
      background: rgba(0, 0, 0, 0.7); }

.highlightBanner .larg {
  margin-left: -20px; }
  .highlightBanner .larg > li {
    margin-left: 20px; }
.highlightBanner .slides {
  overflow: hidden;
  margin-bottom: 0; }
  .highlightBanner .slides .slick-prev,
  .highlightBanner .slides .slick-next {
    width: 29px;
    height: 53px;
    background-image: url(../images/base/sprite.png);
    background-repeat: no-repeat;
    opacity: 1; }
    .highlightBanner .slides .slick-prev:hover,
    .highlightBanner .slides .slick-next:hover {
      opacity: 0.7; }
  .highlightBanner .slides .slick-next:before,
  .highlightBanner .slides .slick-prev:before {
    display: none; }
  .highlightBanner .slides .slick-prev {
    z-index: 20;
    left: 0;
    background-position: -400px -300px; }
  .highlightBanner .slides .slick-next {
    z-index: 20;
    right: 0;
    background-position: -450px -300px; }
  .highlightBanner .slides .slick-dots {
    bottom: 5px; }
    .highlightBanner .slides .slick-dots li button:before {
      content: '';
      background: rgba(200, 200, 200, 0.8);
      border-radius: 50%;
      opacity: 1; }
    .highlightBanner .slides .slick-dots li:hover button:before, .highlightBanner .slides .slick-dots li.slick-active button:before {
      background: rgba(0, 0, 0, 0.7); }

@media screen and (max-width: 660px) {
  .mainGradeRace {
    overflow: visible;
    margin-bottom: 30px; }
    .mainGradeRace .slick-prev,
    .mainGradeRace .slick-next {
      width: 41px;
      height: 85px; }
    .mainGradeRace .slick-prev {
      background-position: -400px -400px;
      left: 0; }
    .mainGradeRace .slick-next {
      background-position: -450px -400px;
      right: 0; }
    .mainGradeRace .slick-dots {
      bottom: -50px; }
      .mainGradeRace .slick-dots li {
        width: 30px;
        height: 30px;
        margin: 0 15px; }
        .mainGradeRace .slick-dots li button:before {
          width: 30px;
          height: 30px; }

  .highlightBanner .larg {
    padding-bottom: 40px; }
    .highlightBanner .larg > li {
      margin-bottom: 30px; }
  .highlightBanner .slides {
    overflow: visible;
    margin-bottom: 30px; }
    .highlightBanner .slides .slick-prev,
    .highlightBanner .slides .slick-next {
      width: 41px;
      height: 85px; }
    .highlightBanner .slides .slick-prev {
      background-position: -400px -400px;
      left: -20px; }
    .highlightBanner .slides .slick-next {
      background-position: -450px -400px;
      right: -20px; }
    .highlightBanner .slides .slick-dots {
      bottom: -50px; }
      .highlightBanner .slides .slick-dots li {
        width: 30px;
        height: 30px;
        margin: 0 15px; }
        .highlightBanner .slides .slick-dots li button:before {
          width: 30px;
          height: 30px; } }
.highlightBanner .small a:hover {
  text-decoration: none; }

.home .sec.wide.spat4Banner {
  padding: 11px 0 10px 10px;
  background: url(../images/base/bg_diamond.jpg) repeat 0 0;
  width: auto;
  margin-bottom: 23px; }

@media screen and (max-width: 660px) {
  .home .sec.wide.spat4Banner {
    padding: 20px;
    margin: 0 -20px 22px; } }
/* --------------------------------------------------------------------------------
    開催中止処理
-------------------------------------------------------------------------------- */
.calenderTbl tbody .cancellation th,
.colorDescription li.cancellation:before {
  background: #ff2424; }

/* --------------------------------------------------------------------------------
    収益金
-------------------------------------------------------------------------------- */
.content p.proceeds {
  width: 900px;
  float: right;
  line-height: 1.8em;
  font-size: 1.0em;
  color: #333333;
  text-align: center;
  background: #f6f6f6;
  padding: 20px;
  margin-top: 20px; }

@media screen and (max-width: 660px) {
  .content p.proceeds {
    width: 560px;
    float: none;
    font-size: 0.7em; } }
/* --------------------------------------------------------------------------------
    TCKxJRAバナー
-------------------------------------------------------------------------------- */
.sec.narrow.left .banner_jra a {
  display: block;
  background: url(../images/home/gambling2020.jpg) no-repeat;
  width: 239px;
  height: 103px;
  text-indent: -9999px;
  margin-bottom: 20px; }

@media screen and (max-width: 660px) {
  .sec.narrow.left .banner_jra {
    display: none; } }
.right .banner_jra {
  display: none; }

@media screen and (max-width: 660px) {
  .right .banner_jra {
    background: #eeeeee;
    width: 100%;
    margin: 0 -20px;
    padding: 20px;
    padding-bottom: 0;
    display: block; }
    .right .banner_jra a {
      display: block;
      background: url(../images/home/gambling2020_sp.jpg) no-repeat;
      width: 600px;
      height: 103px;
      text-indent: -9999px; } }
/* --------------------------------------------------------------------------------
    左バナー追加
-------------------------------------------------------------------------------- */
.sec.narrow.left .banner_graderace a {
  display: block;
  background: url(../images/home/graderace.jpg) no-repeat;
  width: 239px;
  height: 103px;
  text-indent: -9999px;
  margin-bottom: 20px; }

@media screen and (max-width: 660px) {
  .sec.narrow.left .banner_graderace {
    display: none; } }
.right .banner_graderace {
  display: none; }

.sec.narrow.left .banner_analysis a {
  display: block;
  background: url(../images/home/analysis.jpg) no-repeat;
  width: 239px;
  height: 103px;
  text-indent: -9999px;
  margin-bottom: 20px; }

@media screen and (max-width: 660px) {
  .sec.narrow.left .banner_analysis {
    display: none; } }
.right .banner_analysis {
  display: none; }

/* --------------------------------------------------------------------------------
    イベント中止
-------------------------------------------------------------------------------- */
.raceCalender .day_no {
  display: none; }

/* --------------------------------------------------------------------------------
    中継情報スライド表示
-------------------------------------------------------------------------------- */
@media screen and (max-width: 660px) {
  .raceInfo .raceSchedule-slides {
    margin-top: -68px; } }

/*# sourceMappingURL=home-diff.css.map */