.p-left, .p-right, #f_messe, #f1, #f2, #box1, #box2, #box3, #box4, #c_kumiko {
  opacity: 0;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* スライドイン左 */
.p-left {
  transform: translateX(-100px);
}
.p-left.in-view {
  opacity: 1;
  transform: translateX(0);
}

/* スライドイン右 */
.p-right {
  transform: translateX(100px);
}
.p-right.in-view {
  opacity: 1;
  transform: translateX(0);
}

/* フェードインのみ */
.fade-in {
  opacity: 1 !important;
}

/* スライドイン共通 */
.slide-in {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* 上からスライド（wipe-in） */
#f1, #f2 {
  transform: translateY(-100px);
}
.wipe-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}