/* layout helper */
.cf:before,
.cf:after {
    content: "";
    display: table;
}
.cf:after {clear: both;}

.w100 {width: 100px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w320 {width: 320px;}

.w5p {width: 5%;}
.w10p {width: 10%;}
.w15p {width: 15%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w33p {width: 33%;}
.w40p {width: 40%;}
.w45p {width: 45%;}
.w49p {width: 49%;}
.w50p {width: 50%;}
.w60p {width: 60%;}
.w66p {width: 66%;}
.w70p {width: 70%;}
.w75p {width: 75%;}
.w80p {width: 80%;}
.w90p {width: 90%;}
.w100p {width: 100%;}

.m0 {margin: 0;}
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.m25 {margin: 25px;}
.m30 {margin: 30px;}
.m35 {margin: 35px;}
.m40 {margin: 40px;}
.mt0 {margin-top: 0;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mb0 {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mr0 {margin-right: 0;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.ml0 {margin-left: 0;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.m0a {margin: 0 auto;}
.p0 {padding: 0;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.p25 {padding: 25px;}
.p30 {padding: 30px;}
.p35 {padding: 35px;}
.p40 {padding: 40px;}
.pt0 {padding-top: 0;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pb0 {padding-bottom: 0;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pr0 {padding-right: 0;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pl0 {padding-left: 0;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}

.fll {float: left;}
.flr {float: right;}
.cb {clear: both;}

.db {display: block;}
.dib {display: inline-block;}

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

.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align: bottom;}
.vabl {vertical-align: baseline;}

.tdn {text-decoration: none;}

.fwb {font-weight: bold;}
.fwn {font-weight: normal;}
.fsn {font-style: normal;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}

.fz12 {font-size: 12px;}
.fz13 {font-size: 13px;}
.fz14 {font-size: 14px;}
.fz16 {font-size: 16px;}
.fz18 {font-size: 18px;}
.fz20 {font-size: 20px;}
.fz22 {font-size: 22px;}
.fz24 {font-size: 24px;}
.fz28 {font-size: 28px;}
.fz32 {font-size: 32px;}
.fz36 {font-size: 36px;}
.fz48 {font-size: 48px;}
.fzll {font-size: 2rem;}
.fzl {font-size: 1.5rem;}
.fzm {font-size: 1.2rem;}
.fz1 {font-size: 1rem;}
.fzs {font-size: .8rem;}
.fzss {font-size: .6rem;}

.bdrs2 {border-radius: 2px;}
.bdrs3 {border-radius: 3px;}
.bdrs4 {border-radius: 4px;}
.bdrs6 {border-radius: 6px;}
.bdrs8 {border-radius: 8px;}
.bdrs10 {border-radius: 10px;}
.bdrs15 {border-radius: 15px;}
.bdrs20 {border-radius: 20px;}
.bdrs50p {border-radius: 50%;}

.lh1 {line-height:1em;}
.lh1_1 {line-height:1.1em;}
.lh1_2 {line-height:1.2em;}
.lh1_3 {line-height:1.3em;}
.lh1_4 {line-height:1.4em;}
.lh1_5 {line-height:1.5em;}
.lh1_6 {line-height:1.6em;}
.lh1_7 {line-height:1.7em;}
.lh1_8 {line-height:1.8em;}
.lh1_9 {line-height:1.8em;}
.lh2 {line-height:2em;}
.lh2_1
 {line-height:2.1em;}
.lh2_2 {line-height:2.2em;}
.lh2_3 {line-height:2.3em;}
.lh2_4 {line-height:2.4em;}
.lh2_5 {line-height:2.5em;}
.lh2_6 {line-height:2.6em;}
.lh2_7 {line-height:2.7em;}
.lh2_8 {line-height:2.8em;}
.lh2_9 {line-height:2.9em;}
.lh3 {line-height:3em;}
.lh3_1 {line-height:3.1em;}
.lh3_2 {line-height:3.2em;}
.lh3_3 {line-height:3.3em;}
.lh3_4 {line-height:3.4em;}
.lh3_5 {line-height:3.5em;}
.lh3_6 {line-height:3.6em;}
.lh3_7 {line-height:3.7em;}
.lh3_8 {line-height:3.8em;}
.lh3_9{line-height:3.9em;}
.lh4 {line-height:4em;}

.co_r{color:#ff0000;}
.co_b{color:#000;}
.co_w{color:#fff;}
.co_g{color:#666666;}
.co_f5{color:#f5f5f5;}
.co_or{color:#FFA500;}

.bg_f5{background: #f5f5f5;}
.bg_or{background: #FFA500;}


.pc_on{display:inline;}
.sp_off{display:none;}
.pc_off{display:none;}
.sp_on{display:inline;}

.mynoborder{text-decoration: none;}

@media (max-width: 650px) {
.pc_on{display:none;}
.sp_off{display:inline;}
.pc_off{display:inline;}
.sp_on{display:none;}
}

.nowrap {white-space: nowrap;}