@media screen and (max-width: 420px) {
  img {
    max-width: 100%;
    height: auto;
  }
  #contents img {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  div#title {
    background-size: contain;
    background-repeat: no-repeat;
    height: calc(100vw * 0.68);
  }
  div#logo, div#yodogawa {
    float: none;
  }
  div#yodogawa {
    margin-top: calc(100vw * 0.68);
    margin-left: auto;
    margin-right: auto;
  }
  div#wrapper, div#contents {
    width: 100%;
  }
  div#main {
    background-size: contain;
  }
  div#main td {
    padding-left: 0px;
  }
  #contents td {
    display: block;
    width: 100%;
  }
  .line {
    width: 90%;
    margin: 0 auto;
  }
  .date_today {
    background-repeat: no-repeat;
  }
  .index {
    padding-left: 5px;
  }
  .index td:first-of-type {
    white-space: nowrap;
  }
}