@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;
    font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
}

ul {
    margin: 0;
    padding: 0;
}
ul li { list-style: none;}

a { text-decoration: none; color: #000; }

img { max-width: 100%; height: auto !important; }

a img:hover,
a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

p { margin: 0; line-height: 2em; font-size: 14px;}

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


/*文字間
---------------------------------*/

/*カラー
---------------------------------*/
.orange { color: #FF7F00 !important;}
.blue {  color: #006896 !important;}


/*ボーダー
---------------------------------*/
.bo-no { border: none !important;}
.under { text-decoration: underline !important;}


/*フォントサイズ
---------------------------------*/
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }

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


/*マージン
---------------------------------*/
.ma0 { margin: 0 !important;}
.ma10 { margin: 0 10px;}

.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb40 { margin-bottom: 40px !important;}

.mt40 { margin-top: 40px !important;}


/*パディング
---------------------------------*/
.pa30 { padding: 30px 0 !important;}
.pa40 { padding: 40px 0 !important;}

.pb0 { padding-bottom: 0px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl10 { padding-left: 10px !important;}
.pl20 { padding-left: 20px !important;}
.pl35 { padding-left: 35px !important;}