@charset "utf-8";
.res {
    float: left;
    margin: 10px 0;
    padding: 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.res_cont{
    overflow: hidden;
}
/* ===================================================================================
 for PC min-width: 740px
 =================================================================================== */
@media print, screen and (min-width: 741px) {
    .forSP {display:none;}
    .pc_1 {width: 100%;}
    .pc_2 {width: 50%;}
    .pc_3 {width: 33.333333%;}
    .pc_4 {width: 25%;}
    .pc_5 {width: 20%;}
    .pc_6 {width: 16.666666%;}
    /*
    .pc_2:nth-of-type(2n+1),.pc_3:nth-of-type(3n+1),.pc_4:nth-of-type(4n+1),.pc_5:nth-of-type(5n+1),.pc_6:nth-of-type(6n+1) {clear:both;}
    */
    .pc_per_10 {width: 10%;}
    .pc_per_15 {width: 15%;}
    .pc_per_20 {width: 20%;}
    .pc_per_26 {width: 26%;}
    .pc_per_30 {width: 30%;}
    .pc_per_38 {width: 38%;}
    .pc_per_40 {width: 40%;}
    .pc_per_41 {width: 41%;}
    .pc_per_44 {width: 44%;}
    .pc_per_47 {width: 47%;}
    .pc_per_50 {width: 50%;}
    .pc_per_53 {width: 53%;}
    .pc_per_56 {width: 56%;}
    .pc_per_58 {width: 58%;}
    .pc_per_59 {width: 59%;}
    .pc_per_60 {width: 60%;}
    .pc_per_62 {width: 62%;}
    .pc_per_70 {width: 70%;}
    .pc_per_74 {width: 74%;}
    .pc_per_80 {width: 80%;}
    .pc_per_85 {width: 85%;}
    .pc_per_90 {width: 90%;}
    .pc_per_100 {width: 100%;}
}
/* ===================================================================================
 for SP max-width: 740px
 =================================================================================== */
@media screen and (max-width: 740px) {
    .forPC {display:none;}
    .sp_1 {width: 100%;}
    .sp_2 {width: 50%;}
    .sp_3 {width: 33.333333%;}
    .sp_4 {width: 25%;}
    /*
    .sp_2:nth-of-type(2n+1), .sp_3:nth-of-type(3n+1), .sp_4:nth-of-type(4n+1) {clear: both;}
    */
    .sp_per_10 {width: 10%;}
    .sp_per_20 {width: 20%;}
    .sp_per_30 {width: 30%;}
    .sp_per_40 {width: 40%;}
    .sp_per_50 {width: 50%;}
    .sp_per_60 {width: 60%;}
    .sp_per_70 {width: 70%;}
    .sp_per_78 {width: 78%;}
    .sp_per_80 {width: 80%;}
    .sp_per_90 {width: 90%;}
    .sp_per_100 {width: 100%;}
}