.l-main .l-contentsHorseDetail .horseDataBox .horseDataBtn li a.horseWeight {
  background-color: #fff;
  font-size: 2rem;
  font-family: "Noto Serif JP", serif;
  padding: 21px;
}
.l-main .l-contentsHorseDetail .horseDataBox .horseDataBtn li a.horseWeight:hover {
  background-color: #5b93ad;
}
.horseWeightModal {
  padding: 71px 61px 56px;
}
.weightMemberBtn {
  position: relative;
  left: 360px;
}
.weightSfcBtn {
  position: relative;
  left: 180px;
}
.l-main .l-contentsHorseDetail .horseDataBox .btnArea .horseDataBtn{
  margin: 10px auto 0;
}
.l-main .l-contentsHorseDetail .horseDataBox .btnArea{
  margin-top: 60px;
}

.chartHeader {
  text-align: left;
  margin-bottom: 13px;
}
.chartHeader h2 {
  font-size: 3rem;
  font-family: "Noto Serif JP", serif;
  color: #24617d;
  margin-bottom: 54px;
}
.chartHeader .yLabel {
  font-size: 1.4rem;
  color: #24617d;
}

.chartFooter {
  text-align: right;
  margin-top: 14px;
}
.chartFooter a {
  font-size: 1.4rem;
}

@media screen and (max-width: 769px) {
  
  .l-main .l-contentsHorseDetail .horseDataBox .horseDataBtn li a.horseWeight {
    font-size: 1.4rem;
    padding: 15px;
  }
  .l-main .l-contentsHorseDetail .horseDataBox .btnArea .horseDataBtn{
    margin: 0px auto 0;
  }
  .l-main .l-contentsHorseDetail .horseDataBox .btnArea .horseDataBtn2{
    margin: 10px auto 0;
  }
  .l-main .l-contentsHorseDetail .horseDataBox .btnArea{
    margin-top: 10px;
  }
  .weightMemberBtn {
    left: 0px;
  }
  .weightSfcBtn {
    position: relative;
    left: 0px;
}
  .modal-wrap {
    padding: 23px 12px 23px;
  }
  .chartHeader {
    text-align: left;
    margin-bottom: 13px;
  }
  .chartHeader h2 {
    font-size: 2rem;
    margin-bottom: 18px;
  }
  .chartHeader .yLabel {
    font-size: 1rem;
  }
}
/*# sourceMappingURL=shozoku_detail.css.map */