@charset "utf-8";

/* 以下、オーバーライド想定の部分（てけと） */

body {
    line-height      : 140%;
}

p {
    font-size        : 14px;
    font-size        : 1.4rem;
}

p.usu_img img {
    max-height       : 150px;
    width            : auto;
}

p.usu_b_img img {
    max-width        : 310px;
    height           : auto;
}

p.usu_s_img img {
    max-width        : 160px;
    height           : auto;
}

/* 以下、オーバーライド想定の部分（幅系。一部ブラウザの仕様の関係で色々と妥協。てけと） */

/* エントリの横幅 */

.usu_sub, .usu_btn {
    max-width        : 1098px;
}

#usu_main {
    width            : 1110px; /* ネタデザインのためにIE8以前を重くさせるのも何なので、IE8は幅固定ってことで */
}

.usu_news {
    width            : 330px;
}

@media only screen and (min-width:5940px)
{
    .usu_sub {
        max-width       : 728px;
    }

    .usu_btn {
        max-width       : 5920px;
    }

    #usu_main {
        width           : 5920px;
    }
}

@media only screen and (min-width: 5570px) and (max-width:5939px)
{
    .usu_btn {
        max-width       : 5550px;
    }

    #usu_main {
        width           : 5550px;
    }
}

@media only screen and (min-width:5200px) and (max-width:5569px)
{
    .usu_sub {
        max-width       : 728px;
    }

    .usu_btn {
        max-width       : 5180px;
    }

    #usu_main {
        width           : 5180px;
    }
}

@media only screen and (min-width: 4830px) and (max-width:5199px)
{
    .usu_btn {
        max-width       : 4810px;
    }

    #usu_main {
        width           : 4810px;
    }
}

@media only screen and (min-width: 4460px) and (max-width:4829px)
{
    .usu_sub {
        max-width       : 728px;
    }

    .usu_btn {
        max-width       : 4440px;
    }

    #usu_main {
        width           : 4440px;
    }
}

@media only screen and (min-width: 4090px) and (max-width:4459px)
{
    .usu_btn {
        max-width       : 4070px;
    }

    #usu_main {
        width           : 4070px;
    }
}

@media only screen and (min-width: 3720px) and (max-width:4089px)
{
    .usu_sub {
        max-width       : 728px;
    }

    .usu_btn {
        max-width       : 3700px;
    }

    #usu_main {
        width           : 3700px;
    }
}

@media only screen and (min-width: 3350px) and (max-width:3719px)
{
    .usu_btn {
        max-width       : 3330px;
    }

    #usu_main {
        width           : 3330px;
    }
}

@media only screen and (min-width: 2980px) and (max-width:3349px)
{
    .usu_sub {
        max-width       : 728px;
    }

    .usu_btn {
        max-width       : 2960px;
    }

    #usu_main {
        width           : 2960px;
    }
}

@media only screen and (min-width: 2610px) and (max-width:2979px)
{
    .usu_btn {
        max-width       : 2590px;
    }

    #usu_main {
        width           : 2590px;
    }
}

@media only screen and (min-width: 2240px) and (max-width:2609px)
{
    .usu_sub {
        max-width       : 728px;
    }

    .usu_btn {
        max-width       : 2220px;
    }

    #usu_main {
        width           : 2220px;
    }
}

@media only screen and (min-width: 1870px) and (max-width:2239px)
{
    .usu_btn {
        max-width       : 1850px;
    }

    #usu_main {
        width           : 1850px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1869px)
{
    .usu_sub {
        max-width       : 728px;
    }

    .usu_btn {
        max-width       : 1480px;
    }

    #usu_main {
        width           : 1480px;
    }
}

@media only screen and (min-width: 1500px)
{
    .usu_b_head {
        margin          : 0px auto;
    }

    .usu_b_foot {
        margin          : 12px auto 5px;
    }
}

@media only screen and (min-width: 760px) and (max-width:1129px)
{
    .usu_sub, .usu_btn {
        max-width       : 728px;
    }

    #usu_main {
        width           : 740px;
    }
}

@media only screen and (max-width:759px)
{
    #usu_main {
        width           : 370px;
    }

    .usu_news {
        float           : none;
        padding         : 1em 14px;
        margin          : 0px auto 6px;
    }
}

@media only screen and (max-width:480px)
{
    .narrow_invisible {
        display         : none;
    }

    body {
        padding         : 0px;
        line-height     : 140%;
    }

    #usu_main {
        width           : 100%;
    }

    .usu_news {
        width           : 96%;
        padding         : 1em 2%;
    }
}