/* PC・SP時の表示、非表示
   ----------------------------------------------------------------- */
@media screen and (min-width:769px) {
  .u-sp-only {
    display: none;
  }
}

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


/* margin-buttom
   ----------------------------------------------------------------- */
@media screen and (min-width:769px) {
  .u-pc-mb10 {
    margin-bottom: 10px;
  }

  .u-pc-mb20 {
    margin-bottom: 20px;
  }

  .u-pc-mb30 {
    margin-bottom: 30px;
  }

  .u-pc-mb40 {
    margin-bottom: 40px;
  }

  .u-pc-mb50 {
    margin-bottom: 50px;
  }

  .u-pc-mb60 {
    margin-bottom: 60px;
  }

  .u-pc-mb70 {
    margin-bottom: 70px;
  }

  .u-pc-mb80 {
    margin-bottom: 80px;
  }

  .u-pc-mb90 {
    margin-bottom: 90px;
  }

  .u-pc-mb100 {
    margin-bottom: 100px;
  }

  .u-pc-mb110 {
    margin-bottom: 110px;
  }

  .u-pc-mb120 {
    margin-bottom: 120px;
  }

  .u-pc-mb130 {
    margin-bottom: 130px;
  }

  .u-pc-mb140 {
    margin-bottom: 140px;
  }

  .u-pc-mb150 {
    margin-bottom: 150px;
  }
}

@media screen and (max-width: 768px) {
  .u-sp-mb10 {
    margin-bottom: 10px;
  }

  .u-sp-mb20 {
    margin-bottom: 20px;
  }

  .u-sp-mb30 {
    margin-bottom: 30px;
  }

  .u-sp-mb40 {
    margin-bottom: 40px;
  }

  .u-sp-mb50 {
    margin-bottom: 50px;
  }

  .u-sp-mb60 {
    margin-bottom: 60px;
  }

  .u-sp-mb70 {
    margin-bottom: 70px;
  }

  .u-sp-mb80 {
    margin-bottom: 80px;
  }

  .u-sp-mb90 {
    margin-bottom: 90px;
  }

  .u-sp-mb100 {
    margin-bottom: 100px;
  }

  .u-sp-mb110 {
    margin-bottom: 110px;
  }

  .u-sp-mb120 {
    margin-bottom: 120px;
  }

  .u-sp-mb130 {
    margin-bottom: 130px;
  }

  .u-sp-mb140 {
    margin-bottom: 140px;
  }

  .u-sp-mb150 {
    margin-bottom: 150px;
  }
}