@charset "UTF-8";

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
    基本設定
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body,html {
    margin: 0;
    padding: 0;
}

ul { margin: 0; padding: 0;}
a { text-decoration: none;}

img { max-width: 100%; height: auto !important; }
a { color: #000;}
a img:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

p { margin: 0;}

.fl { float: left;}
.fr { float: right;}

.middle { vertical-align: middle;}
.under { text-decoration: underline;}

/*文字間
---------------------------------*/
.line01 { line-height: 2em;}

/*カラー
---------------------------------*/
.white { color: #fff;}
.black { color: #000;}
.blue {color: #00F;}
.red {color: #F00;}

/*ボーダー
---------------------------------*/


/*フォントサイズ
---------------------------------*/
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font17 { font-size: 17px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }
.font22 { font-size: 22px !important; }
.font25 { font-size: 25px !important; }


/*フォント
---------------------------------*/
.bold { font-weight: bold !important; }
.center { text-align: center !important;}


/*マージン
---------------------------------*/
.m0 { margin: 0px !important; }
.ma15 { margin: 15px 0;}

.mt0 { margin-top: 0 !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt50 { margin-top: 50px !important;}
.mt100 { margin-top: 100px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}



/*パディング
---------------------------------*/
.pa10 { padding: 10px !important;}
.pa0 { padding: 0 !important;}
.pa5 { padding: 5px 0 !important;}
.pa15 { padding: 15px 0 !important;}
.pa20 { padding: 20px 0 !important;}
.pa25 { padding: 25px 0 !important;}
.pa30 { padding: 30px 0 !important;}
.pa50 { padding: 50px 0 !important;}
.pa80 { padding: 80px 0 !important;}

.pb0 { padding-bottom: 0 !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb80 { padding-bottom: 80px !important;}


.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}
.pt50 { padding-top: 50px !important;}
.pt80 { padding-top: 80px !important;}
.pt100 { padding-top: 100px !important;}

.pl0 { padding-left: 0 !important;}
.pl10 { padding-left: 10px !important;}
.pl30 { padding-left: 30px !important;}
.pl75 { padding-left: 75px !important;}

.pr5 { padding-right: 5px !important;}
.pr30 { padding-right: 30px !important;}
.pr70 { padding-right: 70px !important;}