@charset "UTF-8";

/* 汎用余白
 * mt3 = margin-top: 3% ／ pt3 = padding-top: 3%
 * 数値は 0–10, 15, 20（%）
 */

.mt0 { margin-top: 0 !important; }
.mt1 { margin-top: 1% !important; }
.mt2 { margin-top: 2% !important; }
.mt3 { margin-top: 3% !important; }
.mt4 { margin-top: 4% !important; }
.mt5 { margin-top: 5% !important; }
.mt6 { margin-top: 6% !important; }
.mt7 { margin-top: 7% !important; }
.mt8 { margin-top: 8% !important; }
.mt9 { margin-top: 9% !important; }
.mt10 { margin-top: 10% !important; }
.mt15 { margin-top: 15% !important; }
.mt20 { margin-top: 20% !important; }

.mb0 { margin-bottom: 0 !important; }
.mb1 { margin-bottom: 1% !important; }
.mb2 { margin-bottom: 2% !important; }
.mb3 { margin-bottom: 3% !important; }
.mb4 { margin-bottom: 4% !important; }
.mb5 { margin-bottom: 5% !important; }
.mb6 { margin-bottom: 6% !important; }
.mb7 { margin-bottom: 7% !important; }
.mb8 { margin-bottom: 8% !important; }
.mb9 { margin-bottom: 9% !important; }
.mb10 { margin-bottom: 10% !important; }
.mb15 { margin-bottom: 15% !important; }
.mb20 { margin-bottom: 20% !important; }

.ml0 { margin-left: 0 !important; }
.ml1 { margin-left: 1% !important; }
.ml2 { margin-left: 2% !important; }
.ml3 { margin-left: 3% !important; }
.ml4 { margin-left: 4% !important; }
.ml5 { margin-left: 5% !important; }
.ml6 { margin-left: 6% !important; }
.ml7 { margin-left: 7% !important; }
.ml8 { margin-left: 8% !important; }
.ml9 { margin-left: 9% !important; }
.ml10 { margin-left: 10% !important; }
.ml15 { margin-left: 15% !important; }
.ml20 { margin-left: 20% !important; }

.mr0 { margin-right: 0 !important; }
.mr1 { margin-right: 1% !important; }
.mr2 { margin-right: 2% !important; }
.mr3 { margin-right: 3% !important; }
.mr4 { margin-right: 4% !important; }
.mr5 { margin-right: 5% !important; }
.mr6 { margin-right: 6% !important; }
.mr7 { margin-right: 7% !important; }
.mr8 { margin-right: 8% !important; }
.mr9 { margin-right: 9% !important; }
.mr10 { margin-right: 10% !important; }
.mr15 { margin-right: 15% !important; }
.mr20 { margin-right: 20% !important; }

.my0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my1 { margin-top: 1% !important; margin-bottom: 1% !important; }
.my2 { margin-top: 2% !important; margin-bottom: 2% !important; }
.my3 { margin-top: 3% !important; margin-bottom: 3% !important; }
.my4 { margin-top: 4% !important; margin-bottom: 4% !important; }
.my5 { margin-top: 5% !important; margin-bottom: 5% !important; }
.my6 { margin-top: 6% !important; margin-bottom: 6% !important; }
.my7 { margin-top: 7% !important; margin-bottom: 7% !important; }
.my8 { margin-top: 8% !important; margin-bottom: 8% !important; }
.my9 { margin-top: 9% !important; margin-bottom: 9% !important; }
.my10 { margin-top: 10% !important; margin-bottom: 10% !important; }
.my15 { margin-top: 15% !important; margin-bottom: 15% !important; }
.my20 { margin-top: 20% !important; margin-bottom: 20% !important; }

.mx0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx1 { margin-left: 1% !important; margin-right: 1% !important; }
.mx2 { margin-left: 2% !important; margin-right: 2% !important; }
.mx3 { margin-left: 3% !important; margin-right: 3% !important; }
.mx4 { margin-left: 4% !important; margin-right: 4% !important; }
.mx5 { margin-left: 5% !important; margin-right: 5% !important; }
.mx6 { margin-left: 6% !important; margin-right: 6% !important; }
.mx7 { margin-left: 7% !important; margin-right: 7% !important; }
.mx8 { margin-left: 8% !important; margin-right: 8% !important; }
.mx9 { margin-left: 9% !important; margin-right: 9% !important; }
.mx10 { margin-left: 10% !important; margin-right: 10% !important; }
.mx15 { margin-left: 15% !important; margin-right: 15% !important; }
.mx20 { margin-left: 20% !important; margin-right: 20% !important; }

