@charset "UTF-8";

body{
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}

img{
  display: block;
}

.insta{
  background-color: #ffdfea;
  padding-bottom: 8%;
}

.button{
  background-color: #ffdfea;
}

.button2{
  background-color: #fffcf7;
}

.button-animation{
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button-animation img {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10%;
  animation: buttonScale 2s infinite ease-in-out; /* アニメーションをimgに直接適用 */
}

/* アニメーション設定 */
@keyframes buttonScale {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}