@charset "utf-8";

.cocochifit img {
  height: auto;
  vertical-align: bottom;
}
.cocochifit p[class*="cocochifit"] {
    margin: 0;
    line-height: 1;
}
.cocochifit .cocochifit_title1 img {
  width: 100%/*calc(714 * (100vw / 750))*/;
  margin: 50px auto calc(25 * (100vw / 375));
}
.cocochifit p.cocochifit_title2 {
  margin: 0 0px;
}
.cocochifit .cocochifit_title2 img {
  width: calc(754 * (100vw / 750));
  margin: 0 auto calc(65 * (100vw / 375));
}
.cocochifit .cocochifit_lightweight,
.cocochifit .cocochifit_volume {
  display: flex;
  width: calc(726 * (100vw / 750));
  margin: 0 auto;
  padding-bottom: calc(60 * (100vw / 375));
}
.cocochifit .cocochifit_lightweight .left_img {
  width: calc(422 * (100vw / 750));
}
.cocochifit .cocochifit_lightweight .right_img {
  width: calc(304 * (100vw / 750));
}
.cocochifit .cocochifit_volume .left_img {
  width: calc(302 * (100vw / 750));
}
.cocochifit .cocochifit_volume .right_img {
  width: calc(424 * (100vw / 750));
}
.cocochifit p.cocochifit_lightweight_detail {
  margin: 0 0 0 0px;
}
.cocochifit .cocochifit_lightweight_detail img {
  width: calc(731 * (100vw / 750));
  margin: 0 auto calc(75 * (100vw / 375));
}
.cocochifit p.cocochifit_volume_detail {
  margin: 0 0px 0 0;
}
.cocochifit .cocochifit_volume_detail img {
  width: calc(730 * (100vw / 750));
  margin: 0 auto calc(75 * (100vw / 375));
}
.cocochifit p.cocochifit_point {
  margin: 0 0px;
}
.cocochifit .cocochifit_point img {
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(50 * (100vw / 375));
}
.movie {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.movie iframe {
  width: 100%;
  height: 100%;
}
/* ▼移行対応 AD03012906B SPで左寄りになるのを中央配置に戻す */
[class*="block-goods-comment"] .cocochifit p.cocochifit_title1 img,
[class*="block-goods-comment"] .cocochifit p.cocochifit_title2 img,
[class*="block-goods-comment"] .cocochifit p.cocochifit_volume_detail img,
[class*="block-goods-comment"] .cocochifit p.cocochifit_lightweight_detail img,
[class*="block-goods-comment"] .cocochifit p.cocochifit_point img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

[class*="block-goods-comment"] .cocochifit p.cocochifit_volume,
[class*="block-goods-comment"] .cocochifit p.cocochifit_lightweight {
  margin-left: auto;
  margin-right: auto;
}

[class*="block-goods-comment"] .cocochifit p.cocochifit_title1 img {
  width: 92%;
}

@media screen and (max-width: 768px) {
  [class*="block-goods-comment"] .btn-wrap .btn-more {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
/* ▲移行対応ここまで */