@charset "UTF-8";
/* Scss Document */
#cal table {
  width: 940px;
  margin: 0 auto;
  background: #FFF;
  border-collapse: collapse;
  /*ペアボート・ポイントアップ*/ }
  #cal table td, #cal table th {
    text-align: center;
    border: 1px solid #BBBBBB; }
  #cal table img.icon {
    width: 16px;
    font-size: 0; }
  #cal table th {
    background: #F5F5F5;
    line-height: 1em;
    font-weight: 600;
    width: 38px; }
  #cal table tr.honjyo td {
    font-size: 14px;
    line-height: 1.2em;
    padding: 5px 0; }
  #cal table td {
    width: 30px;
    font-size: 13px;
    height: 26px;
    line-height: 1em;
    padding: 5px 0; }
  #cal table td.ippan,
  #cal table td.sg,
  #cal table td.g1,
  #cal table td.g2,
  #cal table td.g3,
  #cal table td.chushi {
    border: 1px solid #FFF !important; }
  #cal table td.sg {
    background: #FF1C24;
    color: #FFF; }
  #cal table td.g1 {
    background: #FFBF00; }
  #cal table td.g2 {
    background: #9999FF; }
  #cal table td.g3 {
    background: #60BF00;
    color: #FFF; }
  #cal table td.ippan {
    background: #0B92F4;
    color: #FFF; }
  #cal table td.chushi {
    background: #000000;
    color: #FF0000; }
  #cal table tr.icon {
    height: 50px;
    background: #EEE;
    border-bottom: 2px solid #4E4E4E; }
    #cal table tr.icon a img {
      margin: 1px 0; }
    #cal table tr.icon a:hover {
      opacity: .5; }
  #cal table tr.day {
    height: 40px;
    background: #222222;
    color: #FFF;
    line-height: 1.2em;
    font-weight: 400;
    font-family: "Oswald", sans-serif;
    line-height: 15px; }
    #cal table tr.day span {
      font-size: 12px !important; }
    #cal table tr.day td {
      border: 1px solid #222; }
    #cal table tr.day .sat {
      color: #4CD2FF; }
    #cal table tr.day .sun {
      color: #FF7272; }
  #cal table a.i_tenbo:hover {
    background-position: bottom; }
  #cal table a.i_tenbo {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/img_cal/i_tenbo.png) top;
    margin-top: 5px;
    margin-bottom: -3px; }
#cal .month {
  width: 110px;
  height: 74px;
  margin: 0 auto 3px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
#cal .month#m01 {
  background: url(/img_cal/month01.png); }
#cal .month#m02 {
  background: url(/img_cal/month02.png); }
#cal .month#m03 {
  background: url(/img_cal/month03.png); }
#cal .month#m04 {
  background: url(/img_cal/month04.png); }
#cal .month#m05 {
  background: url(/img_cal/month05.png); }
#cal .month#m06 {
  background: url(/img_cal/month06.png); }
#cal .month#m07 {
  background: url(/img_cal/month07.png); }
#cal .month#m08 {
  background: url(/img_cal/month08.png); }
#cal .month#m09 {
  background: url(/img_cal/month09.png); }
#cal .month#m10 {
  background: url(/img_cal/month10.png); }
#cal .month#m11 {
  background: url(/img_cal/month11.png); }
#cal .month#m12 {
  background: url(/img_cal/month12.png); }
#cal .icon_about {
  width: 940px;
  height: 20px;
  margin: 10px auto 0 auto;
  background: url(/img_cal/icon_about.png); }
#cal a {
  color: #FFF; }
#cal a:hover {
  color: #000; }

