@charset "utf-8";

/*------------------------------------------------------------------------------
 GENERAL CLASSES（SIZE & MARGIN）
 -------------------------------------------------------------------------------
 ■幅[width]
   w + [数字] = width: 数字px
   wf = width: 100%
 ■高さ[height]
   h + [数字] = height: 数字px
   hf = height: 100%
 ■マージン[margin]
   m + [t/b/l/r] + [数字] = margin-[top/bottom/left/right]: 数字px
   m + [t/b/l/r] + [数字] + [p] = margin-[top/bottom/left/right]: 数字%
   └ mt10 = margin-top: 10px
   └ mb10 = margin-bottom: 10px
   └ ml10 = margin-left: 10px
   └ mr10 = margin-right: 10px
   mha（margin horizon auto）→ ブロック要素の中央揃え
   └ 削除予定⇒bacを推奨
 ■パディング[padding]
   p + [t/b/l/r] + [数字] = padding-[top/bottom/left/right]: 数字px
   p + [t/b/l/r] + [数字] + [p]= padding-[top/bottom/left/right]: 数字%
   └ pt10 = padding-top: 10px
   └ pb10 = padding-bottom: 10px
   └ pl10 = padding-left: 10px
   └ pr10 = padding-right: 10px
   pv + [数字] = padding-top & padding-bottom: 数字px
   ph + [数字] = padding-left & padding-right: 数字px
   p + [数字] = padding: 数字px
 -------------------------------------------------------------------------------*/
/* WIDTH */
.wq			{ width: 25% !important; }
.w20per		{ width: 20% !important; }
.w33per		{ width: 33.3% !important; }
.wh			{ width: 50% !important; _width: 49.9% !important; }
.w55per		{ width: 55% !important; _width: 49.9% !important; }
.w75per		{ width: 75% !important; }
.w88per		{ width: 88% !important; }
.w92per		{ width: 92% !important; }
.wf			{ width: 100% !important; }
.w100		{ width: 100px !important; }
.w130		{ width: 130px !important; }
.w245		{ width: 245px !important; }
.w300		{ width: 300px !important; }
.w320		{ width: 320px !important; }
.w340		{ width: 340px !important; }

/* HEIGHT */
.hf			{ height: 100% !important; }
.h20		{ height: 20px !important; }
.h40		{ height: 40px !important; }
.h50		{ height: 50px !important; }
.h80		{ height: 80px !important; }
.h120		{ height: 120px !important; }
/* MARGIN */
.mt1		{ margin-top: 1px !important; }
.mt2		{ margin-top: 2px !important; }
.mt3		{ margin-top: 3px !important; }
.mt4		{ margin-top: 4px !important; }
.mt5		{ margin-top: 5px !important; }
.mt6		{ margin-top: 6px !important; }
.mt7		{ margin-top: 7px !important; }
.mt8		{ margin-top: 8px !important; }
.mt9		{ margin-top: 9px !important; }
.mt10		{ margin-top: 10px !important; }
.mt11		{ margin-top: 11px !important; }
.mt12		{ margin-top: 12px !important; }
.mt13		{ margin-top: 13px !important; }
.mt14		{ margin-top: 14px !important; }
.mt15		{ margin-top: 15px !important; }
.mt20		{ margin-top: 20px !important; }
.mt21		{ margin-top: 21px !important; }
.mt22		{ margin-top: 22px !important; }
.mt23		{ margin-top: 23px !important; }
.mt24		{ margin-top: 24px !important; }
.mt25		{ margin-top: 25px !important; }
.mt26		{ margin-top: 26px !important; }
.mt27		{ margin-top: 27px !important; }
.mt28		{ margin-top: 28px !important; }
.mt29		{ margin-top: 29px !important; }
.mt30		{ margin-top: 30px !important; }
.mt70		{ margin-top: 70px !important; }

.mt1p		{ margin-top: 1% !important; }
.mt2p		{ margin-top: 2% !important; }
.mt3p		{ margin-top: 3% !important; }
.mt4p		{ margin-top: 4% !important; }
.mt5p		{ margin-top: 5% !important; }
.mt6p		{ margin-top: 6% !important; }
.mt7p		{ margin-top: 7% !important; }
.mt8p		{ margin-top: 8% !important; }
.mt9p		{ margin-top: 9% !important; }
.mt10p		{ margin-top: 10% !important; }
.mt11p		{ margin-top: 11% !important; }
.mt12p		{ margin-top: 12% !important; }
.mt13p		{ margin-top: 13% !important; }
.mt14p		{ margin-top: 14% !important; }
.mt15p		{ margin-top: 15% !important; }
.mt20p		{ margin-top: 20% !important; }
.mt21p		{ margin-top: 21% !important; }
.mt22p		{ margin-top: 22% !important; }
.mt23p		{ margin-top: 23% !important; }
.mt24p		{ margin-top: 24% !important; }
.mt25p		{ margin-top: 25% !important; }
.mt26p		{ margin-top: 26% !important; }
.mt27p		{ margin-top: 27% !important; }
.mt28p		{ margin-top: 28% !important; }
.mt29p		{ margin-top: 29% !important; }
.mt30p		{ margin-top: 30% !important; }
.mt70p		{ margin-top: 70% !important; }

.mr1		{ margin-right: 1px !important; }
.mr2		{ margin-right: 2px !important; }
.mr3		{ margin-right: 3px !important; }
.mr4		{ margin-right: 4px !important; }
.mr5		{ margin-right: 5px !important; }
.mr6		{ margin-right: 6px !important; }
.mr7		{ margin-right: 7px !important; }
.mr8		{ margin-right: 8px !important; }
.mr9		{ margin-right: 9px !important; }
.mr10		{ margin-right: 10px !important; }
.mr11		{ margin-right: 11px !important; }
.mr12		{ margin-right: 12px !important; }
.mr13		{ margin-right: 13px !important; }
.mr14		{ margin-right: 14px !important; }
.mr15		{ margin-right: 15px !important; }
.mr20		{ margin-right: 20px !important; }
.mr21		{ margin-right: 21px !important; }
.mr22		{ margin-right: 22px !important; }
.mr23		{ margin-right: 23px !important; }
.mr24		{ margin-right: 24px !important; }
.mr25		{ margin-right: 25px !important; }
.mr26		{ margin-right: 26px !important; }
.mr27		{ margin-right: 27px !important; }
.mr28		{ margin-right: 28px !important; }
.mr29		{ margin-right: 29px !important; }
.mr30		{ margin-right: 30px !important; }

