/* font */
@font-face {
  font-family: "myFont";
    font-style: normal;
    font-weight: 100;
    src: url("../font/NotoSansCJKjp-Black-subset.eot?") format('eot'),
       url("../font/NotoSansCJKjp-Black-subset.woff") format('woff'),
       url("../font/NotoSansCJKjp-Black-subset.otf")  format('opentype');
}
@font-face {
    font-family: "Noto Sans Japanese100";
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansCJKjp-Thin-subset.eot?') format('eot'), /* IE9 Compat Modes */
         url('../font/NotoSansCJKjp-Thin-subset.woff') format('woff'), /* Modern Browsers */
         url('../font/NotoSansCJKjp-Thin-subset.otf')  format('opentype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Noto Sans Japanese200';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp-Light-subset.eot');
    src: url('../font/NotoSansCJKjp-Light-subset.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Light-subset.woff') format('woff'),
    url('../font/NotoSansCJKjp-Light-subset.otf')  format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese300';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-DemiLight-subset.eot');
    src: url('../font/NotoSansCJKjp-DemiLight-subset.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-DemiLight-subset.woff') format('woff'),
    url('../font/NotoSansCJKjp-DemiLight-subset.otf')  format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese400';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular-subset.eot');
    src: url('../font/NotoSansCJKjp-Regular-subset.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular-subset.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular-subset.otf')  format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese500';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp-Medium-subset.eot');
    src: url('../font/NotoSansCJKjp-Medium-subset.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Medium-subset.woff') format('woff'),
    url('../font/NotoSansCJKjp-Medium-subset.otf')  format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese700';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-Bold-subset.eot');
    src: url('../font/NotoSansCJKjp-Bold-subset.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Bold-subset.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold-subset.otf')  format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese900';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp-Black-subset.eot');
    src: url('../font/NotoSansCJKjp-Black-subset.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Black-subset.woff') format('woff'),
    url('../font/NotoSansCJKjp-Black-subset.otf')  format('opentype');
}
.myFontClass1 {
  font-family: "myFont";
}
.myFontClass100 {
  font-family: "Noto Sans Japanese100";
}
.myFontClass200 {
  font-family: "Noto Sans Japanese200";
}
.myFontClass300 {
  font-family: "Noto Sans Japanese300";
}
.myFontClass400 {
  font-family: "Noto Sans Japanese400";
}
.myFontClass500 {
  font-family: "Noto Sans Japanese500";
}
.myFontClass700 {
  font-family: "Noto Sans Japanese700";
  font-size: 20px;
}
.myFontClass900 {
  font-family: "Noto Sans Japanese900";
}