@charset "UTF-8";
/* ---------------------------------
 mixin
--------------------------------- */
/*alt*/
/*flex*/
/*
 topics.css（ファイル名変更不可）
 本サイト記事ページ用CSS（記事ページのみ読み込まれる）
*/
.drama-contentsBox {
  margin: 0 auto;
  background: url(../images/common/bg_2nd.jpg) no-repeat center top;
  background-size: cover;
}
.drama-contentsBox .drama-area h2 {
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  margin: -1% 0 4%;
  padding-top: 5.5%;
  background: url(../images/common/h2_topics.png) no-repeat center top;
  background-size: contain;
}

/* ------------------------------------------------------------------
 SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
  .drama-contentsBox .drama-area h2 {
    padding-top: 6.5%;
    margin: -1% 0 4% !important;
  }
  .drama-contentsBox .drama-area .topics-box-body {
    margin: 0 2%;
  }
}
/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
  .drama-contentsBox .drama-area h2 {
    margin: 4% 0 4%;
  }
}
/* ------------------------------------------------------------------
 PC（993px〜）
------------------------------------------------------------------ */