@charset "utf-8";

/* てけとリセット */

html {
    font-size        : 75%;
}

h1, html, body, div, p, ul, li {
    margin           : 0;
    padding          : 0;
}

h1 {
    font-size        : 100%;
    font-weight      : 400;
}

b {
    font-weight      : 700;
}

hr {
    border           : 0;
    margin           : 0.8em 0.25em;
    border-top-style : dotted;
    border-top-color : #000000;
    border-top-width : 3px;
}

/* てけと基本 */

body {
    padding          : 15px 10px;
    font-size        : 1.6em;
    line-height      : 150%;
}

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

a {
    text-decoration  : none;
}

.usu_invisible {
    display          : none;
}

/* 上下パーツ */

.usu_sub, .usu_btn {
    margin           : 0px auto;
}

#usu_main_title {
    margin           : 0px auto 10px;
    padding          : 1em 0px;
    text-align       : center;
}

.usu_btn {
    text-align       : right;
}

.usu_b_head {
    margin           : 10px auto;
}

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

/* 上下のテキスト部 */

.uso_sub_txt {
    margin              : 0px auto;
    padding             : 1em;
}

.uso_sub_txt h1 {
    font-weight         : 700;
    margin-bottom       : 0.6em;
}

.uso_sub_txt li {
    margin-top          : 0.6em;
    margin-left         : 1em;
    list-style-type     : circle;
    list-style-position : outside;
}

.uso_sub_txt ul>li:first-child {
    margin-top          : 0px;
}

/* エントリ部分 */

#usu_main {
    overflow         : hidden;
    margin           : 0px auto;
}

.usu_news {
    float            : left;
    overflow         : auto;
    padding          : 1em 14px 32767px;
    margin           : 0px 6px -32761px;
    border-top-style : solid;
    border-top-color : #ffffff;
    border-top-width : 12px;
}

.usu_img img {
    float            : left;
    margin           : 3px 1em 8px 0;
    padding          : 0;
}

.usu_b_img {
    text-align       : center;
}

.usu_b_img img {
    display          : block;
    margin           : 0.8em auto;
    padding          : 0px;
}

.usu_s_img img {
    float            : right;
    margin           : 8px 0 8px 1em;
    padding          : 0;
}

.usu_return {
    clear            : both;
}

.usu_type {
    text-align       : right;
    margin-bottom    : 1em;
}

.usu_column>p {
    text-indent      : 1em;
}

.usu_column>p.nodent {
    text-indent      : 0;
}

/* リンク色（ううむー） */
/*
.usu_news a {
    color            : #000000;
    text-decoration  : underline;
}

.usu_news a:visited {
    color            : #000000;
}
*/

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

body {
    line-height      : 140%;
}

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

.usu_news img {
    max-height       : none;
    width            : auto;
}

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

/* エントリの横幅広め */

body {
    line-height      : 150%;
}

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

#usu_main {
    width            : 880px;
}

.usu_news {
    width            : 400px;
}

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

    .usu_btn {
        max-width       : 5720px;
    }

    #usu_main {
        width           : 5720px;
    }
}

@media only screen and (min-width: 5300px) and (max-width:5739px)
{
    .usu_btn {
        max-width       : 5280px;
    }

    #usu_main {
        width           : 5280px;
    }
}

@media only screen and (min-width: 4860px) and (max-width:5299px)
{
    .usu_sub {
        max-width       : 1308px;
    }

    .usu_btn {
        max-width       : 4840px;
    }

    #usu_main {
        width           : 4840px;
    }
}

@media only screen and (min-width: 4420px) and (max-width:4859px)
{
    .usu_btn {
        max-width       : 4400px;
    }

    #usu_main {
        width           : 4400px;
    }
}

@media only screen and (min-width: 3980px) and (max-width:4419px)
{
    .usu_sub {
        max-width       : 1308px;
    }

    .usu_btn {
        max-width       : 3960px;
    }

    #usu_main {
        width           : 3960px;
    }
}

@media only screen and (min-width: 3540px) and (max-width:3979px)
{
    .usu_btn {
        max-width       : 3520px;
    }

    #usu_main {
        width           : 3520px;
    }
}