.mr1p		{ margin-right: 1% !important; }
.mr2p		{ margin-right: 2% !important; }
.mr3p		{ margin-right: 3% !important; }
.mr4p		{ margin-right: 4% !important; }
.mr5p		{ margin-right: 5% !important; }
.mr6p		{ margin-right: 6% !important; }
.mr7p		{ margin-right: 7% !important; }
.mr8p		{ margin-right: 8% !important; }
.mr9p		{ margin-right: 9% !important; }
.mr10p		{ margin-right: 10% !important; }
.mr11p		{ margin-right: 11% !important; }
.mr12p		{ margin-right: 12% !important; }
.mr13p		{ margin-right: 13% !important; }
.mr14p		{ margin-right: 14% !important; }
.mr15p		{ margin-right: 15% !important; }
.mr20p		{ margin-right: 20% !important; }
.mr21p		{ margin-right: 21% !important; }
.mr22p		{ margin-right: 22% !important; }
.mr23p		{ margin-right: 23% !important; }
.mr24p		{ margin-right: 24% !important; }
.mr25p		{ margin-right: 25% !important; }
.mr26p		{ margin-right: 26% !important; }
.mr27p		{ margin-right: 27% !important; }
.mr28p		{ margin-right: 28% !important; }
.mr29p		{ margin-right: 29% !important; }
.mr30p		{ margin-right: 30% !important; }

.mb1		{ margin-bottom: 1px !important; }
.mb2		{ margin-bottom: 2px !important; }
.mb3		{ margin-bottom: 3px !important; }
.mb4		{ margin-bottom: 4px !important; }
.mb5		{ margin-bottom: 5px !important; }
.mb6		{ margin-bottom: 6px !important; }
.mb7		{ margin-bottom: 7px !important; }
.mb8		{ margin-bottom: 8px !important; }
.mb9		{ margin-bottom: 9px !important; }
.mb10		{ margin-bottom: 10px !important; }
.mb11		{ margin-bottom: 11px !important; }
.mb12		{ margin-bottom: 12px !important; }
.mb13		{ margin-bottom: 13px !important; }
.mb14		{ margin-bottom: 14px !important; }
.mb15		{ margin-bottom: 15px !important; }
.mb20		{ margin-bottom: 20px !important; }
.mb21		{ margin-bottom: 21px !important; }
.mb22		{ margin-bottom: 22px !important; }
.mb23		{ margin-bottom: 23px !important; }
.mb24		{ margin-bottom: 24px !important; }
.mb25		{ margin-bottom: 25px !important; }
.mb26		{ margin-bottom: 26px !important; }
.mb27		{ margin-bottom: 27px !important; }
.mb28		{ margin-bottom: 28px !important; }
.mb29		{ margin-bottom: 29px !important; }
.mb30		{ margin-bottom: 30px !important; }
.mb40		{ margin-bottom: 40px !important; }
.mb50		{ margin-bottom: 50px !important; }

.mb1p		{ margin-bottom: 1% !important; }
.mb2p		{ margin-bottom: 2% !important; }
.mb3p		{ margin-bottom: 3% !important; }
.mb4p		{ margin-bottom: 4% !important; }
.mb5p		{ margin-bottom: 5% !important; }
.mb6p		{ margin-bottom: 6% !important; }
.mb7p		{ margin-bottom: 7% !important; }
.mb8p		{ margin-bottom: 8% !important; }
.mb9p		{ margin-bottom: 9% !important; }
.mb10p		{ margin-bottom: 10% !important; }
.mb11p		{ margin-bottom: 11% !important; }
.mb12p		{ margin-bottom: 12% !important; }
.mb13p		{ margin-bottom: 13% !important; }
.mb14p		{ margin-bottom: 14% !important; }
.mb15p		{ margin-bottom: 15% !important; }
.mb20p		{ margin-bottom: 20% !important; }
.mb21p		{ margin-bottom: 21% !important; }
.mb22p		{ margin-bottom: 22% !important; }
.mb23p		{ margin-bottom: 23% !important; }
.mb24p		{ margin-bottom: 24% !important; }
.mb25p		{ margin-bottom: 25% !important; }
.mb26p		{ margin-bottom: 26% !important; }
.mb27p		{ margin-bottom: 27% !important; }
.mb28p		{ margin-bottom: 28% !important; }
.mb29p		{ margin-bottom: 29% !important; }
.mb30p		{ margin-bottom: 30% !important; }
.mb40p		{ margin-bottom: 40% !important; }
.mb50p		{ margin-bottom: 50% !important; }

.ml1		{ margin-left: 1px !important; }
.ml2		{ margin-left: 2px !important; }
.ml3		{ margin-left: 3px !important; }
.ml4		{ margin-left: 4px !important; }
.ml5		{ margin-left: 5px !important; }
.ml6		{ margin-left: 6px !important; }
.ml7		{ margin-left: 7px !important; }
.ml8		{ margin-left: 8px !important; }
.ml9		{ margin-left: 9px !important; }
.ml10		{ margin-left: 10px !important; }
.ml11		{ margin-left: 11px !important; }
.ml12		{ margin-left: 12px !important; }
.ml13		{ margin-left: 13px !important; }
.ml14		{ margin-left: 14px !important; }
.ml15		{ margin-left: 15px !important; }
.ml20		{ margin-left: 20px !important; }
.ml21		{ margin-left: 21px !important; }
.ml22		{ margin-left: 22px !important; }
.ml23		{ margin-left: 23px !important; }
.ml24		{ margin-left: 24px !important; }
.ml25		{ margin-left: 25px !important; }
.ml26		{ margin-left: 26px !important; }
.ml27		{ margin-left: 27px !important; }
.ml28		{ margin-left: 28px !important; }
.ml29		{ margin-left: 29px !important; }
.ml30		{ margin-left: 30px !important; }

