@charset "utf-8";

/*=============================================================================
    this page style
=============================================================================*/

/*=============================================================================
    this page BASE style
=============================================================================*/
#main > .inner {
    margin: 30px auto 0;
    border-top: 1px solid #d5d5d5;
    width: 770px;
}

#main article {
    overflow: hidden;
    text-align: left;
    padding: 20px 10px;
    border-bottom: 1px solid #d5d5d5;
    font-size: 1.5rem;
    line-height: 1.5;
}

#main article a:link,
#main article a:visited,
#main article a:hover,
#main article a:active {
    color: #e5a326;
    text-decoration: underline;
}

#main article h1 {
    float: left;
    width: 30%;
}

#main article .c-inner {
    float: right;
    width: 65%;
}

#main article .c-inner > .context {
    padding: 20px 10px;
    border-top: 1px solid #d5d5d5;
}
#main article .c-inner > .context.no-child {
    padding-bottom: 0;
}
#main article .c-inner > .context:first-child {
    padding-top: 0;
    border-top: none;
}
#main article .c-inner > .context:last-child {
    padding-bottom: 0;
}
    #main article .c-inner > .context h2 {
        margin-bottom: 20px;
    }
    #main article .c-inner > .context h2.no-padding {
        margin-bottom: 0;
    }
    #main article .c-inner > .context .items {
        overflow: hidden;
    }
        #main article .c-inner > .context .item {
            float: left;
            margin-top: .9rem;
            width: 50%;
            font-size: 1.3rem;
        }
        #main article .c-inner > .context .item:nth-of-type(1),
        #main article .c-inner > .context .item:nth-of-type(2) {
            margin-top: 0;
        }
        #main article .c-inner > .context .item:nth-of-type(2n+1) {
            clear: both;
        }