@media only screen and (min-width: 3100px) and (max-width:3539px)
{
    .usu_sub {
        max-width       : 1308px;
    }

    .usu_btn {
        max-width       : 3080px;
    }

    #usu_main {
        width           : 3080px;
    }
}

@media only screen and (min-width: 2660px) and (max-width:3099px)
{
    .usu_btn {
        max-width       : 2640px;
    }

    #usu_main {
        width           : 2640px;
    }
}

@media only screen and (min-width: 2220px) and (max-width:2659px)
{
    .usu_sub {
        max-width       : 1308px;
    }

    .usu_btn {
        max-width       : 2200px;
    }

    #usu_main {
        width           : 2200px;
    }
}

@media only screen and (min-width: 1780px) and (max-width:2219px)
{
    .usu_btn {
        max-width       : 1760px;
    }

    #usu_main {
        width           : 1760px;
    }
}

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

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

@media only screen and (min-width: 1340px) and (max-width:1779px)
{
    .usu_sub, .usu_btn {
       max-width        : 1308px;
    }

    #usu_main {
        width           : 1320px;
    }
}

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

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

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

@media only screen and (max-width:480px)
{
    body {
        padding         : 0px;
        line-height     : 140%;
    }

    #usu_main {
        width           : 100%;
    }

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

@media only screen and (max-width:420px)
{
   .usu_news img {
        max-width       : 140px;
        height          : auto;
    }

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

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

/* 全体の背景色（てけと） */

body {
    background-color : #dddddd;
}

.usu_news {
    border-top-color : #dddddd;
}

/* タイトルの文字と背景 */

#usu_main_title {
    font-size        : 24px;
    font-size        : 2.4rem;
    color            : #ffffff;
    background-color : #FF1D77;
}

/* スマホとか（てけと） */

@media only screen and (max-width:480px)
{
    body {
        background-color : #000000;
    }

    .usu_news {
        border-top-color : #000000;
     }

    #usu_main_title {
        font-size       : 18px;
        font-size       : 1.8rem;
    }
}

/* 上下のテキスト部分の文字と背景 */

.uso_sub_txt {
    color            : #444444;
    background-color : #ffffff;
}

.uso_sub_txt a {
    color            : #1111cc;
}

.uso_sub_txt a:visited {
    color            : #993399;
}

.uso_sub_txt a:hover {
    color            : #ff0000;
}

/* リンク色 */

a {
    color            : #1111cc;
}

a:visited {
    color            : #993399;
}

a:hover {
    color            : #ff0000;
}

/* 画像のボーダー */

.usu_news img {
    border           : solid 1px #000000;
}

.none_border img {
    border           : none;
}

/* エントリ部分 */

.usu_news {
    color            : #000000;
    background-color : #ffffff;
}

#usu_main>ARTICLE:nth-of-type(8n+1) .usu_news {
    background-color : #91D100;
}

#usu_main>ARTICLE:nth-of-type(8n+2) .usu_news {
    background-color : #E1B700;
}

#usu_main>ARTICLE:nth-of-type(8n+3) .usu_news {
    background-color : #56C5FF;
}

#usu_main>ARTICLE:nth-of-type(8n+4) .usu_news {
    background-color : #FF76BC;
}

#usu_main>ARTICLE:nth-of-type(8n+5) .usu_news {
    background-color : #00C13F;
}

#usu_main>ARTICLE:nth-of-type(8n+6) .usu_news {
    background-color : #FF981D;
}

#usu_main>ARTICLE:nth-of-type(8n+7) .usu_news {
    background-color : #00D8CC;
}

#usu_main>ARTICLE:nth-of-type(8n+8) .usu_news {
    background-color : #cc99cc;
}

@media only screen and (max-width:480px)
{
    .usu_news {
        background-color : #cccccc !important;
    }

    #usu_main_title {
        background-color : #ff0000;
    }
}

/* エントリの見出し */

.usu_news>H1 {
    color               : #000000;
    font-size           : 16px;
    font-size           : 1.6rem;
    padding-bottom      : 2px;
    border-bottom-style : solid;
    border-bottom-color : #000000;
    border-bottom-width : 3px;
    margin-bottom       : 1px;
}

.usu_type {
    color               : #000000;
    font-size           : 12px;
    font-size           : 1.2rem;
    padding-right       : 0.5em;
}