@font-face {
  font-family: 'CustomFont1';
  src: url('../font-data/after-convert/custom-font-1.woff2') format('woff2'),
    url('../font-data/after-convert/custom-font-1.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'CustomFont1';
  src: url('../font-data/after-convert/custom-font-1.woff2') format('woff2'),
    url('../font-data/after-convert/custom-font-1.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CustomFont2';
  src: url('../font-data/after-convert/custom-font-2.woff2') format('woff2'),
    url('../font-data/after-convert/custom-font-2.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

#preview {
  font-size: 24px;
  margin-top: 20px;
}

#fontSelector,
#sizeSelector {
  margin-bottom: 10px;
}



@font-face {
  font-family: "myfont";
  /*任意のフォントファミリー名でOK*/
  src: url("../font-data/after-convert/IwataFukuMarugoTatazumuStdN-Md.otf") format("truetype");
  /*fontがあるパスを書いて、formatを指定*/
  font-display: swap;
  /*ダウンロード状況に応じてフォントの表示を変える
(「swap」はWebフォントが読み込まれるまでフォールバックフォントで表示し、読み込まれた時点で置き換えます。)*/
}

.ttl {
  font-size: 50px;
  font-family: "myfont", sans-serif;
  /*上で設定したフォントファミリー名*/
}


@font-face {
  font-family: 'イワタ福まるごアソブStdN B';
  src: url('../font-data/after-convert/IwataFukuMarugoAsobuStdN-Bd.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごアソブStdN E';
  src: url('../font-data/after-convert/IwataFukuMarugoAsobuStdN-Eb.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごアソブStdN L';
  src: url('../font-data/after-convert/IwataFukuMarugoAsobuStdN-Lt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごアソブStdN M';
  src: url('../font-data/after-convert/IwataFukuMarugoAsobuStdN-Md.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごアソブStdN R';
  src: url('../font-data/after-convert/IwataFukuMarugoAsobuStdN-Rg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごカタルStdN B';
  src: url('../font-data/after-convert/IwataFukuMarugoKataruStdN-Bd.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごカタルStdN E';
  src: url('../font-data/after-convert/IwataFukuMarugoKataruStdN-Eb.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごカタルStdN L';
  src: url('../font-data/after-convert/IwataFukuMarugoKataruStdN-Lt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごカタルStdN M';
  src: url('../font-data/after-convert/IwataFukuMarugoKataruStdN-Md.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごカタルStdN R';
  src: url('../font-data/after-convert/IwataFukuMarugoKataruStdN-Rg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごキザムStdN B';
  src: url('../font-data/after-convert/IwataFukuMarugoKizamuStdN-Bd.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごキザムStdN E';
  src: url('../font-data/after-convert/IwataFukuMarugoKizamuStdN-Eb.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごキザムStdN L';
  src: url('../font-data/after-convert/IwataFukuMarugoKizamuStdN-Lt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごキザムStdN M';
  src: url('../font-data/after-convert/IwataFukuMarugoKizamuStdN-Md.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごキザムStdN R';
  src: url('../font-data/after-convert/IwataFukuMarugoKizamuStdN-Rg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごStdN B';
  src: url('../font-data/after-convert/IwataFukuMarugoStdN-Bd.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごStdN E';
  src: url('../font-data/after-convert/IwataFukuMarugoStdN-Eb.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごStdN L';
  src: url('../font-data/after-convert/IwataFukuMarugoStdN-Lt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごStdN M';
  src: url('../font-data/after-convert/IwataFukuMarugoStdN-Md.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごStdN R';
  src: url('../font-data/after-convert/IwataFukuMarugoStdN-Rg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごタタズムStdN B';
  src: url('../font-data/after-convert/IwataFukuMarugoTatazumuStdN-Bd.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごタタズムStdN E';
  src: url('../font-data/after-convert/IwataFukuMarugoTatazumuStdN-Eb.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごタタズムStdN L';
  src: url('../font-data/after-convert/IwataFukuMarugoTatazumuStdN-Lt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごタタズムStdN M';
  src: url('../font-data/after-convert/IwataFukuMarugoTatazumuStdN-Md.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごタタズムStdN R';
  src: url('../font-data/after-convert/IwataFukuMarugoTatazumuStdN-Rg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごウネルStdN B';
  src: url('../font-data/after-convert/IwataFukuMarugoUneruStdN-Bd.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごウネルStdN E';
  src: url('../font-data/after-convert/IwataFukuMarugoUneruStdN-Eb.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごウネルStdN L';
  src: url('../font-data/after-convert/IwataFukuMarugoUneruStdN-Lt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごウネルStdN M';
  src: url('../font-data/after-convert/IwataFukuMarugoUneruStdN-Md.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'イワタ福まるごウネルStdN R';
  src: url('../font-data/after-convert/IwataFukuMarugoUneruStdN-Rg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

.hogehoge {
  font-family: 'イワタ福まるごウネルStdN R';
}

@font-face {
  font-family: 'みんなの文字ゴStd L';
  src: url('../font-data/after-convert/IwaUCDAGothStd-Lt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'みんなの文字ゴStd M';
  src: url('../font-data/after-convert/IwaUCDAGothStd-Md.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'みんなの文字ゴStd R2';
  src: url('../font-data/after-convert/IwaUCDAGothStd-R2.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'みんなの文字ゴStd R';
  src: url('../font-data/after-convert/IwaUCDAGothStd-Th.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'I-OTF-UDゴ表示Pr6N B';
  src: url('../font-data/after-convert/IwaUDGoDpPr6N-Bd.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'I-OTF-UDゴ表示Pr6N L';
  src: url('../font-data/after-convert/IwaUDGoDpPr6N-Lt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'I-OTF-UDゴ表示Pr6N M';
  src: url('../font-data/after-convert/IwaUDGoDpPr6N-Md.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'I-OTF-UDゴ表示Pr6N RA';
  src: url('../font-data/after-convert/IwaUDGoDpPr6N-RA.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'I-OTF-UDゴ表示Pr6N R';
  src: url('../font-data/after-convert/IwaUDGoDpPr6N-Th.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ToaHI R';
  src: url('../font-data/after-convert/ToaHI-Rg.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ToaHIGrunge R';
  src: url('../font-data/after-convert/ToaHIGrunge-Rg.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* TTC (TrueType Collection) ファイルの処理 */
@font-face {
  font-family: 'IWA-UDゴシック表示B';
  src: url('../font-data/after-convert/UDGoBt.ttc') format('truetype-collections');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示B';
  src: url('../font-data/after-convert/UDGoBt.ttc') format('truetype-collections');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示E';
  src: url('../font-data/after-convert/UDGoEt.ttc') format('truetype-collections');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示E';
  src: url('../font-data/after-convert/UDGoEt.ttc') format('truetype-collections');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示H';
  src: url('../font-data/after-convert/UDGoHt.ttc') format('truetype-collections');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示H';
  src: url('../font-data/after-convert/UDGoHt.ttc') format('truetype-collections');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示L';
  src: url('../font-data/after-convert/UDGoLt.ttc') format('truetype-collections');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示L';
  src: url('../font-data/after-convert/UDGoLt.ttc') format('truetype-collections');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示M';
  src: url('../font-data/after-convert/UDGoMt.ttc') format('truetype-collections');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示M';
  src: url('../font-data/after-convert/UDGoMt.ttc') format('truetype-collections');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示RA';
  src: url('../font-data/after-convert/UDGoRAt.ttc') format('truetype-collections');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示RA';
  src: url('../font-data/after-convert/UDGoRAt.ttc') format('truetype-collections');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示R';
  src: url('../font-data/after-convert/UDGoRt.ttc') format('truetype-collections');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示R';
  src: url('../font-data/after-convert/UDGoRt.ttc') format('truetype-collections');
  font-weight: normal;
  font-style: normal;
}

/* IWA-UDゴシック表示シリーズ */
@font-face {
  font-family: 'IWA-UDゴシック表示RA';
  src: url('../font-data/after-convert/UDGoRAt.ttc') format('truetype-collections');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示B';
  src: url('../font-data/after-convert/UDGoBt.ttc') format('truetype-collections');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示E';
  src: url('../font-data/after-convert/UDGoEt.ttc') format('truetype-collections');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示H';
  src: url('../font-data/after-convert/UDGoHt.ttc') format('truetype-collections');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示L';
  src: url('../font-data/after-convert/UDGoLt.ttc') format('truetype-collections');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示M';
  src: url('../font-data/after-convert/UDGoMt.ttc') format('truetype-collections');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'IWA-UDゴシック表示R';
  src: url('../font-data/after-convert/UDGoRt.ttc') format('truetype-collections');
  font-weight: normal;
  font-style: normal;
}

/* IWAp-UDゴシック表示シリーズ */
@font-face {
  font-family: 'IWAp-UDゴシック表示RA';
  src: url('../font-data/after-convert/UDGoRAt.ttc') format('truetype-collections');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示B';
  src: url('../font-data/after-convert/UDGoBt.ttc') format('truetype-collections');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示E';
  src: url('../font-data/after-convert/UDGoEt.ttc') format('truetype-collections');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示H';
  src: url('../font-data/after-convert/UDGoHt.ttc') format('truetype-collections');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示L';
  src: url('../font-data/after-convert/UDGoLt.ttc') format('truetype-collections');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示M';
  src: url('../font-data/after-convert/UDGoMt.ttc') format('truetype-collections');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'IWAp-UDゴシック表示R';
  src: url('../font-data/after-convert/UDGoRt.ttc') format('truetype-collections');
  font-weight: normal;
  font-style: normal;
}