@charset "UTF-8";
/*===================================================
 SP時の表示(768px以下)＆ipadの縦に適用
====================================================*/
@media only screen and (max-width: 768px) {
  /*movie_each SP
  ------------------------------------------------------*/
  /* SDBH研究所チャンネル */
  #wrapColInner #mainCol .movieThumbnail {
    width: 96%;
    padding: 2%;
  }
}
/*===================================================
 PC時の表示(769px以上)＆ipadの横に適用
====================================================*/
@media only screen and (min-width: 769px) {
  /*movie_each PC
  ------------------------------------------------------*/
  /*DBH宣伝担当「なめろう」が行く！ */
  #subCol #subColInner ul li.btnsdbhch {
    width: 218px;
    height: 161px;
    border: none;
    margin: 0 0 10px 0;
    background: url(../images/movie/sdbhch/snavi.png?var=2) no-repeat 0 0;
    text-indent: -9999px;
    border-top-left-radius: 0;
  }
  #subCol #subColInner ul li.btnsdbhch.current {
    background: url(../images/movie/sdbhch/snavi.png?var=2) no-repeat 0 -161px;
  }
  #subCol #subColInner ul li.btnsdbhch a {
    height: 138px;
    width: 188px;
    background: none;
  }
  #subCol #subColInner ul li.btnsdbhch a:hover {
    background: url(../images/movie/sdbhch/snavi.png?var=2) no-repeat 0 -161px;
  }

  /* スーパーヒーローズロード */
  #subCol #subColInner ul li.btnherord {
    width: 212px;
    height: 161px;
    border: none;
    margin: 0 0 10px 0;
    background: url(../images/movie/heroesroad/snavi.png) no-repeat 0 0;
    text-indent: -9999px;
  }
  #subCol #subColInner ul li.btnherord.snOn {
    background: url(../images/movie/heroesroad/snavi.png) no-repeat 0 -161px;
  }
  #subCol #subColInner ul li.btnherord a {
    height: 138px;
    background: none;
  }
  #subCol #subColInner ul li.btnherord a:hover {
    background: url(../images/movie/heroesroad/snavi.png) no-repeat 0 -161px;
  }

  /* 超バトルコロシアム */
  #subCol #subColInner ul li.btn-supercolosseum {
    width: 218px;
    height: 161px;
    border: none;
    margin: 0 0 10px 0;
    background: url(../images/movie/supercolosseum/snavi.png?var=2) no-repeat 0 0;
    text-indent: -9999px;
    border-top-left-radius: 0;
  }
  #subCol #subColInner ul li.btn-supercolosseum.current {
    background: url(../images/movie/supercolosseum/snavi.png?var=2) no-repeat 0 -161px;
  }
  #subCol #subColInner ul li.btn-supercolosseum a {
    height: 138px;
    width: 188px;
    background: none;
  }
  #subCol #subColInner ul li.btn-supercolosseum a:hover {
    background: url(../images/movie/supercolosseum/snavi.png?var=2) no-repeat 0 -161px;
  }

  /* 監獄惑星編プロモーションアニメ */
  #subCol #subColInner ul li.btn-prisonplanet {
    width: 218px;
    height: 161px;
    border: none;
    margin: 0 0 10px 0;
    background: url(../images/movie/prisonplanet/snavi.png) no-repeat 0 0;
    text-indent: -9999px;
    border-top-left-radius: 0;
  }
  #subCol #subColInner ul li.btn-prisonplanet.current {
    background: url(../images/movie/prisonplanet/snavi.png) no-repeat 0 -161px;
  }
  #subCol #subColInner ul li.btn-prisonplanet a {
    height: 138px;
    width: 188px;
    background: none;
  }
  #subCol #subColInner ul li.btn-prisonplanet a:hover {
    background: url(../images/movie/prisonplanet/snavi.png) no-repeat 0 -161px;
  }

  /* スーパードラゴンボールヒーローズ プロモーションアニメ 宇宙争乱編 */
  #subCol #subColInner ul li.btn-riot {
    width: 218px;
    height: 161px;
    border: none;
    margin: 0 0 10px 0;
    background: url(../images/movie/riot/snavi.png) no-repeat 0 0;
    text-indent: -9999px;
    border-top-left-radius: 0;
  }
  #subCol #subColInner ul li.btn-riot.current {
    background: url(../images/movie/riot/snavi.png) no-repeat 0 -161px;
  }
  #subCol #subColInner ul li.btn-riot a {
    height: 138px;
    width: 188px;
    background: none;
  }
  #subCol #subColInner ul li.btn-riot a:hover {
    background: url(../images/movie/riot/snavi.png) no-repeat 0 -161px;
  }

  /* スーパードラゴンボールヒーローズ ビッグバンミッション プロモーションアニメ */
  #subCol #subColInner ul li.btn-bm-anime {
    width: 218px;
    height: 161px;
    border: none;
    margin: 0 0 10px 0;
    background: url(../images/movie/bm-anime/snavi.png) no-repeat 0 0;
    text-indent: -9999px;
    border-top-left-radius: 0;
  }
  #subCol #subColInner ul li.btn-bm-anime.current {
    background: url(../images/movie/bm-anime/snavi.png) no-repeat 0 -161px;
  }
  #subCol #subColInner ul li.btn-bm-anime a {
    height: 138px;
    width: 188px;
    background: none;
  }
  #subCol #subColInner ul li.btn-bm-anime a:hover {
    background: url(../images/movie/bm-anime/snavi.png) no-repeat 0 -161px;
  }

  /* SDBH研究所チャンネル */
  #wrapColInner #mainCol .movieThumbnail {
    width: 96%;
    padding: 2%;
  }
  #wrapColInner #mainCol .movieThumbnail:hover {
    opacity: 0.7;
  }
}

/*# sourceMappingURL=movie.css.map */