@media screen and (min-width: 768px) and (max-width: 1024px) {
    .resp_cat .case-capt {
        margin: 0 30px;
    }

    .resp_cat .case-goods .items {
        margin-right: 0;
    }

    .resp_cat .case-goods .item {
        width: 30%;
        padding: 13px;
        margin-right: 0;
        margin-bottom: 22px;
    }

    .resp_cat .case-goods .item figure {
        width: 100%;
        /*height: auto;*/
        margin-bottom: 5px;
        text-align: center;
    }

    .resp_cat .case-goods .item figure a img {
        width: 100%;
        height: auto;
    }

    .resp_cat .case-goods .item .ttl {
        margin: 0 auto;
    }
}

@media screen and (max-width: 519px) {
    .resp_cat .case-capt {
        margin: 0 30px;
    }

    .resp_cat .content .cside {
        width: 100%;
        float: none;
    }

    .resp_cat .content .aside {
        display: none;
    }

    .resp_cat .case-goods .items {
        margin-right: 0;
    }

    .resp_cat .case-goods .item {
        width: 46%;
        margin-bottom: 22px;
        margin-right: 8px;
    }

    .resp_cat .action {
        width: 150px;
        height: 150px;
        background: url(../img/action.png) no-repeat 0 0;
        background-size: cover;
    }

    .resp_cat .hit {
        width: 150px;
        height: 150px;
        background: url(../img/hit.png) no-repeat 0 0;
        background-size: cover;
    }

    .resp_cat .case-goods .item figure {
        width: 100%;
        height: auto;
        margin-bottom: 5px;
        text-align: center;
    }

    .resp_cat  .case-goods .item figure a img {
        width: 100%;
        height: auto;
    }

    .resp_cat .case-goods .item .ttl {
        margin: 0 auto;
        font-size: 3.5em;
        height: 2.6em;
    }

    .resp_cat .case-goods .item .descript {
        display: none;
    }

    .resp_cat .case-goods .item .price {
        font-size: 5em;
        height: 1.3em;
    }

    .resp_cat .case-goods .item .order {
        max-width: 100%;
        margin: 0 auto;
    }

    .resp_cat .case-goods .item .order {
        height: auto;
    }

    .resp_cat .case-goods .item .count, .btn-rt {
        float: none;
        margin: 0 auto;
    }

    .resp_cat .sort .btn35 {
        margin-top: 0;
        height: 35px;
        padding: 0 8px;
        font-size: 14px;
        line-height: 35px;
    }

    .resp_cat .btn35 {
        margin-top: 20px;
        padding: 38px 0 0 8px;
        height: 92px;
        font-size: 5em;
    }

    .resp_cat .btn .icon-shop {
        width: 68px;
        height: 49px;
        background: url(../img/icon_shop.png) no-repeat 0 0;
        background-size: cover;
    }

    .resp_cat .count {
        width: 230px;
        height: 62px;
        border: 0px;
    }

    .resp_cat .count input {
        width: 100%;
        height: 60px;
        padding: 0 20px;
        font-size: 4em;
    }

    .resp_cat .count .minus {
        background: #EEEEEE;
    }

    .resp_cat .count .plus {
        background: #96c53a;
    }

    .resp_cat .count .arr {
        width: 70px;
        height: 70px;
        font-size: 57px;
        text-decoration: none;
    }
}