@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設定　
--------------------------------------------------------------------------------*/
ul { padding: 0; margin: 0;}
ul.inline_block,
ul.list_no { margin: 0; padding: 0; font-size: 0;}
ul.inline_block li,
ul.list_no li { list-style: none;}
ul.inline_block { font-size: 0;}
ul.inline_block li { display: inline-block; font-size: 12px;}

/*--------------------------------------------------------------------------------
　▼ a設定　
--------------------------------------------------------------------------------*/
a.under { text-decoration: underline;}
a.under_no { text-decoration: none;}
a:hover { cursor: pointer; opacity: 0.8;}
img { max-width: 100%; height: auto !important; }
a { color: #020202;}
a img:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

/*--------------------------------------------------------------------------------
　▼ table設定　
--------------------------------------------------------------------------------*/
table { width: 100%; border-collapse: collapse;}
table tr th { font-weight: normal; text-align: left;}

/*--------------------------------------------------------------------------------
　▼ その他クラス設定　
--------------------------------------------------------------------------------*/
p { margin: 0 0 10px;}
.fl { float: left;}
.fr { float: right;}
.middle { vertical-align: middle;}
.line01 { line-height: 2em;}
.no-display{display: none;}
.db { display: block;}
.tar { text-align: right;}
.tac { text-align: center;}
.tal { text-align: left;}

/*--------------------------------------------------------------------------------
　▼ h1　
--------------------------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

/*--------------------------------------------------------------------------------
　▼ 背景色　
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
　▼ カラー　
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------

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

/*--------------------------------------------------------------------------------
　▼ フォントサイズ　
--------------------------------------------------------------------------------*/
.font9 { font-size: 9px !important; }
.font10 { font-size: 10px !important; }
.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; }
.font19 { font-size: 19px !important; }
.font20 { font-size: 20px !important; }
.font21 { font-size: 21px !important; }
.font22 { font-size: 22px !important; }
.font26 { font-size: 26px !important; }
.font28 { font-size: 28px !important; }
.font30 { font-size: 30px !important; }
.font35 { font-size: 35px !important; }


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

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

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

.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !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;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb80 { padding-bottom: 80px !important;}

.pt0 { padding-top: 0 !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;}
.pt60 { padding-top: 60px !important;}
.pt80 { padding-top: 80px !important;}
.pt100 { padding-top: 100px !important;}

.pl0 { padding-left: 0 !important;}
.pl5 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl20 { padding-left: 20px !important;}
.pl30 { padding-left: 30px !important;}

.pr5 { padding-right: 5px !important;}
.pr20 { padding-right: 20px !important;}
.pr30 { padding-right: 30px !important;}