@media (max-width: 980px) {
    #viewport {
        min-width: auto;
        min-width: initial;
        min-height: auto;
        min-height: initial;
    }
    #viewport > header {
        height:auto;
    }
    #search {
        min-width:auto;
        min-width:initial;
    }
    #search-form table th {
        width:50px;
    }
    #result {
        width:auto;
        min-width:auto;
        min-width:initial;
    }
    .girls ul.girl-table li {
        width:100%;
    }
    .girls ul.girl-table li.empty-girl {
        display:none;
    }
    #container {
        min-width:auto;
        min-width:initial;
        margin:0px;
    }
    #aside {
        float: right;
        width: 100%;
        margin-left: 0px;
    }
    #gallery {
        margin-left: 0px;
    }
    #card-gallery img { width:auto; max-width:100px; max-height:125px; }
    #bside {
        float: left;
        width: 100%;
    }
    .trsb .trsb-header { width:120px;color:#ffffff;overflow:hidden;white-space:nowrap; }
    .trsb img { width:120px;height:120px; }
    .adslot_1 { width:300px; height:250px; }
    .pc_bh { display:inline-block;vertical-align:middle;width:100%; }
    .pc_bd { display:inline-block;vertical-align:middle;width:100%; }
    
    .lsbox li { width:25%; }
    .lsbox li.h { width:30% }
    .lsbox li.d { width:70% }
    img.bnr { width:auto; max-width:100%; max-height:100%; }

    .imgbox li { width:50%; }
    .imgbox li.quota { width:50%; }
    .imgbox li.p8 { width:25%; }
    
    #product .aabox { width:100%; }
    
    .brsp { display:block; }
    
    #sysnote-dsp img { max-width:100%; }
}
@media (min-width:640px) and (max-width: 980px) and (orientation: portrait) {
    body {
        -webkit-text-size-adjust: 100%;
    }
    .girls ul.girl-table li {
        width:50%;
    }
    #card-gallery img { width:auto; max-width:150px; max-height:187px; }
}
@media (max-width: 980px) and (orientation: landscape) {
    body {
        -webkit-text-size-adjust: 100%;
    }
    .girls ul.girl-table li {
        width:50%;
    }
    #card-gallery img { width:auto; max-width:150px; max-height:187px; }
}
@media (max-width: 640px) {
    .imgbox li.quota { width:100%; }
    .imgbox li.p8 { width:33.33333%; }
    .imgbox li.p3 { width:100%; }
    .imgbox li.p2 { width:100%; }
    .imgbox li.p1 { width:100%; }
}
@media (max-width: 320px) {
    .trsb .trsb-header { width:100px;color:#ffffff;overflow:hidden;white-space:nowrap; }
    .trsb img { width:100px;height:100px; }
}