@-webkit-keyframes move_image { 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); } }
@-o-keyframes move_image { 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); } }
@-moz-keyframes move_image { 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); } }
@keyframes move_image { 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); } }
@-webkit-keyframes move_in { 0% { opacity: 0; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); }
  100% { opacity: 1; -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); } }
@-o-keyframes move_in { 0% { opacity: 0; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); }
  100% { opacity: 1; -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); } }
@-moz-keyframes move_in { 0% { opacity: 0; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); }
  100% { opacity: 1; -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); } }
@keyframes move_in { 0% { opacity: 0; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); }
  100% { opacity: 1; -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); } }
@-webkit-keyframes count_line { 0% { width: 0; left: 0; }
  4% { width: 100%; left: 0; }
  100% { width: 0; left: 100%; } }
@-o-keyframes count_line { 0% { width: 0; left: 0; }
  4% { width: 100%; left: 0; }
  100% { width: 0; left: 100%; } }
@-moz-keyframes count_line { 0% { width: 0; left: 0; }
  4% { width: 100%; left: 0; }
  100% { width: 0; left: 100%; } }
@keyframes count_line { 0% { width: 0; left: 0; }
  4% { width: 100%; left: 0; }
  100% { width: 0; left: 100%; } }
.top_visual { position: relative; overflow: hidden; z-index: 0; }
.top_visual p { position: absolute; top: 0; left: 0; }
.top_visual p:nth-child(1) { position: relative; }
.top_visual p.cover { opacity: 0; z-index: 1; }
.top_visual p.current { z-index: 5; }
.top_visual .add_reave { -webkit-animation: move_image 1.6s ease-out forwards; -moz-animation: move_image 1.6s ease-out forwards; -o-animation: move_image 1.6s ease-out forwards; animation: move_image 1.6s ease-out forwards; }
.top_visual .add_in { -webkit-animation: move_in 1.6s ease-in forwards; -moz-animation: move_in 1.6s ease-in forwards; -o-animation: move_in 1.6s ease-in forwards; animation: move_in 1.6s ease-in forwards; }

.top .top_date { z-index: 1; }

.top_movie { z-index: 2; }

.staffcast_area .cast .cast_lit { opacity: 0; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
.staffcast_area .cast .cast_lit ul:last-child { margin-bottom: 0; }
.staffcast_area .cast .cast_lit ul.w_sp { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: left; justify-content: left; }
.staffcast_area .cast .cast_lit li .role { color: #8b8b8b; }
.staffcast_area .cast .cast_lit li .name { color: #fff; }
.staffcast_area .cast.is-scroll .cast_lit { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.7s cubic-bezier(0.21, 0.75, 0.38, 0.95) 0.3s; -moz-transition: all 0.7s cubic-bezier(0.21, 0.75, 0.38, 0.95) 0.3s; -ms-transition: all 0.7s cubic-bezier(0.21, 0.75, 0.38, 0.95) 0.3s; -o-transition: all 0.7s cubic-bezier(0.21, 0.75, 0.38, 0.95) 0.3s; transition: all 0.7s cubic-bezier(0.21, 0.75, 0.38, 0.95) 0.3s; }
@media only screen and (min-width: 751px) { .staffcast_area .cast .cast_lit ul { margin-bottom: 55px; }
  .staffcast_area .cast .cast_lit { width:960px; margin:0 0 0 35px; }
  .staffcast_area .cast .cast_lit li { margin-bottom: 30px; width: 180px; margin-right: 80px; }
  .staffcast_area .cast .cast_lit li:nth-child(4n) { margin-right: 0; }
  .staffcast_area .cast .cast_lit li .role { font-size: 14px; margin-bottom: 16px; }
  .staffcast_area .cast .cast_lit li .name { font-size: 24px; } }
@media only screen and (max-width: 750px) { .staffcast_area .cast .cast_lit { margin: 0 4vw 0 10vw; }
  .staffcast_area .cast .cast_lit ul { margin-bottom: 14vw; }
  .staffcast_area .cast .cast_lit li { margin-bottom: 8vw; width: 38vw; margin-right: 10vw; text-align: center; }
  .staffcast_area .cast .cast_lit li:nth-child(even) { margin-right: 0; }
  .staffcast_area .cast .cast_lit li .role { font-size: 0.9rem; margin-bottom: 2vw; }
  .staffcast_area .cast .cast_lit li .name { font-size: 1.36rem; } }