/*=============================================
* .fnt - customs
*=============================================*/
/* noto-serif-jp-300 - 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: 300;
  src: url('../fonts/noto-serif-jp-v32-japanese_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-serif-jp-regular - 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: 400;
  src: url('../fonts/noto-serif-jp-v32-japanese_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-600 - 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: 600;
  src: url('../fonts/noto-serif-jp-v32-japanese_latin-600.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+ */
}

@font-face {
  font-display: swap;
  font-family: 'Calisto MT';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/calisto-mt-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Calisto MT';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/calisto-mt-bold.woff2') format('woff2');
}

/*=============================================
 * 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-calisto{
  font-family: 'Calisto MT';
}

.fw300{
  font-weight: 300;
}
.fw400{
	font-weight: 400;
}
.fw500{
	font-weight: 500;
}
.fw600{
	font-weight: 600;
}
.fw700{
	font-weight: 700;
}

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

.cl-white{
  color: #fff;
}
.cl-light{
  color: #cfcfcf;
}
.cl-brown{
  color: #534d49;
}
.cl-yellow{
  color: #ffd98b;
}
.cl-yellow2{
  color: #ad7b12;
}
.cl-yellow3{
  color: #d4a911;
}
.cl-black{
  color: #181818;
}

.fz35{
  font-size: 6vw;
  letter-spacing: 0.1em;
  line-height: 10vw;
}
.fz40{
  font-size: 6.4vw;
  line-height: 12.8vw;
  letter-spacing: 0.1em;
  font-weight: 400;
}
.fz60{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 10vw;
  letter-spacing: 0.1em;
  line-height: 12vw;
  font-weight: 600;
}
.fz64{
  font-size: 10.2vw;
}
.ttl-style1{
  color: #ffd98b;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 6.8vw;
  font-weight: 400;
  line-height: 12vw;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px){
  .fz35{
    font-size: 35px;
    line-height: 40px;
  }
  .fz40{
    font-size: 40px;
    line-height: 110px;
  }
  .fz60{
    font-size: 60px;
    line-height: 80px;
  }
  .fz64{
    font-size: 64px;
  }
  .ttl-style1{
    font-size: 45px;
    line-height: 74px;
  }
}