.fairy-fullmoon {
  display: block;
  margin: 0 auto;        /* 横中央 */
  max-width: 50%;       /* 画面幅に収まる */
  height: auto;          /* 高さは自動調整 */
}


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

/* カード */
.cardmenu { 
  width: 280px;           /* 横幅を小さく */
  max-width: 90%;         /* 画面幅に合わせる */
  padding: 40px 15px 15px 15px; /* 上だけ多めに30px */
  margin-bottom: 50px;    /* 下に空間 */
  border: 1px solid #f0c0c0; 
  border-radius: 10px; 
  background: #fff; 
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1); 
  position: relative; 
  text-decoration: none; 
  color: inherit; 
  transition: transform 0.2s; 
}

.cardmenu:hover { 
  transform: translateY(-5px); 
}

/* カテゴリラベル */
.cardmenu .label {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #f08;
  color: white;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 0.8em;
}

.cardmenu h3 { 
  margin-top: 0; 
  color: #d25c6f; 
}
.cardmenu p { 
  margin: 5px 0; 
}
/* スマホ対応 */
@media screen and (max-width: 600px) {
  .card-container {
    flex-direction: column;
    align-items: center;
  }
  .cardmenu {
    width: 90%;
  }
}