@charset "utf-8";
/* CSS Document */

/* ボタン_ピックアップ */
#media .wrap .tub li.pickup a {
  width: 237px;
  height: 40px;
  display: block;
  background: url(/img/media/renewal/media_tub_pickup.jpg) no-repeat;
  text-indent: -9999px;
}
#media .wrap .tub li.pickup a:hover {
  background: url(/img/media/renewal/media_tub_pickup_on.jpg) no-repeat;
}
#media .wrap .tub li.pickup_on {
  width: 237px;
  height: 40px;
  display: block;
  background: url(/img/media/renewal/media_tub_pickup_on.jpg) no-repeat 0 0;
  text-indent: -9999px;
}
/* ボタン_映画 */
#media .wrap .tub li.movie a {
  width: 237px;
  height: 40px;
  display: block;
  background: url(/img/media/renewal/media_tub_movie.jpg) no-repeat;
  text-indent: -9999px;
}
#media .wrap .tub li.movie a:hover {
  background: url(/img/media/renewal/media_tub_movie_on.jpg) no-repeat;
}
#media .wrap .tub li.movie_on {
  width: 237px;
  height: 40px;
  display: block;
  background: url(/img/media/renewal/media_tub_movie_on.jpg) no-repeat 0 0;
  text-indent: -9999px;
}
/* ボタン_ドラマ */
#media .wrap .tub li.drama a {
  width: 237px;
  height: 40px;
  display: block;
  background: url(/img/media/renewal/media_tub_drama.jpg) no-repeat;
  text-indent: -9999px;
}
#media .wrap .tub li.drama a:hover {
  background: url(/img/media/renewal/media_tub_drama_on.jpg) no-repeat;
}
#media .wrap .tub li.drama_on {
  width: 237px;
  height: 40px;
  display: block;
  background: url(/img/media/renewal/media_tub_drama_on.jpg) no-repeat 0 0;
  text-indent: -9999px;
}
/* ボタン_アニメ */
#media .wrap .tub li.anime a {
  width: 239px;
  height: 40px;
  display: block;
  background: url(/img/media/renewal/media_tub_anime.jpg) no-repeat;
  text-indent: -9999px;
}
#media .wrap .tub li.anime a:hover {
  background: url(/img/media/renewal/media_tub_anime_on.jpg) no-repeat;
}
#media .wrap .tub li.anime_on {
  width: 239px;
  height: 40px;
  display: block;
  background: url(/img/media/renewal/media_tub_anime_on.jpg) no-repeat 0 0;
  text-indent: -9999px;
}
	
@media screen and (max-width:780px) {
	#media .key .tub li a, #media .wrap .tub li.pickup a, #media .wrap .tub li.movie a, #media .wrap .tub li.drama a, #media .wrap .tub li.anime a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    background: none;
    text-indent: 0;
    height: auto;
    width: 100%;
  }
  #media .key .tub li, #media .wrap .tub li.pickup_on, #media .wrap .tub li.movie_on, #media .wrap .tub li.drama_on, #media .wrap .tub li.anime_on {
    display: inline-block;
    width: 24%!important;
    height: auto;
    margin-left: 1%;
    padding: 0.8rem 0.2rem;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    background: #eee;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem;
    box-sizing: border-box;
    text-indent: 0;
  } 
}