@charset "utf-8";

html {
  scroll-behavior: smooth;/* ゆっくり遷移する */
}
div.character-panel {
  display: none;
}
.character-panel.active {
  display: flex; /* キャラとプロフィールを横並びにも可 */
  gap: 2rem;
}

/* フェードアニメ */
.fade-in-left, .fade-in-right {
  opacity: 0;
  transition: all 1s ease;
}

.fade-in-left {
  transform: translateX(-50px);
}
.fade-in-right {
  transform: translateX(50px);
}

.fade-in-left.show,
.fade-in-right.show {
  opacity: 1;
  transform: translateX(0);
}