/********************************************************************************************
 *                                   改版履歴                                                *
 *                                                                                           *
 *   変更日          変更者          変更内容                        備考(障害番号等)        *
 *   2019/01/16      Yoshida         開催日「本日」列位置変更        三次開発.項14           *
 *   2019/09/02      S.Hou           軽量化対応                      NAR15                   *
 *    2021/10/11      E.Sai           コンテンツリニュアル            NAR18                  *
 *********************************************************************************************/
@charset "UTF-8";
.pageHeader {
  width: 980px;
  height: 120px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
 }
.pageHeader h2 {
  line-height: 120px;
}

h3 {
  padding: 0 0 0 30px;
  background: url(../img/icon_h4_bread.png?bld=20240319143030) 0 50% no-repeat;
  margin: 0 auto 20px;
  border-bottom: 2px solid #949494;
}

/*開催場*/
.courseInfo {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: #fff;
}

table {
  width: 900px;
  height: auto;
  margin: 0 auto 10px;
  padding: 0;
  display: block;
  border: 1px solid #9f9f9f;
  font-size: 15px;
}
table th {
  width: 180px;
  background: #555;
  color: #fff;
  padding: 7px 0;
  text-align: center;
  border-right: 1px solid #9f9f9f;
}
table th.active {
  border-bottom: 5px solid #ffd700;
}
table tr th:last-child {
  border: none;
}
table tr td {
  border-right: 1px solid #9f9f9f;
  text-align: center;
  background: #f0f0f0;
  vertical-align: top;
}
/* 2019/01/16  Yoshida  開催日「本日」列位置変更 
// table tr td:nth-child(3) {*/
table tr td:nth-child(2) {
  background: #fff;
}
table tr td:last-child {
  border: none;
}

table.course tr td {
  padding: 15px 20px;
}
table.course tr td a.courseName {
  width: 100%;
  height: 35px;
  margin: 0 auto 10px;
  padding: 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  color: #fff;
  background: #1a74bc;
  border-radius: 3px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  position: relative;
  line-height: 35px;
}
table.course tr td a.courseName:not(.enable):hover {
  transition-duration: 0.3s;
  opacity: 0.7;
}
table.course tr td a.courseName:last-child {
  margin: 0 auto;
}
table.course tr td a.courseName.enable {
  background: #949494;
  color: #fff;
  box-shadow: none;
  cursor: text;
}
table.course tr td a.courseName.night:after {
  content: "";
  width: 20px;
  height: 20px;
  margin: 0 0 0 3px;
  padding: 0 0;
  display: inline-block;
  background: #ddd;
  background: url(../img/icon_nightrace.png?bld=20240319143030) 50% 50% no-repeat;
  background-size: 20px 20px;
  vertical-align: text-bottom;
}

/*重賞競走*/
.gradeInfo {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: #fff;
}

table.grade tr td {
  padding: 15px 10px;
}

a.raceName {
  width: 158px;
  height: auto;
  margin: 0 auto 10px;
  padding: 0 8px 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  color: #333;
  border-left: 5px solid #fff;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  text-align: left;
  cursor: pointer;
  text-decoration: none;
}
a.raceName:hover {
  transition-duration: 0.8s;
  border-left: 5px solid #ffd700;
}
a.raceName span.courseArea {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 3px 0;
  border-bottom: 1px dashed #9f9f9f;
  font-size: 13px;
  font-weight: bold;
  display: block;
}
a.raceName span.raceArea {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 8px 0;
  font-size: 16px;
  font-weight: bold;
  display: block;
}

/*注意事項*/
.attention {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: #f0f0f0;
}
.attention p {
  width: auto;
  margin: 0 auto 15px;
  padding: 0 0 0 1.3rem;
  position: relative;
 }
.attention p:after {
  width: 1.0rem;
  height: 1.0rem;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
 }

