@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');



html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, time,
a, abbr, acronym, address, em, strong, b, u, i,
dl, dt, dd, ol, ul, li,
img, form, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, footer, nav, section, article, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
header, footer, nav, section, article, figure, figcaption {
	display: block;
}

html {
	overflow-x:hidden
}

body {
	color: #111;
	background: #f9f9f9;
}

#texture {
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 10000;
	background: url(../img/texture.png) 0 0 repeat;
	background-size: 200px 200px;
	pointer-events: none;
}


body,
input,
button {
	font-weight: 400;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
}

h1, h2, h3, h4 {
	font-weight: 300;
}

li {
	list-style: none;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

a {
	text-decoration: none;
}

main a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

main a {
	color: #111;
	text-decoration: none;
	cursor: pointer;
}