@charset "utf-8";
/* margin */
.mT10 { margin-top: 10px;}
.mT20 { margin-top: 20px;}
.mT30 { margin-top: 30px;}
.mT40 { margin-top: 40px;}
.mT50 { margin-top: 50px;}
.mT60 { margin-top: 60px;}
.mT70 { margin-top: 70px;}
.mT80 { margin-top: 80px;}
.mT90 { margin-top: 90px;}
.mT100 { margin-top: 100px;}

.mB10 { margin-bottom: 10px;}
.mB20 { margin-bottom: 20px;}
.mB30 { margin-bottom: 30px;}
.mB40 { margin-bottom: 40px;}
.mB50 { margin-bottom: 50px;}
.mB60 { margin-bottom: 60px;}
.mB70 { margin-bottom: 70px;}
.mB80 { margin-bottom: 80px;}
.mB90 { margin-bottom: 90px;}
.mB100 { margin-bottom: 100px;}

@media screen and (max-width: 768px) {
  .mT10 { margin-top: 2%;}
  .mT20 { margin-top: 3%;}
  .mT30 { margin-top: 4%;}
  .mT40 { margin-top: 5%;}
  .mT50 { margin-top: 6%;}
  .mT60 { margin-top: 7%;}
  .mT70 { margin-top: 8%;}
  .mT80 { margin-top: 9%;}
  .mT90 { margin-top: 10%;}
  .mT100 { margin-top: 11%;}

  .mB10 { margin-bottom: 2%;}
  .mB20 { margin-bottom: 3%;}
  .mB30 { margin-bottom: 4%;}
  .mB40 { margin-bottom: 5%;}
  .mB50 { margin-bottom: 6%;}
  .mB60 { margin-bottom: 7%;}
  .mB70 { margin-bottom: 8%;}
  .mB80 { margin-bottom: 9%;}
  .mB90 { margin-bottom: 10%;}
  .mB100 { margin-bottom: 11%;}
}

/* padding */
.pT10 { padding-top: 10px;}
.pT20 { padding-top: 20px;}
.pT30 { padding-top: 30px;}
.pT40 { padding-top: 40px;}
.pT50 { padding-top: 50px;}
.pT60 { padding-top: 60px;}
.pT70 { padding-top: 70px;}
.pT80 { padding-top: 80px;}
.pT90 { padding-top: 90px;}
.pT100 { padding-top: 100px;}

.pB10 { padding-bottom: 10px;}
.pB20 { padding-bottom: 20px;}
.pB30 { padding-bottom: 30px;}
.pB40 { padding-bottom: 40px;}
.pB50 { padding-bottom: 50px;}
.pB60 { padding-bottom: 60px;}
.pB70 { padding-bottom: 70px;}
.pB80 { padding-bottom: 80px;}
.pB90 { padding-bottom: 90px;}
.pB100 { padding-bottom: 100px;}

@media screen and (max-width: 768px) {
  .pT10 { padding-top: 2%;}
  .pT20 { padding-top: 3%;}
  .pT30 { padding-top: 4%;}
  .pT40 { padding-top: 5%;}
  .pT50 { padding-top: 6%;}
  .pT60 { padding-top: 7%;}
  .pT70 { padding-top: 8%;}
  .pT80 { padding-top: 9%;}
  .pT90 { padding-top: 10%;}
  .pT100 { padding-top: 11%;}

  .pB10 { padding-bottom: 2%;}
  .pB20 { padding-bottom: 3%;}
  .pB30 { padding-bottom: 4%;}
  .pB40 { padding-bottom: 5%;}
  .pB50 { padding-bottom: 6%;}
  .pB60 { padding-bottom: 7%;}
  .pB70 { padding-bottom: 8%;}
  .pB80 { padding-bottom: 9%;}
  .pB90 { padding-bottom: 10%;}
  .pB100 { padding-bottom: 11%;}
}

/* font */
.wht { color: #fff;}

.center { text-align: center;}

.bold { font-weight: bold;}

/* hover */
.opa {
  transition: all .4s;
}

.opa:hover { opacity: .8;}

/* none */
@media screen and (max-width: 414px) {
  .mbnone { display: none;}
}

@media screen and (min-width: 415px) {
  .mbonly { display: none;}
}

@media screen and (min-width: 769px) {
  .sponly { display: none;}
}

@media screen and (max-width: 768px) {
  .pconly { display: none;}
}