:root {
  --animation-time: .5s;
  --animation-delay: .5s;
  --ease-curve: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

body.article.sports section#hero .caption {
  top: auto;
  bottom: 6em;
  left: 4em;
  font-weight: normal;
}
@media screen and (max-width: 1080px) {
  body.article.sports section#hero .caption {
    bottom: 2em;
    left: 2em;
  }
}
@media screen and (max-width: 766px) {
  body.article.sports section#hero .caption {
    top: 73vw;
    bottom: auto;
    left: 3vw;
    font-size: 2.8vw;
  }
}
body.article.sports section#hero .text-area {
  max-width: 370px;
  padding: 35px;
}
@media screen and (max-width: 767px) {
  body.article.sports section#hero .text-area {
    max-width: 100%;
    padding: 5vw;
  }
}
body.article.sports p.caption {
  color: #646464 !important;
}
body.article.sports h2 span.small {
  font-size: 0.8em;
}
body.article.sports .mt {
  margin-top: 1.5em;
}
body.article.sports section.to-read .wrap p.narration {
  color: #747474;
}
body.article.sports section.to-read .wrap p {
  color: black;
}
body.article.sports section.to-read .wrap h4 {
  color: black;
  font-size: 25px;
  margin: 2em 0 0;
}
@media screen and (max-width: 767px) {
  body.article.sports section.to-read .wrap h4 {
    margin-top: 2vw;
  }
}
body.article.sports section.to-read .wrap .box {
  margin-top: 3rem !important;
}
body.article.sports section.to-read .wrap .box h4 {
  color: white;
  font-size: 1rem !important;
}
body.article.sports section.to-read .wrap .box h2 {
  font-size: 1.9rem !important;
}
@media screen and (max-width: 767px) {
  body.article.sports section.to-read .wrap .box h2 {
    font-size: 5vw !important;
  }
}
body.article.sports section.to-read .wrap .box p.name {
  color: white;
}
body.article.sports section.to-read.cooking .wrap {
  padding-top: 0 !important;
}
body.article.sports section.to-read.cooking .wrap p {
  color: #747474;
  margin: 1.5em 0;
}
@media screen and (max-width: 767px) {
  body.article.sports section.to-read.cooking .wrap p {
    margin: 1.5vw 0 0vw;
  }
}
body.article.sports section.to-read.cooking .wrap img {
  margin: 1em 0;
}
body.article.sports section.to-read.cooking .wrap p.with-h {
  margin-top: 0;
}
body.article.sports .box3 {
  background-color: #005BAB;
  color: white;
  padding: 30px;
  margin: 4em 0;
}
body.article.sports .box3 a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body.article.sports .box3 a img {
  width: 50%;
  margin: 0 2em 0 0 !important;
}
body.article.sports .box3 a div h3 {
  color: white;
  font-size: 30px;
  margin-bottom: 0.5em;
}
body.article.sports .box3 a div p {
  color: white !important;
  margin: 0;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  body.article.sports .box3 a {
    width: 100%;
  }
  body.article.sports .box3 a img {
    width: 100%;
  }
  body.article.sports .box3 a div {
    flex-direction: column;
  }
  body.article.sports .box3 a div h3 {
    font-size: 24px;
  }
  body.article.sports .box3 a div p {
    margin-bottom: 0;
  }
}