/*=============================================
* .fnt - customs
*=============================================*/
/* tenor-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/tenor-sans-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-jp-500 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-serif-jp-v32-japanese_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-jp-700 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-serif-jp-v32-japanese_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/
.fnt-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.fnt-tenor-sans{
  font-family: 'Tenor Sans';
}
.fnt-noto-serif{
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

.fwb{
  font-weight: bold;
}

.tac {
  text-align: center;
}
.taj {
  text-align: justify;
}
.tar {
  text-align: right;
}
.tal {
  text-align: left;
}

.cl-white{
  color: #fff;
}
.cl-gray{
  color: #2c2f31;
}

.fz25{
  font-size: 4.7vw;
  line-height: 8.3vw;
  letter-spacing: 0.4em;
}
.fz28{
  font-size: 5.3vw;
  line-height: 7.2vw;
}
.fz30{
  font-size: 5.6vw;
  letter-spacing: 0.4em;
}
.fz35{
  font-size: 6.5vw;
  line-height: 12.4vw;
  letter-spacing: 0.3em;
}
.fz37{
  font-size: 6.9vw;
  line-height: 12.6vw;
  letter-spacing: 0.4em;
}
.fz38{
  font-size: 7.1vw;
  line-height: 12.7vw;
  letter-spacing: 0.4em;
}
.eng-ttl{
  color: #000;
  font-family: 'Tenor Sans';
  font-size: 3.3vw;
  letter-spacing: 0.06em;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.65;
}
.eng-common{
  color: #2c2f31;
  text-align: center;
  font-family: 'Tenor Sans';
  font-size: 5.9vw;
  line-height: 1.6;
  letter-spacing: 0.22em;
  font-weight: 400;
}
.price{
  color: #2c2f31;
  font-family: 'Noto Serif JP';
  font-size: 5.3vw;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.price small{
  font-size: 4vw;
}
@media screen and (min-width: 768px){
  .fz25{
    font-size: 25px;
    line-height: 50px;
  }
  .fz28{
    font-size: 28px;
    line-height: 65px;
  }
  .fz30{
    font-size: 30px;
  }
  .fz35{
    font-size: 35px;
    line-height: 66px;
  }
  .fz37{
    font-size: 37px;
    line-height: 65px;
  }
  .fz38{
    font-size: 38px;
    line-height: 65px;
  }
  .eng-ttl{
    font-size: 18px;
  }
  .eng-common{
    font-size: 25px;
  }
  .price{
    font-size: 28px;
  }
  .price small{
    font-size: 20px;
  }
}