@charset "utf-8";

img {
    max-width: 100%
}
.res {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    float: left;
    margin: 10px 0;
    padding: 5px;
}
.res-cont{
    overflow: hidden;
}
/* ===================================================================================
 for PC min-width: 740px
 =================================================================================== */
@media screen and (min-width: 741px) {
    .pc-100{width:100%;}
	.pc-90{width:90%;}
    .pc-80{width:80%;}
    .pc-75{width:75%;}
    .pc-70{width:70%;}
	.pc-65{width:65%;}
    .pc-60{width:60%;}
    .pc-50{width:50%;}
    .pc-48{width:48%;}
    .pc-45{width:45%;}
    .pc-40{width:40%;}
	.pc-35{width:35%;}
    .pc-33{width:33.333333%;}
    .pc-25{width:25%;}
    .pc-30{width:30%;}
    .pc-20{width:20%;}
	
	.pc_mgl-30{ margin-left:30px; }
	.pc_i-block{ display:inline-block; }
}
/* ===================================================================================
 for SP max-width: 740px
 =================================================================================== */
@media screen and (max-width: 740px) {
    .sp-100{width:100%;}
    .sp-80{width:80%;}
    .sp-70{width:70%;}
    .sp-60{width:60%;}
    .sp-50{width:50%;}
	.sp-40{width:40%;}
    .sp-33{width:33.333333%;}
    .sp-30{width:30%;}
    .sp-25{width:25%;}
    .sp-20{width:20%;}
	
	.sp_mgt-15{ margin-top:15px; }
}