.ml1p		{ margin-left: 1% !important; }
.ml2p		{ margin-left: 2% !important; }
.ml3p		{ margin-left: 3% !important; }
.ml4p		{ margin-left: 4% !important; }
.ml5p		{ margin-left: 5% !important; }
.ml6p		{ margin-left: 6% !important; }
.ml7p		{ margin-left: 7% !important; }
.ml8p		{ margin-left: 8% !important; }
.ml9p		{ margin-left: 9% !important; }
.ml10p		{ margin-left: 10% !important; }
.ml11p		{ margin-left: 11% !important; }
.ml12p		{ margin-left: 12% !important; }
.ml13p		{ margin-left: 13% !important; }
.ml14p		{ margin-left: 14% !important; }
.ml15p		{ margin-left: 15% !important; }
.ml20p		{ margin-left: 20% !important; }
.ml21p		{ margin-left: 21% !important; }
.ml22p		{ margin-left: 22% !important; }
.ml23p		{ margin-left: 23% !important; }
.ml24p		{ margin-left: 24% !important; }
.ml25p		{ margin-left: 25% !important; }
.ml26p		{ margin-left: 26% !important; }
.ml27p		{ margin-left: 27% !important; }
.ml28p		{ margin-left: 28% !important; }
.ml29p		{ margin-left: 29% !important; }
.ml30p		{ margin-left: 30% !important; }

.m10		{ margin: 10px; }
.m15		{ margin: 15px; }

.m10p		{ margin: 10%; }
.m15p		{ margin: 15%; }

.mh15		{ margin-left: 15px !important; margin-right: 15px !important; }
.mh10		{ margin-left: 10px !important; margin-right: 10px !important; }
.mh15p		{ margin-left: 15% !important; margin-right: 15% !important; }
.mh10p		{ margin-left: 10% !important; margin-right: 10% !important; }
.ml1e		{ margin-left: 1em; }

.mv10		{ margin-top: 10px; margin-bottom: 10px; }
.mv20		{ margin-top: 20px; margin-bottom: 20px; }

.mv10p		{ margin-top: 10%; margin-bottom: 10%; }
.mv20p		{ margin-top: 20%; margin-bottom: 20%; }

/* PADDING */
.pt1		{ padding-top: 1px !important; }
.pt2		{ padding-top: 2px !important; }
.pt3		{ padding-top: 3px !important; }
.pt4		{ padding-top: 4px !important; }
.pt5		{ padding-top: 5px !important; }
.pt6		{ padding-top: 6px !important; }
.pt7		{ padding-top: 7px !important; }
.pt8		{ padding-top: 8px !important; }
.pt9		{ padding-top: 9px !important; }
.pt10		{ padding-top: 10px !important; }
.pt11		{ padding-top: 11px !important; }
.pt12		{ padding-top: 12px !important; }
.pt13		{ padding-top: 13px !important; }
.pt14		{ padding-top: 14px !important; }
.pt15		{ padding-top: 15px !important; }
.pt20		{ padding-top: 20px !important; }
.pt21		{ padding-top: 21px !important; }
.pt22		{ padding-top: 22px !important; }
.pt23		{ padding-top: 23px !important; }
.pt24		{ padding-top: 24px !important; }
.pt25		{ padding-top: 25px !important; }
.pt26		{ padding-top: 26px !important; }
.pt27		{ padding-top: 27px !important; }
.pt28		{ padding-top: 28px !important; }
.pt29		{ padding-top: 29px !important; }
.pt30		{ padding-top: 30px !important; }

.pt1p		{ padding-top: 1% !important; }
.pt2p		{ padding-top: 2% !important; }
.pt3p		{ padding-top: 3% !important; }
.pt4p		{ padding-top: 4% !important; }
.pt5p		{ padding-top: 5% !important; }
.pt6p		{ padding-top: 6% !important; }
.pt7p		{ padding-top: 7% !important; }
.pt8p		{ padding-top: 8% !important; }
.pt9p		{ padding-top: 9% !important; }
.pt10p		{ padding-top: 10% !important; }
.pt11p		{ padding-top: 11% !important; }
.pt12p		{ padding-top: 12% !important; }
.pt13p		{ padding-top: 13% !important; }
.pt14p		{ padding-top: 14% !important; }
.pt15p		{ padding-top: 15% !important; }
.pt20p		{ padding-top: 20% !important; }
.pt21p		{ padding-top: 21% !important; }
.pt22p		{ padding-top: 22% !important; }
.pt23p		{ padding-top: 23% !important; }
.pt24p		{ padding-top: 24% !important; }
.pt25p		{ padding-top: 25% !important; }
.pt26p		{ padding-top: 26% !important; }
.pt27p		{ padding-top: 27% !important; }
.pt28p		{ padding-top: 28% !important; }
.pt29p		{ padding-top: 29% !important; }
.pt30p		{ padding-top: 30% !important; }

.pr1		{ padding-right: 1px !important; }
.pr2		{ padding-right: 2px !important; }
.pr3		{ padding-right: 3px !important; }
.pr4		{ padding-right: 4px !important; }
.pr5		{ padding-right: 5px !important; }
.pr6		{ padding-right: 6px !important; }
.pr7		{ padding-right: 7px !important; }
.pr8		{ padding-right: 8px !important; }
.pr9		{ padding-right: 9px !important; }
.pr10		{ padding-right: 10px !important; }
.pr11		{ padding-right: 11px !important; }
.pr12		{ padding-right: 12px !important; }
.pr13		{ padding-right: 13px !important; }
.pr14		{ padding-right: 14px !important; }
.pr15		{ padding-right: 15px !important; }
.pr20		{ padding-right: 20px !important; }
.pr21		{ padding-right: 21px !important; }
.pr22		{ padding-right: 22px !important; }
.pr23		{ padding-right: 23px !important; }
.pr24		{ padding-right: 24px !important; }
.pr25		{ padding-right: 25px !important; }
.pr26		{ padding-right: 26px !important; }
.pr27		{ padding-right: 27px !important; }
.pr28		{ padding-right: 28px !important; }
.pr29		{ padding-right: 29px !important; }
.pr30		{ padding-right: 30px !important; }

