@charset "utf-8";

.emR {
  color: #ad0001;
}

@media not all and (min-width: 768px){
  section ul li {
    font-size: calc(15 / 16 * 1rem);
  }
}

/* === table === */
table th,
table td {
  font-weight: normal;
  border: 2px solid #d1d1d1;
  vertical-align: middle;
  width: calc(100% / 5);
}
table th {
  color: #231815;
  background-color: #efece7;
}
table td.colPG {background-color:#b5fea6;}
table td.colPO {background-color:#f8df89;}
table td.colY {background-color:#ffff33;}
@media screen and (min-width: 768px){
  table th,
  table td {
    padding: 8px;
  }
}
@media not all and (min-width: 768px){
  table th,
  table td {
    font-size: calc(14 / 16 * 1rem);
    padding: 4px 2px;
  }
}

/* === #period === */
@media screen and (min-width: 768px){
  #period dl dt,
  #period dl dd {
    display: inline-block;
  }
}
@media not all and (min-width: 768px){
  #period dl + dl {
    margin-top: 8px;
  }
  #period dl {
    font-size: calc(15 / 16 * 1rem);
  }
}

/* === .btnArea === */
@media screen and (min-width: 768px){
  .btnBox {
    width: 400px;
    margin: 0 auto;
  }
  .btnArea ul {
    text-align: center;
  }
}

/* === .page__head__under === */
.page__head__under h1 span {
  display: block;
}
@media screen and (min-width: 768px) {
  .page__head__under h1 span {
    font-size: calc(24 / 16 * 1rem);
  }
}
@media not all and (min-width: 768px) {
  .page__head__under h1 span {
    font-size: calc(15 / 16 * 1rem);
  }
}