@charset "UTF-8";
/* CSS Document */
/*MVのキャッチコピー*/
 .chatchcopy{
    animation: fadeInBottom 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes fadeInBottom {
  0% {
    transform: translateY(50px); /* 下から上に移動 */
    opacity: 0; /* 透明 */
  }
  100% {
    transform: translateY(0); /* 元の位置に戻る */
  }
}
/*Bookshelfのロゴの回転*/
 #BS_logo img{
  animation: rotateAnimation 7s infinite linear; /* 2秒かけて無限に回転 */
}

@keyframes rotateAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}