@charset "UTF-8";
/* ==========================================================
	スマホ 820px以下
========================================================== */
@media screen and (max-width: 820px) {
  .h1 {
    margin: 4% 0;
    font-size: 28px;
    padding-left: 2%;
    line-height: 1.4;
  }
  .h1 span {
    display: block;
  }

  .h3 {
    font-size: 24px !important;
  }

  .wrapper.main {
    padding: 0;
  }

  .pankuzu {
    padding-right: 2%;
    padding-left: 2%;
    width: 96%;
  }

  .sp-padding {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }

  .mintyo {
    font-size: 20px !important;
  }

  .library-box {
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 50px;
  }

  .parts-right-sidebar {
    display: none;
  }

  /* responsive style */
  .pc, .tb {
    display: none;
  }

  .sp {
    display: block;
  }

  .sp_none {
    display: none !important;
  }

  .pc_none, .tb_none {
    display: block;
  }

  .sp_none {
    display: none;
  }

  .swich-font-34 {
    font-size: 34px !important;
  }

  .swich-font-24 {
    font-size: 24px !important;
  }

  .swich-font-20 {
    font-size: 20px !important;
  }

  .swich-font-18 {
    font-size: 18px !important;
  }

  .swich-font-16 {
    font-size: 16px !important;
  }

  .swich-mt-18p {
    margin-top: 18% !important;
  }

  .swich-mt-20 {
    margin-top: 20px !important;
  }
}
/* ==========================================================
	スマホ 640px以下
========================================================== */
@media screen and (max-width: 640px) {
  .sp-font-24 {
    font-size: 24px !important;
  }

  .library-box {
    display: none;
  }
}

/*# sourceMappingURL=common_sp.css.map */