.pr1p		{ padding-right: 1% !important; }
.pr2p		{ padding-right: 2% !important; }
.pr3p		{ padding-right: 3% !important; }
.pr4p		{ padding-right: 4% !important; }
.pr5p		{ padding-right: 5% !important; }
.pr6p		{ padding-right: 6% !important; }
.pr7p		{ padding-right: 7% !important; }
.pr8p		{ padding-right: 8% !important; }
.pr9p		{ padding-right: 9% !important; }
.pr10p		{ padding-right: 10% !important; }
.pr11p		{ padding-right: 11% !important; }
.pr12p		{ padding-right: 12% !important; }
.pr13p		{ padding-right: 13% !important; }
.pr14p		{ padding-right: 14% !important; }
.pr15p		{ padding-right: 15% !important; }
.pr20p		{ padding-right: 20% !important; }
.pr21p		{ padding-right: 21% !important; }
.pr22p		{ padding-right: 22% !important; }
.pr23p		{ padding-right: 23% !important; }
.pr24p		{ padding-right: 24% !important; }
.pr25p		{ padding-right: 25% !important; }
.pr26p		{ padding-right: 26% !important; }
.pr27p		{ padding-right: 27% !important; }
.pr28p		{ padding-right: 28% !important; }
.pr29p		{ padding-right: 29% !important; }
.pr30p		{ padding-right: 30% !important; }

.pb1		{ padding-bottom: 1px !important; }
.pb2		{ padding-bottom: 2px !important; }
.pb3		{ padding-bottom: 3px !important; }
.pb4		{ padding-bottom: 4px !important; }
.pb5		{ padding-bottom: 5px !important; }
.pb6		{ padding-bottom: 6px !important; }
.pb7		{ padding-bottom: 7px !important; }
.pb8		{ padding-bottom: 8px !important; }
.pb9		{ padding-bottom: 9px !important; }
.pb10		{ padding-bottom: 10px !important; }
.pb11		{ padding-bottom: 11px !important; }
.pb12		{ padding-bottom: 12px !important; }
.pb13		{ padding-bottom: 13px !important; }
.pb14		{ padding-bottom: 14px !important; }
.pb15		{ padding-bottom: 15px !important; }
.pb20		{ padding-bottom: 20px !important; }
.pb21		{ padding-bottom: 21px !important; }
.pb22		{ padding-bottom: 22px !important; }
.pb23		{ padding-bottom: 23px !important; }
.pb24		{ padding-bottom: 24px !important; }
.pb25		{ padding-bottom: 25px !important; }
.pb26		{ padding-bottom: 26px !important; }
.pb27		{ padding-bottom: 27px !important; }
.pb28		{ padding-bottom: 28px !important; }
.pb29		{ padding-bottom: 29px !important; }
.pb30		{ padding-bottom: 30px !important; }

.pb1p		{ padding-bottom: 1% !important; }
.pb2p		{ padding-bottom: 2% !important; }
.pb3p		{ padding-bottom: 3% !important; }
.pb4p		{ padding-bottom: 4% !important; }
.pb5p		{ padding-bottom: 5% !important; }
.pb6p		{ padding-bottom: 6% !important; }
.pb7p		{ padding-bottom: 7% !important; }
.pb8p		{ padding-bottom: 8% !important; }
.pb9p		{ padding-bottom: 9% !important; }
.pb10p		{ padding-bottom: 10% !important; }
.pb11p		{ padding-bottom: 11% !important; }
.pb12p		{ padding-bottom: 12% !important; }
.pb13p		{ padding-bottom: 13% !important; }
.pb14p		{ padding-bottom: 14% !important; }
.pb15p		{ padding-bottom: 15% !important; }
.pb20p		{ padding-bottom: 20% !important; }
.pb21p		{ padding-bottom: 21% !important; }
.pb22p		{ padding-bottom: 22% !important; }
.pb23p		{ padding-bottom: 23% !important; }
.pb24p		{ padding-bottom: 24% !important; }
.pb25p		{ padding-bottom: 25% !important; }
.pb26p		{ padding-bottom: 26% !important; }
.pb27p		{ padding-bottom: 27% !important; }
.pb28p		{ padding-bottom: 28% !important; }
.pb29p		{ padding-bottom: 29% !important; }
.pb30p		{ padding-bottom: 30% !important; }

.pl1		{ padding-left: 1px !important; }
.pl2		{ padding-left: 2px !important; }
.pl3		{ padding-left: 3px !important; }
.pl4		{ padding-left: 4px !important; }
.pl5		{ padding-left: 5px !important; }
.pl6		{ padding-left: 6px !important; }
.pl7		{ padding-left: 7px !important; }
.pl8		{ padding-left: 8px !important; }
.pl9		{ padding-left: 9px !important; }
.pl10		{ padding-left: 10px !important; }
.pl11		{ padding-left: 11px !important; }
.pl12		{ padding-left: 12px !important; }
.pl13		{ padding-left: 13px !important; }
.pl14		{ padding-left: 14px !important; }
.pl15		{ padding-left: 15px !important; }
.pl20		{ padding-left: 20px !important; }
.pl21		{ padding-left: 21px !important; }
.pl22		{ padding-left: 22px !important; }
.pl23		{ padding-left: 23px !important; }
.pl24		{ padding-left: 24px !important; }
.pl25		{ padding-left: 25px !important; }
.pl26		{ padding-left: 26px !important; }
.pl27		{ padding-left: 27px !important; }
.pl28		{ padding-left: 28px !important; }
.pl29		{ padding-left: 29px !important; }
.pl30		{ padding-left: 30px !important; }
.pl32		{ padding-left: 32px !important; }
.pl40		{ padding-left: 40px !important; }
.pl170		{ padding-left: 170px !important; }

