@charset "UTF-8";
/*
 topics.css（ファイル名変更不可）
 本サイト記事ページ用CSS（記事ページのみ読み込まれる）
*/
.drama-contentsBox {
  margin-top: 0;
}

.drama-contentsBox-inner {
  background:
        url(../images/background/horizontal_line.png) repeat center top,
        url(../images/background/ptn01.png) repeat center top,
        #000210;
}

#topics {
  margin-top: 0;
  padding-top: 290px;
  position: relative;
}

#topics .drama-box-title {
  display: block;
  width: 100%;
  padding-top: 55px;
  padding-bottom: 55px;
  border-bottom: 1px solid #fff;
  background: #000210 url(../images/background/horizontal_line.png) repeat center top;
  position: absolute;
  top: 0;
  left: 0;
}

#topics .drama-box-title span {
  display: block;
  padding-top: 60px;
  height: auto;
  background: url(/voice/images/topics/topics_title.gif) no-repeat center / contain;
  text-indent: -9999em;
  overflow: hidden;
  font-size: 0;
}




/* ------------------------------------------------------------------
 SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
  .drama-contentsBox-inner {
    background-size: auto, 500px auto, auto;
  }
  #topics {
    padding-top: 110px;
  }
  #topics .drama-box-title {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #topics .drama-box-title span {
    padding-top: 30px;
  }
}

/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
}


/* ------------------------------------------------------------------
 PC（993px〜）
------------------------------------------------------------------ */
@media screen and (min-width: 993px) {
}