/*月別開催日程*/
.formWrapper {
  width: 880px;
  height: 30px;
  margin: 0 auto 10px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  text-align: right;
}
.formWrapper select {
  width: 100px;
  height: 30px;
  margin: 0 auto;
  padding: 0 0 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  line-height: 25px;
  border: 2px solid #cacaca;
  border-radius: 3px;
  font-family:  -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, "Helvetica Neue", "Segoe UI", sans-serif;
  background: url(../img/icon_arr_down_bk.png?bld=20240319143030) 95% 50% no-repeat;
}

ul.monthTab {
  width: 880px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}
ul.monthTab li.tab {
  width: 71.5px;
  height: 30px;
  margin: 10px 2px 0 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  float: left;
  background: #949494;
  text-align: center;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
}
ul.monthTab li.tab:not(.active):hover {
  opacity: 0.7;
}
/*ChromeとOperaのみだけに適用されるCSSハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  ul.monthTab li.tab:not(.active):hover {
    transition-duration: 0.8s;
  }
}
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  ul.monthTab li.tab:not(.active):hover {
    transition-duration: 0.8s;
  }
}

ul.monthTab li.tab:last-child {
  margin: 10px 0 0 0;
}
ul.monthTab li.tab p {
  width: auto;
  height: 30px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  line-height: 30px;
  color: #fff;
  font-size: 13px;
  pointer-events:none;
}
ul.monthTab li.tab.active {
  transition-duration: 0.8s;
  height: 40px;
  margin-top: 0;
  background: #1a74bc;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  cursor: text;
}
ul.monthTab li.tab.active p {
  height: 40px;
  line-height: 40px;
}

.chartWrapprer {
  width: 880px;
  height: auto;
  margin: 0 auto;
  padding: 0 1px 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: #9f9f9f;
}

table.schedule {
  width: auto;
  max-width: 880px;
  margin: 0 auto;
  border: none;
}
table.schedule th {
  width: 25px;
  height: 25px;
  background: #555;
  color: #fff;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  border-right: 1px solid #9f9f9f;
  text-align: center;
  font-size: 12.5px;
}
table.schedule th:first-child {
  width: 105px;
}
table.schedule tr {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*日付セル*/
  /*ボーダー*/
}
table.schedule tr td {
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  border-right: 1px solid #9f9f9f;
  border-top: 1px solid #ddd;
  text-align: center;
  background: #fff;
  vertical-align: middle;
  font-size: 12.5px;
  /*デイレース*/
  /*ナイトレース*/
  /*未発走*/
}
table.schedule tr.topOfArea td {
  border-top: 1px solid #8f8f8f;
}

table.schedule tr:nth-child(n+3) td:not(:first-child) {
  font-weight: bold;
}
table.schedule tr td:first-child {
  width: 105px;
  background: #f0f0f0;
}
table.schedule tr td:first-child {
  width: 105px;
}
table.schedule tr td:last-child {
  border-right: none;
}
table.schedule tr td a.day {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
  background: #FFF594;
  text-decoration: none;
  line-height: 24px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
table.schedule tr td a.night {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
  background: #AEE8FF;
  text-decoration: none;
  line-height: 24px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
table.schedule tr td a:hover {
  transition-duration: 0.8s;
  background: #1a74bc;
  color: #fff;
}
table.schedule tr td p {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  display: block;
  text-decoration: none;
  line-height: 24px;
  text-align: center;
  font-size: 13px;
}
table.schedule tr:nth-child(2) td {
  background: #f0f0f0;
}
table.schedule tr:nth-child(2) td.holidays {
  border-top: 1px solid #FF6666;
  background: #FF6666;
}
table.schedule tr:nth-child(2) td.saturdays {
  border-top: 1px solid #99CCFF;
  background: #99CCFF;
}
table.schedule tr th:last-child {
  border: none;
}
table.schedule tr:last-child td {
  border-bottom: none;
}

.innerWrapper2 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
}