/* トップページのみのスタイル */

/* トップ画像（切替用） */

#main-picture {
  height: 500px;
  transition: 0.5s;
}

@media screen and (max-width: 991px) {
  #main-picture {
    height: 200px;
  }
}

.main-pic2 {
  background-image: url(img/main/main2.png);
}

ul {
  padding: 0;
  margin: 0;
}

.catch-copy {
  display: block;
  /* Egeで崩れるのを防ぐ */
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* section */

.section-summary {
  background: rgba(50, 54, 57, 0.8);
}

.section-menu {
  background: rgba(90, 90, 90, 0.8);
}

.section-posts {
  background: rgba(173, 164, 81, 0.8);
}

.menu-h2 {
  font-size: 24px;
  font-weight: bold;
}

.massage-menu {
  text-align: center;
}

.menu-comment {
  font-weight: bold;
}