@charset "UTF-8";

/*
*  LAST ALLIANCE
*  RESPONSIVE OVERRIDES (子ページ共通: news / live / discography / gallery)
*  layout_child.css には手を加えず、スマホ幅のみメディアクエリで上書きする。
*  ヘッダー/フッターの共通ルールは layout_responsive.css を別途読み込んで併用する。
*/

@media screen and (max-width: 768px) {

    .prop,
    .full {
        width: 100%;
        box-sizing: border-box;
        padding: 0 16px;
    }

    .child #contents {
        margin-top: 20px;
    }

    #contents h2 img {
        max-width: 70%;
        height: auto;
    }

    /*-------------------- news --------------------*/
    #news #news_set {
        width: 100%;
        float: none;
    }
    .news_article {
        background: none;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #333;
    }
    .news_article h6 img {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    .news_article .detail img {
        width: 100%;
        height: auto;
    }
    #news .date {
        background: none;
        margin-bottom: 10px;
    }

    /*-------------------- live --------------------*/
    .live_article {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 20px 0;
        padding: 20px 0;
        border-bottom: 1px solid #333;
    }
    .live_article .place {
        background: none;
    }
    .live_article .time {
        background: none;
        padding-left: 0;
    }
    .live_article .ticket {
        background: none;
        padding-left: 0;
    }

    /*-------------------- discography --------------------*/
    .disc_article {
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 30px 0;
    }
    .disc_article .disc_img img {
        max-width: 100%;
        height: auto;
    }
    .disc_article .songs {
        width: auto;
    }

    /*-------------------- gallery --------------------*/
    #gallery #contents li {
        font-size: 11px;
        line-height: 1.6;
    }
}