body {
  background-color: #ffe6ab;
  background-image: url("../images/run/bg-ab.png");
  background-size: 100% auto;
  background-position: left top;
}
@media (max-width: 575px) {
  body {
    background-image: url("../images/all-page-use/1x/bg-ab-m.png");
  }
}

section {
  padding-bottom: 3.5vw;
}
@media (max-width: 575px) {
  section {
    padding-bottom: 6vw;
  }
}

.run-kv-tiger {
  animation: run-kv-tiger 2s ease-out infinite;
  width: 10.8vw;
  right: 19%;
  top: 8vw;
}
@media (max-width: 575px) {
  .run-kv-tiger {
    width: 22.8vw;
    right: 29%;
    top: 74vw;
  }
}

@keyframes run-kv-tiger {
  0% {
    transform: translateX(50%) translateY(-10%) scale(0.75);
  }
  50%, 100% {
    transform: translateX(0%) translateY(0%) scale(1);
  }
}
.map-block {
  margin-top: -4vw;
  overflow: hidden;
}

.map-box {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3vw;
}
@media (max-width: 575px) {
  .map-box {
    width: 130%;
    left: -15%;
    margin-top: -10vw;
  }
}
.map-box li {
  font-size: 1.25vw;
  position: absolute;
  font-weight: 700;
  color: #666;
  transform: translateX(-50%) translateY(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media (max-width: 575px) {
  .map-box li {
    font-size: 4.5vw;
    font-weight: 400;
  }
}
.map-box li:hover {
  opacity: 0.8;
}
.map-box li.maping-Miyazaki {
  left: 33%;
  top: 76%;
  font-size: 1.75vw;
  font-weight: 700;
  text-shadow: 1px 1px 2px #fff;
  color: #f7931e;
}
@media (max-width: 575px) {
  .map-box li.maping-Miyazaki {
    font-size: 5vw;
  }
}
.map-box li.maping-Fukushima {
  left: 73%;
  top: 47%;
}
@media (max-width: 575px) {
  .map-box li.maping-Fukushima {
    left: 75%;
    top: 45%;
  }
}
.map-box li.maping-Oita {
  left: 33%;
  top: 67%;
  font-size: 1.75vw;
  font-weight: 700;
  text-shadow: 1px 1px 2px #fff;
  color: #f7931e;
}
@media (max-width: 575px) {
  .map-box li.maping-Oita {
    font-size: 5vw;
  }
}
.map-box li.maping-Tottori {
  left: 40.5%;
  top: 54%;
  font-size: 1.75vw;
  font-weight: 700;
  text-shadow: 1px 1px 2px #fff;
  color: #f7931e;
}
@media (max-width: 575px) {
  .map-box li.maping-Tottori {
    font-size: 5vw;
  }
}
.map-box li.maping-Ishigaki {
  left: 18.5%;
  bottom: 0;
}
.map-box li.maping-NewChitose {
  left: 80.5%;
  top: 16.5%;
  font-size: 1.75vw;
  font-weight: 700;
  text-shadow: 1px 1px 2px #fff;
  color: #f7931e;
}
@media (max-width: 575px) {
  .map-box li.maping-NewChitose {
    font-size: 5vw;
  }
}
.map-box li.maping-Okayama {
  left: 38.5%;
  top: 58.5%;
  font-size: 1.75vw;
  font-weight: 700;
  text-shadow: 1px 1px 2px #fff;
  color: #f7931e;
}
@media (max-width: 575px) {
  .map-box li.maping-Okayama {
    font-size: 5vw;
  }
}
.map-box li.maping-Akita {
  left: 69.5%;
  top: 31.5%;
}
.map-box li.maping-Kochi {
  left: 41.5%;
  top: 64.5%;
}
.map-box li.maping-Niigata {
  left: 64.5%;
  top: 44.5%;
}
.map-box li.maping-Saga {
  left: 24.5%;
  top: 70.5%;
  font-size: 1.75vw;
  font-weight: 700;
  text-shadow: 1px 1px 2px #fff;
  color: #f7931e;
}
@media (max-width: 575px) {
  .map-box li.maping-Saga {
    font-size: 5vw;
  }
}
.map-box li.maping-Asahikawa {
  left: 84.5%;
  top: 11.5%;
}
@media (max-width: 575px) {
  .map-box li.maping-Asahikawa {
    top: 8%;
    left: 80.5%;
  }
}
.map-box li.maping-Hakodate {
  left: 75.5%;
  top: 21%;
}
.map-box li.maping-Sendai {
  left: 76.5%;
  top: 41%;
}
.map-box li.maping-Hanamaki {
  left: 78.5%;
  top: 35%;
}
.map-box li.maping-Ibaraki {
  left: 74.5%;
  top: 50%;
}
@media (max-width: 575px) {
  .map-box li.maping-Ibaraki {
    top: 8%;
    top: 49%;
  }
}
.map-box li.maping-TokyoNarita {
  left: 76.5%;
  top: 53%;
}
.map-box li.maping-TokyoHaneda {
  left: 73.5%;
  top: 56%;
}
@media (max-width: 575px) {
  .map-box li.maping-TokyoHaneda {
    top: 57%;
  }
}
.map-box li.maping-Nagoya {
  left: 58.5%;
  top: 59%;
}
.map-box li.maping-Komatsu {
  left: 56.5%;
  top: 51%;
}
.map-box li.maping-Osaka {
  left: 50.5%;
  top: 62%;
}
.map-box li.maping-Fukuoka {
  left: 23.5%;
  top: 65%;
}
.map-box li.maping-Naha {
  left: 20.5%;
  top: 90%;
}

.map-tiger {
  bottom: 0;
  right: 0;
}
@media (max-width: 575px) {
  .map-tiger {
    right: 15vw;
  }
}

.map-box-location {
  width: 40%;
  position: absolute;
  top: 15%;
  left: 10%;
  background-color: #fff;
  height: 21%;
  border-radius: 16px;
  overflow: hidden;
  border: 3px solid #f7931e;
}
@media (max-width: 575px) {
  .map-box-location {
    left: 18%;
  }
}

.map-box-head {
  font-weight: 600;
  background-color: #f7931e;
  color: #fff;
  font-size: 2.5vw;
}
@media (max-width: 575px) {
  .map-box-head {
    font-size: 5.5vw;
  }
}

.map-box-body {
  font-size: 1.5vw;
  font-weight: 500;
  color: #666;
}
@media (max-width: 575px) {
  .map-box-body {
    font-size: 4.5vw;
  }
}
.map-box-body p {
  margin-bottom: 0px;
}
.map-box-body p:not(:last-child) {
  margin-bottom: 8px;
}

.run-name-box a {
  background-color: #f7931e;
}

.event-info {
  font-size: 1.5vw;
}
.event-info .info-label {
  color: #f7931e;
}
@media (max-width: 575px) {
  .event-info {
    font-size: 3.75vw;
  }
}

.event-link {
  width: 17.5%;
}
.event-link img {
  width: 100%;
  display: block;
}
@media (max-width: 575px) {
  .event-link {
    width: -moz-fit-content;
    width: fit-content;
  }
  .event-link img {
    height: 6.4vw;
    width: auto;
  }
}

.sw-fonts {
  font-size: 1.25vw;
}
@media (max-width: 575px) {
  .sw-fonts {
    font-size: 3.75vw;
  }
}

.ul-calendar {
  width: 56vw;
}
.ul-calendar li {
  margin-bottom: 1vw;
}
@media (max-width: 575px) {
  .ul-calendar {
    width: 80vw;
  }
  .ul-calendar li {
    margin-bottom: 2.5vw;
  }
}

.others-block {
  padding-bottom: 4vw;
}
@media (max-width: 575px) {
  .others-block {
    padding-bottom: 14vw;
  }
}/*# sourceMappingURL=run.css.map */