@charset "utf-8";
/* CSS Document */

/*----margin----------------*/

.cmn_mt0 { margin-top: 0 !important; }
.cmn_mt10 { margin-top: 10px !important; }
.cmn_mt20 { margin-top: 20px !important; }
.cmn_mt30 { margin-top: 30px !important; }
.cmn_mt40 { margin-top: 40px !important; }
.cmn_mt50 { margin-top: 50px !important; }

.cmn_mb0 { margin-bottom: 0 !important; }
.cmn_mb10 { margin-bottom: 10px !important; }
.cmn_mb20 { margin-bottom: 20px !important; }
.cmn_mb30 { margin-bottom: 30px !important; }
.cmn_mb40 { margin-bottom: 40px !important; }
.cmn_mb50 { margin-bottom: 50px !important; }

.cmn_mr0 { margin-right: 0 !important; }
.cmn_mr10 { margin-right: 10px !important; }
.cmn_mr20 { margin-right: 20px !important; }
.cmn_mr30 { margin-right: 30px !important; }
.cmn_mr40 { margin-right: 40px !important; }
.cmn_mr50 { margin-right: 50px !important; }

.cmn_ml0 { margin-left: 0 !important; }
.cmn_ml10 { margin-left: 10px !important; }
.cmn_ml20 { margin-left: 20px !important; }
.cmn_ml30 { margin-left: 30px !important; }
.cmn_ml40 { margin-left: 40px !important; }
.cmn_ml50 { margin-left: 50px !important; }


/*----padding----------------*/

.cmn_pd10 { padding: 10px !important; }

.cmn_pt0 { padding-top: 0 !important; }
.cmn_pt10 { padding-top: 10px !important; }
.cmn_pt20 { padding-top: 20px !important; }
.cmn_pt30 { padding-top: 30px !important; }
.cmn_pt40 { padding-top: 40px !important; }
.cmn_pt50 { padding-top: 50px !important; }

.cmn_pb0 { padding-bottom: 0 !important; }
.cmn_pb10 { padding-bottom: 10px !important; }
.cmn_pb20 { padding-bottom: 20px !important; }
.cmn_pb30 { padding-bottom: 30px !important; }
.cmn_pb40 { padding-bottom: 40px !important; }
.cmn_pb50 { padding-bottom: 50px !important; }

.cmn_pr0 { padding-right: 0 !important; }
.cmn_pr10 { padding-right: 10px !important; }
.cmn_pr20 { padding-right: 20px !important; }
.cmn_pr30 { padding-right: 30px !important; }
.cmn_pr40 { padding-right: 40px !important; }
.cmn_pr50 { padding-right: 50px !important; }

.cmn_pl0 { padding-left: 0 !important; }
.cmn_pl10 { padding-left: 10px !important; }
.cmn_pl20 { padding-left: 20px !important; }
.cmn_pl30 { padding-left: 30px !important; }
.cmn_pl40 { padding-left: 40px !important; }
.cmn_pl50 { padding-left: 50px !important; }


/*----text-align----------------*/

.cmn_tCenter { text-align: center !important; }
.cmn_tRight { text-align: right !important; }
.cmn_tLeft { text-align: left !important; }


/*----font-size----------------*/

.cmn_tLarge { font-size: larger !important; }
.cmn_tSmall { font-size: smaller !important; }
.cmn_t11px { font-size: 11px !important; }
.cmn_t12px { font-size: 12px !important; }
.cmn_t13px { font-size: 13px !important; }
.cmn_t14px { font-size: 14px !important; }
.cmn_t15px { font-size: 15px !important; }
.cmn_t16px { font-size: 16px !important; }
.cmn_t17px { font-size: 17px !important; }
.cmn_t18px { font-size: 18px !important; }
.cmn_t19px { font-size: 19px !important; }
.cmn_t20px { font-size: 20px !important; }
.cmn_t21px { font-size: 21px !important; }
.cmn_t22px { font-size: 22px !important; }
.cmn_t23px { font-size: 23px !important; }
.cmn_t24px { font-size: 24px !important; }
.cmn_t25px { font-size: 25px !important; }
.cmn_t26px { font-size: 26px !important; }
.cmn_t27px { font-size: 27px !important; }
.cmn_t28px { font-size: 28px !important; }
.cmn_t29px { font-size: 29px !important; }
.cmn_t30px { font-size: 30px !important; }


