/*------------------------------------------------------------
float&align・・・回り込みや揃え
-------------------------------------------------------------*/

.clr{clear:both;}
.fright{float:right;}
.fleft{float:left;}
.center{text-align:center;}


/*------------------------------------------------------------
margin・・・外周りの余白の設定
-------------------------------------------------------------*/

.m0{ margin: 0!important; }/*周りからのmarginを0にする*/
.m0-t{ margin-top: 0!important; }/*上からのmarginが0pxx*/
.m0-r{ margin-right: 0!important; }/*右からのmarginが0px*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginが0px*/
.m0-l{ margin-left: 0!important; }/*左からのmarginが0px*/

.m1{ margin: 1px!important; }/*周りからのmarginを1にする*/
.m1-t{ margin-top: 1px!important; }/*上からのmarginが1pxx*/
.m1-r{ margin-right: 1px!important; }/*右からのmarginが1px*/
.m1-b{ margin-bottom: 1px!important; }/*下からのmarginが1px*/
.m1-l{ margin-left: 1px!important; }/*左からのmarginが1px*/

.m2{ margin: 2px!important; }/*周りからのmarginを2にする*/
.m2-t{ margin-top: 2px!important; }/*上からのmarginが2pxx*/
.m2-r{ margin-right: 2px!important; }/*右からのmarginが2px*/
.m2-b{ margin-bottom: 2px!important; }/*下からのmarginが2px*/
.m2-l{ margin-left: 2px!important; }/*左からのmarginが2px*/

.m3{ margin: 3px!important; }/*周りからのmarginを3にする*/
.m3-t{ margin-top: 3px!important; }/*上からのmarginが3pxx*/
.m3-r{ margin-right: 3px!important; }/*右からのmarginが3px*/
.m3-b{ margin-bottom: 3px!important; }/*下からのmarginが3px*/
.m3-l{ margin-left: 3px!important; }/*左からのmarginが3px*/

.m4{ margin: 4px!important; }/*周りからのmarginを4にする*/
.m4-t{ margin-top: 4px!important; }/*上からのmarginが4pxx*/
.m4-r{ margin-right: 4px!important; }/*右からのmarginが4px*/
.m4-b{ margin-bottom: 4px!important; }/*下からのmarginが4px*/
.m4-l{ margin-left: 4px!important; }/*左からのmarginが4px*/

.m5{ margin: 5px!important; }/*周りからのmarginが5px*/
.m5-t{ margin-top: 5px!important; }/*上からのmarginが5px*/
.m5-r{ margin-right: 5px!important; }/*右からのmarginが5px*/
.m5-b{ margin-bottom: 5px!important; }/*下からのmarginが5px*/
.m5-l{ margin-left: 5px!important; }/*左からのmarginが5px*/


