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

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

/* 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;
}


/* Noto Serif JP */

@font-face {
  font-family: 'Noto Serif JP';
  src: url("../fonts/notosjp/NotoSerifJP-ExtraLight.otf") format('opentype');
	font-style: normal;
	  font-weight: 100;
}

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

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

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

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

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

@font-face {
  font-family: 'Noto Serif JP';
	src: url("../fonts/notos/NotoSerifJP-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;
}

/* Kiwi Maru */

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

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

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


/* 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');
}

/* Anz */

@font-face {
  font-family: 'Anz';
  src: url("../fonts/anz/APJapanesefont.ttf") format('truetype');
}

/* Poppins */

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

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/poppins/Poppins-ExtraLight.ttf") format('truetype');
	font-style: normal;
	  font-weight: 200;
}

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

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

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

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/poppins/Poppins-SemiBold.ttf") format('truetype');
	font-style: normal;
	  font-weight: 600;
}

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

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/poppins/Poppins-ExtraBold.ttf") format('truetype');
	font-style: normal;
	  font-weight: 800;
}

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

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

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/poppins/Poppins-ExtraLightItalic.ttf") format('truetype');
	font-style: italic;
	  font-weight: 200;
}

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

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

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

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/poppins/Poppins-SemiBoldItalic.ttf") format('truetype');
	font-style: italic;
	  font-weight: 600;
}

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

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/poppins/Poppins-ExtraBoldItalic.ttf") format('truetype');
	font-style: italic;
	  font-weight: 800;
}

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


/* Barlow Condensed */

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

@font-face {
  font-family: 'Barlow Condensed';
  src: url("../fonts/barlowc/BarlowCondensed-ExtraLight.ttf") format('truetype');
	font-style: normal;
	  font-weight: 200;
}

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

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

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

@font-face {
  font-family: 'Barlow Condensed';
  src: url("../fonts/barlowc/BarlowCondensed-SemiBold.ttf") format('truetype');
	font-style: normal;
	  font-weight: 600;
}

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

@font-face {
  font-family: 'Barlow Condensed';
  src: url("../fonts/barlowc/BarlowCondensed-ExtraBold.ttf") format('truetype');
	font-style: normal;
	  font-weight: 800;
}

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


/* Stick */

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


/* Cormorant Garamond */

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

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

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

@font-face {
  font-family: 'Cormorant Garamond';
  src: url("../fonts/cormorantg/CormorantGaramond-SemiBold.ttf") format('truetype');
	font-style: normal;
	  font-weight: 600;
}

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


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

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

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

@font-face {
  font-family: 'Cormorant Garamond';
  src: url("../fonts/cormorantg/CormorantGaramond-SemiBoldItalic.ttf") format('truetype');
	font-style: italic;
	  font-weight: 600;
}

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

/* RocknRoll One */

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

/* Josefin Sans */

@font-face {
  font-family: 'Josefin Sans';
  src: url("../fonts/josefins/JosefinSans-VariableFont_wght.ttf") format('truetype');
	font-style: normal;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url("../fonts/josefins/JosefinSans-Italic-VariableFont_wght.ttf") format('truetype');
	font-style: italic;
}