// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", 'Noto Serif JP',sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.radius    { background-color: #b9922a; border: solid 5px #b9922a; border-radius: 10px   }
.radiusglay { background-color: #666; border: solid 5px #666; border-radius: 10px    }
.radiusred { background-color: #f00; border: solid 5px #f00; border-radius: 10px    }
.waku   { outline: solid 1px #fff }
.mojitsume {font-feature-settings : "palt";}
.sample-box img { vertical-align: bottom }
.f12 { font-size: 12px }
.f13 { font-size: 13px }
.f14     { font-size: 14px; font-family: "Noto Sans JP"; font-weight: 400; line-height: 25px; left: 0 }
.f16   { font-size: 16px; font-family: "Noto Sans JP"; line-height: 22px }
.f16-0 { font-size: 16px; font-family: "Noto Sans JP" }
.f16-58 { font-size: 16px; line-height: 58px ;font-family: "Noto Sans JP"}
.f18 { font-size: 18px; line-height: 31px;font-family: "Noto Sans JP" }
.f20 { font-size: 20px; line-height: 35px ;font-family: "Noto Sans JP"}
.f22 { font-size: 22px; font-family: "Noto Sans JP"; line-height: 35px }
.f22-50  { font-size: 22px; font-family: "Noto Sans JP"; line-height: 50px }
.f23b { font-size: 23px; font-weight: 700; line-height: 35px ;font-family: "Noto Sans JP"}
.f24b { font-size: 24px; font-weight: 700; line-height: 35px ;font-family: "Noto Sans JP"}
.f30   { font-size: 30px; font-family: "Noto Sans JP" }
.f31m { font-size: 31px; font-family: 'Noto Serif JP', "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; line-height: 35px }
.f32b { font-size: 23px; font-family: "Noto Sans JP"; font-weight: 700; line-height: 35px }
.f34 { font-size: 34px;font-family: "Noto Sans JP"; line-height: 55px }
.f34m {font-size: 34px;font-family: 'Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;line-height: 55px}
.f35b { font-size: 35px; font-family: "Noto Sans JP"; font-weight: 700; line-height: 55px }
.f40b { font-size: 40px; font-family: "Noto Sans JP"; font-weight: 700; line-height: 70px }
.f46m { font-size: 46px; font-family: 'Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height: 55px }
.f50   { font-size: 50px; font-family: "Noto Sans JP"; font-weight: 900; line-height: 70px }
.f70  { font-size: 80px; font-family: "Noto Sans JP"; font-weight: 900; line-height: 70px }