@charset "UTF-8";
/* CSS Document */
/* movie共通
------------------------------------------------------*/
span.icoNew {
  background: url(../../images/rm/common/ico_new.png) no-repeat;
  width: 101px;
  height: 24px;
  position: absolute;
  text-indent: -9999px;
  pointer-events: none;
}

.movieCol {
  position: relative;
  margin: 0 auto 60px;
}
.movieCol iframe {
  border-bottom: 2px solid #000000;
}
.movieCol h4 {
  position: relative;
}
.movieCol h4 span.icoNew {
  top: -4px;
  left: 0;
}

.btn-common {
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  width: 449px;
  height: 108px;
  background: url(/images/rm/top/btn_more.png) no-repeat top center;
  background-size: 100%;
}
.btn-common.current {
  background: url(/images/rm/top/btn_close.png) no-repeat top center;
  background-size: 100%;
}

.oldCol {
  display: flex;
  flex-wrap: wrap;
  background: #000000;
  padding-top: 7px;
  padding-bottom: 2px;
}
.oldCol a {
  background: #ffffff;
  display: block;
  width: 210px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.oldCol a:nth-child(3n) {
  margin-right: 0;
}
.oldCol a img {
  width: 100%;
  outline: 1px solid #ffffff;
  outline-offset: -1px;
}
.oldCol a img:hover {
  filter: hue-rotate(30deg) brightness(200%);
  -webkit-filter: hue-rotate(30deg) brightness(200%);
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash;
}

.btnhide_movie01,
.btnhide_movie02 {
  display: none;
}