@charset "utf-8";

.hidden{overflow:hidden;}
.absolute{position:absolute;}
.relative{position:relative;}
.bold{font-weight:bold;}
.none{display:none;}
.f_left{float:left;}
.f_right{float:right;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.t_center{text-align:center;}
.bold{font-weight:bold;}

img {max-width: 100%}

.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 screen and (min-width: 741px), print {
    .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_25 {width: 25%;}
    .pc_per_30 {width: 30%;}
    .pc_per_35 {width: 35%;}
    .pc_per_40 {width: 40%;}
    .pc_per_45 {width: 45%;}
    .pc_per_50 {width: 50%;}
    .pc_per_55 {width: 55%;}
    .pc_per_60 {width: 60%;}
    .pc_per_65 {width: 65%;}
    .pc_per_70 {width: 70%;}
    .pc_per_75 {width: 75%;}
    .pc_per_80 {width: 80%;}
    .pc_per_85 {width: 85%;}
    .pc_per_90 {width: 90%;}
    .pc_per_95 {width: 95%;}
    .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%;}
}