@charset "utf-8";

/***** index.css *****/

/* -------------------------------------

漫画

----------------------------------------*/
.keibi_manga_content .contentsWrap {
    max-width: 768px;
    width: 50%;
}


/* 登場人物 */
.keibi_manga_content .character_intro {
    margin-bottom: 64px;
}

.keibi_manga_content .character_intro img {
    max-width: 540px;
    margin: auto;
    display: block;
    width: 100%;
}

/* 漫画リスト */
.keibi_manga_content .keibi_manga_list img {
    margin-bottom: 40px;
    border: solid 1px #999;
    vertical-align: bottom;
    width: 100%;
}


/* サイドバナー */
.side_bnr_content {
    position: relative;
}

.side_bnr_content img {
    width: 100%;
}

.side_bnr_content .contentsWrap {
    display: contents;
    /*PCの時このタグを非表示*/
}

.side_bnr_right {
    z-index: 99;
    right: 8%;
    width: 15%;
}

.side_bnr_right a:hover {
    opacity: 0.7;
}


/* -------------------------------------
 幅1280px以下の場合
-------------------------------------*/
@media screen and (max-width: 1280px) {

    /* サイドバナー */
    .side_bnr_right {
        right: 3%;
        width: 19%;
    }
}

/* -------------------------------------
 幅768px以下の場合
-------------------------------------*/
@media screen and (max-width: 768px) {

    .keibi_manga_content .contentsWrap {
        width: 90%;
        max-width: 580px;
        padding: 64px 0;
    }

    /* サイドバナー */
    .side_bnr_content {
        display: block;
    }

    .side_bnr_content .contentsWrap {
        display: block;
        padding: 0 0 100px 0 !important;
        max-width: 480px !important;
    }

    .side_bnr_right {
        position: inherit !important;
        bottom: 0 !important;
        right: 0 !important;
        width: 100%;
    }

    /*漫画リスト*/
    .keibi_manga_content .keibi_manga_list img:last-child {
        margin-bottom: 0;
    }
}