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

/* =================================
   sizeguide 全体
================================= */

.sizeguide {
  width: 100%;
  margin: 0 auto;
}

.sizeguideG {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0px;
}

.contents_title_01 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: left;
}

.sizeguideG p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}

/* =================================
   画像共通
================================= */

.imgL,
.imgR,
.imgC {
  margin-bottom: 20px;
}

.imgL img,
.imgR img,
.imgC img,
.sizeguideG02 .img img {
  width: 100%;
  height: auto;
  display: block;
}

/* =================================
   PCレイアウト
================================= */

@media screen and (min-width: 768px) {

  /* PC用画像表示 / SP非表示 */
  .switch {
    display: block;
  }

  .switch_sp {
    display: none !important;
  }

  /* 左右並び */
  .imgL,
  .imgR {
    width: 48%;
  }

  .imgL {
    float: left;
  }

  .imgR {
    float: right;
  }

  .imgC {
    width: 50%;
    clear: both;
  }

  /* 測り方セクション */
  .sizeguideG02 {
    width: 48%;
  }

  .sizeguideG02L {
    float: left;
  }

  .sizeguideG02R {
    float: right;
  }

  .sizeguideG02 .img {
    padding: 10px;
    width: 90%;
    margin: 0 auto 15px;
  }

  .sizeguideG02 .txt {
    font-size: 14px;
    line-height: 1.8;
	padding: 0 20px;
  }

}

/* =================================
   SPレイアウト
================================= */

@media screen and (max-width: 767px) {

  /* SP用画像表示 / PC非表示 */
  .switch {
    display: none;
  }

  .switch_sp {
    display: block;
  }

  .sizeguideG {
    padding: 30px 15px;
  }

  .contents_title_01 {
    font-size: 18px;
  }

  .imgL,
  .imgR,
  .imgC,
  .sizeguideG02 {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

}

/* =================================
   clearfix
================================= */

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* =========================
   PC/SP 画像切り替え
========================= */

/* デフォルト：PC表示 */
.switch {
  display: block;
}

.switch_sp {
  display: none;
}

/* SPのみ */
@media screen and (max-width: 767px) {

  .switch {
    display: none !important;
  }

  .switch_sp {
    display: block !important;
  }

}