/*DSEG 7 Classic*/
@font-face {
  font-family: "D7CB";
  src: url("../font/DSEG7Classic-Bold.woff") format("woff"); }

@font-face {
  font-family: "D7CBI";
  src: url("../font/DSEG7Classic-BoldItalic.woff") format("woff"); }

/* header */
header {
  width: 100%;
  z-index: 99;
  background: url(../../img/header_bg.png);
  background-repeat: repeat;
  padding: 10px 30px 0;
  box-sizing: border-box; }

.topnav {
  float: left;
  width: 100%; }

.topbar {
  float: left;
  width: 100%; }

.btn-group {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left; }
  .btn-group .label {
    padding-top: 10px;
    color: #aaa;
    font-size: 1.4rem;
    float: left; }

ul.btn-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  /*border: 1px solid #222;*/ }
  ul.btn-list li {
    display: flex;
    box-sizing: border-box;
    border: 1px solid #222; }
    ul.btn-list li a {
      background-color: #545454;
      display: block;
      padding: 9px 0;
      width: 100%;
      text-align: center; }
    ul.btn-list li a:hover {
      background-color: #222; }
    ul.btn-list li a.active {
      background-color: #e60012; }
  ul.btn-list .w_card {
    width: 60px; }
  ul.btn-list .w1 {
    width: 130px; }
  ul.btn-list .w2 {
    width: 80px; }
  ul.btn-list .w3 {
    width: 100px; }

ul.class-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  /*border: 1px solid #222;*/ }
  ul.class-list li {
    display: flex;
    box-sizing: border-box;
    border: 1px solid #222; }
    ul.class-list li a {
      background-image: url(../../img/navi_ST-X.png);
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #fff;
      border-bottom: 4px solid #ffea00;
      display: block;
      width: 57px;
      height: 27px;
      text-align: center; }
    ul.class-list li a:hover {
      background-color: #fff; }
    ul.class-list li a.active {
      background-color: #fff; }

ul.lang-list {
  display: flex;
  justify-content: flex-start;
  background-color: #222;
  border-radius: 5px;
  padding: 10px 7px; }
  ul.lang-list li {
    font-size: 1.5rem;
    padding: 0 5px; }
    ul.lang-list li img {
      padding-right: 5px; }

ul.logo-list {
  display: flex;
  justify-content: flex-start; }
  ul.logo-list li {
    padding: 0 0 0 10px; }

.text-area {
  background-color: #222;
  padding: 11px 50px;
  border-radius: 4px;
  font-size: 1.5rem; }

/* header */
/* common */
.content_wrap {
  width: 100%;
  margin: 0 auto;
  padding: 30px 30px;
  box-sizing: border-box;
  position: relative; }

.scroll {
  overflow: auto;
  white-space: nowrap;
  position: relative;
  margin-bottom: 80px; }

.scroll::-webkit-scrollbar {
  height: 8px; }

.scroll::-webkit-scrollbar-track {
  background: #eaeaea; }

.scroll::-webkit-scrollbar-thumb {
  background: #535353; }

#ST-X {
  background-image: url(../../img/navi_ST-X.png);
  border-bottom: 4px solid #ffea00; }
  
#ST-Q {
  background-image: url(../../img/navi_ST-Q.png);
  border-bottom: 4px solid #808080; }

#ST-1 {
  background-image: url(../../img/navi_ST-1.png);
  border-bottom: 4px solid #f39800; }

#ST-Z {
  background-image: url(../../img/navi_ST-Z.png);
  border-bottom: 4px solid #d3edfb; }

#ST-TCR {
  background-image: url(../../img/navi_ST-TCR.png);
  border-bottom: 4px solid #fadce9; }

#ST-2 {
  background-image: url(../../img/navi_ST-2.png);
  border-bottom: 4px solid #92308d; }

#ST-3 {
  background-image: url(../../img/navi_ST-3.png);
  border-bottom: 4px solid #0081cc; }

#ST-4 {
  background-image: url(../../img/navi_ST-4.png);
  border-bottom: 4px solid #e60012; }

#ST-5 {
  background-image: url(../../img/navi_ST-5.png);
  border-bottom: 4px solid #008b4f; }
#ST-5F {
  background-image: url(../../img/navi_ST-5F.png);
  border-bottom: 4px solid #008b4f; }
#ST-5R {
  background-image: url(../../img/navi_ST-5R.png);
  border-bottom: 4px solid #008b4f; }

#ST-X:hover, #ST-X.active, .color-ST-X {
  background-image: url(../../img/navi_ST-X_on.png);
  background-color: #ffea00;
  color: #000; }

#ST-Q:hover, #ST-Q.active, .color-ST-Q {
  background-image: url(../../img/navi_ST-Q_on.png);
  background-color: #808080;
  color: #000; }

#ST-1:hover, #ST-1.active, .color-ST-1 {
  background-image: url(../../img/navi_ST-1_on.png);
  background-color: #f39800; }

#ST-Z:hover, #ST-Z.active, .color-ST-Z {
  background-image: url(../../img/navi_ST-Z_on.png);
  background-color: #d3edfb;
  color: #000; }

#ST-TCR:hover, #ST-TCR.active, .color-ST-TCR {
  background-image: url(../../img/navi_ST-TCR_on.png);
  background-color: #fadce9;
  color: #000; }

#ST-2:hover, #ST-2.active, .color-ST-2 {
  background-image: url(../../img/navi_ST-2_on.png);
  background-color: #92308d; }

#ST-3:hover, #ST-3.active, .color-ST-3 {
  background-image: url(../../img/navi_ST-3_on.png);
  background-color: #0081cc; }

#ST-4:hover, #ST-4.active, .color-ST-4 {
  background-image: url(../../img/navi_ST-4_on.png);
  background-color: #e60012; }

#ST-5:hover, #ST-5.active, .color-ST-5, #ST-5F:hover, #ST-5F.active, .color-ST-5F, #ST-5R:hover, #ST-5R.active, .color-ST-5R {
  background-image: url(../../img/navi_ST-5_on.png);
  background-color: #008b4f; }
#ST-5F:hover, #ST-5F.active, .color-ST-5F {
  background-image: url(../../img/navi_ST-5F_on.png);
  background-color: #008b4f; }
#ST-5R:hover, #ST-5R.active, .color-ST-5R {
  background-image: url(../../img/navi_ST-5R_on.png);
  background-color: #008b4f; }

.color-ST-X, .color-ST-Q, .color-ST-1, .color-ST-Z, .color-ST-TCR, .color-ST-2, .color-ST-3, .color-ST-4, .color-ST-5, .color-ST-5F, .color-ST-5R {
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.grid_list .ST-X {
  border: 2px solid #ffea00 !important; }
  .grid_list .ST-X .top {
    background-color: #ffea00; }
  .grid_list .ST-X .box1, .grid_list .ST-X .box2 {
    color: #ffea00; }
    
.grid_list .ST-Q {
  border: 2px solid #808080 !important; }
  .grid_list .ST-Q .top {
    background-color: #808080; }
  .grid_list .ST-Q .box1, .grid_list .ST-Q .box2 {
    color: #808080; }

.grid_list .ST-1 {
  border: 2px solid #f39800 !important; }
  .grid_list .ST-1 .top {
    background-color: #f39800; }
  .grid_list .ST-1 .box1, .grid_list .ST-1 .box2 {
    color: #f39800; }

.grid_list .ST-Z {
  border: 2px solid #d3edfb !important; }
  .grid_list .ST-Z .top {
    background-color: #d3edfb; }
  .grid_list .ST-Z .box1, .grid_list .ST-Z .box2 {
    color: #d3edfb; }

.grid_list .ST-TCR {
  border: 2px solid #fadce9 !important; }
  .grid_list .ST-TCR .top {
    background-color: #fadce9; }
  .grid_list .ST-TCR .box1, .grid_list .ST-TCR .box2 {
    color: #fadce9; }

.grid_list .ST-2 {
  border: 2px solid #92308d !important; }
  .grid_list .ST-2 .top {
    background-color: #92308d; }
  .grid_list .ST-2 .box1, .grid_list .ST-2 .box2 {
    color: #92308d; }

.grid_list .ST-3 {
  border: 2px solid #0081cc !important; }
  .grid_list .ST-3 .top {
    background-color: #0081cc; }
  .grid_list .ST-3 .box1, .grid_list .ST-3 .box2 {
    color: #0081cc; }

.grid_list .ST-4 {
  border: 2px solid #e60012 !important; }
  .grid_list .ST-4 .top {
    background-color: #e60012; }
  .grid_list .ST-4 .box1, .grid_list .ST-4 .box2 {
    color: #e60012; }

.grid_list .ST-5, .grid_list .ST-5F, .grid_list .ST-5R {
  border: 2px solid #008b4f !important; }
.grid_list .ST-5 .top, .grid_list .ST-5F .top, .grid_list .ST-5R .top {
background-color: #008b4f; }
.grid_list .ST-5 .box1, .grid_list .ST-5 .box2, .grid_list .ST-5F .box1, .grid_list .ST-5F .box2, .grid_list .ST-5R .box1, .grid_list .ST-5R .box2{
color: #008b4f; }

.font-d7 {
  font-family: "D7CB" !important;
  font-style: italic; }

/* common */
/* content */
table.table01 {
  margin-bottom: 30px;
  width: 100%; }
  table.table01 th, table.table01 td {
    color: #fff;
    padding: 8px 10px;
/*    text-align: left; }*/
    text-align: center; }
  table.table01 th {
    background-color: #000;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    font-size: 1.3rem;
    font-weight: 300; }
  table.table01 td {
    position: relative;
    border-bottom: 1px solid #777;
    font-size: 1.5rem;
    font-weight: 300; }
    table.table01 td .cl {
      display: inline-block;
      padding: 0px 0 12px !important;
      font-size: 1.4rem;
      width: 70px; }
    table.table01 td .no {
      display: inline-block;
      padding: 6px 0 5px !important;
      font-size: 1.4rem;
      width: 70px;
      text-align: center;
      background-image: none;
      text-indent: 0;
      overflow: auto;
      font-weight: 1000; }
    table.table01 td .best-time {
      color: #e60012; }
    table.table01 td .fast-time {
      color: #aaff33; }
    table.table01 td .no-pass-time {
      color: #888; }
  table.table01 td.race_class {
    padding: 3px 10px; }
  table.table01 tr {
    background-color: #333; }
  table.table01 tr:nth-child(2n) {
    background-color: #222; }

table.table-timings-top th:nth-child(6), table.table-timings-top td:nth-child(6) {
  border-right: 1px solid #777; }

table.table-sector th:nth-child(11), table.table-sector td:nth-child(11),
table.table-sector th:nth-child(13), table.table-sector td:nth-child(13),
table.table-sector th:nth-child(15), table.table-sector td:nth-child(15),
table.table-sector th:nth-child(17), table.table-sector td:nth-child(17),
table.table-sector th:nth-child(19), table.table-sector td:nth-child(19) {
  border-right: 1px solid #777; }

table.table-last10 th:nth-child(6), table.table-last10 th:nth-child(7) {
  border-right: 1px solid #777; }

table.table-last10 td:nth-child(6), table.table-last10 td:nth-child(7), table.table-last10 td:nth-child(8),
table.table-last10 td:nth-child(9), table.table-last10 td:nth-child(10), table.table-last10 td:nth-child(11),
table.table-last10 td:nth-child(12), table.table-last10 td:nth-child(13), table.table-last10 td:nth-child(14),
table.table-last10 td:nth-child(15), table.table-last10 td:nth-child(16) {
  border-right: 1px solid #777;
  min-width: 40px; }

table.table-stints th:nth-child(5), table.table-stints td:nth-child(5) {
  border-right: 1px solid #777; }

table.table-stints th:last-child, table.table-stints td:last-child {
  border-left: 1px solid #777; }

table.table-gaps tr {
  background-color: #222; }

table.table-gaps th:not(:first-child), table.table-gaps td:not(:first-child) {
  width: 135px;
  text-align: center;
  font-size: 1.5rem; }

table.table-gaps td {
  padding-top: 20px;
  padding-bottom: 20px; }
  table.table-gaps td span {
    font-size: 1.5rem; }
  table.table-gaps td i {
    position: absolute;
    width: 70px;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #222;
    color: #fff;
    font-size: 1.2rem;
    font-style: normal; }

ul.grid_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  ul.grid_list li {
    position: relative;
    width: 200px;
    min-height: 330px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 6px;
    box-shadow: 7px 7px 7px -3px rgba(0, 0, 0, 0.9);
    background-color: #fff;
    background-image: url(../../img/grid_bg.png);
    background-repeat: repeat;
    background-position: left top;
    background-size: 100% auto;
    padding: 0;
    margin: 0 25px 25px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    ul.grid_list li .top {
      position: relative;
      padding: 15px 0 8px 70px;
      width: 100%;
      box-sizing: border-box;
      background-color: #fff;
      background-image: url(../../img/icon_neko.png);
      background-repeat: no-repeat;
      background-position: left 5px top 5px;
      background-size: 57px auto;
      text-align: right; }
      ul.grid_list li .top .car-no {
        position: absolute;
        left: 65px;
        top: 5px;
        width: 65px;
        padding: 13px 0 9px;
        text-align: center;
        font-size: 2.7rem;
        font-weight: 700;
        font-family: Helvetica;
        color: #000;
        border: 1px solid #000;
        background-color: #fff; }
      ul.grid_list li .top img {
        width: 50px;
        height: auto;
        padding-right: 5px;
        padding-bottom: 4px; }
    ul.grid_list li .img {
      line-height: 0; }
      ul.grid_list li .img img {
        width: 100%; }
    ul.grid_list li .img-logo {
      position: absolute;
      bottom: 10px;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center; }
      ul.grid_list li .img-logo img {
        width: auto; }
    ul.grid_list li .bottom {
      padding: 10px 10px 15px;
      border-radius: 0 0 6px 6px; }
      ul.grid_list li .bottom .box1 {
        display: flex;
        justify-content: space-between;
        width: 100%; }
        ul.grid_list li .bottom .box1 i {
          display: block;
          color: #fff;
          text-align: left;
          font-size: 1.0rem;
          padding-bottom: 8px;
          font-family: Helvetica; }
        ul.grid_list li .bottom .box1 .laptime {
          position: relative;
          width: 60%;
          border-bottom: 2px solid #fff;
          text-align: center;
          font-size: 1.6rem;
          padding-bottom: 5px; }
        ul.grid_list li .bottom .box1 .position {
          position: relative;
          width: 30%;
          border-bottom: 2px solid #fff;
          text-align: right;
          font-size: 1.8rem;
          padding-bottom: 5px;
          padding-right: 10px; }
      ul.grid_list li .bottom .box2 {
        font-size: 1.8rem;
        padding-top: 10px;
        font-style: italic;
        font-weight: 600;
        font-family: Helvetica; }
        ul.grid_list li .bottom .box2 i {
          color: #fff;
          font-size: 1.0rem;
          padding-right: 5px;
          font-weight: normal; }
      ul.grid_list li .bottom .box3 {
        padding-top: 3px;
        line-height: 170%; }
    ul.grid_list li .time_box {
      position: relative;
      padding: 10px 10px 60px;
      border-radius: 0 0 6px 6px; }
      ul.grid_list li .time_box .box1 {
        position: relative;
        width: 100%;
        border-bottom: 2px solid #fff;
        text-align: right;
        font-size: 2.0rem;
        padding-bottom: 5px;
        padding-right: 10px;
        margin-bottom: 6px;
        box-sizing: border-box; }
        ul.grid_list li .time_box .box1 i {
          display: block;
          color: #fff;
          text-align: left;
          font-size: 1.0rem;
          padding-bottom: 8px;
          font-family: Helvetica; }
      ul.grid_list li .time_box .img {
        position: relative;
        text-align: center;
        bottom: 0px; }
        ul.grid_list li .time_box .img img {
          width: auto;
          height: 43px; }
  ul.grid_list .clicl_area {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap; }
    ul.grid_list .clicl_area div {
      position: relative;
      width: 50%;
      cursor: pointer; }

ul.grid_list_l {
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  transform-origin: left top 0;
  transform: scale(1.2, 1.2); }

ul.grid_list_s {
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  transform-origin: left top 0;
  transform: scale(0.85, 0.85); }

/* content */