body {
  text-align: center;
  font-family: sans-serif;
}

#board {
  display: grid;
  grid-template-columns: repeat(3, 110px);
  gap: 15px;
  justify-content: center;
  margin-top: 20px;
}

.hole {
  width: 110px;
  height: 110px;
  background: #4a2f1b; /* 土っぽい色 */
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.hole img {
  width: 80px;
  position: absolute;
  bottom: -80px;   /* 普段は隠す */
  left: 50%;
  transform: translateX(-50%);
  transition: bottom 0.2s;
}

.hole.active img {
  bottom: 10px;
}