@media all {
    html, html.tag-html {
        font-size: 14px;
    }
    body, body.tag-body {
        font-size: 1em;
        line-height: 1.5;
        color: #333;
        cursor: default;
        font-family: "Open Sans",Helvetica,sans-serif;
    }

    hr {
        background-color: #c5b99f;
        border: 0;
        margin: 55px 0;
        height: 1px!important;
    }

    a:hover {
        text-decoration: none;
    }

    a.dotted {
        border-bottom: 1px dotted;
        text-decoration: none;
    }
    a.solid {
        border-bottom: 1px solid;
        text-decoration: none;
    }
    a.dotted:hover {
        border-bottom: none;
    }

    p {
        margin: 0 0 1rem;
    }
    p:last-child {
        margin-bottom: 0;
    }

    .fw300 {
        font-weight: 300;
    }
    .fw400 {
        font-weight: 400;
    }
    .fw600, strong, b {
        font-weight: 700;
    }
    .fw700 {
        font-weight: 700;
    }
    .fw800 {
        font-weight: 800;
    }

    .fs-i {
        font-style: italic;
    }
    .tt-u {
        text-transform: uppercase;
    }
    .tt-l {
        text-transform: lowercase;
    }

    button, .not-selected {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .break {
        -ms-word-break: break-all;
        word-break: break-all;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto
    }
    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: block
    }

    .pos-r {
        position: relative;
    }

    .table {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .table .tr {
        display: table-row;
        height: 100%;
    }
    .table .tc {
        display: table-cell;
    }

    .text-up {
        text-transform: uppercase;
    }
    .color-red {
        color: #f20101;
    }
    .color-green {
        color: #2b9719;
    }
    .color-black {
        color: #000;
    }

    .font-small {
        font-size: 13px;
    }

    .nobr {
        white-space: nowrap;
    }
}
@media (max-width: 479px) {
    html, html.tag-html {
        font-size: 13px;
    }
}

/* h1-h6 */
@media all {
    h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
        margin-top: 0;
        margin-bottom: .5em;
        font-weight: 400;
        line-height: 1.2;
        color: #333;
    }
    h1, .h1 {
        font-size: 45px;
        font-weight: 700;
        margin-bottom: .8em;
    }
    h2, .h2 {
        font-size: 35px;
        font-weight: 700;
        margin-top: 3rem;
        margin-bottom: 0.8em;
    }
    h2:first-child, .h2:first-child {
        margin-top: -0.125em;
    }
    h3, .h3 {
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 1.5rem;
    }
    h3:first-child, .h3:first-child {
        margin-top: -0.125em;
    }
    h4, .h4 {
        font-size: 18px;
        line-height: 1.4;
        font-weight: 600;
        text-transform: uppercase;
    }
    h4:first-child, .h4:first-child {
        margin-top: -0.125em;
    }
    h5, .h5 {
        font-size: 16px;
        line-height: 1.4;
        font-weight: 700;
    }
    h5:first-child, .h5:first-child {
        margin-top: -0.125em;
    }
}
@media (max-width: 1023px) {
    h1, .h1 {

    }
    h2, .h2 {

    }
    h3, .h3 {

    }
    h4, .h4 {

    }
    h5, .h5 {

    }
}
@media (max-width: 767px) {
    h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
        margin-bottom: 1em;
    }
    h1, .h1 {
        font-size: 30px;
    }
    h2, .h2 {
        font-size: 22px;
    }
    h3, .h3 {
        font-size: 20px;
    }
}
@media (max-width: 479px) {

    h3, .h3 {
        font-size: 14px;
    }
    h4, .h4 {
        font-size: 14px;
    }
    h5, .h5 {
        font-size: 14px;
    }
}

/* pre-title */
@media all {
    .pre-title {
        font-family: 'Noto Serif', serif;
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    .pre-title b {
        font-weight: 400;
    }
}
@media (max-width: 1023px) {
    .pre-title {
        font-size: 18px;
    }
}