.pt0 { padding-top: 0 !important; }
.pt1 { padding-top: 1% !important; }
.pt2 { padding-top: 2% !important; }
.pt3 { padding-top: 3% !important; }
.pt4 { padding-top: 4% !important; }
.pt5 { padding-top: 5% !important; }
.pt6 { padding-top: 6% !important; }
.pt7 { padding-top: 7% !important; }
.pt8 { padding-top: 8% !important; }
.pt9 { padding-top: 9% !important; }
.pt10 { padding-top: 10% !important; }
.pt15 { padding-top: 15% !important; }
.pt20 { padding-top: 20% !important; }

.pb0 { padding-bottom: 0 !important; }
.pb1 { padding-bottom: 1% !important; }
.pb2 { padding-bottom: 2% !important; }
.pb3 { padding-bottom: 3% !important; }
.pb4 { padding-bottom: 4% !important; }
.pb5 { padding-bottom: 5% !important; }
.pb6 { padding-bottom: 6% !important; }
.pb7 { padding-bottom: 7% !important; }
.pb8 { padding-bottom: 8% !important; }
.pb9 { padding-bottom: 9% !important; }
.pb10 { padding-bottom: 10% !important; }
.pb15 { padding-bottom: 15% !important; }
.pb20 { padding-bottom: 20% !important; }

.pl0 { padding-left: 0 !important; }
.pl1 { padding-left: 1% !important; }
.pl2 { padding-left: 2% !important; }
.pl3 { padding-left: 3% !important; }
.pl4 { padding-left: 4% !important; }
.pl5 { padding-left: 5% !important; }
.pl6 { padding-left: 6% !important; }
.pl7 { padding-left: 7% !important; }
.pl8 { padding-left: 8% !important; }
.pl9 { padding-left: 9% !important; }
.pl10 { padding-left: 10% !important; }
.pl15 { padding-left: 15% !important; }
.pl20 { padding-left: 20% !important; }

.pr0 { padding-right: 0 !important; }
.pr1 { padding-right: 1% !important; }
.pr2 { padding-right: 2% !important; }
.pr3 { padding-right: 3% !important; }
.pr4 { padding-right: 4% !important; }
.pr5 { padding-right: 5% !important; }
.pr6 { padding-right: 6% !important; }
.pr7 { padding-right: 7% !important; }
.pr8 { padding-right: 8% !important; }
.pr9 { padding-right: 9% !important; }
.pr10 { padding-right: 10% !important; }
.pr15 { padding-right: 15% !important; }
.pr20 { padding-right: 20% !important; }

.py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py1 { padding-top: 1% !important; padding-bottom: 1% !important; }
.py2 { padding-top: 2% !important; padding-bottom: 2% !important; }
.py3 { padding-top: 3% !important; padding-bottom: 3% !important; }
.py4 { padding-top: 4% !important; padding-bottom: 4% !important; }
.py5 { padding-top: 5% !important; padding-bottom: 5% !important; }
.py6 { padding-top: 6% !important; padding-bottom: 6% !important; }
.py7 { padding-top: 7% !important; padding-bottom: 7% !important; }
.py8 { padding-top: 8% !important; padding-bottom: 8% !important; }
.py9 { padding-top: 9% !important; padding-bottom: 9% !important; }
.py10 { padding-top: 10% !important; padding-bottom: 10% !important; }
.py15 { padding-top: 15% !important; padding-bottom: 15% !important; }
.py20 { padding-top: 20% !important; padding-bottom: 20% !important; }

.px0 { padding-left: 0 !important; padding-right: 0 !important; }
.px1 { padding-left: 1% !important; padding-right: 1% !important; }
.px2 { padding-left: 2% !important; padding-right: 2% !important; }
.px3 { padding-left: 3% !important; padding-right: 3% !important; }
.px4 { padding-left: 4% !important; padding-right: 4% !important; }
.px5 { padding-left: 5% !important; padding-right: 5% !important; }
.px6 { padding-left: 6% !important; padding-right: 6% !important; }
.px7 { padding-left: 7% !important; padding-right: 7% !important; }
.px8 { padding-left: 8% !important; padding-right: 8% !important; }
.px9 { padding-left: 9% !important; padding-right: 9% !important; }
.px10 { padding-left: 10% !important; padding-right: 10% !important; }
.px15 { padding-left: 15% !important; padding-right: 15% !important; }
.px20 { padding-left: 20% !important; padding-right: 20% !important; }