/* PC・共通 */
.top-page {
  background-color: #faf0e6;
  font-family: sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
}

.top-page h1 {
  text-align: center;
  font-size: 2.5em;
  margin-bottom: 50px;
}

.menu-container {
  display: flex;
  gap: 30px;
  justify-content: center;
}

.menu-box {
  background: #fff;
  padding: 40px;
  text-align: center;
  text-decoration: none;
  color: #333;
  width: 300px;
  border-radius: 20px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}

.menu-box:hover {
  transform: translateY(-10px); /* 浮き上がるアニメーション */
}

.menu-box.ramen { border-bottom: 8px solid red; }
.menu-box.cat { border-bottom: 8px solid #333; }

.icon { font-size: 4em; }

/* スマホ対応 */
@media screen and (max-width: 1000px) {
  .menu-container {
    flex-direction: column; /* 縦並びにする */
    align-items: center;
  }
  .menu-box {
    width: 80%;
  }
}