@import "top_2024.css";

.box p { margin: 1.5em 0; color: #000; line-height: 1.7; }

.hosoku { margin: 0 50px; padding:2vw 2%;border:2px solid #e61673;background:white;text-align:center}
.hosoku h4{ margin: 0; font-size:18px; color: #000; }
.hosoku p { margin: 30px 0 0 0; font-size: 22px; letter-spacing: 0.05em; line-height: 1.8; font-weight: bold; color:#f4a40c; }
.kyousan{ margin-top:15px; display: flex; justify-content: center; align-items: center;}
.kyousan h4{ padding-right: 15px; display:inline-block; color: #000; font-weight:normal; font-size:25px; }
.kyousan P{ padding-left: 15px; display:inline-block;vertical-align:middle; font-size:18px;  border-left: 1px solid #e61673; }

.h_grad {
  color: #d2005e;
  background: -webkit-linear-gradient(0deg, #d2005e, #f768a8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.h_grad::after {
  background:linear-gradient( 90deg, #d2005e 0%, #f768a8 100%);
}

.txt_center {
    text-align: center;
}

.c-table__sup {
    font-size: 12px;
    display: block;
    line-height: 1;
}

#gdj .box > p, #gdj .kosoku, #gdj .kyousan p, #gdj .hosoku { position: relative; background: rgba(255, 255, 255, 0.6); }

.inner_race { padding-top: 50px; }

.br_sp {
  display: none;
}

#race table{ font-size:22px; width: auto;}
#race table th, #race table td { border: none; }

#race { padding-top: 0; }

#jockey table{ text-align: center;}

h3.h_table {
    margin-bottom: 20px;
    font-size: 27px;
    color: #000;
}

#event_outline p,
#event_outline table,
#event_outline ul {
  margin: 0 0 1.7em;
}

#event_outline dt {
  margin-bottom: 8px;
}

#event_outline p + ul {
  margin-top: -1.2em;
}

#event_outline .txt_indent1 {
  text-indent: -1em;
  padding-left: 1em;
}

.p-about-overview dd {

}

@media all and (min-width: 0) and (max-width: 767px)  {
    .subpage .logo { padding-top: 1.333333vw; }

    .hosoku { margin: 0; display:block; width: auto; padding:3vw 3%; }
    .hosoku h4{ font-size: 3vw; }
    .hosoku p{ margin: 3vw 0; font-size: 3.6vw;}
    .kyousan{margin-top:5vw;width:100%}
    .kyousan h4{ padding-right: 2vw; display:inline-block; font-weight:normal;font-size:calc(100vw / ( 375 / 14 ));line-height:1.6em;}
    .kyousan P{ padding-left: 2vw; display:inline-block;vertical-align:middle; font-size:calc(100vw / ( 375 / 12 )); ; }

    .kyousan { justify-content: start; }

    .br_sp {
      display: inline;
    }

    .pc_only {
      display: none;
    }

    #race table {margin: 5px auto 15px;}
    #race table th, #race table td { font-size: calc(100vw / ( 375 / 14 ));}

    #jockey table td { padding: 5px 10px;}

    #event_outline .p-about-overview-points {
      margin-bottom: 1.7em;
    }

    #event_outline table {
      margin-bottom: 0;
    }

    #event_outline table th {
      padding: 5px;
    }


    table th, table td {
      padding: 5px 3px;
      font-size: 3vw;
      line-height: 1.2em;
    }
}