/*デバイスオンリー*/
.pc-only {
  display: block;
}
.sp-only {
  display: none;
} 
@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  } 
}
/* margin */
.pcmat {margin: auto;}
/* ----- TOP ----- */
.pcmt5 {margin-top: 5px !important;}
.pcmt10 {margin-top: 10px !important;}
.pcmt15 {margin-top: 15px !important;}
.pcmt20 {margin-top: 20px !important;}
.pcmt25 {margin-top: 25px !important;}
.pcmt30 {margin-top: 30px !important;}
.pcmt35 {margin-top: 35px !important;}
.pcmt40 {margin-top: 40px !important;}
.pcmt45 {margin-top: 45px !important;}
.pcmt50 {margin-top: 50px !important;}
.pcmt55 {margin-top: 55px !important;}
.pcmt60 {margin-top: 60px !important;}
.pcmt65 {margin-top: 65px !important;}
.pcmt70 {margin-top: 7px !important;}
.pcmt75 {margin-top: 75px !important;}
.pcmt80 {margin-top: 80px!important;}
.pcmt85 {margin-top: 85px !important;}
.pcmt90 {margin-top: 90px !important;}
.pcmt95 {margin-top: 95px !important;}
.pcmt100 {margin-top: 100px !important;}
/* -----BOTTOM ----- */
.pcmb5 {margin-bottom: 5px !important;}
.pcmb10 {margin-bottom: 10px !important;}
.pcmb15 {margin-bottom: 15px !important;}
.pcmb20 {margin-bottom: 20px !important;}
.pcmb25 {margin-bottom: 25px !important;}
.pcmb30 {margin-bottom: 30px !important;}
.pcmb35 {margin-bottom: 35px !important;}
.pcmb40 {margin-bottom: 40px !important;}
.pcmb45 {margin-bottom: 45px !important;}
.pcmb50 {margin-bottom: 50px !important;}
.pcmb55 {margin-bottom: 55px !important;}
.pcmb60 {margin-bottom: 60px !important;}
.pcmb65 {margin-bottom: 65px !important;}
.pcmb70 {margin-bottom: 70px !important;}
.pcmb75 {margin-bottom: 75px !important;}
.pcmb80 {margin-bottom: 80px !important;}
.pcmb85 {margin-bottom: 85px !important;}
.pcmb90 {margin-bottom: 90px !important;}
.pcmb95 {margin-bottom: 95px !important;}
.pcmb100 {margin-bottom: 100px !important;}
/* ----- LEFT ----- */
.pcml5 {margin-left: 5pc !important;}
.pcml10 {margin-left: 10px !important;}
.pcml15 {margin-left: 15px !important;}
.pcml20 {margin-left: 20px !important;}
.pcml25 {margin-left: 25px !important;}
.pcml30 {margin-left: 30px !important;}
.pcml35 {margin-left: 35px !important;}
.pcml40 {margin-left: 40px !important;}
.pcml45 {margin-left: 45px !important;}
.pcml50 {margin-left: 50px !important;}
/* ----- RIGHT ----- */
.pcmr5 {margin-right: 5px !important;}
.pcmr10 {margin-right: 10px !important;}
.pcmr15 {margin-right: 15px !important;}
.pcmr20 {margin-right: 20px !important;}
.pcmr25 {margin-right: 25px !important;}
.pcmr30 {margin-right: 30px !important;}
.pcmr35 {margin-right: 35px !important;}
.pcmr40 {margin-right: 40px !important;}
.pcmr45 {margin-left: 45px !important;}
.pcmr50 {margin-left: 50px !important;}
@media screen and (max-width: 767px) {
  .spmat {margin: auto;}
  /* ----- TOP ----- */
  .spmt5 {margin-top: 5px !important;}
  .spmt10 {margin-top: 10px !important;}
  .spmt15 {margin-top: 15px !important;}
  .spmt20 {margin-top: 20px !important;}
  .spmt25 {margin-top: 25px !important;}
  .spmt30 {margin-top: 30px !important;}
  .spmt35 {margin-top: 35px !important;}
  .spmt40 {margin-top: 40px !important;}
  .spmt45 {margin-top: 45px !important;}
  .spmt50 {margin-top: 50px !important;}
  .spmt55 {margin-top: 55px !important;}
  .spmt60 {margin-top: 60px !important;}
  .spmt65 {margin-top: 65px !important;}
  .spmt70 {margin-top: 7px !important;}
  .spmt75 {margin-top: 75px !important;}
  .spmt80 {margin-top: 80px!important;}
  .spmt85 {margin-top: 85px !important;}
  .spmt90 {margin-top: 90px !important;}
  .spmt95 {margin-top: 95px !important;}
  .spmt100 {margin-top: 100px !important;}
  /* -----BOTTOM ----- */
  .spmb5 {margin-bottom: 5px !important;}
  .spmb10 {margin-bottom: 10px !important;}
  .spmb15 {margin-bottom: 15px !important;}
  .spmb20 {margin-bottom: 20px !important;}
  .spmb25 {margin-bottom: 25px !important;}
  .spmb30 {margin-bottom: 30px !important;}
  .spmb35 {margin-bottom: 35px !important;}
  .spmb40 {margin-bottom: 40px !important;}
  .spmb45 {margin-bottom: 45px !important;}
  .spmb50 {margin-bottom: 50px !important;}
  .spmb55 {margin-bottom: 55px !important;}
  .spmb60 {margin-bottom: 60px !important;}
  .spmb65 {margin-bottom: 65px !important;}
  .spmb70 {margin-bottom: 70px !important;}
  .spmb75 {margin-bottom: 75px !important;}
  .spmb80 {margin-bottom: 80px !important;}
  .spmb85 {margin-bottom: 85px !important;}
  .spmb90 {margin-bottom: 90px !important;}
  .spmb95 {margin-bottom: 95px !important;}
  .spmb100 {margin-bottom: 100px !important;}
  /* ----- LEFT ----- */
  .spml5 {margin-left: 5pc !important;}
  .spml10 {margin-left: 10px !important;}
  .spml15 {margin-left: 15px !important;}
  .spml20 {margin-left: 20px !important;}
  .spml25 {margin-left: 25px !important;}
  .spml30 {margin-left: 30px !important;}
  .spml35 {margin-left: 35px !important;}
  .spml40 {margin-left: 40px !important;}
  .spml45 {margin-left: 45px !important;}
  .spml50 {margin-left: 50px !important;}
  /* ----- RIGHT ----- */
  .spmr5 {margin-right: 5px !important;}
  .spmr10 {margin-right: 10px !important;}
  .spmr15 {margin-right: 15px !important;}
  .spmr20 {margin-right: 20px !important;}
  .spmr25 {margin-right: 25px !important;}
  .spmr30 {margin-right: 30px !important;}
  .spmr35 {margin-right: 35px !important;}
  .spmr40 {margin-right: 40px !important;}
  .spmr45 {margin-left: 45px !important;}
  .spmr50 {margin-left: 50px !important;}
}

