/*===============================================
　ボタン設定
===============================================*/


/*===============================================
　スペース設定
===============================================*/
.spc10 {margin-top:10px; }
.spc20 {margin-top:20px; }
.spc50 {margin-top:50px; }
.spc100{margin-top:100px;}

.spc10_l{margin-left:10px;}
.spc20_l{margin-left:20px;}

.fl_l{float:left;}
.fl_r{float:right;}

.ml50{margin-left:50px;}
.ml20{margin-left:20px;}
.ml10{margin-left:10px;}
.ml5 {margin-left: 5px;}

.mr50{margin-right:50px;}
.mr20{margin-right:20px;}
.mr10{margin-right:10px;}
.mr5 {margin-right: 5px;}

.mt100{margin-top:100px;}
.mt50 {margin-top: 50px;}
.mt20 {margin-top: 20px;}
.mt10 {margin-top: 10px;}
.mt5  {margin-top:  5px;}

.mb100{margin-bottom:100px;}
.mb50 {margin-bottom: 50px;}
.mb20 {margin-bottom: 20px;}
.mb10 {margin-bottom: 10px;}
.mb5  {margin-bottom:  5px;}


.pl50{padding-left:50px;}
.pl20{padding-left:20px;}
.pl10{padding-left:10px;}
.pl5 {padding-left: 5px;}

.pr50{padding-right:50px;}
.pr20{padding-right:20px;}
.pr10{padding-right:10px;}
.pr5 {padding-right: 5px;}

.pt50{padding-top:50px;}
.pt20{padding-top:20px;}
.pt10{padding-top:10px;}
.pt5 {padding-top: 5px;}

.pb50{padding-bottom:50px;}
.pb20{padding-bottom:20px;}
.pb10{padding-bottom:10px;}
.pb5 {padding-bottom: 5px;}

.m010{margin:0 20px;}
.m010{margin:0 10px;}
.m05 {margin:0 5px;}

.m50{margin :50px;}
.p50{padding:50px;}

.m20{margin :20px;}
.p20{padding:20px;}

.m10{margin :10px;}
.p10{padding:10px;}

.m0{margin :0;}
.p0{padding:0;}


.w200{width:200px;}
.w160{width:160px;}
.w150{width:150px;}
.w120{width:120px;}
.w100{width:100px;}
.w90 {width: 90px;}
.w60 {width: 60px;}
.w50 {width: 50px;}

.w100p{width:100%;}
.w90p {width: 90%;}
.w80p {width: 80%;}
.w70p {width: 70%;}
.w60p {width: 60%;}
.w50p {width: 50%;}

.w49p {width: 49%;}
.w48p {width: 48%;}
.w47p {width: 47%;}
.w46p {width: 46%;}
.w45p {width: 45%;}
.w44p {width: 44%;}
.w43p {width: 43%;}
.w42p {width: 42%;}
.w41p {width: 41%;}
.w40p {width: 40%;}

.w30p {width: 30%;}
.w25p {width: 25%;}
.w20p {width: 20%;}
.w10p {width: 10%;}
.w5p  {width:  5%;}


.fz48{font-size:48px;}
.fz32{font-size:32px;}
.fz30{font-size:30px;}
.fz28{font-size:28px;}
.fz26{font-size:26px;}
.fz24{font-size:24px;}
.fz22{font-size:22px;}
.fz20{font-size:20px;}
.fz18{font-size:18px;}
.fz16{font-size:16px;}
.fz14{font-size:14px;}
.fz12{font-size:12px;}
.fz11{font-size:11px;}

.tar{text-align:right;}
.tal{text-align:left;}
.tac{text-align:center;}

.fw800{font-weight:800;}
.fw600{font-weight:600;}

.dsn{display:none;}

/*===============================================
　その他
===============================================*/
.num_in{text-align:right;}
.alert{color:#F00; font-weight:800;}
.clear_float{clear:both;}

.dflx_cc{
	display        :flex;
	justify-content:center;
	align-items    :center;
	
	display: -webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
}

.dflx_sbc{
	display        :flex;
	justify-content:space-between;
	align-items    :center;
	
	display: -webkit-flex;
	-webkit-justify-content:space-between;
	-webkit-align-items:center;
}

.dflx_sbb{
	display        :flex;
	justify-content:space-between;
	align-items    :baseline;
	
	display: -webkit-flex;
	-webkit-justify-content:space-between;
	-webkit-align-items:baseline;
}

.dflx_sac{
	display        :flex;
	justify-content:space-around;
	align-items    :center;
	
	display: -webkit-flex;
	-webkit-justify-content:space-around;
	-webkit-align-items:center;
}


.dflx_fsc{
	display        :flex;
	justify-content:flex-start;
	align-items    :center;
	
	display: -webkit-flex;
	-webkit-justify-content:flex-start;
	-webkit-align-items:center;
}

.dflx_fscw{
        display        :flex;
        justify-content:flex-start;
        align-items    :center;
        flex-wrap      : wrap;

        display: -webkit-flex;
        -webkit-justify-content:flex-start;
        -webkit-align-items:center;
        -webkit-flex-wrap: wrap;
}

.dflx_fsfs{
	display        :flex;
	justify-content:flex-start;
	align-items    :flex-start;
	
	display: -webkit-flex;
	-webkit-justify-content:flex-start;
	-webkit-align-items:flex-start;
}

.dflx_fec{
	display        :flex;
	justify-content:flex-end;
	align-items    :center;
	
	display: -webkit-flex;
	-webkit-justify-content:flex-end;
	-webkit-align-items:center;
}

.dflx_fecw{
        display        :flex;
        justify-content:flex-end;
        align-items    :center;
        flex-wrap      : wrap;

        display: -webkit-flex;
        -webkit-justify-content:flex-end;
        -webkit-align-items:center;
        -webkit-flex-wrap: wrap;
}

.dflx_sbfs{
	display        :flex;
	justify-content:space-between;
	align-items    :flex-start;
	
	display: -webkit-flex;
	-webkit-justify-content:space-between;
	-webkit-align-items:flex-start;
}

.dflx_sbfe{
	display        :flex;
	justify-content:space-between;
	align-items    :flex-end;
	
	display: -webkit-flex;
	-webkit-justify-content:space-between;
	-webkit-align-items:flex-end;
}

.dflx_dc_cc{
	display        :flex;
	flex-direction :column;
	justify-content:center;
	align-items    :center;
	
	display: -webkit-flex;
	-webkit-flex-direction :column;
	-webkit-justify-content:center;
	-webkit-align-items    :center;
}

.dflx_wrap{
	flex-wrap: wrap;
}