@charset "UTF-8";

/*----------------------------------------------------------------------------------------------------
 *
 * Copyright (C) TAKESHI SHIBATA
 * http://shibatatakeshi.com/
 *
 * SPACING 2.0
 *
 *--------------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {

/*--------------------------------------------------

   Margin

--------------------------------------------------*/

.mt_0 { margin-top: 0px !important; }
.mt_10 { margin-top: 5px; }
.mt_20 { margin-top: 10px; }
.mt_30 { margin-top: 15px; }
.mt_40 { margin-top: 20px; }
.mt_50 { margin-top: 25px; }
.mt_60 { margin-top: 30px; }
.mt_70 { margin-top: 35px; }
.mt_80 { margin-top: 40px; }
.mt_90 { margin-top: 45px; }
.mt_100 { margin-top: 50px; }

.mr_0 { margin-right: 0px !important; }
.mr_10 { margin-right: 5px; }
.mr_20 { margin-right: 10px; }
.mr_30 { margin-right: 15px; }
.mr_40 { margin-right: 20px; }
.mr_50 { margin-right: 25px; }
.mr_60 { margin-right: 30px; }
.mr_70 { margin-right: 35px; }
.mr_80 { margin-right: 40px; }
.mr_90 { margin-right: 45px; }
.mr_100 { margin-right: 50px; }

.mb_0 { margin-bottom: 0px !important; }
.mb_10 { margin-bottom: 5px; }
.mb_20 { margin-bottom: 10px; }
.mb_30 { margin-bottom: 15px; }
.mb_40 { margin-bottom: 20px; }
.mb_50 { margin-bottom: 25px; }
.mb_60 { margin-bottom: 30px; }
.mb_70 { margin-bottom: 35px; }
.mb_80 { margin-bottom: 40px; }
.mb_90 { margin-bottom: 45px; }
.mb_100 { margin-bottom: 50px; }

.ml_0 { margin-left: 0px !important; }
.ml_10 { margin-left: 5px; }
.ml_20 { margin-left: 10px; }
.ml_30 { margin-left: 15px; }
.ml_40 { margin-left: 20px; }
.ml_50 { margin-left: 25px; }
.ml_60 { margin-left: 30px; }
.ml_70 { margin-left: 35px; }
.ml_80 { margin-left: 40px; }
.ml_90 { margin-left: 45px; }
.ml_100 { margin-left: 50px; }

/*--------------------------------------------------

   Padding

--------------------------------------------------*/

.pt_0 { padding-top: 0px !important; }
.pt_10 { padding-top: 5px; }
.pt_20 { padding-top: 10px; }
.pt_30 { padding-top: 15px; }
.pt_40 { padding-top: 20px; }
.pt_50 { padding-top: 25px; }
.pt_60 { padding-top: 30px; }
.pt_70 { padding-top: 35px; }
.pt_80 { padding-top: 40px; }
.pt_90 { padding-top: 45px; }
.pt_100 { padding-top: 50px; }

.pr_0 { padding-right: 0px !important; }
.pr_10 { padding-right: 5px; }
.pr_20 { padding-right: 10px; }
.pr_30 { padding-right: 15px; }
.pr_40 { padding-right: 20px; }
.pr_50 { padding-right: 25px; }
.pr_60 { padding-right: 30px; }
.pr_70 { padding-right: 35px; }
.pr_80 { padding-right: 40px; }
.pr_90 { padding-right: 45px; }
.pr_100 { padding-right: 50px; }

.pb_0 { padding-bottom: 0px !important; }
.pb_10 { padding-bottom: 5px; }
.pb_20 { padding-bottom: 10px; }
.pb_30 { padding-bottom: 15px; }
.pb_40 { padding-bottom: 20px; }
.pb_50 { padding-bottom: 25px; }
.pb_60 { padding-bottom: 30px; }
.pb_70 { padding-bottom: 35px; }
.pb_80 { padding-bottom: 40px; }
.pb_90 { padding-bottom: 45px; }
.pb_100 { padding-bottom: 50px; }

.pl_0 { padding-left: 0px !important; }
.pl_10 { padding-left: 5px; }
.pl_20 { padding-left: 10px; }
.pl_30 { padding-left: 15px; }
.pl_40 { padding-left: 20px; }
.pl_50 { padding-left: 25px; }
.pl_60 { padding-left: 30px; }
.pl_70 { padding-left: 35px; }
.pl_80 { padding-left: 40px; }
.pl_90 { padding-left: 45px; }
.pl_100 { padding-left: 50px; }

}

