汎用CSS（コピペして使ってください）

普段使っている汎用CSSです。コピペして使ってください（汎用性の高いものを見つけ次第更新していきます）

*詳細*
margin：m+t,b,r,l +-number（10~100）
padding：p+t,b,r,l +　-number（10~100）
font-size:f + -number（一部サイズのみ。必要に応じて追加してください）
font-weight:bold：f-b
line-height：1.5：line-h-15

```.css
.mt-10{
    margin-top:10px!important;
}
.mb-10{
    margin-bottom:10px!important;
}
.mr-10{
    margin-right:10px!important;
}
.ml-10{
    margin-left:10px!important;
}
.mt-20{
    margin-top:20px!important;
}
.mb-20{
    margin-bottom:20px!important;
}
.mr-20{
    margin-right:20px!important;
}
.ml-20{
    margin-left:20px!important;
}
.mt-30{
    margin-top:30px!important;
}
.mb-30{
    margin-bottom:30px!important;
}
.mr-30{
    margin-right:30px!important;
}
.ml-30{
    margin-left:30px!important;
}
.mt-40{
    margin-top:40px!important;
}
.mb-40{
    margin-bottom:40px!important;
}
.mr-40{
    margin-right:40px!important;
}
.ml-40{
    margin-left:40px!important;
}
.mt-50{
    margin-top:50px!important;
}
.mb-50{
    margin-bottom:50px!important;
}
.mr-50{
    margin-right:50px!important;
}
.ml-50{
    margin-left:50px!important;
}
.mt-60{
    margin-top:60px!important;
}
.mb-60{
    margin-bottom:60px!important;
}
.mr-60{
    margin-right:60px!important;
}
.ml-60{
    margin-left:60px!important;
}
.mt-70{
    margin-top:70px!important;
}
.mb-70{
    margin-bottom:70px!important;
}
.mr-70{
    margin-right:70px!important;
}
.ml-70{
    margin-left:70px!important;
}
.mt-80{
    margin-top:80px!important;
}
.mb-80{
    margin-bottom:80px!important;
}
.mr-80{
    margin-right:80px!important;
}
.ml-80{
    margin-left:80px!important;
}
.mt-90{
    margin-top:90px!important;
}
.mb-90{
    margin-bottom:90px!important;
}
.mr-90{
    margin-right:90px!important;
}
.ml-90{
    margin-left:90px!important;
}
.mt-100{
    margin-top:100px!important;
}
.mb-100{
    margin-bottom:100px!important;
}
.mr-100{
    margin-right:100px!important;
}
.ml-100{
    margin-left:100px!important;
}
.mt-10{
    padding-top:10px!important;
}
.mb-10{
    padding-bottom:10px!important;
}
.mr-10{
    padding-right:10px!important;
}
.ml-10{
    padding-left:10px!important;
}
.mt-20{
    padding-top:20px!important;
}
.mb-20{
    padding-bottom:20px!important;
}
.mr-20{
    padding-right:20px!important;
}
.ml-20{
    padding-left:20px!important;
}
.mt-30{
    padding-top:30px!important;
}
.mb-30{
    padding-bottom:30px!important;
}
.mr-30{
    padding-right:30px!important;
}
.ml-30{
    padding-left:30px!important;
}
.mt-40{
    padding-top:40px!important;
}
.mb-40{
    padding-bottom:40px!important;
}
.mr-40{
    padding-right:40px!important;
}
.ml-40{
    padding-left:40px!important;
}
.mt-50{
    padding-top:50px!important;
}
.mb-50{
    padding-bottom:50px!important;
}
.mr-50{
    padding-right:50px!important;
}
.ml-50{
    padding-left:50px!important;
}
.mt-60{
    padding-top:60px!important;
}
.mb-60{
    padding-bottom:60px!important;
}
.mr-60{
    padding-right:60px!important;
}
.ml-60{
    padding-left:60px!important;
}
.mt-70{
    padding-top:70px!important;
}
.mb-70{
    padding-bottom:70px!important;
}
.mr-70{
    padding-right:70px!important;
}
.ml-70{
    padding-left:70px!important;
}
.mt-80{
    padding-top:80px!important;
}
.mb-80{
    padding-bottom:80px!important;
}
.mr-80{
    padding-right:80px!important;
}
.ml-80{
    padding-left:80px!important;
}
.mt-90{
    padding-top:90px!important;
}
.mb-90{
    padding-bottom:90px!important;
}
.mr-90{
    padding-right:90px!important;
}
.ml-90{
    padding-left:90px!important;
}
.mt-100{
    padding-top:100px!important;
}
.mb-100{
    padding-bottom:100px!important;
}
.mr-100{
    padding-right:100px!important;
}
.ml-100{
    padding-left:100px!important;
}
.pt-10{
    padding-top:10px!important;
}
.pb-10{
    padding-bottom:10px!important;
}
.pr-10{
    padding-right:10px!important;
}
.pl-10{
    padding-left:10px!important;
}
.pt-20{
    padding-top:20px!important;
}
.pb-20{
    padding-bottom:20px!important;
}
.pr-20{
    padding-right:20px!important;
}
.pl-20{
    padding-left:20px!important;
}
.pt-30{
    padding-top:30px!important;
}
.pb-30{
    padding-bottom:30px!important;
}
.pr-30{
    padding-right:30px!important;
}
.pl-30{
    padding-left:30px!important;
}
.pt-40{
    padding-top:40px!important;
}
.pb-40{
    padding-bottom:40px!important;
}
.pr-40{
    padding-right:40px!important;
}
.pl-40{
    padding-left:40px!important;
}
.pt-50{
    padding-top:50px!important;
}
.pb-50{
    padding-bottom:50px!important;
}
.pr-50{
    padding-right:50px!important;
}
.pl-50{
    padding-left:50px!important;
}
.pt-60{
    padding-top:60px!important;
}
.pb-60{
    padding-bottom:60px!important;
}
.pr-60{
    padding-right:60px!important;
}
.pl-60{
    padding-left:60px!important;
}
.pt-70{
    padding-top:70px!important;
}
.pb-70{
    padding-bottom:70px!important;
}
.pr-70{
    padding-right:70px!important;
}
.pl-70{
    padding-left:70px!important;
}
.pt-80{
    padding-top:80px!important;
}
.pb-80{
    padding-bottom:80px!important;
}
.pr-80{
    padding-right:80px!important;
}
.pl-80{
    padding-left:80px!important;
}
.pt-90{
    padding-top:90px!important;
}
.pb-90{
    padding-bottom:90px!important;
}
.pr-90{
    padding-right:90px!important;
}
.pl-90{
    padding-left:90px!important;
}
.pt-100{
    padding-top:100px!important;
}
.pb-100{
    padding-bottom:100px!important;
}
.pr-100{
    padding-right:100px!important;
}
.pl-100{
    padding-left:100px!important;
}


/*フォント系*/
.f-12{
    font-size:12px!important;
}
.f-14{
    font-size:14px!important;
}
.f-20{
    font-size:20px!important;
}
.f-25{
    font-size:25px!important;
}
.f-26{
    font-size:26px!important;
}
.f-30{
    font-size:30px!important;
}
.f-35{
    font-size:35px!important;
}
.f-38{
    font-size:38px!important;
}
.f-40{
    font-size:40px!important;
}
.f-46{
    font-size:46px!important;
}
.f-50{
    font-size:50px!important;
}
.line-h-15{
    line-height:1.5!important;
}
.f-b{
     font-weight:bold!important;
}
```