@media (min-width: 481px) {
    #contentsArea {
        float: left;
        width: 800px;
    }

    #contentsArea article .line p.img {
        justify-content: center;
        display: flex;
    }

    #contentsArea article .line p {
        font-size: 14px;
        line-height: 24px;
    }

    #contentsArea article .line a {
        color: #0071e3;
        text-decoration: none;
    }

    #contentsArea article .line h2 span {
        font-size: 14px;
    }

    #contentsArea article .line .imageArea {
        text-align: center;
    }

    #contentsArea article .line ul {
        margin: 0;
        display: inline-block;
    }

    #contentsArea article .line ul li {
        background: none;
        padding: 0;
        float: left;
        font-size: 14px;
    }

    #contentsArea article .line ul li a{
        color: #4b4b4b;
    }

    #contentsArea article .line .imgs li {
        margin: 10px 12px;
        width: 30%;
        text-align: center;
    }

    #contentsArea article .line .imgs-2 li {
        margin: 10px 15px;
        width: 21%;
        text-align: left;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    #wrapper {
        width: 100% !important;
    }

    #contentsArea {
        width: 100% !important;
    }

    #contentsArea.column #sideEnclosingArea {
        width: 100% !important;
    }

    #contentsArea.column #sideEnclosingArea article {
        width: auto !important;
        float: none;
        margin: 0 20px;
    }

    #contentsArea article h1 {
        margin-top: 50px;
    }

    #contentsArea article p img {
        width: 100%;
    }

    #contentsArea article p video {
        width: 100%;
        height: 100%;
    }

    #contentsArea.column #sideEnclosingArea article .line h2 span {
        font-size: 14px;
    }

    #contentsArea.column #sideEnclosingArea article .line .size1of2 {
        width: 100%;
    }

    #contentsArea.column #sideEnclosingArea article .line .size1of3 {
        width: 100%;
    }

    #contentsArea.column #sideEnclosingArea article .line .size2of3 {
        width: 100% !important;
    }

    #contentsArea article p.textAndImage02 span {
        width: 100% !important;
    }

    footer {
        margin: 0;
    }

     #contentsArea article .line ul li {
        float: none;
        margin: 0;
        background: none;
     }
}




sub,
sup {
    transform: scale(0.75);
    display: inline-block;
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}