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;
	vertical-align:baseline;
	background:transparent
}
html,body{ 
	width:100%;
	height:100%;
	overflow-x:hidden;
}
#showBox {
    z-index:9999;
    text-align:center;
    position:absolute; 
    width:410px;
    height:120px;
    border:none;
    top: 15%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);  
    -webkit-transform: translateY(-50%) translateX(-50%);
    color:white;
    font-weight:bold;
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari、Chromeなど */
    -ms-user-select: none; /* IE10かららしい */
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
#uenoStr{
    font-size:20px;
	background: linear-gradient(
		to right,
		#f00 0%,
		#f80 14.28%,
		#dd0 28.56%,
		#0d0 42.85%,
		#0dd 57.14%,
		#00f 71.42%,
		#e0e 85.71%,
		#f00 100%
	);
	background-size: 200% auto;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: upperStrFlow 20s linear infinite;
}

@keyframes upperStrFlow {
	from { background-position: 100% center; }
	to   { background-position: 0% center; }
}

@keyframes upperStrFlow {
	from { background-position: 0% center; }
	to   { background-position: 200% center; }
}

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: 10px;
  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;
}
#particles-js{
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#clock{
  display:flex;
  align-items:center;
  margin-top:15px;
  transform: scale(0.8);   /* 80%サイズ */
  transform-origin: center;  
}

.digit{
  position:relative;
  width:50px;
  height:90px;
  margin:4px;
}

.seg{
  position:absolute;
  background:#003300;
  opacity:.7;
  border-radius:2px;
}

.seg.on{
  background:#2bff2b;
  opacity:1;
  box-shadow:0 0 8px #2bff2b;
}

/* セグ配置 */
.a{ top:0; left:10px; width:30px; height:8px; }
.b{ top:8px; right:0; width:8px; height:35px; }
.c{ bottom:8px; right:0; width:8px; height:35px; }
.d{ bottom:0; left:10px; width:30px; height:8px; }
.e{ bottom:8px; left:0; width:8px; height:35px; }
.f{ top:8px; left:0; width:8px; height:35px; }
.g{ top:41px; left:10px; width:30px; height:8px; }

.colon{
  color:#2bff2b;
  font-size:48px;
  margin:0 6px;
}