/*----color----------------*/

.cmn_tBlack { color: #000 !important; }
.cmn_tGray { color: #999 !important; }
.cmn_tWhite { color: #FFF !important; }
.cmn_tRed { color: #ec0000 !important; }
.cmn_tYellow { color: #FFCC00 !important; }
.cmn_tNavy { color: #0F2F6B !important; }
.cmn_tBlue { color: #0054ff !important; }
.cmn_tLightBlue { color: #4DC9FD !important; }
.cmn_tGreen { color: #58B531 !important; }
.cmn_tPink { color: #E060A0 !important; }
.cmn_tOrange { color: #ff9900 !important; }
.cmn_tPurple { color: #993399 !important; }
.cmn_tGold { color: #cca631 !important; }
.cmn_tSilver { color: #CCC !important; }
.cmn_tBronze { color: #b06a37 !important; }
.cmn_tEmerald { color: #78C5AB !important; }


/*----bgcolor----------------*/

.cmn_bgBlack { background: #000 !important; }
.cmn_bgGray { background: #999 !important; }
.cmn_bgWhite { background: #FFF !important; }
.cmn_bgRed { background: #ec0000 !important; }
.cmn_bgYellow { background: #FFCC00 !important; }
.cmn_bgNavy { background: #0F2F6B !important; }
.cmn_bgBlue { background: #0054ff !important; }
.cmn_bgLightBlue { background: #4DC9FD !important; }
.cmn_bgGreen { background: #58B531 !important; }
.cmn_bgPink { background: #E060A0 !important; }
.cmn_bgOrange { background: #ff9900 !important; }
.cmn_bgPurple { background: #993399 !important; }
.cmn_bgGold { background: #cca631 !important; }
.cmn_bgSilver { background: #CCC !important; }
.cmn_bgBronze { background: #b06a37 !important; }
.cmn_bgEmerald { background: #78C5AB !important; }


/*----bordercolor----------------*/

.cmn_bdBlack { border-color: #000 !important; }
.cmn_bdGray { border-color: #999 !important; }
.cmn_bdWhite { border-color: #FFF !important; }
.cmn_bdRed { border-color: #ec0000 !important; }
.cmn_bdYellow { border-color: #FFCC00 !important; }
.cmn_bdNavy { border-color: #0F2F6B !important; }
.cmn_bdBlue { border-color: #0054ff !important; }
.cmn_bdLightBlue { border-color: #4DC9FD !important; }
.cmn_bdGreen { border-color: #58B531 !important; }
.cmn_bdPink { border-color: #E060A0 !important; }
.cmn_bdOrange { border-color: #ff9900 !important; }
.cmn_bdPurple { border-color: #993399 !important; }
.cmn_bdGold { border-color: #cca631 !important; }
.cmn_bdSilver { border-color: #CCC !important; }
.cmn_bdBronze { border-color: #b06a37 !important; }
.cmn_bdEmerald { border-color: #78C5AB !important; }


/*----before/after color----------------*/

.cmn_ba-bdBlack::before, .cmn_ba-bdBlack::after { border-color: #000 !important; }
.cmn_ba-bdGray::before, .cmn_ba-bdGray::after { border-color: #999 !important; }
.cmn_ba-bdWhite::before, .cmn_ba-bdWhite::after { border-color: #FFF !important; }
.cmn_ba-bdRed::before, .cmn_ba-bdRed::after { border-color: #ec0000 !important; }
.cmn_ba-bdYellow::before, .cmn_ba-bdYellow::after { border-color: #FFCC00 !important; }
.cmn_ba-bdNavy::before, .cmn_ba-bdNavy::after { border-color: #0F2F6B !important; }
.cmn_ba-bdBlue::before, .cmn_ba-bdBlue::after { border-color: #0054ff !important; }
.cmn_ba-bdLightBlue::before, .cmn_ba-bdLightBlue::after { border-color: #4DC9FD !important; }
.cmn_ba-bdGreen::before, .cmn_ba-bdGreen::after { border-color: #58B531 !important; }
.cmn_ba-bdPink::before, .cmn_ba-bdPink::after { border-color: #E060A0 !important; }
.cmn_ba-bdOrange::before, .cmn_ba-bdOrange::after { border-color: #ff9900 !important; }
.cmn_ba-bdPurple::before, .cmn_ba-bdPurple::after { border-color: #993399 !important; }
.cmn_ba-bdGold::before, .cmn_ba-bdGold::after { border-color: #cca631 !important; }
.cmn_ba-bdSilver::before, .cmn_ba-bdSilver::after { border-color: #CCC !important; }
.cmn_ba-bdBronze::before, .cmn_ba-bdBronze::after { border-color: #b06a37 !important; }
.cmn_ba-bdEmerald::before, .cmn_ba-bdEmerald::after { border-color: #78C5AB !important; }

.cmn_ba-bgBlack::before, .cmn_ba-bgBlack::after { background-color: #000 !important; }
.cmn_ba-bgGray::before, .cmn_ba-bgGray::after { background-color: #999 !important; }
.cmn_ba-bgWhite::before, .cmn_ba-bgWhite::after { background-color: #FFF !important; }
.cmn_ba-bgRed::before, .cmn_ba-bgRed::after { background-color: #ec0000 !important; }
.cmn_ba-bgYellow::before, .cmn_ba-bgdYellow::after { background-color: #FFCC00 !important; }
.cmn_ba-bgNavy::before, .cmn_ba-bgNavy::after { background-color: #0F2F6B !important; }
.cmn_ba-bgBlue::before, .cmn_ba-bgBlue::after { background-color: #0054ff !important; }
.cmn_ba-bgLightBlue::before, .cmn_ba-bgLightBlue::after { background-color: #4DC9FD !important; }
.cmn_ba-bgGreen::before, .cmn_ba-bgGreen::after { background-color: #58B531 !important; }
.cmn_ba-bgPink::before, .cmn_ba-bgPink::after { background-color: #E060A0 !important; }
.cmn_ba-bgOrange::before, .cmn_ba-bgOrange::after { background-color: #ff9900 !important; }
.cmn_ba-bgPurple::before, .cmn_ba-bgPurple::after { background-color: #993399 !important; }
.cmn_ba-bgGold::before, .cmn_ba-bgdGold::after { background-color: #cca631 !important; }
.cmn_ba-bgSilver::before, .cmn_ba-bgSilver::after { background-color: #CCC !important; }
.cmn_ba-bgBronze::before, .cmn_ba-bgBronze::after { background-color: #b06a37 !important; }
.cmn_ba-bgEmerald::before, .cmn_ba-bgEmerald::after { background-color: #78C5AB !important; }


/*----transform----------------*/

.cmn_radius {
  border-radius: 9999px !important;
}
.cmn_radius2 {
  border-radius: 2px !important;
}
.cmn_radius4 {
  border-radius: 4px !important;
}
.cmn_radius6 {
  border-radius: 6px !important;
}
.cmn_radius8 {
  border-radius: 8px !important;
}
.cmn_radius10 {
  border-radius: 10px !important;
}

/*----device----------------*/

@media screen and (min-width: 640px) {
  .cmn_displaySP {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .cmn_displayPC {
    display: none;
  }
}