@charset "UTF-8";

/*==================================================
  電車のご案内
==================================================*/
@media (hover: hover) and (pointer: fine) {
  #train .content__link:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
}

#train {
  padding-inline: 20px;
  padding-block-end: 20px;
}

#train .train__center {
  text-align: center;
}

#train .train__table {
  width: 100%;
}

#train .train__mt {
  margin-top: 2em;
}

#train .train__schedule-header {
  background: #e9c689;
  padding: 10px;
}

#train .text-red {
  color: #ff0000;
}

#train table.border tr:nth-of-type(1) th {
  line-height: 1.5em;
  text-align: center;
}

#train table.border tr:nth-of-type(1) th:nth-child(1),
#train table.border tr:nth-of-type(1) th:nth-child(3) {
  width: 48%;
}

#train table.border th {
  text-align: center;
}

#train table.border tr th:nth-of-type(1) {
  line-height: 2em;
}

#train tr > td:only-child {
  line-height: 1.5em;
  text-align: right;
}

#train .train__table td p {
  text-align: right;
  margin-block-end: 0;
}

#train .bg-blue {
  background-color: #e8e8fe;
}

#train .bg-pink {
  background-color: #ffe2e2;
}

@media screen and (max-width: 767px) {
  #train {
    padding-inline: 10px;
    padding-block-end: 20px;
  }

  #bus .bus__table {
    width: 100%;
  }

  #train table.border tr:nth-of-type(1) th:nth-child(1),
  #train table.border tr:nth-of-type(1) th:nth-child(3) {
    width: 45%;
  }

  #bus table.border tr:nth-of-type(1) th {
    line-height: 2em;
  }

  #bus table.border tr th:nth-of-type(1) {
    line-height: 3em;
  }

  #bus tr > td:only-child {
    line-height: 2em;
  }

  #bus table th, table td {
    line-height: 3.0em;
  }
}