.pl1p		{ padding-left: 1% !important; }
.pl2p		{ padding-left: 2% !important; }
.pl3p		{ padding-left: 3% !important; }
.pl4p		{ padding-left: 4% !important; }
.pl5p		{ padding-left: 5% !important; }
.pl6p		{ padding-left: 6% !important; }
.pl7p		{ padding-left: 7% !important; }
.pl8p		{ padding-left: 8% !important; }
.pl9p		{ padding-left: 9% !important; }
.pl10p		{ padding-left: 10% !important; }
.pl11p		{ padding-left: 11% !important; }
.pl12p		{ padding-left: 12% !important; }
.pl13p		{ padding-left: 13% !important; }
.pl14p		{ padding-left: 14% !important; }
.pl15p		{ padding-left: 15% !important; }
.pl20p		{ padding-left: 20% !important; }
.pl21p		{ padding-left: 21% !important; }
.pl22p		{ padding-left: 22% !important; }
.pl23p		{ padding-left: 23% !important; }
.pl24p		{ padding-left: 24% !important; }
.pl25p		{ padding-left: 25% !important; }
.pl26p		{ padding-left: 26% !important; }
.pl27p		{ padding-left: 27% !important; }
.pl28p		{ padding-left: 28% !important; }
.pl29p		{ padding-left: 29% !important; }
.pl30p		{ padding-left: 30% !important; }
.pl32p		{ padding-left: 32% !important; }
.pl40p		{ padding-left: 40% !important; }
.pl170p		{ padding-left: 170% !important; }

.pv1		{ padding-top: 1px !important; padding-bottom: 1px !important; }
.pv2		{ padding-top: 2px !important; padding-bottom: 2px !important; }
.pv3		{ padding-top: 3px !important; padding-bottom: 3px !important; }
.pv4		{ padding-top: 4px !important; padding-bottom: 4px !important; }
.pv5		{ padding-top: 5px !important; padding-bottom: 5px !important; }
.pv6		{ padding-top: 6px !important; padding-bottom: 6px !important; }
.pv7		{ padding-top: 7px !important; padding-bottom: 7px !important; }
.pv8		{ padding-top: 8px !important; padding-bottom: 8px !important; }
.pv9		{ padding-top: 9px !important; padding-bottom: 9px !important; }
.pv10		{ padding-top: 10px !important; padding-bottom: 10px !important; }
.pv11		{ padding-top: 11px !important; padding-bottom: 11px !important; }
.pv12		{ padding-top: 12px !important; padding-bottom: 12px !important; }
.pv13		{ padding-top: 13px !important; padding-bottom: 13px !important; }
.pv14		{ padding-top: 14px !important; padding-bottom: 14px !important; }
.pv15		{ padding-top: 15px !important; padding-bottom: 15px !important; }
.pv16		{ padding-top: 16px !important; padding-bottom: 16px !important; }
.pv17		{ padding-top: 17px !important; padding-bottom: 17px !important; }
.pv18		{ padding-top: 18px !important; padding-bottom: 18px !important; }
.pv19		{ padding-top: 19px !important; padding-bottom: 19px !important; }
.pv20		{ padding-top: 20px !important; padding-bottom: 20px !important; }
.pv21		{ padding-top: 21px !important; padding-bottom: 21px !important; }
.pv22		{ padding-top: 22px !important; padding-bottom: 22px !important; }
.pv23		{ padding-top: 23px !important; padding-bottom: 23px !important; }
.pv24		{ padding-top: 24px !important; padding-bottom: 24px !important; }
.pv25		{ padding-top: 25px !important; padding-bottom: 25px !important; }
.pv26		{ padding-top: 26px !important; padding-bottom: 26px !important; }
.pv27		{ padding-top: 27px !important; padding-bottom: 27px !important; }
.pv28		{ padding-top: 28px !important; padding-bottom: 28px !important; }
.pv29		{ padding-top: 29px !important; padding-bottom: 29px !important; }
.pv30		{ padding-top: 30px !important; padding-bottom: 30px !important; }

.pv1p		{ padding-top: 1% !important; padding-bottom: 1% !important; }
.pv2p		{ padding-top: 2% !important; padding-bottom: 2% !important; }
.pv3p		{ padding-top: 3% !important; padding-bottom: 3% !important; }
.pv4p		{ padding-top: 4% !important; padding-bottom: 4% !important; }
.pv5p		{ padding-top: 5% !important; padding-bottom: 5% !important; }
.pv6p		{ padding-top: 6% !important; padding-bottom: 6% !important; }
.pv7p		{ padding-top: 7% !important; padding-bottom: 7% !important; }
.pv8p		{ padding-top: 8% !important; padding-bottom: 8% !important; }
.pv9p		{ padding-top: 9% !important; padding-bottom: 9% !important; }
.pv10p		{ padding-top: 10% !important; padding-bottom: 10% !important; }
.pv11p		{ padding-top: 11% !important; padding-bottom: 11% !important; }
.pv12p		{ padding-top: 12% !important; padding-bottom: 12% !important; }
.pv13p		{ padding-top: 13% !important; padding-bottom: 13% !important; }
.pv14p		{ padding-top: 14% !important; padding-bottom: 14% !important; }
.pv15p		{ padding-top: 15% !important; padding-bottom: 15% !important; }
.pv16p		{ padding-top: 16% !important; padding-bottom: 16% !important; }
.pv17p		{ padding-top: 17% !important; padding-bottom: 17% !important; }
.pv18p		{ padding-top: 18% !important; padding-bottom: 18% !important; }
.pv19p		{ padding-top: 19% !important; padding-bottom: 19% !important; }
.pv20p		{ padding-top: 20% !important; padding-bottom: 20% !important; }
.pv21p		{ padding-top: 21% !important; padding-bottom: 21% !important; }
.pv22p		{ padding-top: 22% !important; padding-bottom: 22% !important; }
.pv23p		{ padding-top: 23% !important; padding-bottom: 23% !important; }
.pv24p		{ padding-top: 24% !important; padding-bottom: 24% !important; }
.pv25p		{ padding-top: 25% !important; padding-bottom: 25% !important; }
.pv26p		{ padding-top: 26% !important; padding-bottom: 26% !important; }
.pv27p		{ padding-top: 27% !important; padding-bottom: 27% !important; }
.pv28p		{ padding-top: 28% !important; padding-bottom: 28% !important; }
.pv29p		{ padding-top: 29% !important; padding-bottom: 29% !important; }
.pv30p		{ padding-top: 30% !important; padding-bottom: 30% !important; }

