.ja .movie_credit {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

.ja .movie_credit {
  font-weight: bold
}

.en .movie_credit {
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

#list ul {
  margin: 75px 0
}

#list ul:after {
  content: "";
  display: block;
  clear: both
}

@media screen and (max-width: 768px) {
  #list ul {
    /* width: 600px; */
    margin: 0 auto
  }
}

@media screen and (max-width: 600px) {
  #list ul {
    width: 450px;
  }
}

@media screen and (max-width: 450px) {
  #list ul {
    display: flex;
    flex-wrap: wrap;
    width: 300px;
  }
}

#list ul li {
  float: left
}

@media screen and (max-width: 450px) {
  #list ul li {
    float: none;
    width: 150px;
  }
}

#list ul li a {
  display: block
}

#list ul li img {
  width: 300px;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5)
}

@media screen and (max-width: 768px) {
  #list ul li img {
    width: 150px;
  }
}

.motion {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important
}

.movie_w {
  display: block !important
}

.movie_w iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button {
  font-weight: 600 !important;
}
.vjs-afterglow-skin .vjs-big-play-button:before {
  content: "▶" !important;
  font-family: sans-serif !important;
}