@charset "utf-8";
/* ==================================================
clearfix
================================================== */
.cf:after { content: ""; display: block; clear: both; }
.cf { zoom: 1; }
/* ==================================================
display
================================================== */
.dispN { display: none !important; }
.dispB { display: block !important; }
.dispI { display: inline !important; }
.dispIB { display: inline-block !important; }
.dispT { display: table !important; width: 100% !important; }
.dispTC { display: table-cell !important; }
.tlF { table-layout: fixed !important; }
/* display flex */
.dispFR { display: flex !important; flex-direction: row !important; }
.dispFC { display: flex !important; flex-direction: column !important; }
.jcN { justify-content: normal !important; }
.jcS { justify-content: flex-start !important; }
.jcC { justify-content: center !important; }
.jcSB { justify-content: space-between !important; }
.jcSA { justify-content: space-around !important; }
.jcE { justify-content: flex-end !important; }
.aiN { align-items: normal !important; }
.aiS { align-items: flex-start !important; }
.aiC { align-items: center !important; }
.aiE { align-items: flex-end !important; }
.aiB { align-items: baseline !important; }
.jsS { justify-self: flex-start !important; }
.jsC { justify-self: center !important; }
.jsSB { justify-self: space-between !important; }
.jsSA { justify-self: space-around !important; }
.jsE { justify-self: flex-end !important; }
.asS { align-self: flex-start !important; }
.asC { align-self: center !important; }
.asE { align-self: flex-end !important; }
.fxdR { flex-direction: row !important; }
.fxdC { flex-direction: column !important; }
.fxdRR { flex-direction: row-reverse !important; }
.fxdCR { flex-direction: column-reverse !important; }
.fxs1 { flex-shrink: 1 !important; }
.fxs0 { flex-shrink: 0 !important; }
.fxg1 { flex-grow: 1 !important; }
.fxg0 { flex-grow: 0 !important; }
.fxwWrap { flex-wrap: wrap !important; }
.fxbAuto { flex-basis: auto !important; }
.fxb01p { flex-basis: 1% !important; }
.fxb02p { flex-basis: 2% !important; }
.fxb03p { flex-basis: 3% !important; }
.fxb04p { flex-basis: 4% !important; }
.fxb05p { flex-basis: 5% !important; }
.fxb06p { flex-basis: 6% !important; }
.fxb07p { flex-basis: 7% !important; }
.fxb08p { flex-basis: 8% !important; }
.fxb09p { flex-basis: 9% !important; }
.fxb10p { flex-basis: 10% !important; }
.fxb11p { flex-basis: 11% !important; }
.fxb12p { flex-basis: 12% !important; }
.fxb13p { flex-basis: 13% !important; }
.fxb14p { flex-basis: 14% !important; }
.fxb15p { flex-basis: 15% !important; }
.fxb16p { flex-basis: 16% !important; }
.fxb17p { flex-basis: 17% !important; }
.fxb18p { flex-basis: 18% !important; }
.fxb19p { flex-basis: 19% !important; }
.fxb20p { flex-basis: 20% !important; }
.fxb21p { flex-basis: 21% !important; }
.fxb22p { flex-basis: 22% !important; }
.fxb23p { flex-basis: 23% !important; }
.fxb24p { flex-basis: 24% !important; }
.fxb25p { flex-basis: 25% !important; }
.fxb26p { flex-basis: 26% !important; }
.fxb27p { flex-basis: 27% !important; }
.fxb28p { flex-basis: 28% !important; }
.fxb29p { flex-basis: 29% !important; }
.fxb30p { flex-basis: 30% !important; }
.fxb31p { flex-basis: 31% !important; }
.fxb32p { flex-basis: 32% !important; }
.fxb33p { flex-basis: 33.3% !important; }
.fxb34p { flex-basis: 34% !important; }
.fxb35p { flex-basis: 35% !important; }
.fxb36p { flex-basis: 36% !important; }
.fxb37p { flex-basis: 37% !important; }
.fxb38p { flex-basis: 38% !important; }
.fxb39p { flex-basis: 39% !important; }
.fxb40p { flex-basis: 40% !important; }
.fxb41p { flex-basis: 41% !important; }
.fxb42p { flex-basis: 42% !important; }
.fxb43p { flex-basis: 43% !important; }
.fxb44p { flex-basis: 44% !important; }
.fxb45p { flex-basis: 45% !important; }
.fxb46p { flex-basis: 46% !important; }
.fxb47p { flex-basis: 47% !important; }
.fxb48p { flex-basis: 48% !important; }
.fxb49p { flex-basis: 49% !important; }
.fxb50p { flex-basis: 50% !important; }
.fxb51p { flex-basis: 51% !important; }
.fxb52p { flex-basis: 52% !important; }
.fxb53p { flex-basis: 53% !important; }
.fxb54p { flex-basis: 54% !important; }
.fxb55p { flex-basis: 55% !important; }
.fxb56p { flex-basis: 56% !important; }
.fxb57p { flex-basis: 57% !important; }
.fxb58p { flex-basis: 58% !important; }
.fxb59p { flex-basis: 59% !important; }
.fxb60p { flex-basis: 60% !important; }
.fxb61p { flex-basis: 61% !important; }
.fxb62p { flex-basis: 62% !important; }
.fxb63p { flex-basis: 63% !important; }
.fxb64p { flex-basis: 64% !important; }
.fxb65p { flex-basis: 65% !important; }
.fxb66p { flex-basis: 66% !important; }
.fxb67p { flex-basis: 67% !important; }
.fxb68p { flex-basis: 68% !important; }
.fxb69p { flex-basis: 69% !important; }
.fxb70p { flex-basis: 70% !important; }
.fxb71p { flex-basis: 71% !important; }
.fxb72p { flex-basis: 72% !important; }
.fxb73p { flex-basis: 73% !important; }
.fxb74p { flex-basis: 74% !important; }
.fxb75p { flex-basis: 75% !important; }
.fxb76p { flex-basis: 76% !important; }
.fxb77p { flex-basis: 77% !important; }
.fxb78p { flex-basis: 78% !important; }
.fxb79p { flex-basis: 79% !important; }
.fxb80p { flex-basis: 80% !important; }
.fxb81p { flex-basis: 81% !important; }
.fxb82p { flex-basis: 82% !important; }
.fxb83p { flex-basis: 83% !important; }
.fxb84p { flex-basis: 84% !important; }
.fxb85p { flex-basis: 85% !important; }
.fxb86p { flex-basis: 86% !important; }
.fxb87p { flex-basis: 87% !important; }
.fxb88p { flex-basis: 88% !important; }
.fxb89p { flex-basis: 89% !important; }
.fxb90p { flex-basis: 90% !important; }
.fxb91p { flex-basis: 91% !important; }
.fxb92p { flex-basis: 92% !important; }
.fxb93p { flex-basis: 93% !important; }
.fxb94p { flex-basis: 94% !important; }
.fxb95p { flex-basis: 95% !important; }
.fxb96p { flex-basis: 96% !important; }
.fxb97p { flex-basis: 97% !important; }
.fxb98p { flex-basis: 98% !important; }
.fxb99p { flex-basis: 99% !important; }
.fxb100p { flex-basis: 100% !important; }
/* ==================================================
position
================================================== */
.posiS { position: static !important; }
.posiR { position: relative !important; }
.posiA { position: absolute !important; }
.posiF { position: fixed !important; }
/* ==================================================
position
================================================== */
/* top */
.t00 { top: 0 !important; }
.t05 { top: 5px !important; }
.t10 { top: 10px !important; }
.t15 { top: 15px !important; }
.t20 { top: 20px !important; }
.t25 { top: 25px !important; }
.t30 { top: 30px !important; }
.t35 { top: 35px !important; }
.t40 { top: 40px !important; }
.t45 { top: 45px !important; }
.t50 { top: 50px !important; }
.t55 { top: 55px !important; }
.t60 { top: 60px !important; }
.t65 { top: 65px !important; }
.t70 { top: 70px !important; }
.t75 { top: 75px !important; }
.t80 { top: 80px !important; }
.t85 { top: 85px !important; }
.t90 { top: 90px !important; }
.t95 { top: 95px !important; }
.t100 { top: 100px !important; }
/* right */
.r00 { right: 0 !important; }
.r05 { right: 5px !important; }
.r10 { right: 10px !important; }
.r15 { right: 15px !important; }
.r20 { right: 20px !important; }
.r25 { right: 25px !important; }
.r30 { right: 30px !important; }
.r35 { right: 35px !important; }
.r40 { right: 40px !important; }
.r45 { right: 45px !important; }
.r50 { right: 50px !important; }
.r55 { right: 55px !important; }
.r60 { right: 60px !important; }
.r65 { right: 65px !important; }
.r70 { right: 70px !important; }
.r75 { right: 75px !important; }
.r80 { right: 80px !important; }
.r85 { right: 85px !important; }
.r90 { right: 90px !important; }
.r95 { right: 95px !important; }
.r100 { right: 100px !important; }
/* bottom */
.b00 { bottom: 0 !important; }
.b05 { bottom: 5px !important; }
.b10 { bottom: 10px !important; }
.b15 { bottom: 15px !important; }
.b20 { bottom: 20px !important; }
.b25 { bottom: 25px !important; }
.b30 { bottom: 30px !important; }
.b35 { bottom: 35px !important; }
.b40 { bottom: 40px !important; }
.b45 { bottom: 45px !important; }
.b50 { bottom: 50px !important; }
.b55 { bottom: 55px !important; }
.b60 { bottom: 60px !important; }
.b65 { bottom: 65px !important; }
.b70 { bottom: 70px !important; }
.b75 { bottom: 75px !important; }
.b80 { bottom: 80px !important; }
.b85 { bottom: 85px !important; }
.b90 { bottom: 90px !important; }
.b95 { bottom: 95px !important; }
.b100 { bottom: 100px !important; }
/* left */
.l00 { left: 0 !important; }
.l05 { left: 5px !important; }
.l10 { left: 10px !important; }
.l15 { left: 15px !important; }
.l20 { left: 20px !important; }
.l25 { left: 25px !important; }
.l30 { left: 30px !important; }
.l35 { left: 35px !important; }
.l40 { left: 40px !important; }
.l45 { left: 45px !important; }
.l50 { left: 50px !important; }
.l55 { left: 55px !important; }
.l60 { left: 60px !important; }
.l65 { left: 65px !important; }
.l70 { left: 70px !important; }
.l75 { left: 75px !important; }
.l80 { left: 80px !important; }
.l85 { left: 85px !important; }
.l90 { left: 90px !important; }
.l95 { left: 95px !important; }
.l100 { left: 100px !important; }
/* ==================================================
float
================================================== */
.fN { float: none !important; }
.fL { float: left !important; }
.fR { float: right !important; }
/* ==================================================
上付き
================================================== */
sup { font-size: 80% !important; vertical-align: super; }
/* ==================================================
text-align
================================================== */
.taR { text-align: right !important; }
.taL { text-align: left !important; }
.taC { text-align: center !important; }
.wmVRL { writing-mode: vertical-rl !important; }
.wmVLR { writing-mode: vertical-lr !important; }
/* ==================================================
text-decoration
================================================== */
.tdN { text-decoration: none !important; }
.tdU { text-decoration: underline !important; }
.tdO { text-decoration: overline !important; }
.tdT { text-decoration: line-through !important; }
.tdN-U { text-decoration: none !important; }
.tdN-U:hover,.tdN-U:focus { text-decoration: underline !important; }
/* ==================================================
line-height
================================================== */
.lh0 { line-height: 0 !important; }
.lh1 { line-height: 1 !important; }
.lh1p1 { line-height: 1.1 !important; }
.lh1p2 { line-height: 1.2 !important; }
.lh1p3 { line-height: 1.3 !important; }
.lh1p4 { line-height: 1.4 !important; }
.lh1p5 { line-height: 1.5 !important; }
.lh1p6 { line-height: 1.6 !important; }
.lh1p7 { line-height: 1.7 !important; }
.lh1p8 { line-height: 1.8 !important; }
.lh1p9 { line-height: 1.9 !important; }
.lh2 { line-height: 2 !important; }
/* ==================================================
letter-spacing
================================================== */
.ls0 { letter-spacing: 0 !important; }
.ls0p01 { letter-spacing: 0.01em !important; }
.ls0p02 { letter-spacing: 0.02em !important; }
.ls0p03 { letter-spacing: 0.03em !important; }
.ls0p04 { letter-spacing: 0.04em !important; }
.ls0p05 { letter-spacing: 0.05em !important; }
.ls0p06 { letter-spacing: 0.06em !important; }
.ls0p07 { letter-spacing: 0.07em !important; }
.ls0p08 { letter-spacing: 0.08em !important; }
.ls0p09 { letter-spacing: 0.09em !important; }
.ls0p1 { letter-spacing: 0.1em !important; }
.ls0p2 { letter-spacing: 0.2em !important; }
.ls0p3 { letter-spacing: 0.3em !important; }
.ls0p4 { letter-spacing: 0.4em !important; }
.ls0p5 { letter-spacing: 0.5em !important; }
.ls0p6 { letter-spacing: 0.6em !important; }
.ls0p7 { letter-spacing: 0.7em !important; }
.ls0p8 { letter-spacing: 0.8em !important; }
.ls0p9 { letter-spacing: 0.9em !important; }
.ls1 { letter-spacing: 1.0em !important; }
.ls1p5 { letter-spacing: 1.5em !important; }
.ls2 { letter-spacing: 2.0em !important; }
.ls2p5 { letter-spacing: 2.5em !important; }
.ls3 { letter-spacing: 3.0em !important; }
.ls3p5 { letter-spacing: 3.5em !important; }
.ls4 { letter-spacing: 4.0em !important; }
.ls4p5 { letter-spacing: 4.5em !important; }
.ls5 { letter-spacing: 5.0em !important; }
.ls5p5 { letter-spacing: 5.5em !important; }
.ls6 { letter-spacing: 6.0em !important; }
.ls6p5 { letter-spacing: 6.5em !important; }
.ls7 { letter-spacing: 7.0em !important; }
.ls7p5 { letter-spacing: 7.5em !important; }
.ls8 { letter-spacing: 8.0em !important; }
.ls8p5 { letter-spacing: 8.5em !important; }
.ls9 { letter-spacing: 9.0em !important; }
.ls9p5 { letter-spacing: 9.5em !important; }
.ls10 { letter-spacing: 10.0em !important; }
.lsn0p01 { letter-spacing: -0.01em !important; }
.lsn0p02 { letter-spacing: -0.02em !important; }
.lsn0p03 { letter-spacing: -0.03em !important; }
.lsn0p04 { letter-spacing: -0.04em !important; }
.lsn0p05 { letter-spacing: -0.05em !important; }
.lsn0p06 { letter-spacing: -0.06em !important; }
.lsn0p07 { letter-spacing: -0.07em !important; }
.lsn0p08 { letter-spacing: -0.08em !important; }
.lsn0p09 { letter-spacing: -0.09em !important; }
.lsn0p1 { letter-spacing: -0.1em !important; }
.lsn0p2 { letter-spacing: -0.2em !important; }
.lsn0p3 { letter-spacing: -0.3em !important; }
.lsn0p4 { letter-spacing: -0.4em !important; }
.lsn0p5 { letter-spacing: -0.5em !important; }
.lsn0p6 { letter-spacing: -0.6em !important; }
.lsn0p7 { letter-spacing: -0.7em !important; }
.lsn0p8 { letter-spacing: -0.8em !important; }
.lsn0p9 { letter-spacing: -0.9em !important; }
.lsn0p5 { letter-spacing: -0.5em !important; }
.lsn1 { letter-spacing: -1.0em !important; }
.lsn1p5 { letter-spacing: -1.5em !important; }
.lsn2 { letter-spacing: -2.0em !important; }
.lsn2p5 { letter-spacing: -2.5em !important; }
.lsn3 { letter-spacing: -3.0em !important; }
.lsn3p5 { letter-spacing: -3.5em !important; }
.lsn4 { letter-spacing: -4.0em !important; }
.lsn4p5 { letter-spacing: -4.5em !important; }
.lsn5 { letter-spacing: -5.0em !important; }
.lsn5p5 { letter-spacing: -5.5em !important; }
.lsn6 { letter-spacing: -6.0em !important; }
.lsn6p5 { letter-spacing: -6.5em !important; }
.lsn7 { letter-spacing: -7.0em !important; }
.lsn7p5 { letter-spacing: -7.5em !important; }
.lsn8 { letter-spacing: -8.0em !important; }
.lsn8p5 { letter-spacing: -8.5em !important; }
.lsn9 { letter-spacing: -9.0em !important; }
.lsn9p5 { letter-spacing: -9.5em !important; }
.lsn10 { letter-spacing: -10.0em !important; }
/* ==================================================
font-size
================================================== */
.fsDef { font-size: var(--defaultFontSize) !important; }
.fs00 { font-size: 0 !important; }
.fs06 { font-size: 6px !important; }
.fs07 { font-size: 7px !important; }
.fs08 { font-size: 8px !important; }
.fs09 { font-size: 9px !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs19 { font-size: 19px !important; }
.fs20 { font-size: 20px !important; }
.fs21 { font-size: 21px !important; }
.fs22 { font-size: 22px !important; }
.fs23 { font-size: 23px !important; }
.fs24 { font-size: 24px !important; }
.fs25 { font-size: 25px !important; }
.fs26 { font-size: 26px !important; }
.fs27 { font-size: 27px !important; }
.fs28 { font-size: 28px !important; }
.fs29 { font-size: 29px !important; }
.fs30 { font-size: 30px !important; }
.fs31 { font-size: 31px !important; }
.fs32 { font-size: 32px !important; }
.fs33 { font-size: 33px !important; }
.fs34 { font-size: 34px !important; }
.fs35 { font-size: 35px !important; }
.fs36 { font-size: 36px !important; }
.fs37 { font-size: 37px !important; }
.fs38 { font-size: 38px !important; }
.fs39 { font-size: 39px !important; }
.fs40 { font-size: 40px !important; }
.fs41 { font-size: 41px !important; }
.fs42 { font-size: 42px !important; }
.fs43 { font-size: 43px !important; }
.fs44 { font-size: 44px !important; }
.fs45 { font-size: 45px !important; }
.fs46 { font-size: 46px !important; }
.fs47 { font-size: 47px !important; }
.fs48 { font-size: 48px !important; }
.fs49 { font-size: 49px !important; }
.fs50 { font-size: 50px !important; }
.fs51 { font-size: 51px !important; }
.fs52 { font-size: 52px !important; }
.fs53 { font-size: 53px !important; }
.fs54 { font-size: 54px !important; }
.fs55 { font-size: 55px !important; }
.fs56 { font-size: 56px !important; }
.fs57 { font-size: 57px !important; }
.fs58 { font-size: 58px !important; }
.fs59 { font-size: 59px !important; }
.fs60 { font-size: 60px !important; }
.fs61 { font-size: 61px !important; }
.fs62 { font-size: 62px !important; }
.fs63 { font-size: 63px !important; }
.fs64 { font-size: 64px !important; }
.fs65 { font-size: 65px !important; }
.fs66 { font-size: 66px !important; }
.fs67 { font-size: 67px !important; }
.fs68 { font-size: 68px !important; }
.fs69 { font-size: 69px !important; }
.fs70 { font-size: 70px !important; }
.fs71 { font-size: 71px !important; }
.fs72 { font-size: 72px !important; }
.fs73 { font-size: 73px !important; }
.fs74 { font-size: 74px !important; }
.fs75 { font-size: 75px !important; }
.fs76 { font-size: 76px !important; }
.fs77 { font-size: 77px !important; }
.fs78 { font-size: 78px !important; }
.fs79 { font-size: 79px !important; }
.fs80 { font-size: 80px !important; }
.fs80p { font-size: 80% !important; }
.fs90p { font-size: 90% !important; }
.fs100p { font-size: 100% !important; }
.fs110p { font-size: 110% !important; }
.fs120p { font-size: 120% !important; }
.fs130p { font-size: 130% !important; }
.fs140p { font-size: 140% !important; }
.fs150p { font-size: 150% !important; }
.fs160p { font-size: 160% !important; }
.fs170p { font-size: 170% !important; }
.fs180p { font-size: 180% !important; }
.fs190p { font-size: 190% !important; }
.fs200p { font-size: 200% !important; }
.fs210p { font-size: 210% !important; }
.fs220p { font-size: 220% !important; }
.fs230p { font-size: 230% !important; }
.fs240p { font-size: 240% !important; }
.fs250p { font-size: 250% !important; }
.fs260p { font-size: 260% !important; }
.fs270p { font-size: 270% !important; }
.fs280p { font-size: 280% !important; }
.fs290p { font-size: 290% !important; }
.fs300p { font-size: 300% !important; }
.fsH2 { font-size: var(--fontSizeH2) !important; }
.fsH3 { font-size: var(--fontSizeH3) !important; }
.fsH4 { font-size: var(--fontSizeH4) !important; }
.fsDef { font-size: var(--defaultFontSize) !important; }
.fsSmall { font-size: var(--smallFontSize) !important; }
.fsLarge { font-size: var(--largeFontSize) !important; }
/* ==================================================
color
================================================== */
/* 白・黒・サイトの色・汎用の色 */
.fcBlack { color: #000 !important; }
.fcWhite { color: #fff !important; }
.fcDef { color: var(--defaultColor) !important; }
.fcMain { color: var(--mainColor) !important; }
.fcSub { color: var(--subColor) !important; }
.fcRed { color: var(--colorRed) !important; }
/* - color その他 - */
.fcGreen { color: var(--colorGreen) !important; }
.fcOrange { color: #f6aa54 !important; }
/* ==================================================
font-weight
================================================== */
.fwDef { font-weight: var(--defaultFontWeight) !important; }
.fwN { font-weight: 400 !important; }
.fwM { font-weight: 500 !important; }
.fwB { font-weight: 700 !important; }
/* ==================================================
word
================================================== */
.wordBreak { word-wrap: break-word; overflow-wrap: break-word; }
/* ==================================================
nowrap
================================================== */
.nowrap { white-space: nowrap; }
/* ==================================================
background-color
================================================== */
.bgNone { background-color: transparent !important; }
.bgWhite { background-color: #fff !important; }
.bgBlack { background-color: #000 !important; }
.bgMain { background-color: var(--mainColor) !important; }
.bgSub { background-color: var(--subColor) !important; }
/* - background-color その他 - */
.bgRed { background-color: var(--colorRed) !important; }
.bgGray { background-color: var(--colorGray) !important; }
.bgLGray { background-color: var(--colorLightGray) !important; }
.bgDGray { background-color: var(--colorDarkGray) !important; }
.bgGreen { background-color: var(--colorGreen) !important; }
.bgLGreen { background-color: var(--colorLightGreen) !important; }
.bgOrange { background-color: var(--colorOrange) !important; }
.bgLOrange { background-color: var(--colorLightOrange) !important; }
.bgLOrange { background-color: #FFE7D8 !important; }
.bgYellow { background-color: #FDFBEB !important; }
.bgPage-lp { background-color: #4AA27D !important; }
/* ==================================================
border
================================================== */
.bdr { border: 1px solid var(--colorGray) !important; }
.bdrN { border: none !important; }
.bdrT { border-top: 1px solid var(--colorGray) !important; }
.bdrT_none { border-top: none !important; }
.bdrB { border-bottom: 1px solid var(--colorGray) !important; }
.bdrB_none { border-bottom: none !important; }
.bdrL { border-left: 1px solid var(--colorGray) !important; }
.bdrL_none { border-left: none !important; }
.bdrR { border-right: 1px solid var(--colorGray) !important; }
.bdrR_none { border-right: none !important; }
.bdrC_black { border-color: #000 !important; }
.bdrC_red { border-color: var(--colorRed) !important; }
.bdrC_green { border-color: var(--colorGreen) !important; }
.bdrC_LGreen { border-color: var(--colorLightGreen) !important; }
.bdrW_2 { border-width: 2px !important; }
.bdrW_3 { border-width: 3px !important; }
.bdrW_4 { border-width: 4px !important; }
/* ==================================================
vertical-align
================================================== */
.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }
/* ==================================================
ぶら下げインデント 文字幅指定
================================================== */
.tI1em { margin-left: 1em !important; text-indent: -1em !important; }
.tI1p5em { margin-left: 1.5em !important; text-indent: -1.5em !important; }
.tI2em { margin-left: 2em !important; text-indent: -2em !important; }
.tI2p5em { margin-left: 2.5em !important; text-indent: -2.5em !important; }
.tI3em { margin-left: 3em !important; text-indent: -3em !important; }
.tI4em { margin-left: 4em !important; text-indent: -4em !important; }
.tI5em { margin-left: 5em !important; text-indent: -5em !important; }
.tI1em>li, .tI1p5em>li, .tI2em>li, .tI2p5em>li, .tI3em>li, .tI4em>li, .tI5em>li { margin-top: 12px; }
/* ==================================================
width
================================================== */
.wAuto { width: auto !important; }
.w00 { width: 0 !important; }
.w01 { width: 1px !important; }
.w02 { width: 2px !important; }
.w03 { width: 3px !important; }
.w04 { width: 4px !important; }
.w05 { width: 5px !important; }
.w06 { width: 6px !important; }
.w07 { width: 7px !important; }
.w08 { width: 8px !important; }
.w09 { width: 9px !important; }
.w10 { width: 10px !important; }
.w15 { width: 15px !important; }
.w20 { width: 20px !important; }
.w25 { width: 25px !important; }
.w30 { width: 30px !important; }
.w35 { width: 35px !important; }
.w40 { width: 40px !important; }
.w45 { width: 45px !important; }
.w50 { width: 50px !important; }
.w55 { width: 55px !important; }
.w60 { width: 60px !important; }
.w65 { width: 65px !important; }
.w70 { width: 70px !important; }
.w75 { width: 75px !important; }
.w80 { width: 80px !important; }
.w85 { width: 85px !important; }
.w90 { width: 90px !important; }
.w95 { width: 95px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w250 { width: 250px !important; }
.w260 { width: 260px !important; }
.w270 { width: 270px !important; }
.w280 { width: 280px !important; }
.w290 { width: 290px !important; }
.w300 { width: 300px !important; }
.w310 { width: 310px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }
.w350 { width: 350px !important; }
.w360 { width: 360px !important; }
.w370 { width: 370px !important; }
.w380 { width: 380px !important; }
.w390 { width: 390px !important; }
.w400 { width: 400px !important; }
.w410 { width: 410px !important; }
.w420 { width: 420px !important; }
.w430 { width: 430px !important; }
.w440 { width: 440px !important; }
.w450 { width: 450px !important; }
.w460 { width: 460px !important; }
.w470 { width: 470px !important; }
.w480 { width: 480px !important; }
.w490 { width: 490px !important; }
.w500 { width: 500px !important; }
.w510 { width: 510px !important; }
.w520 { width: 520px !important; }
.w530 { width: 530px !important; }
.w540 { width: 540px !important; }
.w550 { width: 550px !important; }
.w560 { width: 560px !important; }
.w570 { width: 570px !important; }
.w580 { width: 580px !important; }
.w590 { width: 590px !important; }
.w600 { width: 600px !important; }
.w610 { width: 610px !important; }
.w620 { width: 620px !important; }
.w630 { width: 630px !important; }
.w640 { width: 640px !important; }
.w650 { width: 650px !important; }
.w660 { width: 660px !important; }
.w670 { width: 670px !important; }
.w680 { width: 680px !important; }
.w690 { width: 690px !important; }
.w700 { width: 700px !important; }
.w710 { width: 710px !important; }
.w720 { width: 720px !important; }
.w730 { width: 730px !important; }
.w740 { width: 740px !important; }
.w750 { width: 750px !important; }
.w760 { width: 760px !important; }
.w770 { width: 770px !important; }
.w780 { width: 780px !important; }
.w790 { width: 790px !important; }
.w800 { width: 800px !important; }
.w810 { width: 810px !important; }
.w820 { width: 820px !important; }
.w830 { width: 830px !important; }
.w840 { width: 840px !important; }
.w850 { width: 850px !important; }
.w860 { width: 860px !important; }
.w870 { width: 870px !important; }
.w880 { width: 880px !important; }
.w890 { width: 890px !important; }
.w900 { width: 900px !important; }
.w910 { width: 910px !important; }
.w920 { width: 920px !important; }
.w930 { width: 930px !important; }
.w940 { width: 940px !important; }
.w950 { width: 950px !important; }
.w960 { width: 960px !important; }
.w970 { width: 970px !important; }
.w980 { width: 980px !important; }
.w990 { width: 990px !important; }
.w1000 { width: 1000px !important; }
.w00p { width: 0% !important; }
.w01p { width: 1% !important; }
.w02p { width: 2% !important; }
.w03p { width: 3% !important; }
.w04p { width: 4% !important; }
.w05p { width: 5% !important; }
.w06p { width: 6% !important; }
.w07p { width: 7% !important; }
.w08p { width: 8% !important; }
.w09p { width: 9% !important; }
.w10p { width: 10% !important; }
.w11p { width: 11% !important; }
.w12p { width: 12% !important; }
.w13p { width: 13% !important; }
.w14p { width: 14% !important; }
.w15p { width: 15% !important; }
.w16p { width: 16% !important; }
.w17p { width: 17% !important; }
.w18p { width: 18% !important; }
.w19p { width: 19% !important; }
.w20p { width: 20% !important; }
.w21p { width: 21% !important; }
.w22p { width: 22% !important; }
.w23p { width: 23% !important; }
.w24p { width: 24% !important; }
.w25p { width: 25% !important; }
.w26p { width: 26% !important; }
.w27p { width: 27% !important; }
.w28p { width: 28% !important; }
.w29p { width: 29% !important; }
.w30p { width: 30% !important; }
.w31p { width: 31% !important; }
.w32p { width: 32% !important; }
.w33p { width: 33% !important; }
.w34p { width: 34% !important; }
.w35p { width: 35% !important; }
.w36p { width: 36% !important; }
.w37p { width: 37% !important; }
.w38p { width: 38% !important; }
.w39p { width: 39% !important; }
.w40p { width: 40% !important; }
.w41p { width: 41% !important; }
.w42p { width: 42% !important; }
.w43p { width: 43% !important; }
.w44p { width: 44% !important; }
.w45p { width: 45% !important; }
.w46p { width: 46% !important; }
.w47p { width: 47% !important; }
.w48p { width: 48% !important; }
.w49p { width: 49% !important; }
.w50p { width: 50% !important; }
.w51p { width: 51% !important; }
.w52p { width: 52% !important; }
.w53p { width: 53% !important; }
.w54p { width: 54% !important; }
.w55p { width: 55% !important; }
.w56p { width: 56% !important; }
.w57p { width: 57% !important; }
.w58p { width: 58% !important; }
.w59p { width: 59% !important; }
.w60p { width: 60% !important; }
.w61p { width: 61% !important; }
.w62p { width: 62% !important; }
.w63p { width: 63% !important; }
.w64p { width: 64% !important; }
.w65p { width: 65% !important; }
.w66p { width: 66% !important; }
.w67p { width: 67% !important; }
.w68p { width: 68% !important; }
.w69p { width: 69% !important; }
.w70p { width: 70% !important; }
.w71p { width: 71% !important; }
.w72p { width: 72% !important; }
.w73p { width: 73% !important; }
.w74p { width: 74% !important; }
.w75p { width: 75% !important; }
.w76p { width: 76% !important; }
.w77p { width: 77% !important; }
.w78p { width: 78% !important; }
.w79p { width: 79% !important; }
.w80p { width: 80% !important; }
.w81p { width: 81% !important; }
.w82p { width: 82% !important; }
.w83p { width: 83% !important; }
.w84p { width: 84% !important; }
.w85p { width: 85% !important; }
.w86p { width: 86% !important; }
.w87p { width: 87% !important; }
.w88p { width: 88% !important; }
.w89p { width: 89% !important; }
.w90p { width: 90% !important; }
.w91p { width: 91% !important; }
.w92p { width: 92% !important; }
.w93p { width: 93% !important; }
.w94p { width: 94% !important; }
.w95p { width: 95% !important; }
.w96p { width: 96% !important; }
.w97p { width: 97% !important; }
.w98p { width: 98% !important; }
.w99p { width: 99% !important; }
.w100p { width: 100% !important; }
.w01em { width: 1em !important; }
.w02em { width: 2em !important; }
.w03em { width: 3em !important; }
.w04em { width: 4em !important; }
.w05em { width: 5em !important; }
.w06em { width: 6em !important; }
.w07em { width: 7em !important; }
.w08em { width: 8em !important; }
.w09em { width: 9em !important; }
.w10em { width: 10em !important; }
.w11em { width: 11em !important; }
.w12em { width: 12em !important; }
.w13em { width: 13em !important; }
.w14em { width: 14em !important; }
.w15em { width: 15em !important; }
.w16em { width: 16em !important; }
.w17em { width: 17em !important; }
.w18em { width: 18em !important; }
.w19em { width: 19em !important; }
.w20em { width: 20em !important; }
/* ==================================================
height
================================================== */
.h00 { height: 0 !important; }
.h01 { height: 1px !important; }
.h02 { height: 2px !important; }
.h03 { height: 3px !important; }
.h04 { height: 4px !important; }
.h05 { height: 5px !important; }
.h06 { height: 6px !important; }
.h07 { height: 7px !important; }
.h08 { height: 8px !important; }
.h09 { height: 9px !important; }
.h10 { height: 10px !important; }
.h15 { height: 15px !important; }
.h20 { height: 20px !important; }
.h25 { height: 25px !important; }
.h30 { height: 30px !important; }
.h35 { height: 35px !important; }
.h40 { height: 40px !important; }
.h45 { height: 45px !important; }
.h50 { height: 50px !important; }
.h55 { height: 55px !important; }
.h60 { height: 60px !important; }
.h65 { height: 65px !important; }
.h70 { height: 70px !important; }
.h75 { height: 75px !important; }
.h80 { height: 80px !important; }
.h85 { height: 85px !important; }
.h90 { height: 90px !important; }
.h95 { height: 95px !important; }
.h100 { height: 100px !important; }
.h110 { height: 110px !important; }
.h120 { height: 120px !important; }
.h130 { height: 130px !important; }
.h140 { height: 140px !important; }
.h150 { height: 150px !important; }
.h160 { height: 160px !important; }
.h170 { height: 170px !important; }
.h180 { height: 180px !important; }
.h190 { height: 190px !important; }
.h200 { height: 200px !important; }
.h210 { height: 210px !important; }
.h220 { height: 220px !important; }
.h230 { height: 230px !important; }
.h240 { height: 240px !important; }
.h250 { height: 250px !important; }
.h260 { height: 260px !important; }
.h270 { height: 270px !important; }
.h280 { height: 280px !important; }
.h290 { height: 290px !important; }
.h300 { height: 300px !important; }
.h310 { height: 310px !important; }
.h320 { height: 320px !important; }
.h330 { height: 330px !important; }
.h340 { height: 340px !important; }
.h350 { height: 350px !important; }
.h360 { height: 360px !important; }
.h370 { height: 370px !important; }
.h380 { height: 380px !important; }
.h390 { height: 390px !important; }
.h400 { height: 400px !important; }
.h410 { height: 410px !important; }
.h420 { height: 420px !important; }
.h430 { height: 430px !important; }
.h440 { height: 440px !important; }
.h450 { height: 450px !important; }
.h460 { height: 460px !important; }
.h470 { height: 470px !important; }
.h480 { height: 480px !important; }
.h490 { height: 490px !important; }
.h500 { height: 500px !important; }
.h510 { height: 510px !important; }
.h520 { height: 520px !important; }
.h530 { height: 530px !important; }
.h540 { height: 540px !important; }
.h550 { height: 550px !important; }
.h560 { height: 560px !important; }
.h570 { height: 570px !important; }
.h580 { height: 580px !important; }
.h590 { height: 590px !important; }
.h600 { height: 600px !important; }
.h610 { height: 610px !important; }
.h620 { height: 620px !important; }
.h630 { height: 630px !important; }
.h640 { height: 640px !important; }
.h650 { height: 650px !important; }
.h660 { height: 660px !important; }
.h670 { height: 670px !important; }
.h680 { height: 680px !important; }
.h690 { height: 690px !important; }
.h700 { height: 700px !important; }
.h710 { height: 710px !important; }
.h720 { height: 720px !important; }
.h730 { height: 730px !important; }
.h740 { height: 740px !important; }
.h750 { height: 750px !important; }
.h760 { height: 760px !important; }
.h770 { height: 770px !important; }
.h780 { height: 780px !important; }
.h790 { height: 790px !important; }
.h800 { height: 800px !important; }
.h810 { height: 810px !important; }
.h820 { height: 820px !important; }
.h830 { height: 830px !important; }
.h840 { height: 840px !important; }
.h850 { height: 850px !important; }
.h860 { height: 860px !important; }
.h870 { height: 870px !important; }
.h880 { height: 880px !important; }
.h890 { height: 890px !important; }
.h900 { height: 900px !important; }
.h910 { height: 910px !important; }
.h920 { height: 920px !important; }
.h930 { height: 930px !important; }
.h940 { height: 940px !important; }
.h950 { height: 950px !important; }
.h960 { height: 960px !important; }
.h970 { height: 970px !important; }
.h980 { height: 980px !important; }
.h990 { height: 990px !important; }
.h1000 { height: 1000px !important; }
.h00p { height: 0% !important; }
.h01p { height: 1% !important; }
.h02p { height: 2% !important; }
.h03p { height: 3% !important; }
.h04p { height: 4% !important; }
.h05p { height: 5% !important; }
.h06p { height: 6% !important; }
.h07p { height: 7% !important; }
.h08p { height: 8% !important; }
.h09p { height: 9% !important; }
.h10p { height: 10% !important; }
.h11p { height: 11% !important; }
.h12p { height: 12% !important; }
.h13p { height: 13% !important; }
.h14p { height: 14% !important; }
.h15p { height: 15% !important; }
.h16p { height: 16% !important; }
.h17p { height: 17% !important; }
.h18p { height: 18% !important; }
.h19p { height: 19% !important; }
.h20p { height: 20% !important; }
.h21p { height: 21% !important; }
.h22p { height: 22% !important; }
.h23p { height: 23% !important; }
.h24p { height: 24% !important; }
.h25p { height: 25% !important; }
.h26p { height: 26% !important; }
.h27p { height: 27% !important; }
.h28p { height: 28% !important; }
.h29p { height: 29% !important; }
.h30p { height: 30% !important; }
.h31p { height: 31% !important; }
.h32p { height: 32% !important; }
.h33p { height: 33% !important; }
.h34p { height: 34% !important; }
.h35p { height: 35% !important; }
.h36p { height: 36% !important; }
.h37p { height: 37% !important; }
.h38p { height: 38% !important; }
.h39p { height: 39% !important; }
.h40p { height: 40% !important; }
.h41p { height: 41% !important; }
.h42p { height: 42% !important; }
.h43p { height: 43% !important; }
.h44p { height: 44% !important; }
.h45p { height: 45% !important; }
.h46p { height: 46% !important; }
.h47p { height: 47% !important; }
.h48p { height: 48% !important; }
.h49p { height: 49% !important; }
.h50p { height: 50% !important; }
.h51p { height: 51% !important; }
.h52p { height: 52% !important; }
.h53p { height: 53% !important; }
.h54p { height: 54% !important; }
.h55p { height: 55% !important; }
.h56p { height: 56% !important; }
.h57p { height: 57% !important; }
.h58p { height: 58% !important; }
.h59p { height: 59% !important; }
.h60p { height: 60% !important; }
.h61p { height: 61% !important; }
.h62p { height: 62% !important; }
.h63p { height: 63% !important; }
.h64p { height: 64% !important; }
.h65p { height: 65% !important; }
.h66p { height: 66% !important; }
.h67p { height: 67% !important; }
.h68p { height: 68% !important; }
.h69p { height: 69% !important; }
.h70p { height: 70% !important; }
.h71p { height: 71% !important; }
.h72p { height: 72% !important; }
.h73p { height: 73% !important; }
.h74p { height: 74% !important; }
.h75p { height: 75% !important; }
.h76p { height: 76% !important; }
.h77p { height: 77% !important; }
.h78p { height: 78% !important; }
.h79p { height: 79% !important; }
.h80p { height: 80% !important; }
.h81p { height: 81% !important; }
.h82p { height: 82% !important; }
.h83p { height: 83% !important; }
.h84p { height: 84% !important; }
.h85p { height: 85% !important; }
.h86p { height: 86% !important; }
.h87p { height: 87% !important; }
.h88p { height: 88% !important; }
.h89p { height: 89% !important; }
.h90p { height: 90% !important; }
.h91p { height: 91% !important; }
.h92p { height: 92% !important; }
.h93p { height: 93% !important; }
.h94p { height: 94% !important; }
.h95p { height: 95% !important; }
.h96p { height: 96% !important; }
.h97p { height: 97% !important; }
.h98p { height: 98% !important; }
.h99p { height: 99% !important; }
.h100p { height: 100% !important; }
.hAuto { height: auto !important; }
/* ==================================================
margin
================================================== */
.mAuto { margin-right: auto !important; margin-left: auto !important; }
.mAuto2 { margin-top: auto !important; margin-bottom: auto !important; }
.mtAuto { margin-top: auto !important; }
.mbAuto { margin-bottom: auto !important; }
.mlAuto { margin-left: auto !important; }
.mrAuto { margin-right: auto !important; }
.m00 { margin: 0 !important; }
.m04 { margin: 4px !important; }
.m08 { margin: 8px !important; }
.m12 { margin: 12px !important; }
.m16 { margin: 16px !important; }
.m20 { margin: 20px !important; }
.m24 { margin: 24px !important; }
.m28 { margin: 28px !important; }
.m32 { margin: 32px !important; }
.m36 { margin: 36px !important; }
.m40 { margin: 40px !important; }
/* - margin-top - */
.mt00 { margin-top: 0 !important; }
.mt04 { margin-top: 4px !important; }
.mt08 { margin-top: 8px !important; }
.mt12 { margin-top: 12px !important; }
.mt16 { margin-top: 16px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt28 { margin-top: 28px !important; }
.mt32 { margin-top: 32px !important; }
.mt36 { margin-top: 36px !important; }
.mt40 { margin-top: 40px !important; }
.mt44 { margin-top: 44px !important; }
.mt48 { margin-top: 48px !important; }
.mt52 { margin-top: 52px !important; }
.mt56 { margin-top: 56px !important; }
.mt60 { margin-top: 60px !important; }
.mt64 { margin-top: 64px !important; }
.mt68 { margin-top: 68px !important; }
.mt72 { margin-top: 72px !important; }
.mt76 { margin-top: 76px !important; }
.mt80 { margin-top: 80px !important; }
/* - margin-bottom - */
.mb00 { margin-bottom: 0 !important; }
.mb04 { margin-bottom: 4px !important; }
.mb08 { margin-bottom: 8px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb28 { margin-bottom: 28px !important; }
.mb32 { margin-bottom: 32px !important; }
.mb36 { margin-bottom: 36px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb44 { margin-bottom: 44px !important; }
.mb48 { margin-bottom: 48px !important; }
.mb52 { margin-bottom: 52px !important; }
.mb56 { margin-bottom: 56px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb64 { margin-bottom: 64px !important; }
.mb68 { margin-bottom: 68px !important; }
.mb72 { margin-bottom: 72px !important; }
.mb76 { margin-bottom: 76px !important; }
.mb80 { margin-bottom: 80px !important; }
/* - margin-left - */
.ml00 { margin-left: 0 !important; }
.ml04 { margin-left: 4px !important; }
.ml08 { margin-left: 8px !important; }
.ml12 { margin-left: 12px !important; }
.ml16 { margin-left: 16px !important; }
.ml20 { margin-left: 20px !important; }
.ml24 { margin-left: 24px !important; }
.ml28 { margin-left: 28px !important; }
.ml32 { margin-left: 32px !important; }
.ml36 { margin-left: 36px !important; }
.ml40 { margin-left: 40px !important; }
/* - margin-right - */
.mr00 { margin-right: 0 !important; }
.mr04 { margin-right: 4px !important; }
.mr08 { margin-right: 8px !important; }
.mr12 { margin-right: 12px !important; }
.mr16 { margin-right: 16px !important; }
.mr20 { margin-right: 20px !important; }
.mr24 { margin-right: 24px !important; }
.mr28 { margin-right: 28px !important; }
.mr32 { margin-right: 32px !important; }
.mr36 { margin-right: 36px !important; }
.mr40 { margin-right: 40px !important; }
/* - x軸margin - */
.mx00 { margin-left: 0 !important; margin-right: 0 !important; }
.mx04 { margin-left: 4px !important; margin-right: 4px !important; }
.mx08 { margin-left: 8px !important; margin-right: 8px !important; }
.mx12 { margin-left: 12px !important; margin-right: 12px !important; }
.mx16 { margin-left: 16px !important; margin-right: 16px !important; }
.mx20 { margin-left: 20px !important; margin-right: 20px !important; }
.mx24 { margin-left: 24px !important; margin-right: 24px !important; }
.mx28 { margin-left: 28px !important; margin-right: 28px !important; }
.mx32 { margin-left: 32px !important; margin-right: 32px !important; }
.mx36 { margin-left: 36px !important; margin-right: 36px !important; }
.mx40 { margin-left: 40px !important; margin-right: 40px !important; }
/* ----- padding ----- */
/* - padding - */
.p00 { padding: 0 !important; }
.p04 { padding: 4px !important; }
.p08 { padding: 8px !important; }
.p12 { padding: 12px !important; }
.p16 { padding: 16px !important; }
.p20 { padding: 20px !important; }
.p24 { padding: 24px !important; }
.p28 { padding: 28px !important; }
.p32 { padding: 32px !important; }
.p36 { padding: 36px !important; }
.p40 { padding: 40px !important; }
/* - padding-top - */
.pt00 { padding-top: 0 !important; }
.pt04 { padding-top: 4px !important; }
.pt08 { padding-top: 8px !important; }
.pt12 { padding-top: 12px !important; }
.pt16 { padding-top: 16px !important; }
.pt20 { padding-top: 20px !important; }
.pt24 { padding-top: 24px !important; }
.pt28 { padding-top: 28px !important; }
.pt32 { padding-top: 32px !important; }
.pt36 { padding-top: 36px !important; }
.pt40 { padding-top: 40px !important; }
.pt44 { padding-top: 44px !important; }
.pt48 { padding-top: 48px !important; }
.pt52 { padding-top: 52px !important; }
.pt56 { padding-top: 56px !important; }
.pt60 { padding-top: 60px !important; }
.pt64 { padding-top: 64px !important; }
.pt68 { padding-top: 68px !important; }
.pt72 { padding-top: 72px !important; }
.pt76 { padding-top: 76px !important; }
.pt80 { padding-top: 80px !important; }
/* - padding-bottom - */
.pb00 { padding-bottom: 0 !important; }
.pb04 { padding-bottom: 4px !important; }
.pb08 { padding-bottom: 8px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb24 { padding-bottom: 24px !important; }
.pb28 { padding-bottom: 28px !important; }
.pb32 { padding-bottom: 32px !important; }
.pb36 { padding-bottom: 36px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb44 { padding-bottom: 44px !important; }
.pb48 { padding-bottom: 48px !important; }
.pb52 { padding-bottom: 52px !important; }
.pb56 { padding-bottom: 56px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb64 { padding-bottom: 64px !important; }
.pb68 { padding-bottom: 68px !important; }
.pb72 { padding-bottom: 72px !important; }
.pb76 { padding-bottom: 76px !important; }
.pb80 { padding-bottom: 80px !important; }
/* - padding-left - */
.pl00 { padding-left: 0 !important; }
.pl04 { padding-left: 4px !important; }
.pl08 { padding-left: 8px !important; }
.pl12 { padding-left: 12px !important; }
.pl16 { padding-left: 16px !important; }
.pl20 { padding-left: 20px !important; }
.pl24 { padding-left: 24px !important; }
.pl28 { padding-left: 28px !important; }
.pl32 { padding-left: 32px !important; }
.pl36 { padding-left: 36px !important; }
.pl40 { padding-left: 40px !important; }
/* - padding-right - */
.pr00 { padding-right: 0 !important; }
.pr04 { padding-right: 4px !important; }
.pr08 { padding-right: 8px !important; }
.pr12 { padding-right: 12px !important; }
.pr16 { padding-right: 16px !important; }
.pr20 { padding-right: 20px !important; }
.pr24 { padding-right: 24px !important; }
.pr28 { padding-right: 28px !important; }
.pr32 { padding-right: 32px !important; }
.pr36 { padding-right: 36px !important; }
.pr40 { padding-right: 40px !important; }
/* - x軸padding - */
.px00 { padding-left: 0 !important; padding-right: 0 !important; }
.px04 { padding-left: 4px !important; padding-right: 4px !important; }
.px08 { padding-left: 8px !important; padding-right: 8px !important; }
.px12 { padding-left: 12px !important; padding-right: 12px !important; }
.px16 { padding-left: 16px !important; padding-right: 16px !important; }
.px20 { padding-left: 20px !important; padding-right: 20px !important; }
.px24 { padding-left: 24px !important; padding-right: 24px !important; }
.px28 { padding-left: 28px !important; padding-right: 28px !important; }
.px32 { padding-left: 32px !important; padding-right: 32px !important; }
.px36 { padding-left: 36px !important; padding-right: 36px !important; }
.px40 { padding-left: 40px !important; padding-right: 40px !important; }
/* - ヘッダー高さ分上margin、padding - */
.mtHeader { margin-top: var(--headerH) !important; }
.ptHeader { padding-top: var(--headerH) !important; }
/* - 上margin - */
.mtLarge { margin-top: var(--spaceLarge) !important; }
.ptLarge { padding-top: var(--spaceLarge) !important; }
.mtMedium { margin-top: var(--spaceMedium) !important; }
.ptMedium { padding-top: var(--spaceMedium) !important; }
/* ==================================================
border-radius
================================================== */
.br50p { border-radius: 50% !important; }
.br00 { border-radius: 0px!important; }
.br04 { border-radius: 4px !important; }
.br08 { border-radius: 8px !important; }
.br12 { border-radius: 12px !important; }
.br16 { border-radius: 16px !important; }
.br20 { border-radius: 20px !important; }
.br24 { border-radius: 24px !important; }
.br28 { border-radius: 28px !important; }
.br32 { border-radius: 32px !important; }
.br36 { border-radius: 36px !important; }
.br40 { border-radius: 40px !important; }
/* ----- order ----- */
.order1 { order: 1 !important; }
.order2 { order: 2 !important; }
.order3 { order: 3 !important; }
.order4 { order: 4 !important; }
.order5 { order: 5 !important; }
/* ==================================================
opacity
================================================== */
.opc1 { opacity: 0.1 !important; }
.opc2 { opacity: 0.2 !important; }
.opc3 { opacity: 0.3 !important; }
.opc4 { opacity: 0.4 !important; }
.opc5 { opacity: 0.5 !important; }
.opc6 { opacity: 0.6 !important; }
.opc7 { opacity: 0.7 !important; }
.opc8 { opacity: 0.8 !important; }
.opc9 { opacity: 0.9 !important; }
.opc10 { opacity: 1 !important; }
/* ----- overflow ----- */
.ovfH { overflow: hidden !important; }
.ovfV { overflow: visible !important; }
.ovfA { overflow: auto !important; }
/* ==================================================
min-height
================================================== */
.mh2em { min-height: calc(2em * var(--defaultLineHeight)); }
.mh3em { min-height: calc(3em * var(--defaultLineHeight)); }
/* ==================================================
col
================================================== */
.col1 { --col: 1; }
.col2 { --col: 2; }
.col3 { --col: 3; }
.col4 { --col: 4; }
.col5 { --col: 5; }
.col6 { --col: 6; }
.col0p5 { --col: 0.5; }
.col1p5 { --col: 1.5; }
.col2p5 { --col: 2.5; }
.col3p5 { --col: 3.5; }
.col4p5 { --col: 4.5; }
.col5p5 { --col: 5.5; }
/* ==================================================
gap
================================================== */
.gap00 { --gapY: 0px; --gapX: 0px; }
.gap04 { --gapY: 4px; --gapX: 4px; }
.gap08 { --gapY: 8px; --gapX: 8px; }
.gap12 { --gapY: 12px; --gapX: 12px; }
.gap16 { --gapY: 16px; --gapX: 16px; }
.gap20 { --gapY: 20px; --gapX: 20px; }
.gap24 { --gapY: 24px; --gapX: 24px; }
.gap28 { --gapY: 28px; --gapX: 28px; }
.gap32 { --gapY: 32px; --gapX: 32px; }
.gap36 { --gapY: 36px; --gapX: 36px; }
.gap40 { --gapY: 40px; --gapX: 40px; }
.gap44 { --gapY: 44px; --gapX: 44px; }
.gap48 { --gapY: 48px; --gapX: 48px; }
.gap52 { --gapY: 52px; --gapX: 52px; }
.gap56 { --gapY: 56px; --gapX: 56px; }
.gap60 { --gapY: 60px; --gapX: 60px; }
.gap64 { --gapY: 64px; --gapX: 64px; }
/* - 縦方向のみ - */
.gapY00 { --gapY: 0px; }
.gapY04 { --gapY: 4px; }
.gapY08 { --gapY: 8px; }
.gapY12 { --gapY: 12px; }
.gapY16 { --gapY: 16px; }
.gapY20 { --gapY: 20px; }
.gapY24 { --gapY: 24px; }
.gapY28 { --gapY: 28px; }
.gapY32 { --gapY: 32px; }
.gapY36 { --gapY: 36px; }
.gapY40 { --gapY: 40px; }
.gapY44 { --gapY: 44px; }
.gapY48 { --gapY: 48px; }
.gapY52 { --gapY: 52px; }
.gapY56 { --gapY: 56px; }
.gapY60 { --gapY: 60px; }
.gapY64 { --gapY: 64px; }
/* - 横方向のみ - */
.gapX00 { --gapX: 0px; }
.gapX04 { --gapX: 4px; }
.gapX08 { --gapX: 8px; }
.gapX12 { --gapX: 12px; }
.gapX16 { --gapX: 16px; }
.gapX20 { --gapX: 20px; }
.gapX24 { --gapX: 24px; }
.gapX28 { --gapX: 28px; }
.gapX32 { --gapX: 32px; }
.gapX36 { --gapX: 36px; }
.gapX40 { --gapX: 40px; }
.gapX44 { --gapX: 44px; }
.gapX48 { --gapX: 48px; }
.gapX52 { --gapX: 52px; }
.gapX56 { --gapX: 56px; }
.gapX60 { --gapX: 60px; }
.gapX64 { --gapX: 64px; }
/* ==================================================
padding（css変数）
================================================== */
.p-0,
.p-00 { --paddingY: 0px; --paddingX: 0px; }
.p-04 { --paddingY: 4px; --paddingX: 4px; }
.p-08 { --paddingY: 8px; --paddingX: 8px; }
.p-12 { --paddingY: 12px; --paddingX: 12px; }
.p-16 { --paddingY: 16px; --paddingX: 16px; }
.p-20 { --paddingY: 20px; --paddingX: 20px; }
.p-24 { --paddingY: 24px; --paddingX: 24px; }
.p-28 { --paddingY: 28px; --paddingX: 28px; }
.p-32 { --paddingY: 32px; --paddingX: 32px; }
.p-36 { --paddingY: 36px; --paddingX: 36px; }
.p-40 { --paddingY: 40px; --paddingX: 40px; }
/* - 縦方向のみ - */
.pY-0,
.pY-00 { --paddingY: 0px; }
.pY-04 { --paddingY: 4px; }
.pY-08 { --paddingY: 8px; }
.pY-12 { --paddingY: 12px; }
.pY-16 { --paddingY: 16px; }
.pY-20 { --paddingY: 20px; }
.pY-24 { --paddingY: 24px; }
.pY-28 { --paddingY: 28px; }
.pY-32 { --paddingY: 32px; }
.pY-36 { --paddingY: 36px; }
.pY-40 { --paddingY: 40px; }
.pY-44 { --paddingY: 44px; }
.pY-48 { --paddingY: 48px; }
.pY-52 { --paddingY: 52px; }
.pY-56 { --paddingY: 56px; }
.pY-60 { --paddingY: 60px; }
.pY-64 { --paddingY: 64px; }
.pY-68 { --paddingY: 68px; }
.pY-72 { --paddingY: 72px; }
.pY-76 { --paddingY: 76px; }
.pY-80 { --paddingY: 80px; }
/* - 横方向のみ - */
.pX-00 { --paddingX: 0px; }
.pX-04 { --paddingX: 4px; }
.pX-08 { --paddingX: 8px; }
.pX-12 { --paddingX: 12px; }
.pX-16 { --paddingX: 16px; }
.pX-20 { --paddingX: 20px; }
.pX-24 { --paddingX: 24px; }
.pX-28 { --paddingX: 28px; }
.pX-32 { --paddingX: 32px; }
.pX-36 { --paddingX: 36px; }
.pX-40 { --paddingX: 40px; }
/* grid-template-columns */
.gTC-1_1 { --gTCol: 1fr 1fr; }
.gTC-1_2 { --gTCol: 1fr 2fr; }
.gTC-1_3 { --gTCol: 1fr 3fr; }
.gTC-1_4 { --gTCol: 1fr 4fr; }
.gTC-1_5 { --gTCol: 1fr 5fr; }
.gTC-2_1 { --gTCol: 2fr 1fr; }
.gTC-2_2 { --gTCol: 2fr 2fr; }
.gTC-2_3 { --gTCol: 2fr 3fr; }
.gTC-2_4 { --gTCol: 2fr 4fr; }
.gTC-2_5 { --gTCol: 2fr 5fr; }
.gTC-3_1 { --gTCol: 3fr 1fr; }
.gTC-3_2 { --gTCol: 3fr 2fr; }
.gTC-3_3 { --gTCol: 3fr 3fr; }
.gTC-3_4 { --gTCol: 3fr 4fr; }
.gTC-3_5 { --gTCol: 3fr 5fr; }
.gTC-4_1 { --gTCol: 4fr 1fr; }
.gTC-4_2 { --gTCol: 4fr 2fr; }
.gTC-4_3 { --gTCol: 4fr 3fr; }
.gTC-4_4 { --gTCol: 4fr 4fr; }
.gTC-4_5 { --gTCol: 4fr 5fr; }
.gTC-5_1 { --gTCol: 5fr 1fr; }
.gTC-5_2 { --gTCol: 5fr 2fr; }
.gTC-5_3 { --gTCol: 5fr 3fr; }
.gTC-5_4 { --gTCol: 5fr 4fr; }
.gTC-5_5 { --gTCol: 5fr 5fr; }
/* - 簡易センター寄せ - */
.gridCenter {
  display: grid;
  place-content: center;
}