@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'myfont';
  src: url('../fonts/myfont.woff') format('woff'),
}

/* Roboto Slab */

@font-face {
  font-family: 'Roboto Slab';
  src: url("../fonts/robotos/RobotoSlab-VariableFont_wght.ttf") format('truetype');
	font-style: normal;
}

/* Arvo */

@font-face {
  font-family: 'Arvo';
  src: url("../fonts/robotos/Arvo-Regular.ttf") format('truetype');
	font-style: normal;
	font-weight: 400;
}

/* Noto Sans JP */

@font-face {
  font-family: 'Noto Sans JP';
  src: url("../fonts/notos/NotoSansJP-Thin.otf") format('opentype');
	font-style: normal;
	  font-weight: 100;
}

@font-face {
  font-family: 'Noto Sans JP';
	src: url("../fonts/notos/NotoSansJP-Light.otf") format('opentype');
	font-style: normal;
	  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans JP';
	src: url("../fonts/notos/NotoSansJP-Regular.otf") format('opentype');
	font-style: normal;
	  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans JP';
	src: url("../fonts/notos/NotoSansJP-Medium.otf") format('opentype');
	font-style: normal;
	  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans JP';
	src: url("../fonts/notos/NotoSansJP-Bold.otf") format('opentype');
	font-style: normal;
	  font-weight: 700;
}

@font-face {
  font-family: 'Noto Sans JP';
	src: url("../fonts/notos/NotoSansJP-Black.otf") format('opentype');
	font-style: normal;
	  font-weight: 900;
}

/* Roboto */

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/Roboto-Thin.ttf") format('truetype');
	font-style: normal;
	  font-weight: 100;
}

@font-face {
  font-family: 'Roboto';
	src: url("../fonts/roboto/Roboto-Light.ttf") format('truetype');
	font-style: normal;
	  font-weight: 300;
}

@font-face {
  font-family: 'Roboto';
	src: url("../fonts/roboto/Roboto-Regular.ttf") format('truetype');
	font-style: normal;
	  font-weight: 400;
}

@font-face {
  font-family: 'Roboto';
	src: url("../fonts/roboto/Roboto-Medium.ttf") format('truetype');
	font-style: normal;
	  font-weight: 500;
}

@font-face {
  font-family: 'Roboto';
	src: url("../fonts/roboto/Roboto-Bold.ttf") format('truetype');
	font-style: normal;
	  font-weight: 700;
}

@font-face {
  font-family: 'Roboto';
	src: url("../fonts/roboto/Roboto-Black.ttf") format('truetype');
	font-style: normal;
	  font-weight: 900;
}

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/Roboto-ThinItalic.ttf") format('truetype');
	font-style: italic;
	  font-weight: 100;
}

@font-face {
  font-family: 'Roboto';
	src: url("../fonts/roboto/Roboto-LightItalic.ttf") format('truetype');
	font-style: italic;
	  font-weight: 300;
}

@font-face {
  font-family: 'Roboto';
	src: url("../fonts/roboto/Roboto-RegularItalic.ttf") format('truetype');
	font-style: italic;
	  font-weight: 400;
}

@font-face {
  font-family: 'Roboto';
	src: url("../fonts/roboto/Roboto-MediumItalic.ttf") format('truetype');
	font-style: italic;
	  font-weight: 500;
}

@font-face {
  font-family: 'Roboto';
	src: url("../fonts/roboto/Roboto-BoldItalic.ttf") format('truetype');
	font-style: italic;
	  font-weight: 700;
}

@font-face {
  font-family: 'Roboto';
	src: url("../fonts/roboto/Roboto-BlackItalic.ttf") format('truetype');
	font-style: italic;
	  font-weight: 900;
}


/* Zen Maru Gothic */

@font-face {
  font-family: 'Zen Maru Gothic';
  src: url("../fonts/zenmg/ZenMaruGothic-Light.ttf") format('truetype');
	font-style: normal;
	  font-weight: 300;
}

@font-face {
  font-family: 'Zen Maru Gothic';
  src: url("../fonts/zenmg/ZenMaruGothic-Regular.ttf") format('truetype');
	font-style: normal;
	  font-weight: 400;
}

@font-face {
  font-family: 'Zen Maru Gothic';
  src: url("../fonts/zenmg/ZenMaruGothic-Medium.ttf") format('truetype');
	font-style: normal;
	  font-weight: 500;
}

@font-face {
  font-family: 'Zen Maru Gothic';
  src: url("../fonts/zenmg/ZenMaruGothic-Bold.ttf") format('truetype');
	font-style: normal;
	  font-weight: 700;
}

@font-face {
  font-family: 'Zen Maru Gothic';
  src: url("../fonts/zenmg/ZenMaruGothic-Black.ttf") format('truetype');
	font-style: normal;
	  font-weight: 900;
}

/* Zen Maru Gothic */

@font-face {
  font-family: 'Zen Old Mincho';
  src: url("../fonts/zenom/ZenOldMincho-Regular.ttf") format('truetype');
	font-style: normal;
	  font-weight: 400;
}

@font-face {
  font-family: 'Zen Old Mincho';
  src: url("../fonts/zenom/ZenOldMincho-Bold.ttf") format('truetype');
	font-style: normal;
	  font-weight: 700;
}

@font-face {
  font-family: 'Zen Old Mincho';
  src: url("../fonts/zenom/ZenOldMincho-Black.ttf") format('truetype');
	font-style: normal;
	  font-weight: 900;
}

/* Kaisei Opti */

@font-face {
  font-family: 'Kaisei Opti';
  src: url("../fonts/kaiseio/KaiseiOpti-Regular.ttf") format('truetype');
	font-style: normal;
	  font-weight: 400;
}

@font-face {
  font-family: 'Kaisei Opti';
  src: url("../fonts/kaiseio/KaiseiOpti-Medium.ttf") format('truetype');
	font-style: normal;
	  font-weight: 500;
}

@font-face {
  font-family: 'Kaisei Opti';
  src: url("../fonts/kaiseio/KaiseiOpti-Bold.ttf") format('truetype');
	font-style: normal;
	  font-weight: 700;
}

/* Hina Mincho */

@font-face {
  font-family: 'Hina Mincho';
  src: url("../fonts/hinam/HinaMincho-Regular.ttf") format('truetype');
}

/* Dancing Script */

@font-face {
  font-family: 'Dancing Script';
  src: url("../fonts/dancing/DancingScript-VariableFont_wght.ttf") format('truetype');
}

/* Lobster */

@font-face {
  font-family: 'Lobster';
  src: url("../fonts/lobster/Lobster-Regular.ttf") format('truetype');
}