@charset "UTF-8";

/*======================================================
  Original style
======================================================== */

body {
  font-family: "Noto Sans", "Noto Sans SC","Noto Sans TC", "Noto Sans KR", "Noto Sans Thai", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "メイリオ", "Meiryo", sans-serif;
}

/*================================================================
スマホ（全てのサイズで読み込む）
================================================================*
/*
about
----------------------------------------------------------------*/

.intro {
  font-feature-settings: "palt";
}

.videoComment {
  font-size: 1.8rem;
}

.videoComment::before,
.videoComment::after {
  width: 15px;
  height: 20px;
  background-size: cover;
}

.videoComment::before {
  left: -20px;
}

.videoComment::after {
  right: -20px;
}

/*
Recommend
---------------------------------------------------------------*/
.productName {
  max-width: 270px;
}
















/*================================================================
PC（画面幅1080px以上で読み込む）
================================================================*/

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

  /*
  about
  ----------------------------------------------------------------*/
  .videoComment {
    font-size: 3.0rem;
  }

  .videoComment::before,
  .videoComment::after {
    width: 28px;
    height: 33px;
  }

  .videoComment::before {
    left: -32px;
  }

  .videoComment::after {
    right: -30px;
  }

}