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

.drama-contentsBox {
  margin-bottom: 0;
}
body.second .drama-main .drama-box-body {
  border: none;
}
body.second .drama-main .topics-area .drama-article {
  margin-top: 80px;
}
.drama-main .drama-box-title>span.title-01 {
  height: 96px;
  background-position: center;
  background-image: url(../images/topics/title-topics-pc.png);
}
.drama-aside {
  overflow: hidden;
  background-color: #fafafc;
}
#_popIn_recommend_for_drama ._popIn_recommend_container {
  background-color: transparent !important;
}


/* ------------------------------------------------------------------
 SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
  .drama-contentsBox-inner {
    padding-bottom: 0;
  }
  .drama-main .drama-box-title>span.title-01 {
    height: 50px;
    background-image: url(../images/topics/title-topics-sp.png);
  }
  body.second .drama-main .topics-area {
    margin: 50px auto 45px;
  }
  body.second .drama-main .drama-box-body {
    padding: 30px 20px 0 !important;
  }
  body.second .drama-main .topics-area .drama-article {
    margin-top: 0;
  }
  .drama-share-body ul {
    white-space: nowrap;
  }
}

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


/* ------------------------------------------------------------------
 PC（993px〜）
------------------------------------------------------------------ */
@media screen and (min-width: 993px) {
  body.second .drama-main .topics-area {
    margin-top: 50px;
  }
}