.ph1		{ padding-right: 1px !important; padding-left: 1px !important; }
.ph2		{ padding-right: 2px !important; padding-left: 2px !important; }
.ph3		{ padding-right: 3px !important; padding-left: 3px !important; }
.ph4		{ padding-right: 4px !important; padding-left: 4px !important; }
.ph5		{ padding-right: 5px !important; padding-left: 5px !important; }
.ph6		{ padding-right: 6px !important; padding-left: 6px !important; }
.ph7		{ padding-right: 7px !important; padding-left: 7px !important; }
.ph8		{ padding-right: 8px !important; padding-left: 8px !important; }
.ph9		{ padding-right: 9px !important; padding-left: 9px !important; }
.ph10		{ padding-right: 10px !important; padding-left: 10px !important; }
.ph11		{ padding-right: 11px !important; padding-left: 11px !important; }
.ph12		{ padding-right: 12px !important; padding-left: 12px !important; }
.ph13		{ padding-right: 13px !important; padding-left: 13px !important; }
.ph14		{ padding-right: 14px !important; padding-left: 14px !important; }
.ph15		{ padding-right: 15px !important; padding-left: 15px !important; }
.ph16		{ padding-right: 16px !important; padding-left: 16px !important; }
.ph17		{ padding-right: 17px !important; padding-left: 17px !important; }
.ph18		{ padding-right: 18px !important; padding-left: 18px !important; }
.ph19		{ padding-right: 19px !important; padding-left: 19px !important; }
.ph20		{ padding-right: 20px !important; padding-left: 20px !important; }
.ph21		{ padding-right: 21px !important; padding-left: 21px !important; }
.ph22		{ padding-right: 22px !important; padding-left: 22px !important; }
.ph23		{ padding-right: 23px !important; padding-left: 23px !important; }
.ph24		{ padding-right: 24px !important; padding-left: 24px !important; }
.ph25		{ padding-right: 25px !important; padding-left: 25px !important; }
.ph26		{ padding-right: 26px !important; padding-left: 26px !important; }
.ph27		{ padding-right: 27px !important; padding-left: 27px !important; }
.ph28		{ padding-right: 28px !important; padding-left: 28px !important; }
.ph29		{ padding-right: 29px !important; padding-left: 29px !important; }
.ph30		{ padding-right: 30px !important; padding-left: 30px !important; }

.ph1p		{ padding-right: 1% !important; padding-left: 1% !important; }
.ph2p		{ padding-right: 2% !important; padding-left: 2% !important; }
.ph3p		{ padding-right: 3% !important; padding-left: 3% !important; }
.ph4p		{ padding-right: 4% !important; padding-left: 4% !important; }
.ph5p		{ padding-right: 5% !important; padding-left: 5% !important; }
.ph6p		{ padding-right: 6% !important; padding-left: 6% !important; }
.ph7p		{ padding-right: 7% !important; padding-left: 7% !important; }
.ph8p		{ padding-right: 8% !important; padding-left: 8% !important; }
.ph9p		{ padding-right: 9% !important; padding-left: 9% !important; }
.ph10p		{ padding-right: 10% !important; padding-left: 10% !important; }
.ph11p		{ padding-right: 11% !important; padding-left: 11% !important; }
.ph12p		{ padding-right: 12% !important; padding-left: 12% !important; }
.ph13p		{ padding-right: 13% !important; padding-left: 13% !important; }
.ph14p		{ padding-right: 14% !important; padding-left: 14% !important; }
.ph15p		{ padding-right: 15% !important; padding-left: 15% !important; }
.ph16p		{ padding-right: 16% !important; padding-left: 16% !important; }
.ph17p		{ padding-right: 17% !important; padding-left: 17% !important; }
.ph18p		{ padding-right: 18% !important; padding-left: 18% !important; }
.ph19p		{ padding-right: 19% !important; padding-left: 19% !important; }
.ph20p		{ padding-right: 20% !important; padding-left: 20% !important; }
.ph21p		{ padding-right: 21% !important; padding-left: 21% !important; }
.ph22p		{ padding-right: 22% !important; padding-left: 22% !important; }
.ph23p		{ padding-right: 23% !important; padding-left: 23% !important; }
.ph24p		{ padding-right: 24% !important; padding-left: 24% !important; }
.ph25p		{ padding-right: 25% !important; padding-left: 25% !important; }
.ph26p		{ padding-right: 26% !important; padding-left: 26% !important; }
.ph27p		{ padding-right: 27% !important; padding-left: 27% !important; }
.ph28p		{ padding-right: 28% !important; padding-left: 28% !important; }
.ph29p		{ padding-right: 29% !important; padding-left: 29% !important; }
.ph30p		{ padding-right: 30% !important; padding-left: 30% !important; }

.p0			{ padding: 0 !important; }
.p1			{ padding: 1px !important; }
.p2			{ padding: 2px !important; }
.p3			{ padding: 3px !important; }
.p4			{ padding: 4px !important; }
.p5			{ padding: 5px !important; }
.p6			{ padding: 6px !important; }
.p7			{ padding: 7px !important; }
.p8			{ padding: 8px !important; }
.p9			{ padding: 9px !important; }
.p10		{ padding: 10px !important; }
.p11		{ padding: 11px !important; }
.p12		{ padding: 12px !important; }
.p13		{ padding: 13px !important; }
.p14		{ padding: 14px !important; }
.p15		{ padding: 15px !important; }
.p20		{ padding: 20px !important; }
.p21		{ padding: 21px !important; }
.p22		{ padding: 22px !important; }
.p23		{ padding: 23px !important; }
.p24		{ padding: 24px !important; }
.p25		{ padding: 25px !important; }
.p26		{ padding: 26px !important; }
.p27		{ padding: 27px !important; }
.p28		{ padding: 28px !important; }
.p29		{ padding: 29px !important; }
.p30		{ padding: 30px !important; }

.p1p			{ padding: 1% !important; }
.p2p			{ padding: 2% !important; }
.p3p			{ padding: 3% !important; }
.p4p			{ padding: 4% !important; }
.p5p			{ padding: 5% !important; }
.p6p			{ padding: 6% !important; }
.p7p			{ padding: 7% !important; }
.p8p			{ padding: 8% !important; }
.p9p			{ padding: 9% !important; }
.p10p		{ padding: 10% !important; }
.p11p		{ padding: 11% !important; }
.p12p		{ padding: 12% !important; }
.p13p		{ padding: 13% !important; }
.p14p		{ padding: 14% !important; }
.p15p		{ padding: 15% !important; }
.p20p		{ padding: 20% !important; }
.p21p		{ padding: 21% !important; }
.p22p		{ padding: 22% !important; }
.p23p		{ padding: 23% !important; }
.p24p		{ padding: 24% !important; }
.p25p		{ padding: 25% !important; }
.p26p		{ padding: 26% !important; }
.p27p		{ padding: 27% !important; }
.p28p		{ padding: 28% !important; }
.p29p		{ padding: 29% !important; }
.p30p		{ padding: 30% !important; }

