/*margin ------------*/
.m-20b {
    margin-bottom: -20px
}

.m-50b {
    margin-bottom: -50px
}

.m-100b {
    margin-bottom: -100px
}

.m3 {
    margin: 3px
}

.m2b {
    margin-bottom: 2px
}

.m5 {
    margin: 5px 0
}

.m5a {
    margin-top: 5px
}

.m5b {
    margin-bottom: 5px
}

.m7 {
    margin: 7px 0
}

.m7a {
    margin-top: 7px
}

.m7b {
    margin-bottom: 7px
}

.m8a {
    margin-top: 8px
}

.m8b {
    margin-bottom: 8px
}

.m10 {
    margin: 10px 0
}

.m10a {
    margin-top: 10px
}

.m10b {
    margin-bottom: 10px
}

.m10 {
    margin: 10px 0
}

.m15b {
    margin-bottom: 15px
}

.m20 {
    margin: 20px 0
}

.m20a {
    margin-top: 20px
}

.m20b {
    margin-bottom: 20px
}

.m30 {
    margin: 30px 0
}

.m30a {
    margin-top: 30px
}

.m30b {
    margin-bottom: 30px
}

.m30b {
    margin-bottom: 30px
}

.m40 {
    margin: 40px 0
}

.m40a {
    margin-top: 40px
}

.m40b {
    margin-bottom: 40px
}

.m50 {
    margin: 50px 0
}

.m50a {
    margin-top: 50px
}

.m50b {
    margin-bottom: 50px
}

.m60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.m60a {
    margin-top: 60px
}

.m60b {
    margin-bottom: 60px
}

.m80 {
    margin: 80px 0
}

.m80a {
    margin-top: 80px
}

.m80b {
    margin-bottom: 80px
}

.m100 {
    margin: 100px 0
}

.m100a {
    margin-top: 100px
}

.m100b {
    margin-bottom: 100px
}

.m120 {
    margin: 120px 0
}

.m120a {
    margin-top: 120px
}

.m120b {
    margin-bottom: 120px
}

.m140 {
    margin: 140px 0
}

.m140a {
    margin-top: 140px
}

.m140b {
    margin-bottom: 140px
}

.m150 {
    margin: 150px 0
}

.m150a {
    margin-top: 150px
}

.m150b {
    margin-bottom: 150px
}

.m200 {
    margin: 200px 0
}

.m200a {
    margin-top: 200px
}

.m200b {
    margin-bottom: 200px
}

.pad1 {
    padding: 1px
}

.pad5 {
    padding: 5px
}

.pad10 {
    padding: 10px
}

.pad10b {
    padding-bottom: 10px
}

.pad20 {
    padding: 20px
}

.pad20b {
    padding-bottom: 20px
}

.pad30 {
    padding: 30px
}

.pad40 {
    padding: 40px
}

.pad40ab {
    padding: 40px 0
}

.pad40a {
    padding-top: 40px
}

.pad40b {
    padding-bottom: 40px
}

.pad60 {
    padding: 60px
}

.pad60ab {
    padding: 60px 0
}

.pad60a {
    padding-top: 60px
}

.pad60b {
    padding-bottom: 60px
}



.pad80ab {
    padding: 80px 0
}

.pad80a {
    padding-top: 80px
}

.pad80b {
    padding-bottom: 80px
}

.pad100ab {
    padding: 100px 0
}

.pad100a {
    padding-top: 100px
}

.pad100b {
    padding-bottom: 100px
}

.pad150ab {
    padding: 150px 0
}

.pad150a {
    padding-top: 150px
}

.pad150b {
    padding-bottom: 150px
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
PC1000
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 1000px) {


    .pad30 {
        padding: 15px
    }
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
タブレット
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 768px) {


    .m40 {
        margin: 20px 0
    }

    .m40a {
        margin-top: 20px
    }

    .m40b {
        margin-bottom: 20px
    }

    .m50 {
        margin: 25px 0
    }

    .m50a {
        margin-top: 25px
    }

    .m50b {
        margin-bottom: 25px
    }

    .pad30 {
        padding: 10px
    }

    .pad60 {
        padding: 30px
    }

    .pad60ab {
        padding: 30px 0
    }

    .pad60a {
        padding-top: 30px
    }

    .pad60b {
        padding-bottom: 30px
    }

    .pad80ab {
        padding: 40px 0
    }

    .pad80a {
        padding-top: 40px
    }

    .pad80b {
        padding-bottom: 40px
    }

    .m100 {
        margin: 50px 0
    }

    .m100a {
        margin-top: 50px
    }

    .m100b {
        margin-bottom: 50px
    }

    .m120 {
        margin: 60px 0
    }

    .m120a {
        margin-top: 60px
    }

    .m120b {
        margin-bottom: 60px
    }

    .m140 {
        margin: 70px 0
    }

    .m140a {
        margin-top: 70px
    }

    .m140b {
        margin-bottom: 70px
    }

    .m150 {
        margin: 75px 0
    }

    .m150a {
        margin-top: 75px
    }

    .m150b {
        margin-bottom: 75px
    }

    .pad5 {
        padding: 1px
    }

    .pad10 {
        padding: 5px
    }


    .pad40 {
        padding: 20px
    }

    .pad40ab {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pad80ab {
        padding: 40px 0
    }

    .pad80a {
        padding-top: 40px
    }

    .pad80b {
        padding-bottom: 40px
    }



    .pad100ab {
        padding: 50px 0
    }

    .pad100a {
        padding-top: 50px
    }

    .pad100b {
        padding-bottom: 50px
    }

    .pad150ab {
        padding: 50px 0
    }

    .pad150a {
        padding-top: 50px
    }

    .pad150b {
        padding-bottom: 50px
    }

    .pad150a {
        padding-top: 50px
    }

    .pad150b {
        padding-bottom: 50px
    }



}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
スマートフォン
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 500px) {

    .pad10 {
        padding: 1px
    }

    .pad20 {
        padding: 15px
    }

    .m40b {
        margin-bottom: 30px
    }

    .m50 {
        margin: 20px 0
    }

    .m50a {
        margin-top: 20px
    }

    .m50b {
        margin-bottom: 20px
    }

    .m80b {
        margin-bottom: 40px
    }

    .pad5 {
        padding: 1px !important
    }

}