/* padding */
/* ----- TOP ----- */
.pcpt5 {padding-top: 5px !important;}
.pcpt10 {padding-top: 10px !important;}
.pcpt15 {padding-top: 15px !important;}
.pcpt20 {padding-top: 20px !important;}
.pcpt25 {padding-top: 25px !important;}
.pcpt30 {padding-top: 30px !important;}
.pcpt35 {padding-top: 35px !important;}
.pcpt40 {padding-top: 40px !important;}
.pcpt45 {padding-top: 45px !important;}
.pcpt50 {padding-top: 50px !important;}
.pcpt55 {padding-top: 55px !important;}
.pcpt60 {padding-top: 60px !important;}
.pcpt65 {padding-top: 65px !important;}
.pcpt70 {padding-top: 70px !important;}
.pcpt75 {padding-top: 75px !important;}
.pcpt80 {padding-top: 80px !important;}
.pcpt85 {padding-top: 85px !important;}
.pcpt90 {padding-top: 90px !important;}
.pcpt95 {padding-top: 95px !important;}
.pcpt100 {padding-top: 100px !important;}
/* -----BOTTOM ----- */
.pcpb5 {padding-bottom: 5px !important;}
.pcpb10 {padding-bottom: 10px !important;}
.pcpb15 {padding-bottom: 15px !important;}
.pcpb20 {padding-bottom: 20px !important;}
.pcpb25 {padding-bottom: 25px !important;}
.pcpb30 {padding-bottom: 30px !important;}
.pcpb35 {padding-bottom: 35px !important;}
.pcpb40 {padding-bottom: 40px !important;}
.pcpb45 {padding-bottom: 45px !important;}
.pcpb50 {padding-bottom: 50px !important;}
.pcpb55 {padding-bottom: 55px !important;}
.pcpb60 {padding-bottom: 60px !important;}
.pcpb65 {padding-bottom: 65px !important;}
.pcpb70 {padding-bottom: 70px !important;}
.pcpb75 {padding-bottom: 75px !important;}
.pcpb80 {padding-bottom: 80px !important;}
.pcpb85 {padding-bottom: 85px !important;}
.pcpb90 {padding-bottom: 90px !important;}
.pcpb95 {padding-bottom: 95px !important;}
.pcpb100 {padding-bottom: 100px !important;}
/* ----- LEFT ----- */
.pcpl5 {padding-left: 5px !important;}
.pcpl10 {padding-left: 10px !important;}
.pcpl15 {padding-left: 15px !important;}
.pcpl20 {padding-left: 20px !important;}
.pcpl25 {padding-left: 25px !important;}
.pcpl30 {padding-left: 30px !important;}
.pcpl35 {padding-left: 35px !important;}
.pcpl40 {padding-left: 40px !important;}
.pcpl45 {padding-left: 45px !important;}
.pcpl50 {padding-left: 50px !important;}
/* ----- RIGHT ----- */
.pcpr5 {padding-right: 5px !important;}
.pcpr10 {padding-right: 10px !important;}
.pcpr15 {padding-right: 15px !important;}
.pcpr20 {padding-right: 20px !important;}
.pcpr25 {padding-right: 25px !important;}
.pcpr30 {padding-right: 30px !important;}
.pcpr35 {padding-right: 35px !important;}
.pcpr40 {padding-right: 40px !important;}
.pcpr45 {padding-right: 45px !important;}
.pcpr50 {padding-right: 50px !important;}
@media screen and (max-width: 767px) {
  /* ----- TOP ----- */
  .sppt5 {padding-top: 5px !important;}
  .sppt10 {padding-top: 10px !important;}
  .sppt15 {padding-top: 15px !important;}
  .sppt20 {padding-top: 20px !important;}
  .sppt25 {padding-top: 25px !important;}
  .sppt30 {padding-top: 30px !important;}
  .sppt35 {padding-top: 35px !important;}
  .sppt40 {padding-top: 40px !important;}
  .sppt45 {padding-top: 45px !important;}
  .sppt50 {padding-top: 50px !important;}
  .sppt55 {padding-top: 55px !important;}
  .sppt60 {padding-top: 60px !important;}
  .sppt65 {padding-top: 65px !important;}
  .sppt70 {padding-top: 70px !important;}
  .sppt75 {padding-top: 75px !important;}
  .sppt80 {padding-top: 80px !important;}
  .sppt85 {padding-top: 85px !important;}
  .sppt90 {padding-top: 90px !important;}
  .sppt95 {padding-top: 95px !important;}
  .sppt100 {padding-top: 100px !important;}
  /* -----BOTTOM ----- */
  .sppb5 {padding-bottom: 5px !important;}
  .sppb10 {padding-bottom: 10px !important;}
  .sppb15 {padding-bottom: 15px !important;}
  .sppb20 {padding-bottom: 20px !important;}
  .sppb25 {padding-bottom: 25px !important;}
  .sppb30 {padding-bottom: 30px !important;}
  .sppb35 {padding-bottom: 35px !important;}
  .sppb40 {padding-bottom: 40px !important;}
  .sppb45 {padding-bottom: 45px !important;}
  .sppb50 {padding-bottom: 50px !important;}
  .sppb55 {padding-bottom: 55px !important;}
  .sppb60 {padding-bottom: 60px !important;}
  .sppb65 {padding-bottom: 65px !important;}
  .sppb70 {padding-bottom: 70px !important;}
  .sppb75 {padding-bottom: 75px !important;}
  .sppb80 {padding-bottom: 80px !important;}
  .sppb85 {padding-bottom: 85px !important;}
  .sppb90 {padding-bottom: 90px !important;}
  .sppb95 {padding-bottom: 95px !important;}
  .sppb100 {padding-bottom: 100px !important;}
  /* ----- LEFT ----- */
  .sppl5 {padding-left: 5px !important;}
  .sppl10 {padding-left: 10px !important;}
  .sppl15 {padding-left: 15px !important;}
  .sppl20 {padding-left: 20px !important;}
  .sppl25 {padding-left: 25px !important;}
  .sppl30 {padding-left: 30px !important;}
  .sppl35 {padding-left: 35px !important;}
  .sppl40 {padding-left: 40px !important;}
  .sppl45 {padding-left: 45px !important;}
  .sppl50 {padding-left: 50px !important;}
  /* ----- RIGHT ----- */
  .sppr5 {padding-right: 5px !important;}
  .sppr10 {padding-right: 10px !important;}
  .sppr15 {padding-right: 15px !important;}
  .sppr20 {padding-right: 20px !important;}
  .sppr25 {padding-right: 25px !important;}
  .sppr30 {padding-right: 30px !important;}
  .sppr35 {padding-right: 35px !important;}
  .sppr40 {padding-right: 40px !important;}
  .sppr45 {padding-right: 45px !important;}
  .sppr50 {padding-right: 50px !important;}
}