@charset "UTF-8";

/*======================================

    テンプレートCSS

=======================================*/

/* --------------------------------------------------
		font-color
-------------------------------------------------- */
/*黒色*/
.fc-000 {
    color: #000!important;
    font-weight: bold!important;
}


/*黒灰*/
.fc-333 {
    color: #333!important;
    font-weight: bold!important;
}


/*濃灰*/
.fc-666 {
    color: #666!important;
    font-weight: bold!important;
}


/*薄灰*/
.fc-999 {
    color: #999!important;
    font-weight: bold!important;
}


/*白灰*/
.fc-ccc {
    color: #CCC!important;
    font-weight: bold!important;
}


/*白色*/
.fc-fff {
    color: #FFF!important;
    font-weight: bold!important;
}


/*赤色*/
.fc-f00 {
    color: #f00!important;
    font-weight: bold!important;
}


/*濃赤*/
.fc-900 {
    color: #900!important;
    font-weight: bold!important;
}


/*青色*/
.fc-00f {
    color: #00F!important;
    font-weight: bold!important;
}


/*濃青*/
.fc-009 {
    color: #009!important;
    font-weight: bold!important;
}


/*緑色*/
.fc-0f0 {
    color: #0F0!important;
    font-weight: bold!important;
}

/*濃緑*/
.fc-090 {
    color: #090!important;
    font-weight: bold!important;
}

/*水色*/
.fc-0ff {
    color: #0FF!important;
    font-weight: bold!important;
}

/*黄色*/
.fc-ff0 {
    color: #FF0!important;
    font-weight: bold!important;
}

/*橙色*/
.fc-f63 {
    color: #F63!important;
    font-weight: bold!important;
}

/*紫色*/
.fc-90f {
    color: #90F!important;
    font-weight: bold!important;
}

/*桃色*/
.fc-f0f {
    color: #F0F!important;
    font-weight: bold!important;
}

/*--------------------------------------------------
		font-background-color
-------------------------------------------------- */
span[class^="fb-"] {
	line-height: 1.8!important;
}

.fb-f00 {
    padding: 1px!important;
    color: #FFF!important;
    font-weight: bold!important;
    background: #f00!important;
}

.fb-900 {
    padding: 1px!important;
    color: #FFF!important;
    font-weight: bold!important;
    background: #900!important;
}

.fb-00f {
    padding: 1px!important;
    color: #ffffff!important;
    font-weight: bold!important;
    background: #00F!important;
}

.fb-0f0 {
    padding: 1px!important;
    font-weight: bold!important;
    background: #0F0!important;
}

.fb-0ff {
    padding: 1px!important;
    font-weight: bold!important;
    background: #0FF!important;
}

.fb-ff0 {
    padding: 1px!important;
    font-weight: bold!important;
    background: #FF0!important;
}

.fb-ff0-1 {
    padding: 1px!important;
    color: #F00!important;
    font-weight: bold!important;
    background: #FF0!important;
}

.fb-ff0-2 {
    padding: 1px!important;
    color: #900!important;
    font-weight: bold!important;
    background: #FF0!important;
}

.fb-f63 {
    padding: 1px!important;
    font-weight: bold!important;
    background: #F63!important;
}

.fb-f0f {
    padding: 1px!important;
    color: #FFF!important;
    font-weight: bold!important;
    background: #F0F!important;
}

/*------------------------------------------------------------
		font-weight
-------------------------------------------------------------*/
.fw-n {
    font-weight: normal !important;
}

.fw-b {
    font-weight: bold !important;
}

.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

/*======================================

	Font-size Adjustment

	77% = 10px	| 	112% = 16px	|	167% = 22px
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/
/*------------------------------------------------------------
		font-size
-------------------------------------------------------------*/
#wrapper .fs-10 {
    font-size: 77% !important;
}

#wrapper .fs-11 {
    font-size: 85% !important;
}

#wrapper .fs-12 {
    font-size: 92% !important;
}

#wrapper .fs-13 {
    font-size: 100% !important;
}

#wrapper .fs-14 {
    font-size: 107% !important;
}

#wrapper .fs-15 {
    font-size: 114% !important;
}

#wrapper .fs-16 {
    font-size: 112% !important;
}

#wrapper .fs-17 {
    font-size: 129% !important;
}

#wrapper .fs-18 {
    font-size: 136% !important;
}

#wrapper .fs-19 {
    font-size: 144% !important;
}

#wrapper .fs-20 {
    font-size: 152% !important;
}

#wrapper .fs-21 {
    font-size: 159% !important;
}

#wrapper .fs-22 {
    font-size: 167% !important;
}

#wrapper .fs-23 {
    font-size: 174% !important;
}

#wrapper .fs-24 {
    font-size: 182%!important;
}

#wrapper .fs-25 {
    font-size: 189% !important;
}

#wrapper .fs-26 {
    font-size: 197% !important;
}

#wrapper .fs-30 {
    font-size: 30px !important;
}

/*------------------------------------------------------------
		line-height
-------------------------------------------------------------*/
.lh-110 {
    line-height: 110% !important;
}

.lh-120 {
    line-height: 120% !important;
}

.lh-130 {
    line-height: 130% !important;
}

.lh-140 {
    line-height: 140% !important;
}

.lh-150 {
    line-height: 150% !important;
}

.lh-160 {
    line-height: 160% !important;
}

.lh-170 {
    line-height: 170% !important;
}

.lh-180 {
    line-height: 180% !important;
}

.lh-190 {
    line-height: 190% !important;
}

.lh-200 {
    line-height: 200% !important;
}

/*------------------------------------------------------------
		text-decoration
-------------------------------------------------------------*/
.td-n {
    text-decoration: none!important;
}

.td-u {
    text-decoration: underline!important;
}

