img {
  width: 100%;
}
body {
  color: #dadada; /* RGB */
  font-family: "Zen Kaku Gothic New", serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: center;
}
a,
h1 {
  color: #233343;
}
.tate-img {
  margin: 7% auto;
  width: 27%;
  height: auto;
}
.yoko-img {
  margin: 8% auto;
  width: 55%;
  height: auto;
}

.footer {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .top {
    margin: 50px auto;
  }
  .item img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: initial;
    z-index: 99;
  }

  .coment {
    display: block;
    font-size: 1.3rem;
  }
  .tate-img {
    margin: 30% auto;
    width: 80%;
  }
  .yoko-img {
    margin: 30% auto;
    width: 90%;
  }
}

.nv img {
  max-width: 100%;
  height: auto;
  display: none; /* スライドショー用：初期は非表示 */
}