.m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m35{ margin: 35px!important; }
.m35-t{ margin-top: 35px!important; }
.m35-r{ margin-right: 35px!important; }
.m35-b{ margin-bottom: 35px!important; }
.m35-l{ margin-left: 35px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

/*------------------------------------------------------------
padding・・・内回りの余白の設定
-------------------------------------------------------------*/

.p0{ padding: 0!important; }/*周りからのmarginを0にする*/
.p0-t{ padding-top: 0!important; }/*上からのmarginが0px*/
.p0-r{ padding-right: 0!important; }/*右からのmarginが0px*/
.p0-b{ padding-bottom: 0!important; }/*下からのmarginが0px*/
.p0-l{ padding-left: 0!important; }/*左からのmarginが0px*/

.p1{ padding: 1px!important; }/*周りからのmarginが1px*/
.p1-t{ padding-top: 1px!important; }/*上からのmarginが1px*/
.p1-r{ padding-right: 1px!important; }/*右からのmarginが1px*/
.p1-b{ padding-bottom: 1px!important; }/*下からのmarginが1px*/
.p1-l{ padding-left: 1px!important; }/*左からのmarginが1px*/

.p2{ padding: 2px!important; }/*周りからのmarginが2px*/
.p2-t{ padding-top: 2px!important; }/*上からのmarginが2px*/
.p2-r{ padding-right: 2px!important; }/*右からのmarginが2px*/
.p2-b{ padding-bottom: 2px!important; }/*下からのmarginが2px*/
.p2-l{ padding-left: 2px!important; }/*左からのmarginが2px*/

.p3{ padding: 3px!important; }/*周りからのmarginが3px*/
.p3-t{ padding-top: 3px!important; }/*上からのmarginが3px*/
.p3-r{ padding-right: 3px!important; }/*右からのmarginが3px*/
.p3-b{ padding-bottom: 3px!important; }/*下からのmarginが3px*/
.p3-l{ padding-left: 3px!important; }/*左からのmarginが3px*/

.p4{ padding: 4px!important; }/*周りからのmarginが4px*/
.p4-t{ padding-top: 4px!important; }/*上からのmarginが4px*/
.p4-r{ padding-right: 4px!important; }/*右からのmarginが4px*/
.p4-b{ padding-bottom: 4px!important; }/*下からのmarginが4px*/
.p4-l{ padding-left: 4px!important; }/*左からのmarginが4px*/

.p5{ padding: 5px!important; }/*周りからのmarginが5px*/
.p5-t{ padding-top: 5px!important; }/*上からのmarginが5px*/
.p5-r{ padding-right: 5px!important; }/*右からのmarginが5px*/
.p5-b{ padding-bottom: 5px!important; }/*下からのmarginが5px*/
.p5-l{ padding-left: 5px!important; }/*左からのmarginが5px*/

.p10{ padding: 10px!important; }/*周りからのmarginが10px*/
.p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p22{ padding: 22px!important; }
.p22-t{ padding-top: 22px!important; }
.p22-r{ padding-right: 22px!important; }
.p22-b{ padding-bottom: 22px!important; }
.p22-l{ padding-left: 22px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }




@media (min-width: 767px) {

/*------------------------------------------------------------
margin・・・外周りの余白の設定（PC・タブレット）
-------------------------------------------------------------*/

.sm-m0{ margin: 0!important; }/*周りからのmarginを0にする*/
.sm-m0-t{ margin-top: 0!important; }/*上からのmarginが0pxx*/
.sm-m0-r{ margin-right: 0!important; }/*右からのmarginが0px*/
.sm-m0-b{ margin-bottom: 0!important; }/*下からのmarginが0px*/
.sm-m0-l{ margin-left: 0!important; }/*左からのmarginが0px*/

.sm-m1{ margin: 1px!important; }/*周りからのmarginを1にする*/
.sm-m1-t{ margin-top: 1px!important; }/*上からのmarginが1pxx*/
.sm-m1-r{ margin-right: 1px!important; }/*右からのmarginが1px*/
.sm-m1-b{ margin-bottom: 1px!important; }/*下からのmarginが1px*/
.sm-m1-l{ margin-left: 1px!important; }/*左からのmarginが1px*/

.sm-m2{ margin: 2px!important; }/*周りからのmarginを2にする*/
.sm-m2-t{ margin-top: 2px!important; }/*上からのmarginが2pxx*/
.sm-m2-r{ margin-right: 2px!important; }/*右からのmarginが2px*/
.sm-m2-b{ margin-bottom: 2px!important; }/*下からのmarginが2px*/
.sm-m2-l{ margin-left: 2px!important; }/*左からのmarginが2px*/

.sm-m3{ margin: 3px!important; }/*周りからのmarginを3にする*/
.sm-m3-t{ margin-top: 3px!important; }/*上からのmarginが3pxx*/
.sm-m3-r{ margin-right: 3px!important; }/*右からのmarginが3px*/
.sm-m3-b{ margin-bottom: 3px!important; }/*下からのmarginが3px*/
.sm-m3-l{ margin-left: 3px!important; }/*左からのmarginが3px*/

.sm-m4{ margin: 4px!important; }/*周りからのmarginを4にする*/
.sm-m4-t{ margin-top: 4px!important; }/*上からのmarginが4pxx*/
.sm-m4-r{ margin-right: 4px!important; }/*右からのmarginが4px*/
.sm-m4-b{ margin-bottom: 4px!important; }/*下からのmarginが4px*/
.sm-m4-l{ margin-left: 4px!important; }/*左からのmarginが4px*/

.sm-m5{ margin: 5px!important; }/*周りからのmarginが5px*/
.sm-m5-t{ margin-top: 5px!important; }/*上からのmarginが5px*/
.sm-m5-r{ margin-right: 5px!important; }/*右からのmarginが5px*/
.sm-m5-b{ margin-bottom: 5px!important; }/*下からのmarginが5px*/
.sm-m5-l{ margin-left: 5px!important; }/*左からのmarginが5px*/

.sm-m6{ margin: 6px!important; }/*周りからのmarginが5px*/
.sm-m6-t{ margin-top: 6px!important; }/*上からのmarginが5px*/
.sm-m6-r{ margin-right: 6px!important; }/*右からのmarginが5px*/
.sm-m6-b{ margin-bottom: 6px!important; }/*下からのmarginが5px*/
.sm-m6-l{ margin-left: 6px!important; }/*左からのmarginが5px*/

.sm-m7{ margin: 7px!important; }/*周りからのmarginが5px*/
.sm-m7-t{ margin-top: 7px!important; }/*上からのmarginが5px*/
.sm-m7-r{ margin-right: 7px!important; }/*右からのmarginが5px*/
.sm-m7-b{ margin-bottom: 7px!important; }/*下からのmarginが5px*/
.sm-m7-l{ margin-left: 7px!important; }/*左からのmarginが5px*/

.sm-m8{ margin: 8px!important; }/*周りからのmarginが5px*/
.sm-m8-t{ margin-top: 8px!important; }/*上からのmarginが5px*/
.sm-m8-r{ margin-right: 8px!important; }/*右からのmarginが5px*/
.sm-m8-b{ margin-bottom: 8px!important; }/*下からのmarginが5px*/
.sm-m8-l{ margin-left: 8px!important; }/*左からのmarginが5px*/

.sm-m9{ margin: 9px!important; }/*周りからのmarginが5px*/
.sm-m9-t{ margin-top: 9px!important; }/*上からのmarginが5px*/
.sm-m9-r{ margin-right: 9px!important; }/*右からのmarginが5px*/
.sm-m9-b{ margin-bottom: 9px!important; }/*下からのmarginが5px*/
.sm-m9-l{ margin-left: 9px!important; }/*左からのmarginが5px*/


.sm-m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.sm-m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.sm-m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.sm-m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.sm-m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.sm-m15{ margin: 15px!important; }
.sm-m15-t{ margin-top: 15px!important; }
.sm-m15-r{ margin-right: 15px!important; }
.sm-m15-b{ margin-bottom: 15px!important; }
.sm-m15-l{ margin-left: 15px!important; }

.sm-m20{ margin: 20px!important; }
.sm-m20-t{ margin-top: 20px!important; }
.sm-m20-r{ margin-right: 20px!important; }
.sm-m20-b{ margin-bottom: 20px!important; }
.sm-m20-l{ margin-left: 20px!important; }

.sm-m30{ margin: 30px!important; }
.sm-m30-t{ margin-top: 30px!important; }
.sm-m30-r{ margin-right: 30px!important; }
.sm-m30-b{ margin-bottom: 30px!important; }
.sm-m30-l{ margin-left: 30px!important; }

.sm-m35{ margin: 35px!important; }
.sm-m35-t{ margin-top: 35px!important; }
.sm-m35-r{ margin-right: 35px!important; }
.sm-m35-b{ margin-bottom: 35px!important; }
.sm-m35-l{ margin-left: 35px!important; }

.sm-m40{ margin: 40px!important; }
.sm-m40-t{ margin-top: 40px!important; }
.sm-m40-r{ margin-right: 40px!important; }
.sm-m40-b{ margin-bottom: 40px!important; }
.sm-m40-l{ margin-left: 40px!important; }

.sm-m50{ margin: 50px!important; }
.sm-m50-t{ margin-top: 50px!important; }
.sm-m50-r{ margin-right: 50px!important; }
.sm-m50-b{ margin-bottom: 50px!important; }
.sm-m50-l{ margin-left: 50px!important; }

.sm-m60{ margin: 60px!important; }
.sm-m60-t{ margin-top: 60px!important; }
.sm-m60-r{ margin-right: 60px!important; }
.sm-m60-b{ margin-bottom: 60px!important; }
.sm-m60-l{ margin-left: 60px!important; }

.sm-m70{ margin: 70px!important; }
.sm-m70-t{ margin-top: 70px!important; }
.sm-m70-r{ margin-right: 70px!important; }
.sm-m70-b{ margin-bottom: 70px!important; }
.sm-m70-l{ margin-left: 70px!important; }


/*------------------------------------------------------------
padding・・・内回りの余白の設定（PC・タブレット）
-------------------------------------------------------------*/

.sm-p0{ padding: 0!important; }/*周りからのmarginを0にする*/
.sm-p0-t{ padding-top: 0!important; }/*上からのmarginが0px*/
.sm-p0-r{ padding-right: 0!important; }/*右からのmarginが0px*/
.sm-p0-b{ padding-bottom: 0!important; }/*下からのmarginが0px*/
.sm-p0-l{ padding-left: 0!important; }/*左からのmarginが0px*/

.sm-p1{ padding: 1px!important; }/*周りからのmarginが1px*/
.sm-p1-t{ padding-top: 1px!important; }/*上からのmarginが1px*/
.sm-p1-r{ padding-right: 1px!important; }/*右からのmarginが1px*/
.sm-p1-b{ padding-bottom: 1px!important; }/*下からのmarginが1px*/
.sm-p1-l{ padding-left: 1px!important; }/*左からのmarginが1px*/

.sm-p2{ padding: 2px!important; }/*周りからのmarginが2px*/
.sm-p2-t{ padding-top: 2px!important; }/*上からのmarginが2px*/
.sm-p2-r{ padding-right: 2px!important; }/*右からのmarginが2px*/
.sm-p2-b{ padding-bottom: 2px!important; }/*下からのmarginが2px*/
.sm-p2-l{ padding-left: 2px!important; }/*左からのmarginが2px*/

.sm-p3{ padding: 3px!important; }/*周りからのmarginが3px*/
.sm-p3-t{ padding-top: 3px!important; }/*上からのmarginが3px*/
.sm-p3-r{ padding-right: 3px!important; }/*右からのmarginが3px*/
.sm-p3-b{ padding-bottom: 3px!important; }/*下からのmarginが3px*/
.sm-p3-l{ padding-left: 3px!important; }/*左からのmarginが3px*/

.sm-p4{ padding: 4px!important; }/*周りからのmarginが4px*/
.sm-p4-t{ padding-top: 4px!important; }/*上からのmarginが4px*/
.sm-p4-r{ padding-right: 4px!important; }/*右からのmarginが4px*/
.sm-p4-b{ padding-bottom: 4px!important; }/*下からのmarginが4px*/
.sm-p4-l{ padding-left: 4px!important; }/*左からのmarginが4px*/

.sm-p5{ padding: 5px!important; }/*周りからのmarginが5px*/
.sm-p5-t{ padding-top: 5px!important; }/*上からのmarginが5px*/
.sm-p5-r{ padding-right: 5px!important; }/*右からのmarginが5px*/
.sm-p5-b{ padding-bottom: 5px!important; }/*下からのmarginが5px*/
.sm-p5-l{ padding-left: 5px!important; }/*左からのmarginが5px*/

.sm-p10{ padding: 10px!important; }/*周りからのmarginが10px*/
.sm-p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.sm-p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.sm-p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.sm-p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/

.sm-p15{ padding: 15px!important; }
.sm-p15-t{ padding-top: 15px!important; }
.sm-p15-r{ padding-right: 15px!important; }
.sm-p15-b{ padding-bottom: 15px!important; }
.sm-p15-l{ padding-left: 15px!important; }

.sm-p20{ padding: 20px!important; }
.sm-p20-t{ padding-top: 20px!important; }
.sm-p20-r{ padding-right: 20px!important; }
.sm-p20-b{ padding-bottom: 20px!important; }
.sm-p20-l{ padding-left: 20px!important; }

.sm-p30{ padding: 30px!important; }
.sm-p30-t{ padding-top: 30px!important; }
.sm-p30-r{ padding-right: 30px!important; }
.sm-p30-b{ padding-bottom: 30px!important; }
.sm-p30-l{ padding-left: 30px!important; }

.sm-p40{ padding: 40px!important; }
.sm-p40-t{ padding-top: 40px!important; }
.sm-p40-r{ padding-right: 40px!important; }
.sm-p40-b{ padding-bottom: 40px!important; }
.sm-p40-l{ padding-left: 40px!important; }

.sm-p50{ padding: 50px!important; }
.sm-p50-t{ padding-top: 50px!important; }
.sm-p50-r{ padding-right: 50px!important; }
.sm-p50-b{ padding-bottom: 50px!important; }
.sm-p50-l{ padding-left: 50px!important; }

.sm-p60{ padding: 60px!important; }
.sm-p60-t{ padding-top: 60px!important; }
.sm-p60-r{ padding-right: 60px!important; }
.sm-p60-b{ padding-bottom: 60px!important; }
.sm-p60-l{ padding-left: 60px!important; }

.sm-p70{ padding: 70px!important; }
.sm-p70-t{ padding-top: 70px!important; }
.sm-p70-r{ padding-right: 70px!important; }
.sm-p70-b{ padding-bottom: 70px!important; }
.sm-p70-l{ padding-left: 70px!important; }

.sm-p80{ padding: 80px!important; }
.sm-p80-t{ padding-top: 80px!important; }
.sm-p80-r{ padding-right: 80px!important; }
.sm-p80-b{ padding-bottom: 80px!important; }
.sm-p80-l{ padding-left: 80px!important; }

.sm-p90{ padding: 90px!important; }
.sm-p90-t{ padding-top: 90px!important; }
.sm-p90-r{ padding-right: 90px!important; }
.sm-p90-b{ padding-bottom: 90px!important; }
.sm-p90-l{ padding-left: 90px!important; }


}







@media (max-width: 767px) {

/*------------------------------------------------------------
margin・・・外周りの余白の設定（スマホ）
-------------------------------------------------------------*/

.xs-m0{ margin: 0!important; }/*周りからのmarginを0にする*/
.xs-m0-t{ margin-top: 0!important; }/*上からのmarginが0pxx*/
.xs-m0-r{ margin-right: 0!important; }/*右からのmarginが0px*/
.xs-m0-b{ margin-bottom: 0!important; }/*下からのmarginが0px*/
.xs-m0-l{ margin-left: 0!important; }/*左からのmarginが0px*/

.xs-m1{ margin: 1px!important; }/*周りからのmarginを1にする*/
.xs-m1-t{ margin-top: 1px!important; }/*上からのmarginが1pxx*/
.xs-m1-r{ margin-right: 1px!important; }/*右からのmarginが1px*/
.xs-m1-b{ margin-bottom: 1px!important; }/*下からのmarginが1px*/
.xs-m1-l{ margin-left: 1px!important; }/*左からのmarginが1px*/

.xs-m2{ margin: 2px!important; }/*周りからのmarginを2にする*/
.xs-m2-t{ margin-top: 2px!important; }/*上からのmarginが2pxx*/
.xs-m2-r{ margin-right: 2px!important; }/*右からのmarginが2px*/
.xs-m2-b{ margin-bottom: 2px!important; }/*下からのmarginが2px*/
.xs-m2-l{ margin-left: 2px!important; }/*左からのmarginが2px*/

.xs-m3{ margin: 3px!important; }/*周りからのmarginを3にする*/
.xs-m3-t{ margin-top: 3px!important; }/*上からのmarginが3pxx*/
.xs-m3-r{ margin-right: 3px!important; }/*右からのmarginが3px*/
.xs-m3-b{ margin-bottom: 3px!important; }/*下からのmarginが3px*/
.xs-m3-l{ margin-left: 3px!important; }/*左からのmarginが3px*/

.xs-m4{ margin: 4px!important; }/*周りからのmarginを4にする*/
.xs-m4-t{ margin-top: 4px!important; }/*上からのmarginが4pxx*/
.xs-m4-r{ margin-right: 4px!important; }/*右からのmarginが4px*/
.xs-m4-b{ margin-bottom: 4px!important; }/*下からのmarginが4px*/
.xs-m4-l{ margin-left: 4px!important; }/*左からのmarginが4px*/

.xs-m5{ margin: 5px!important; }/*周りからのmarginが5px*/
.xs-m5-t{ margin-top: 5px!important; }/*上からのmarginが5px*/
.xs-m5-r{ margin-right: 5px!important; }/*右からのmarginが5px*/
.xs-m5-b{ margin-bottom: 5px!important; }/*下からのmarginが5px*/
.xs-m5-l{ margin-left: 5px!important; }/*左からのmarginが5px*/


.xs-m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.xs-m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.xs-m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.xs-m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.xs-m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.xs-m15{ margin: 15px!important; }
.xs-m15-t{ margin-top: 15px!important; }
.xs-m15-r{ margin-right: 15px!important; }
.xs-m15-b{ margin-bottom: 15px!important; }
.xs-m15-l{ margin-left: 15px!important; }

.xs-m20{ margin: 20px!important; }
.xs-m20-t{ margin-top: 20px!important; }
.xs-m20-r{ margin-right: 20px!important; }
.xs-m20-b{ margin-bottom: 20px!important; }
.xs-m20-l{ margin-left: 20px!important; }

.xs-m30{ margin: 30px!important; }
.xs-m30-t{ margin-top: 30px!important; }
.xs-m30-r{ margin-right: 30px!important; }
.xs-m30-b{ margin-bottom: 30px!important; }
.xs-m30-l{ margin-left: 30px!important; }

.xs-m35{ margin: 35px!important; }
.xs-m35-t{ margin-top: 35px!important; }
.xs-m35-r{ margin-right: 35px!important; }
.xs-m35-b{ margin-bottom: 35px!important; }
.xs-m35-l{ margin-left: 35px!important; }

.xs-m40{ margin: 40px!important; }
.xs-m40-t{ margin-top: 40px!important; }
.xs-m40-r{ margin-right: 40px!important; }
.xs-m40-b{ margin-bottom: 40px!important; }
.xs-m40-l{ margin-left: 40px!important; }

.xs-m50{ margin: 50px!important; }
.xs-m50-t{ margin-top: 50px!important; }
.xs-m50-r{ margin-right: 50px!important; }
.xs-m50-b{ margin-bottom: 50px!important; }
.xs-m50-l{ margin-left: 50px!important; }

.xs-m60{ margin: 60px!important; }
.xs-m60-t{ margin-top: 60px!important; }
.xs-m60-r{ margin-right: 60px!important; }
.xs-m60-b{ margin-bottom: 60px!important; }
.xs-m60-l{ margin-left: 60px!important; }

.xs-m70{ margin: 70px!important; }
.xs-m70-t{ margin-top: 70px!important; }
.xs-m70-r{ margin-right: 70px!important; }
.xs-m70-b{ margin-bottom: 70px!important; }
.xs-m70-l{ margin-left: 70px!important; }


/*------------------------------------------------------------
padding・・・内回りの余白の設定（スマホ）
-------------------------------------------------------------*/

.xs-p0{ padding: 0!important; }/*周りからのmarginを0にする*/
.xs-p0-t{ padding-top: 0!important; }/*上からのmarginが0px*/
.xs-p0-r{ padding-right: 0!important; }/*右からのmarginが0px*/
.xs-p0-b{ padding-bottom: 0!important; }/*下からのmarginが0px*/
.xs-p0-l{ padding-left: 0!important; }/*左からのmarginが0px*/

.xs-p1{ padding: 1px!important; }/*周りからのmarginが1px*/
.xs-p1-t{ padding-top: 1px!important; }/*上からのmarginが1px*/
.xs-p1-r{ padding-right: 1px!important; }/*右からのmarginが1px*/
.xs-p1-b{ padding-bottom: 1px!important; }/*下からのmarginが1px*/
.xs-p1-l{ padding-left: 1px!important; }/*左からのmarginが1px*/

.xs-p2{ padding: 2px!important; }/*周りからのmarginが2px*/
.xs-p2-t{ padding-top: 2px!important; }/*上からのmarginが2px*/
.xs-p2-r{ padding-right: 2px!important; }/*右からのmarginが2px*/
.xs-p2-b{ padding-bottom: 2px!important; }/*下からのmarginが2px*/
.xs-p2-l{ padding-left: 2px!important; }/*左からのmarginが2px*/

.xs-p3{ padding: 3px!important; }/*周りからのmarginが3px*/
.xs-p3-t{ padding-top: 3px!important; }/*上からのmarginが3px*/
.xs-p3-r{ padding-right: 3px!important; }/*右からのmarginが3px*/
.xs-p3-b{ padding-bottom: 3px!important; }/*下からのmarginが3px*/
.xs-p3-l{ padding-left: 3px!important; }/*左からのmarginが3px*/

.xs-p4{ padding: 4px!important; }/*周りからのmarginが4px*/
.xs-p4-t{ padding-top: 4px!important; }/*上からのmarginが4px*/
.xs-p4-r{ padding-right: 4px!important; }/*右からのmarginが4px*/
.xs-p4-b{ padding-bottom: 4px!important; }/*下からのmarginが4px*/
.xs-p4-l{ padding-left: 4px!important; }/*左からのmarginが4px*/

.xs-p5{ padding: 5px!important; }/*周りからのmarginが5px*/
.xs-p5-t{ padding-top: 5px!important; }/*上からのmarginが5px*/
.xs-p5-r{ padding-right: 5px!important; }/*右からのmarginが5px*/
.xs-p5-b{ padding-bottom: 5px!important; }/*下からのmarginが5px*/
.xs-p5-l{ padding-left: 5px!important; }/*左からのmarginが5px*/

.xs-p10{ padding: 10px!important; }/*周りからのmarginが10px*/
.xs-p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.xs-p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.xs-p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.xs-p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/

.xs-p15{ padding: 15px!important; }
.xs-p15-t{ padding-top: 15px!important; }
.xs-p15-r{ padding-right: 15px!important; }
.xs-p15-b{ padding-bottom: 15px!important; }
.xs-p15-l{ padding-left: 15px!important; }

.xs-p20{ padding: 20px!important; }
.xs-p20-t{ padding-top: 20px!important; }
.xs-p20-r{ padding-right: 20px!important; }
.xs-p20-b{ padding-bottom: 20px!important; }
.xs-p20-l{ padding-left: 20px!important; }

.xs-p30{ padding: 30px!important; }
.xs-p30-t{ padding-top: 30px!important; }
.xs-p30-r{ padding-right: 30px!important; }
.xs-p30-b{ padding-bottom: 30px!important; }
.xs-p30-l{ padding-left: 30px!important; }

.xs-p40{ padding: 40px!important; }
.xs-p40-t{ padding-top: 40px!important; }
.xs-p40-r{ padding-right: 40px!important; }
.xs-p40-b{ padding-bottom: 40px!important; }
.xs-p40-l{ padding-left: 40px!important; }

.xs-p50{ padding: 50px!important; }
.xs-p50-t{ padding-top: 50px!important; }
.xs-p50-r{ padding-right: 50px!important; }
.xs-p50-b{ padding-bottom: 50px!important; }
.xs-p50-l{ padding-left: 50px!important; }

.xs-p60{ padding: 60px!important; }
.xs-p60-t{ padding-top: 60px!important; }
.xs-p60-r{ padding-right: 60px!important; }
.xs-p60-b{ padding-bottom: 60px!important; }
.xs-p60-l{ padding-left: 60px!important; }

.xs-p70{ padding: 70px!important; }
.xs-p70-t{ padding-top: 70px!important; }
.xs-p70-r{ padding-right: 70px!important; }
.xs-p70-b{ padding-bottom: 70px!important; }
.xs-p70-l{ padding-left: 70px!important; }

.xs-p80{ padding: 80px!important; }
.xs-p80-t{ padding-top: 80px!important; }
.xs-p80-r{ padding-right: 80px!important; }
.xs-p80-b{ padding-bottom: 80px!important; }
.xs-p80-l{ padding-left: 80px!important; }

.xs-p90{ padding: 90px!important; }
.xs-p90-t{ padding-top: 90px!important; }
.xs-p90-r{ padding-right: 90px!important; }
.xs-p90-b{ padding-bottom: 90px!important; }
.xs-p90-l{ padding-left: 90px!important; }


}