/*------------------------------------------------------------------------------
 GENERAL CLASSES（EFFECTS）
 -------------------------------------------------------------------------------
 ■FLOAT/CLEAR
   fl = float:left
   fr = float:right
   cb = clear:both
 ■CLEAR FIX
   cf
 ■POSITION
   pr = position: relative
   pa = position: absolute
 ■OVERFLOW
   ofh = overflow: hidden
 ■DISPLAY
   db = display: block
   di = display: inline
   dn = display: none
   dib[z] = display: inline-block[inline element/block element]
 ■VISIBILITY
   vh = visibility: hidden
 ■位置指定
   [t/b/l/r] + [数字] = [top/bottom/left/right]:数字px
   └ t10 = top: 10px
   └ b10 = bottom: 10px
   └ l10 = left: 10px
   └ r10 = right: 10px
 ■Z-INDEX
   zi + [数字] = z-index: 数字
 ■ZOOM
   zm + [数字] = zoom: 数字
 -------------------------------------------------------------------------------*/
/* FLOAT */
.fl			{ float: left !important; }
.fr			{ float: right !important; }
.cb			{ clear: both !important; }
/* CLEAR FIX */
.cf:after	{ content: "" !important; display: block !important; clear: both !important; height: 0 !important; visibility: hidden !important; }
.cf			{ zoom: 1 !important; }
/* POSITION */
.pr			{ position: relative !important; zoom: 1 !important; }
.pa			{ position: absolute !important; }
.t1			{ top: 1px !important; }
.t2			{ top: 2px !important; }
.t3			{ top: 3px !important; }
.t4			{ top: 4px !important; }
.t5			{ top: 5px !important; }
.t6			{ top: 6px !important; }
.t7			{ top: 7px !important; }
.t8			{ top: 8px !important; }
.t9			{ top: 9px !important; }
.t10		{ top: 10px !important; }
.t11		{ top: 11px !important; }
.t12		{ top: 12px !important; }
.t13		{ top: 13px !important; }
.t14		{ top: 14px !important; }
.t15		{ top: 15px !important; }
.t20		{ top: 20px !important; }
.t21		{ top: 21px !important; }
.t22		{ top: 22px !important; }
.t23		{ top: 23px !important; }
.t24		{ top: 24px !important; }
.t25		{ top: 25px !important; }
.t26		{ top: 26px !important; }
.t27		{ top: 27px !important; }
.t28		{ top: 28px !important; }
.t29		{ top: 29px !important; }
.t30		{ top: 30px !important; }
.t100		{ top: 100px !important; }

.r1			{ right: 1px !important; }
.r2			{ right: 2px !important; }
.r3			{ right: 3px !important; }
.r4			{ right: 4px !important; }
.r5			{ right: 5px !important; }
.r6			{ right: 6px !important; }
.r7			{ right: 7px !important; }
.r8			{ right: 8px !important; }
.r9			{ right: 9px !important; }
.r10		{ right: 10px !important; }
.r11		{ right: 11px !important; }
.r12		{ right: 12px !important; }
.r13		{ right: 13px !important; }
.r14		{ right: 14px !important; }
.r15		{ right: 15px !important; }
.r20		{ right: 20px !important; }
.r21		{ right: 21px !important; }
.r22		{ right: 22px !important; }
.r23		{ right: 23px !important; }
.r24		{ right: 24px !important; }
.r25		{ right: 25px !important; }
.r26		{ right: 26px !important; }
.r27		{ right: 27px !important; }
.r28		{ right: 28px !important; }
.r29		{ right: 29px !important; }
.r30		{ right: 30px !important; }

.b1			{ bottom: 1px !important; }
.b2			{ bottom: 2px !important; }
.b3			{ bottom: 3px !important; }
.b4			{ bottom: 4px !important; }
.b5			{ bottom: 5px !important; }
.b6			{ bottom: 6px !important; }
.b7			{ bottom: 7px !important; }
.b8			{ bottom: 8px !important; }
.b9			{ bottom: 9px !important; }
.b10		{ bottom: 10px !important; }
.b11		{ bottom: 11px !important; }
.b12		{ bottom: 12px !important; }
.b13		{ bottom: 13px !important; }
.b14		{ bottom: 14px !important; }
.b15		{ bottom: 15px !important; }
.b20		{ bottom: 20px !important; }
.b21		{ bottom: 21px !important; }
.b22		{ bottom: 22px !important; }
.b23		{ bottom: 23px !important; }
.b24		{ bottom: 24px !important; }
.b25		{ bottom: 25px !important; }
.b26		{ bottom: 26px !important; }
.b27		{ bottom: 27px !important; }
.b28		{ bottom: 28px !important; }
.b29		{ bottom: 29px !important; }
.b30		{ bottom: 30px !important; }

