/* =============================================================================
HTML5 CSS Reset Minified - Eric Meyer
========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}


/* =============================================================================
My CSS
========================================================================== */

/* ---- base ---- */

html,body{ 
	width:100%;
	height:100%;
	background:#fff;
}

html{
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
canvas{
  display: block;
  vertical-align: bottom;
}

/* ---- particles.js container ---- */

.particles-column{
}
.mainimg{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
}
.mainimg-catch{
	z-index: 100;
	width: 600px;
}
.mainimg-catch img{
	width: 100%;
}
.particles-column--overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: screen;
	z-index: 2;
	display: none\9; /* IE10以下 */
}
@media all and (-ms-high-contrast: none){
	.particles-column--overlay{
		display: none; /* IE10以上 */
	}
}
#particles-js{
  width: 100%;
  height:  100%;
  background-color: #fff;
  background-image: url('../img/particle-bg.png');
  background-size: cover;
  background-position: 50% 80%;
  background-repeat: no-repeat;
	z-index: 1;
	position: fixed;
	left: 0;
	top: 0;
}
path {
	fill-opacity: 0;
	transition: fill-opacity 1s;
}
.fill path.path_black {
	fill: #040000;
	fill-opacity: 1;
}

/* ---- theme reset ---- */
.site-header{
	padding: 0;
	margin: 0;
	max-width: inherit;
}
.site-header:not(.has-logo).has-title-and-tagline .site-branding{
	max-width: inherit;
}
.site-footer,
.site-content{
	position: relative;
	z-index: 3;
}