@charset "UTF-8";

/*
 topics.css（ファイル名変更不可）
 本サイト記事ページ用CSS（記事ページのみ読み込まれる）
*/
.drama-contentsBox {
    background-image: url(../images/common/bg-yellow.png);
    margin: 0;
}

.drama-contentsBox-inner {
    overflow: visible;
}

#topics.topics-area {
    margin: 0;
}

#topics .drama-box-title {
    width: 100%;
    max-width: 820px;
    padding: 45px 0;
    margin: 0 auto;
}
#topics .drama-box-title span {
    display: block;
    background: url(../images/common/title-topics-pc.png) no-repeat center center / contain;
    padding-top: calc(62 / 860 *100%);
}

#topics .topics-box-body {
    position: relative;
    overflow: visible;
}
#topics .topics-box-body::before {
    content: '';
    display: block;
    width: 68px;
    height: 102px;
    background: url(../images/common/icon-chara.png) no-repeat center / contain;
    position: absolute;
    right: 10px;
    top: -102px;
    animation: anime-jump 1.5s infinite;
}

.trailer-box>.d-icon-chara {
    top: 0;
    left: 10px;
    transform: translateY(-100%);
}

body.second .drama-main .drama-box-body {
    border: 0px;
}



/* ------------------------------------------------------------------
 SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
    .drama-inner{
        padding: 0px;
    }

    #topics .drama-box-title {
        padding: 25px 20px;
    }

    #topics .drama-box-title span {
        background-image: url(../images/common/title-topics-sp.png);
        padding-top: calc(57 / 560 *100%);
        height: 0;
    }

    #topics .topics-box-body::before {
        width: 40px;
        height: 60px;
        top: -60px;
    }
}

/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
    .drama-inner{
        padding: 0px;
    }
}


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