.l1			{ left: 1px !important; }
.l2			{ left: 2px !important; }
.l3			{ left: 3px !important; }
.l4			{ left: 4px !important; }
.l5			{ left: 5px !important; }
.l6			{ left: 6px !important; }
.l7			{ left: 7px !important; }
.l8			{ left: 8px !important; }
.l9			{ left: 9px !important; }
.l10		{ left: 10px !important; }
.l11		{ left: 11px !important; }
.l12		{ left: 12px !important; }
.l13		{ left: 13px !important; }
.l14		{ left: 14px !important; }
.l15		{ left: 15px !important; }
.l20		{ left: 20px !important; }
.l21		{ left: 21px !important; }
.l22		{ left: 22px !important; }
.l23		{ left: 23px !important; }
.l24		{ left: 24px !important; }
.l25		{ left: 25px !important; }
.l26		{ left: 26px !important; }
.l27		{ left: 27px !important; }
.l28		{ left: 28px !important; }
.l29		{ left: 29px !important; }
.l30		{ left: 30px !important; }
/* OVERFLOW */
.ofh		{ overflow: hidden !important; }
.ofa		{ overflow: auto !important; }
.ofs		{ overflow: scroll !important; }
.ofxs		{ overflow-x: scroll !important; }
.ofys		{ overflow-y: scroll !important; }
/* DISPLAY */
.db			{ display: block !important; }
.di			{ display: inline !important; }
.dib4i		{ display: inline-block !important; vertical-align: middle !important; }
.dib4b		{ display: inline-block !important; *display: inline !important; zoom: 1 !important; vertical-align: middle !important; }
.dn			{ display: none !important; }
/* VISIBILITY */
.vh			{ visibility: hidden !important; }
/* Z-INDEX */
.zi0		{ z-index: 0 !important; }
.zi1		{ z-index: 1 !important; }
/* HASLAYOUT TO TRUE */
.zm1		{ zoom: 1 !important; }

/*------------------------------------------------------------------------------
 GENERAL CLASSES（MODIFY ELEMENTS）
 -------------------------------------------------------------------------------
 ■垂直位置[vertical-align]
   va + [t/m/b] = vertical-align:[top/middle/bottom]
   └ vat = vartical-align: top
   └ vam = vartical-align: middle
   └ vab = vartical-align: bottom
 ■水平位置（インライン要素）[text-align]
   ta + [l/c/r] = text-align:[left/center/right]
   └ tal = text-align: left
   └ tac = text-align: center
   └ tar = text-align: right
 ■水平位置（ブロック要素）[margin]
   ba + [l/c/r] = block-align:[left/center/right]（イメージ）
   └ bal = margin-right: auto
   └ bac = margin-left: auto !important; margin-right:auto
   └ bar = margin-lett: auto
 ■フォントウェイト[font-weight]
   b = font-weight: bold
   n = font-weight: normal
 ■フォントサイズ[font-size]
   fs + [数字] (+ [em/per]) = font-size:数字px
   └ fs12 = font-size: 12px
   └ fs12em = font-size: 12em
   └ fs12per = font-size: 12%
 ■文字色[color]
   fg + [カラー名/要素名] = color: #XXXXXX
   └ fgWhite = color: #FFFFFF
   └ fgHeadline2nd = color: #FFFFFF ※見出し2段目の文字色の意味
 ■背景色[background-color]
   bg + [カラー名/要素名] = background-color: #XXXXXX
   └ bgWhite = color: #FFFFFF
   └ bgHeadline2nd = color: #FFFFFF ※見出し2段目の背景色の意味
 ■ボーダー[border]
   fg + [カラー名/要素名] = border: Xpx solid #XXXXXX
   └ bdBlack = border 1px solid #000000
   └ bdHeadline2nd = border 1px solid #000000 ※見出し2段目のボーダーの意味
 ■テキスト装飾[text-decoration]
   u = underline ※下線
   del = line-through ※打ち消し線
 ■テキストインデント[text-indent]
   ti + [数字] = text-indent: 数字px
   └ ti5 = text-indent: 5px
 ■オフレフト[OFF LEFT]
   ol
 ■ノーラップ[NO WRAP]
   nr
 ■ボーダーコラプス[BORDER-COLLAPSE]
   bdcc = border-collpase: collapse !important;
   bdcs = border-collpase: separate !important;
 ■テーブルレイアウト[TABLE-LAYOUT]
   tlf = table-layout: fixed !important;
 -------------------------------------------------------------------------------*/
/* VERTICAL-ALIGN */
.vat		{ vertical-align: top !important; }
.vam		{ vertical-align: middle !important; }
.vab		{ vertical-align: bottom !important; }
/* TEXT-ALIGN */
.tal		{ text-align: left !important; }
.tac		{ text-align: center !important; }
.tar		{ text-align: right !important; }
/* BLOCK-ALIGN */
.bal		{ margin-right: auto !important; }
.bac		{ margin-left: auto !important; margin-right: auto !important; }
.bar		{ margin-left: auto !important; }
/* FONT-WEIGHT */
.b			{ font-weight: bold !important; }
.n			{ font-weight: normal !important; }
/* FONT-SIZE */
.fs10    { font-size: 83% !important; }
.fs11		{ font-size: 91.6% !important; }
.fs12		{ font-size: 100% !important; }
.fs14		{ font-size: 116.6% !important; }
.fs16		{ font-size: 133.3% !important; }
.fs18		{ font-size: 150% !important; }
.fs20		{ font-size: 166.6% !important; }
.fs22		{ font-size: 183.3% !important; }
.fs24		{ font-size: 200% !important; }
/* TEXT-DECORATION */
.del		{ text-decoration: line-through !important; }
.u			{ text-decoration: underline !important; }
/* FOREGROUND */
.fgwhite	{ color: #FFFFFF !important; }
.fgred		{ color: #FF3333 !important; }
.fggrayray		{ color: #999999 !important; }
.fghgray    { color: #7c7c7c !important; }
/* BACKGROUND */
.bgbleck	{ background-color: #000000 !important; }
.bgwhite	{ background-color: #FFFFFF !important; }
.bggray		{ background-color: #EAEAEA !important; }
/* BORDER */
.bdblack	{ border: 1px solid #000000 !important; }
.bdblackdot	{ border: 1px dotted #000000 !important; }
/* TEXT-INDENT */
.ti5		{ text-indent: 5px !important; }
.ti10		{ text-indent: 10px !important; }
.ti15		{ text-indent: 15px !important; }
.ti20		{ text-indent: 20px !important; }
.ti25		{ text-indent: 25px !important; }
.ti30		{ text-indent: 30px !important; }
/* OFF LEFT */
.ol			{ text-indent: -9999px !important; overflow: hidden !important; }
/* NOWRAP */
.nr			{ white-space: nowrap !important; }
/* CURSOR */
.pointer	{ cursor: pointer !important; }
/* BORDER-COLLAPSE */
.bdcc		{ border-collapse: collapse !important; }
.bdcs		{ border-collapse: separate !important; }
/* TABLE-LAYOUT */
.tlf		{ table-layout: fixed !important; }