@charset "utf-8";





   /****************
   base*/

* { 
	margin: 0; padding: 0; box-sizing: border-box; 
}

*::before, *::after { 
	margin: 0; padding: 0; box-sizing: border-box; 
}

html, 
body, 
div, 
span, 
applet, 
object, 
iframe, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre, 
a, 
abbr, 
acronym, 
address, 
big, 
cite, 
code, 
del, 
dfn, 
em, 
img, 
ins, 
kbd, 
q, 
s, 
samp, 
small, 
strike, 
strong, 
sub, 
sup, 
tt, 
var, 
b, 
u, 
i, 
enter, 
dl, 
dt, 
dd, 
ol, 
ul, 
li, 
fieldset, 
form, 
label, 
legend, 
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td, 
article, 
aside,
canvas, 
details, 
embed, 
figure, 
figcaption, 
footer, 
header, 
hgroup, 
menu, 
nav, 
output, 
ruby, 
section, 
summary, 
time, 
mark, 
audio, 
video { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	background: transparent; 
	font-size: 100%; 
	vertical-align: baseline; 
}

html, 
body { 
	width: 100%; 
	height: 100%; 
}

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section {
	display: block;
}

a { 
	color: inherit; text-decoration: none; 
}

img { 
	vertical-align: middle; 
}

ul, ol, li { 
	list-style: none; 
}

button { 
	border: none; 
	background: transparent; 
	font-family: inherit; 
	font-size: inherit; 
	text-align: left; 
	cursor: pointer; 
}
button:active { 
	outline: none; 
}
button:focus { 
	outline: none; 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

hr { 
	border: none; 
}

.blind { 
	overflow: hidden; 
	position: absolute; 
	clip: rect(0, 0, 0, 0); 
	width: 1px; 
	height: 1px; 
	margin: -1px; 
}

.clearfix::after { 
	content: "";
	display: block; 
	width: 0;
	height: 0; 
	font-size: 0; 
	clear: both; 
}