.td-o {
    text-decoration-line: overline!important;
}

.td-t {
    text-decoration-line: line-through!important;
}

/*------------------------------------------------------------
		text-align
-------------------------------------------------------------*/
.ta-c {
    text-align: center !important;
}

/*中央寄せ*/
.ta-r {
    text-align: right !important;
}

/*右寄せ*/
.ta-l {
    text-align: left !important;
}

/*左寄せ*/
/*------------------------------------------------------------
		vertical-align
-------------------------------------------------------------*/
.va-t {
    vertical-align: top!important;
}

/*上寄せ*/
.va-m {
    vertical-align: middle!important;
}

/*中央寄せ*/
.va-b {
    vertical-align: bottom!important;
}

/*下寄せ*/
/*------------------------------------------------------------
		margin
-------------------------------------------------------------*/
.m0 {
    margin: 0 !important;
}

/*全margin無し*/
.mt-0 {
    margin-top: 0 !important;
}

/*上marginが0px*/
.mr-0 {
    margin-right: 0 !important;
}

/*右marginが0px*/
.mb-0 {
    margin-bottom: 0 !important;
}

/*下marginが0px*/
.ml-0 {
    margin-left: 0 !important;
}

/*左marginが0px*/
.m1 {
    margin: 1px !important;
}

.mt-1 {
    margin-top: 1px !important;
}

.mr-1 {
    margin-right: 1px !important;
}

.mb-1 {
    margin-bottom: 1px !important;
}

.ml-1 {
    margin-left: 1px !important;
}

.m2 {
    margin: 2px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mr-2 {
    margin-right: 2px !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.ml-2 {
    margin-left: 2px !important;
}

.m3 {
    margin: 3px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.m4 {
    margin: 4px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.ml-4 {
    margin-left: 4px !important;
}

.m5 {
    margin: 5px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.m6 {
    margin: 6px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mr-6 {
    margin-right: 6px !important;
}

.mb-6 {
    margin-bottom: 6px !important;
}

.ml-6 {
    margin-left: 6px !important;
}

.m7 {
    margin: 7px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mr-7 {
    margin-right: 7px !important;
}

.mb-7 {
    margin-bottom: 7px !important;
}

.ml-7 {
    margin-left: 7px !important;
}

.m8 {
    margin: 8px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.m9 {
    margin: 9px !important;
}

.mt-9 {
    margin-top: 9px !important;
}

.mr-9 {
    margin-right: 9px !important;
}

.mb-9 {
    margin-bottom: 9px !important;
}

.ml-9 {
    margin-left: 9px !important;
}

.m10 {
    margin: 10px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.m40 {
    margin: 40px !important;
}

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

.mr-40 {
    margin-right: 40px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.m50 {
    margin: 50px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.m60 {
    margin: 60px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.m70 {
    margin: 70px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

/*------------------------------------------------------------
		padding
-------------------------------------------------------------*/
.p0 {
    padding: 0 !important;
}

/*全padding無し*/
.pt-0 {
    padding-top: 0px !important;
}

/*上paddingが0px*/
.pr-0 {
    padding-right: 0px !important;
}

/*右paddingが0px*/
.pb-0 {
    padding-bottom: 0px !important;
}

/*下paddingが0px*/
.pl-0 {
    padding-left: 0px !important;
}

/*左paddingが0px*/
.p1 {
    padding: 1px !important;
}

.pt-1 {
    padding-top: 1px !important;
}

.pr-1 {
    padding-right: 1px !important;
}

.pb-1 {
    padding-bottom: 1px !important;
}

.pl-1 {
    padding-left: 1px !important;
}

.p2 {
    padding: 2px !important;
}

.pt-2 {
    padding-top: 2px !important;
}

.pr-2 {
    padding-right: 2px !important;
}

.pb-2 {
    padding-bottom: 2px !important;
}

.pl-2 {
    padding-left: 2px !important;
}

.p3 {
    padding: 3px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

.pr-3 {
    padding-right: 3px !important;
}

.pb-3 {
    padding-bottom: 3px !important;
}

.pl-3 {
    padding-left: 3px !important;
}

.p4 {
    padding: 4px !important;
}

.pt-4 {
    padding-top: 4px !important;
}

.pr-4 {
    padding-right: 4px !important;
}

.pb-4 {
    padding-bottom: 4px !important;
}

.pl-4 {
    padding-left: 4px !important;
}

.p5 {
    padding: 5px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.p6 {
    padding: 6px !important;
}

.pt-6 {
    padding-top: 6px !important;
}

.pr-6 {
    padding-right: 6px !important;
}

.pb-6 {
    padding-bottom: 6px !important;
}

.pl-6 {
    padding-left: 6px !important;
}

.p7 {
    padding: 7px !important;
}

.pt-7 {
    padding-top: 7px !important;
}

.pr-7 {
    padding-right: 7px !important;
}

.pb-7 {
    padding-bottom: 7px !important;
}

.pl-7 {
    padding-left: 7px !important;
}

.p8 {
    padding: 8px !important;
}

.pt-8 {
    padding-top: 8px !important;
}

.pr-8 {
    padding-right: 8px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pl-8 {
    padding-left: 8px !important;
}

.p9 {
    padding: 9px !important;
}

.pt-9 {
    padding-top: 9px !important;
}

.pr-9 {
    padding-right: 9px !important;
}

.pb-9 {
    padding-bottom: 9px !important;
}

.pl-9 {
    padding-left: 9px !important;
}

.p10 {
    padding: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.p30 {
    padding: 30px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.p40 {
    padding: 40px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.p50 {
    padding: 50px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.p60 {
    padding: 60px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.p70 {
    padding: 70px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pl-70 {
    padding-left: 70px !important;
}