@media screen and (min-width: 670px) {

    /* 背景の設定 */
    div#contents {
        width: 100%;
        margin: 0 auto;
        background: rgba(0, 0, 0, 0) url("../images/applp-skms/base/bg.jpg") no-repeat center 0px;
    }
    div#contents div.content_inner {
        width: 910px;
        margin: 0px auto;
    }
    div#app{
        background-color: transparent;
    }

    /* メインコンテンツ */
    div#contents div.content_inner.box {
        background: rgba(255, 255, 255, .8);
        border: 3px #c30d23 solid;
        border-radius: 5px;
        width: 910px;
        padding: 10px 17px;
        margin-top: 20px;
    }

    /* 今すぐダウンロード枠 */
    div#skms-dl{
        margin: 0px auto;
        background: rgba(255, 255, 255, .8);
        border: 5px #c30d23 solid;
        border-radius: 5px;
        padding: 10px 17px;
        margin-top: 20px;
        border-radius: 30px;
        text-align:center;
    }
    div#skms-dl>img{
        width: 100%;
    }

    .skms-dl-info{
        margin:0;
        width: 50%;
        float: left;
    }
    .skms-dl-info .left_side{
        width: 60%;
        margin: 9px 0;
        float: left;
    }
    .skms-dl-info .left_side>a>img{
        width: 100%;
    }
    .skms-dl-info .right_side{
        width: 40%;
        float: left;
    }
    .skms-dl-info .right_side >img{
        width: 100%;
    }

    /* アプリコンテンツ紹介アイコン */
    .skms-content{
        margin: 0 0 10px 0;
    }
    .skms-content>img{
        width: 120px;
        margin: 0 3px;
        float: left;
    }
    element.style{
        height: 300px;
    }
    #app .slide .pic{
    padding: 0px;
    }
}

@media screen and (max-width: 669px) {

    /* 背景の設定 */
    div#contents{
        width: 100%;
        margin: 0 auto;
    }
    div#app{
        background-color: transparent;
    }

    /* 今すぐダウンロード枠 */
    div#skms-dl{
        margin: 0px auto;
        background: rgba(255, 255, 255, .8);
        border: 5px #c30d23 solid;
        border-radius: 5px;
        padding: 10px 17px;
        margin-top: 20px;
        border-radius: 30px;
        text-align:center;
    }
    div#skms-dl>img{
        width: 100%;
    }
    .skms-dl-info{
        margin:0;
        width: 100%;
        float: left;
    }
    .skms-dl-info .left_side{
        width: 60%;
        margin: 9px 0;
        float: left;
    }
    .skms-dl-info .left_side>a>img{
        width: 100%;
    }
    .skms-dl-info .right_side{
        width: 40%;
        float: left;
    }
    .skms-dl-info .right_side >img{
        width: 100%;
    }

    /* アプリコンテンツ紹介アイコン */
    #app .slide .info h4{
    font-size: 100%;
    padding-top: 5px;
    }
    .skms-content{
        margin: 0 0 10px 0;
        width: 100%;
    }
    .skms-content>img{
        width: 20%;
        margin: 0 2px;
        float: left;
    }
    element.style{
        height: 300px;
    }
    #app .slide .pic{
    padding: 0px;
    }
}