@media (min-width: 769px) {

/*--------------------------------------------------

   Margin

--------------------------------------------------*/

.mt_0 { margin-top: 0px !important; }
.mt_10 { margin-top: 10px; }
.mt_20 { margin-top: 20px; }
.mt_30 { margin-top: 30px; }
.mt_40 { margin-top: 40px; }
.mt_50 { margin-top: 50px; }
.mt_60 { margin-top: 60px; }
.mt_70 { margin-top: 70px; }
.mt_80 { margin-top: 80px; }
.mt_90 { margin-top: 90px; }
.mt_100 { margin-top: 100px; }

.mr_0 { margin-right: 0px !important; }
.mr_10 { margin-right: 10px; }
.mr_20 { margin-right: 20px; }
.mr_30 { margin-right: 30px; }
.mr_40 { margin-right: 40px; }
.mr_50 { margin-right: 50px; }
.mr_60 { margin-right: 60px; }
.mr_70 { margin-right: 70px; }
.mr_80 { margin-right: 80px; }
.mr_90 { margin-right: 90px; }
.mr_100 { margin-right: 100px; }

.mb_0 { margin-bottom: 0px !important; }
.mb_10 { margin-bottom: 10px; }
.mb_20 { margin-bottom: 20px; }
.mb_30 { margin-bottom: 30px; }
.mb_40 { margin-bottom: 40px; }
.mb_50 { margin-bottom: 50px; }
.mb_60 { margin-bottom: 60px; }
.mb_70 { margin-bottom: 70px; }
.mb_80 { margin-bottom: 80px; }
.mb_90 { margin-bottom: 90px; }
.mb_100 { margin-bottom: 100px; }

.ml_0 { margin-left: 0px !important; }
.ml_10 { margin-left: 10px; }
.ml_20 { margin-left: 20px; }
.ml_30 { margin-left: 30px; }
.ml_40 { margin-left: 40px; }
.ml_50 { margin-left: 50px; }
.ml_60 { margin-left: 60px; }
.ml_70 { margin-left: 70px; }
.ml_80 { margin-left: 80px; }
.ml_90 { margin-left: 90px; }
.ml_100 { margin-left: 100px; }

/*--------------------------------------------------

   Padding

--------------------------------------------------*/

.pt_0 { padding-top: 0px !important; }
.pt_10 { padding-top: 10px; }
.pt_20 { padding-top: 20px; }
.pt_30 { padding-top: 30px; }
.pt_40 { padding-top: 40px; }
.pt_50 { padding-top: 50px; }
.pt_60 { padding-top: 60px; }
.pt_70 { padding-top: 70px; }
.pt_80 { padding-top: 80px; }
.pt_90 { padding-top: 90px; }
.pt_100 { padding-top: 100px; }

.pr_0 { padding-right: 0px !important; }
.pr_10 { padding-right: 10px; }
.pr_20 { padding-right: 20px; }
.pr_30 { padding-right: 30px; }
.pr_40 { padding-right: 40px; }
.pr_50 { padding-right: 50px; }
.pr_60 { padding-right: 60px; }
.pr_70 { padding-right: 70px; }
.pr_80 { padding-right: 80px; }
.pr_90 { padding-right: 90px; }
.pr_100 { padding-right: 100px; }

.pb_0 { padding-bottom: 0px !important; }
.pb_10 { padding-bottom: 10px; }
.pb_20 { padding-bottom: 20px; }
.pb_30 { padding-bottom: 30px; }
.pb_40 { padding-bottom: 40px; }
.pb_50 { padding-bottom: 50px; }
.pb_60 { padding-bottom: 60px; }
.pb_70 { padding-bottom: 70px; }
.pb_80 { padding-bottom: 80px; }
.pb_90 { padding-bottom: 90px; }
.pb_100 { padding-bottom: 100px; }

.pl_0 { padding-left: 0px !important; }
.pl_10 { padding-left: 10px; }
.pl_20 { padding-left: 20px; }
.pl_30 { padding-left: 30px; }
.pl_40 { padding-left: 40px; }
.pl_50 { padding-left: 50px; }
.pl_60 { padding-left: 60px; }
.pl_70 { padding-left: 70px; }
.pl_80 { padding-left: 80px; }
.pl_90 { padding-left: 90px; }
.pl_100 { padding-left: 100px; }

}