@charset "UTF-8";
/* nav
========================================== */
.tokyomarathon_nav_inner {
  border-bottom: #e4007f 8px solid;
}

/* runner
========================================== */
.tokyomarathon_runner_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 4% 0;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_title {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
  background-image: url(../images/runner/tit_runner.png);
  padding-top: 5.7%;
  margin: 2% 0 3%;
  display: block;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_subtitle {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  color: #fff;
  padding: 0.4em;
  background-color: #e4007f;
  margin: 0 8% 1%;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_box.lastRunner {
  border-bottom: none;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_box {
  margin: 0 8% 1%;
  padding: 2% 0 3%;
  display: flex;
  justify-content: space-between;
  border-bottom: #ccc 1px dashed;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_box:last-of-type {
  margin-bottom: 0;
  padding-bottom: 2%;
  border-bottom: none;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_box:nth-child(6) {
  padding-bottom: 5%;
  border-bottom: none;
}

.tokyomarathon_runner_inner .tokyomarathon_runner_box h4 {
  width: 100%;
  margin: 0 0 4%;
  display: flex;
  align-items: center;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_box h4 .num {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  background: #e4007f;
  color: #fff;
  display: block;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_box h4 .name {
  font-size: 1.8rem;
  font-weight: bold;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_box p {
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.2rem;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_box .text {
  width: 50%;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_box .photo {
  width: 47%;
  padding-left: 3%;
}
.tokyomarathon_runner_inner .tokyomarathon_runner_box .photo img {
  width: 100%;
  max-width: 311px;
}
.tokyomarathon_runner_inner .attentionText {
  margin: 0 8% 1%;
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
}

/* 600px以下
========================================== */
@media only screen and (max-width: 600px) {
  .tokyomarathon_runner_inner {
    padding: 4% 0;
  }
  .tokyomarathon_runner_inner .tokyomarathon_runner_title {
    padding-top: 9.5%;
    margin: 2% 0 2%;
  }
  .tokyomarathon_runner_inner .tokyomarathon_runner_subtitle {
    font-size: 1.5rem;
    padding: 0.4em;
    margin: 5% 4% 0;
  }
  .tokyomarathon_runner_inner .tokyomarathon_runner_box {
    margin: 0 4%;
    padding: 4% 0;
    flex-wrap: wrap;
  }
  .tokyomarathon_runner_inner .tokyomarathon_runner_box .text {
    width: 100%;
  }
  .tokyomarathon_runner_inner .tokyomarathon_runner_box .text h4 .num {
    font-size: 1.3rem;
    height: 5vw;
    width: 5vw;
    border-radius: 50%;
    line-height: 5vw;
  }
  .tokyomarathon_runner_inner .tokyomarathon_runner_box .text h4 .name {
    font-size: 1.5rem;
  }
  .tokyomarathon_runner_inner .tokyomarathon_runner_box .text p {
    font-size: 1.4rem;
  }
  .tokyomarathon_runner_inner .tokyomarathon_runner_box .photo {
    width: 100%;
    padding-top: 4%;
    text-align: center;
  }
  .tokyomarathon_runner_inner .attentionText {
    margin: 0 4%;
  }
}
/* 375px以下
========================================== */
