﻿@charset "utf-8";

.lp_wrap .rave_comments {
  overflow: hidden;
}
.lp_wrap .rave_comments .marquee {
  position: absolute;
  top: -0.6%;
  left: 0%;
  width: 1496.533%;
  display: flex;
}
.lp_wrap .rave_comments .marquee div {
  animation: 40s rave_comments_marquee linear infinite;
}
@keyframes rave_comments_marquee {
  to {
    transform: translateX(-100%);
  }
}
.lp_wrap .rave_comments .head {
  position: absolute;
  top: 2.2%;
  left: 8.8%;
  width: 70.4%;
}
.lp_wrap .rave_comments ul li :is(.cont, .name, .comment) {
  position: absolute;
}
.lp_wrap .rave_comments ul li:nth-child(1) .cont {
  top: 8%;
  left: 0%;
  width: 95.333%;
  transform: translateX(-100%);
}
.lp_wrap .rave_comments ul li:nth-child(1) .name {
  top: 7%;
  left: 9%;
  width: 56.4%;
  transform: translateX(170%);
}
.lp_wrap .rave_comments ul li:nth-child(1) .comment {
  top: 10.7%;
  left: 76.8%;
  width: 16.133%;
  transform: translateX(150%);
}
.lp_wrap .rave_comments ul li:nth-child(2) .cont {
  top: 36.8%;
  right: 0%;
  width: 95.333%;
  transform: translateX(100%);
}
.lp_wrap .rave_comments ul li:nth-child(2) .name {
  top: 36.1%;
  right: 9%;
  width: 46.133%;
  transform: translateX(-200%);
}
.lp_wrap .rave_comments ul li:nth-child(2) .comment {
  top: 39.5%;
  right: 76.8%;
  width: 16.133%;
  transform: translateX(-150%);
}
.lp_wrap .rave_comments ul li:nth-child(3) .cont {
  top: 65.5%;
  left: 0%;
  width: 95.333%;
  transform: translateX(-100%);
}
.lp_wrap .rave_comments ul li:nth-child(3) .name {
  top: 64.8%;
  left: 9%;
  width: 50%;
  transform: translateX(190%);
}
.lp_wrap .rave_comments ul li:nth-child(3) .comment {
  top: 68.3%;
  left: 76.8%;
  width: 16.133%;
  transform: translateX(150%);
}
.lp_wrap .rave_comments ul li .cont {
  transition: 0.8s;
}
.lp_wrap .rave_comments ul li .name {
  transition: 0.6s 0.1s;
}
.lp_wrap .rave_comments ul li .comment {
  transition: 0.6s 0.3s;
}
.lp_wrap .rave_comments ul li .cont.move,
.lp_wrap .rave_comments ul li .cont.move ~ .name,
.lp_wrap .rave_comments ul li .cont.move ~ .comment {
  transform: translateX(0%) !important;
}