@charset "UTF-8";
/* ---- reset ---- */ body {
  margin: 0;
  font: normal 75% Arial, Helvetica, sans-serif;
}
canvas {
  display: block;
  vertical-align: bottom;
} /* ---- particles.js container ---- */ #particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #A3847A;
/*  background-image: url("http://vincentgarreau.com/particles.js/assets/img/kbLd9vb_new.gif");*/
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: 0 50%;
} /* ---- stats.js ---- */ .count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.js-count-particles {
  font-size: 1.1em;
}
#stats, .count-particles {
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}
#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.count-particles {
  border-radius: 0 0 3px 3px;
}
#wrapper img {
  position: relative; /*描画を#particles-jsよりも上にするためposition:relative;を指定*/
  z-index: 1; /*z-indexの数字を大きくすることで描画を#particles-jsよりも上に*/
  max-width: 400px;
  left: 45%;
  transform: translate(-50%, 120%);
}