#cal_type2 {
  position: relative;
  display: flex;
  width: 945px;
  margin: 0 auto;
  justify-content: space-between;
  /*場外発売情報*/ }
  #cal_type2 *,
  #cal_type2 *:before,
  #cal_type2 *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  #cal_type2 table {
    width: 525px;
    background: #FFF;
    margin: 0;
    display: block;
    /*展望ボタン*/ }
    #cal_type2 table th {
      background: #4E4E4E;
      color: #FFF;
      line-height: 22px;
      height: 22px;
      font-size: 14px;
      border-right: 1px solid #BBBBBB; }
    #cal_type2 table tr:nth-child(2n+1) {
      background: #F5F5F5; }
    #cal_type2 table td {
      height: 80px;
      width: 75px;
      border-right: 1px solid #BBBBBB;
      position: relative;
      text-align: center;
      vertical-align: middle;
      cursor: pointer; }
    #cal_type2 table td:before {
      content: '';
      height: 80px;
      width: 75px;
      background: rgba(3, 162, 239, 0.1);
      display: none;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 100;
      pointer-events: none; }
    #cal_type2 table td:hover:before {
      display: block; }
    #cal_type2 table td.checked:after {
      content: '';
      height: 86px;
      width: 81px;
      position: absolute;
      top: -4px;
      left: -4px;
      z-index: 100;
      pointer-events: none;
      border: 4px solid #FF7373; }
    #cal_type2 table td.kyukan {
      font-size: 14px;
      color: #666666;
      background: #DDDDDD; }
    #cal_type2 table .day {
      font-family: 'Oswald',sans-serif;
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 18px;
      color: #111;
      z-index: 100;
      /*ペアボート、ポイントアイコン*/ }
      #cal_type2 table .day a img {
        height: 16px;
        width: 16px;
        margin-right: 2px;
        margin-top: -3px; }
      #cal_type2 table .day a:first-child {
        margin-left: 6px; }
      #cal_type2 table .day a:hover {
        opacity: .5; }
    #cal_type2 table .race {
      display: block;
      line-height: 30px;
      height: 30px;
      position: absolute;
      border-radius: 4px;
      font-size: 13px;
      top: 40px;
      padding: 0 20px 0 5px;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #cal_type2 table .race.jyoshi {
      padding: 0 35px 0 5px; }
    #cal_type2 table .race a.info {
      display: inline-block;
      background: url(/img_cal/i_tenbo.png);
      height: 24px;
      width: 24px;
      text-indent: -9999px;
      position: relative;
      top: 4px;
      margin-right: 2px; }
    #cal_type2 table .race a.info:hover {
      background-position: bottom; }
    #cal_type2 table .race.sch01 {
      width: 75px; }
    #cal_type2 table .race.sch02 {
      width: 150px; }
    #cal_type2 table .race.sch03 {
      width: 225px; }
    #cal_type2 table .race.sch04 {
      width: 300px; }
    #cal_type2 table .race.sch05 {
      width: 375px; }
    #cal_type2 table .race.sch06 {
      width: 450px; }
    #cal_type2 table .info {
      width: 20px;
      height: 20px;
      display: inline-block;
      background: cyan; }
    #cal_type2 table .race.sch01 span {
      display: none; }
    #cal_type2 table .sg {
      background: url(/img_cal/icon.png) right 3px top 7px no-repeat, #FF1C24;
      color: #FFF;
      background-size: 16px; }
    #cal_type2 table .g1 {
      background: url(/img_cal/icon.png) right 3px top 7px no-repeat, #FFBF00;
      background-size: 16px; }
    #cal_type2 table .g2 {
      background: url(/img_cal/icon.png) right 3px top 7px no-repeat, #9999FF;
      color: #FFF;
      background-size: 16px; }
    #cal_type2 table .g3 {
      background: url(/img_cal/icon.png) right 3px top 7px no-repeat, #60BF00;
      color: #FFF;
      background-size: 16px; }
    #cal_type2 table .ippan {
      background: url(/img_cal/icon.png) right 3px top 7px no-repeat, #0B92F4;
      color: #FFF;
      background-size: 16px; }
    #cal_type2 table .sg.jyoshi {
      background: url(/img_cal/icon.png) right 3px top 7px no-repeat, url(/img_cal/cal_jyoshi.png) right 20px top 7px no-repeat, #FF1C24;
      color: #FFF;
      background-size: 16px; }
    #cal_type2 table .g1.jyoshi {
      background: url(/img_cal/icon.png) right 3px top 7px no-repeat, url(/img_cal/cal_jyoshi.png) right 20px top 7px no-repeat, #FFBF00;
      background-size: 16px; }
    #cal_type2 table .g2.jyoshi {
      background: url(/img_cal/icon.png) right 3px top 7px no-repeat, url(/img_cal/cal_jyoshi.png) right 20px top 7px no-repeat, #9999FF;
      color: #FFF;
      background-size: 16px; }
    #cal_type2 table .g3.jyoshi {
      background: url(/img_cal/icon.png) right 3px top 7px no-repeat, url(/img_cal/cal_jyoshi.png) right 20px top 7px no-repeat, #60BF00;
      color: #FFF;
      background-size: 16px; }
    #cal_type2 table .ippan.jyoshi {
      background: url(/img_cal/icon.png) right 3px top 7px no-repeat, url(/img_cal/cal_jyoshi.png) right 20px top 7px no-repeat, #0B92F4;
      color: #FFF;
      background-size: 16px; }
    #cal_type2 table .chushi {
      background: #000;
      color: #FF2626;
      font-size: 16px;
      text-align: center; }
    #cal_type2 table tr th:first-child,
    #cal_type2 table tr td:first-child .day,
    #cal_type2 table .day.sun {
      color: #FF0066; }
    #cal_type2 table tr th:last-child,
    #cal_type2 table tr td:last-child .day {
      color: #0B92F3; }
  #cal_type2 table.l6 td {
    height: 66px; }
  #cal_type2 table.l6 td:before {
    height: 66px; }
  #cal_type2 table.l6 td:hover:before {
    display: block; }
  #cal_type2 table.l6 td.checked:after {
    height: 73px; }
  #cal_type2 table.l6 .race {
    top: 28px; }
  #cal_type2 .type2_dat {
    background: url(/img_cal/cal_type2_bk.png);
    width: 404px;
    height: 419px; }
    #cal_type2 .type2_dat .race_data {
      display: flex;
      padding-top: 50px;
      margin-left: 25px;
      margin-bottom: 25px;
      position: relative;
      /*ボタン日付*/ }
      #cal_type2 .type2_dat .race_data .grade {
        width: 80px;
        color: #FFF;
        height: 110px;
        position: relative;
        text-align: center; }
      #cal_type2 .type2_dat .race_data .grade .ippan {
        background: url(/common_img/race_night.png) center 42px no-repeat, linear-gradient(#0557E4, #0B92F4); }
      #cal_type2 .type2_dat .race_data .grade .sg {
        font-family: "Roboto", sans-serif;
        background: url(/common_img/race_night.png) center 42px no-repeat, linear-gradient(#B00004, #FF1C24); }
      #cal_type2 .type2_dat .race_data .grade .g1 {
        font-family: "Roboto", sans-serif;
        background: url(/common_img/race_night.png) center 42px no-repeat, linear-gradient(#FF8D02, #FFA601); }
      #cal_type2 .type2_dat .race_data .grade .g2 {
        font-family: "Roboto", sans-serif;
        background: url(/common_img/race_night.png) center 42px no-repeat, linear-gradient(#6666FF, #9999FF); }
      #cal_type2 .type2_dat .race_data .grade .g3 {
        font-family: "Roboto", sans-serif;
        background: url(/common_img/race_night.png) center 42px no-repeat, linear-gradient(#76AE00, #99CC00); }
      #cal_type2 .type2_dat .race_data .grade .sg,
      #cal_type2 .type2_dat .race_data .grade .g1,
      #cal_type2 .type2_dat .race_data .grade .g2,
      #cal_type2 .type2_dat .race_data .grade .g3,
      #cal_type2 .type2_dat .race_data .grade .ippan {
        font-weight: 600;
        font-size: 30px;
        width: 80px;
        height: 70px;
        line-height: 50px; }
      #cal_type2 .type2_dat .race_data .grade .ippan {
        font-size: 28px; }
      #cal_type2 .type2_dat .race_data .grade .day {
        height: 40px;
        line-height: 40px;
        width: 100%;
        background: #FFF;
        color: #222222;
        font-size: 22px;
        font-weight: 800; }
      #cal_type2 .type2_dat .race_data .grade .day span {
        font-family: 'Oswald';
        font-size: 25px;
        position: relative;
        top: 2px;
        margin-right: 3px;
        font-weight: 600; }
      #cal_type2 .type2_dat .race_data .race_right {
        color: #FFF;
        margin-left: 10px;
        position: relative;
        width: 270px; }
      #cal_type2 .type2_dat .race_data .race_tit {
        width: 260px;
        height: 80px;
        font-weight: 600;
        display: flex;
        align-items: center; }
        #cal_type2 .type2_dat .race_data .race_tit p {
          font-size: 18px;
          line-height: 1.3em; }
      #cal_type2 .type2_dat .race_data .date {
        line-height: 40px;
        font-family: "Oswald", sans-serif;
        font-weight: 600;
        position: absolute;
        bottom: 0;
        background: url(/ind_img/next_arrow.png) left center no-repeat;
        padding-left: 10px;
        font-size: 20px;
        display: block;
        height: 40px;
        /*曜日*/ }
        #cal_type2 .type2_dat .race_data .date span {
          display: inline-block;
          width: 16px;
          height: 16px;
          font-size: 12px;
          color: #000;
          text-align: center;
          line-height: 16px;
          margin: 0 3px;
          position: relative;
          left: 0;
          top: -2px;
          background: #FFF; }
        #cal_type2 .type2_dat .race_data .date span.sat {
          background: #0B92F3;
          color: #FFF; }
        #cal_type2 .type2_dat .race_data .date span.sun {
          background: #F00060;
          color: #FFF; }
      #cal_type2 .type2_dat .race_data .race_info {
        width: 650px; }
  #cal_type2 .race_data.blank {
    line-height: 100px;
    text-align: center;
    color: #FFF;
    width: 360px;
    display: flex;
    align-items: center;
    justify-content: center; }
    #cal_type2 .race_data.blank div {
      width: 100%; }
  #cal_type2 #cal_jyogai {
    width: 360px;
    border-bottom: 1px solid #FFF;
    margin: 0 auto;
    background: url(/img_cal/cal_jyogai_tit.png) top no-repeat;
    padding-top: 26px;
    padding-bottom: 15px; }
    #cal_type2 #cal_jyogai ul {
      position: relative;
      padding-left: 28px;
      margin-left: 12px;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      align-content: center; }
      #cal_type2 #cal_jyogai ul p.tit {
        position: absolute;
        left: 0;
        top: 0;
        background: #FFF;
        color: #011B97;
        writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        width: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 15px;
        border-radius: 20px;
        height: 100%;
        font-weight: 600; }
    #cal_type2 #cal_jyogai ul.jyo {
      height: 46px;
      margin-bottom: 6px; }
    #cal_type2 #cal_jyogai ul.soto {
      height: 90px; }
    #cal_type2 #cal_jyogai li {
      height: 16px;
      width: 160px;
      color: #FFF;
      margin-bottom: 3px; }
      #cal_type2 #cal_jyogai li i.sg,
      #cal_type2 #cal_jyogai li i.g1,
      #cal_type2 #cal_jyogai li i.g2,
      #cal_type2 #cal_jyogai li i.g3,
      #cal_type2 #cal_jyogai li i.ippan {
        font-size: 12px;
        width: 28px;
        line-height: 16px;
        height: 16px;
        text-align: center;
        font-style: normal;
        display: inline-block;
        margin: 3px 4px 3px 0;
        color: #FFF;
        font-family: "Roboto", sans-serif; }
      #cal_type2 #cal_jyogai li i.sg {
        background: #FF1C24; }
      #cal_type2 #cal_jyogai li i.g1 {
        background: #FFBF00;
        color: #222222; }
      #cal_type2 #cal_jyogai li i.g2 {
        background: #9999FF; }
      #cal_type2 #cal_jyogai li i.g3 {
        background: #60BF00; }
      #cal_type2 #cal_jyogai li i.ippan {
        background: #0B92F4; }
      #cal_type2 #cal_jyogai li p {
        font-size: 14px;
        display: inline-block;
        height: 16px;
        position: relative;
        top: 1px; }
      #cal_type2 #cal_jyogai li i.night,
      #cal_type2 #cal_jyogai li i.jyoshi,
      #cal_type2 #cal_jyogai li i.summer {
        display: inline-block;
        background-size: 17px !important;
        width: 17px;
        height: 17px;
        position: relative;
        top: 1px;
        margin-left: 3px; }
      #cal_type2 #cal_jyogai li i.night {
        background: url(/common_img/i_night.png) right center no-repeat; }
      #cal_type2 #cal_jyogai li i.jyoshi {
        background: url(/common_img/i_jyoshi.png) right center no-repeat; }
      #cal_type2 #cal_jyogai li i.summer {
        background: url(/common_img/i_summer.png) right center no-repeat; }

/*# sourceMappingURL=cal.css.map */