/* margin */
/* 4px */
.b-mt-4 {
  margin-top: 4px;
}

.b-mb-4 {
  margin-bottom: 4px;
}

.b-ml-4 {
  margin-left: 4px;
}

.b-mr-4 {
  margin-right: 4px;
}
/* 8px */
.b-mt-8 {
  margin-top: 8px;
}

.b-mb-8 {
  margin-bottom: 8px;
}

.b-ml-8 {
  margin-left: 8px;
}

.b-mr-8 {
  margin-right: 8px;
}
/* 12px */
.b-mt-12 {
  margin-top: 12px;
}

.b-mb-12 {
  margin-bottom: 12px;
}

.b-ml-12 {
  margin-left: 12px;
}

.b-mr-12 {
  margin-right: 12px;
}
/* 16px */
.b-mt-16 {
  margin-top: 16px;
}

.b-mb-16 {
  margin-bottom: 16px;
}

.b-ml-16 {
  margin-left: 16px;
}

.b-mr-16 {
  margin-right: 16px;
}
/* 20px */
.b-mt-20 {
  margin-top: 20px;
}

.b-mb-20 {
  margin-bottom: 20px;
}

.b-ml-20 {
  margin-left: 20px;
}

.b-mr-20 {
  margin-right: 20px;
}

/* 24px */
.b-mt-24 {
  margin-top: 24px;
}

.b-mb-24 {
  margin-bottom: 24px;
}

.b-ml-24 {
  margin-left: 24px;
}

.b-mr-24 {
  margin-right: 24px;
}

/* 28px */
.b-mt-28 {
  margin-top: 28px;
}

.b-mb-28 {
  margin-bottom: 28px;
}

.b-ml-28 {
  margin-left: 28px;
}

.b-mr-28 {
  margin-right: 28px;
}

/* 32px */
.b-mt-32 {
  margin-top: 32px;
}

.b-mb-32 {
  margin-bottom: 32px;
}

.b-ml-32 {
  margin-left: 32px;
}

.b-mr-32 {
  margin-right: 32px;
}

/* 36px */
.b-mt-36 {
  margin-top: 36px;
}

.b-mb-36 {
  margin-bottom: 36px;
}

.b-ml-36 {
  margin-left: 36px;
}

.b-mr-36 {
  margin-right: 36px;
}

/* 40px */
.b-mt-40 {
  margin-top: 40px;
}

.b-mb-40 {
  margin-bottom: 40px;
}

.b-ml-40 {
  margin-left: 40px;
}

.b-mr-40 {
  margin-right: 40px;
}

/* 48px */
.b-mt-48 {
  margin-top: 48px;
}

.b-mb-48 {
  margin-bottom: 48px;
}

.b-ml-48 {
  margin-left: 48px;
}

.b-mr-48 {
  margin-right: 48px;
}
/* 56px */
.b-mt-56 {
  margin-top: 56px;
}

.b-mb-56 {
  margin-bottom: 56px;
}

.b-ml-56 {
  margin-left: 56px;
}

.b-mr-56 {
  margin-right: 56px;
}
/* 64px */
.b-mt-64 {
  margin-top: 64px;
}

.b-mb-64 {
  margin-bottom: 64px;
}

.b-ml-64 {
  margin-left: 64px;
}

.b-mr-64 {
  margin-right: 64px;
}

/* 80px */
.b-mt-80 {
  margin-top: 80px;
}

.b-mb-80 {
  margin-bottom: 80px;
}

.b-ml-80 {
  margin-left: 80px;
}

.b-mr-80 {
  margin-right: 80px;
}

/* PC・SPが違う場合 */
.b-mb-80-48 {
    margin-bottom:80px;
}
.b-mb-32-16 {
    margin-bottom: 32px;
}
.b-mb-24-16 {
    margin-bottom: 24px;
}

/* padding */
/* 4px */
.b-pt-4 {
  padding-top: 4px;
}

.b-pb-4 {
  padding-bottom: 4px;
}

.b-pl-4 {
  padding-left: 4px;
}

.b-pr-4 {
  padding-right: 4px;
}
/* 8px */
.b-pt-8 {
  padding-top: 8px;
}

.b-pb-8 {
  padding-bottom: 8px;
}

.b-pl-8 {
  padding-left: 8px;
}

.b-pr-8 {
  padding-right: 8px;
}
/* 12px */
.b-pt-12 {
  padding-top: 12px;
}

.b-pb-12 {
  padding-bottom: 12px;
}

.b-pl-12 {
  padding-left: 12px;
}

.b-pr-12 {
  padding-right: 12px;
}
/* 16px */
.b-pt-16 {
  padding-top: 16px;
}

.b-pb-16 {
  padding-bottom: 16px;
}

.b-pl-16 {
  padding-left: 16px;
}

.b-pr-16 {
  padding-right: 16px;
}
/* 20px */
.b-pt-20 {
  padding-top: 20px;
}

.b-pb-20 {
  padding-bottom: 20px;
}

.b-pl-20 {
  padding-left: 20px;
}

.b-pr-20 {
  padding-right: 20px;
}
/* 24px */
.b-pt-24 {
  padding-top: 24px;
}

.b-pb-24 {
  padding-bottom: 24px;
}

.b-pl-24 {
  padding-left: 24px;
}

.b-pr-24 {
  padding-right: 24px;
}
/* 28px */
.b-pt-28 {
  padding-top: 28px;
}

.b-pb-28 {
  padding-bottom: 28px;
}

.b-pl-28 {
  padding-left: 28px;
}

.b-pr-28 {
  padding-right: 28px;
}
/* 32px */
.b-pt-32 {
  padding-top: 32px;
}

.b-pb-32 {
  padding-bottom: 32px;
}

.b-pl-32 {
  padding-left: 32px;
}

.b-pr-32 {
  padding-right: 32px;
}

/* 40px */
.b-pt-40 {
  padding-top: 40px;
}

.b-pb-40 {
  padding-bottom: 40px;
}

.b-pl-40 {
  padding-left: 40px;
}

.b-pr-40 {
  padding-right: 40px;
}

/* 48px */
.b-pt-48 {
  padding-top: 48px;
}

.b-pb-48 {
  padding-bottom: 48px;
}

.b-pl-48 {
  padding-left: 48px;
}

.b-pr-48 {
  padding-right: 48px;
}

/* 56px */
.b-pt-56 {
  padding-top: 56px;
}

.b-pb-56 {
  padding-bottom: 56px;
}

.b-pl-56 {
  padding-left: 56px;
}

.b-pr-56 {
  padding-right: 56px;
}

/* 64px */
.b-pt-64 {
  padding-top: 64px;
}

.b-pb-64 {
  padding-bottom: 64px;
}

.b-pl-64 {
  padding-left: 64px;
}

.b-pr-64 {
  padding-right: 64px;
}

/* 80px */
.b-pt-80 {
  padding-top: 80px;
}

.b-pb-80 {
  padding-bottom: 80px;
}

.b-pl-80 {
  padding-left: 80px;
}

.b-pr-80 {
  padding-right: 80px;
}

@media screen and (max-width:798px) {
    .b-mb-80-48 {
        margin-bottom:48px;
    }
    .b-mb-32-16 {
        margin-bottom: 16px;
    }
    .b-mb-24-16 {
        margin-bottom: 16px;
    }
}