*{
	margin: 0px;
	padding: 0px;
}
html,
body{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000000;
 color: #fff;
 font-family: "Helvetica Neue",
  Arial,
  "Hiragino Kaku Gothic ProN",
  "Hiragino Sans",
  Meiryo,
  sans-serif;
}
a,
a:visited{
 color: #26b3f7;
 text-decoration: none;
}
.pan{
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 9999;
}
.pan li{
	display: table;
}
.pan li a{
 display: table-cell;
 width: 50px;
 height: 50px;
 border-radius: 50px;
 text-align: center;
 vertical-align: middle;
 background: rgba(120,120,120,0.2);
	color: rgba(255,255,255,0.8);
	text-decoration: none;
 box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
 text-shadow:2px 2px 2px rgba(0,0,0,0.2);
}
.pan li a:hover{
 transition: 0.5s;
 background: rgba(120,120,120,0.5);
}
.pan li a i{
 position: relative;
 font-size: 24px;
 margin-top: 3px;
}
.loader{
 position: fixed;
 top: 48%;
 text-align: center;
 z-index: 9999;
 width: 100%;
}
.loader .loader-inner{
 position: relative;
 left: 50%;
 margin-left: -4px;
}
.loader .loading-msg{
 padding-top: 28px;
 font-size: 8px;
 letter-spacing: 0.5em;
}
.mainContainer{
 opacity: 0;
 transition: 1s;
}
.mainContainer.active{
 opacity: 1;
}
.mainContainer.home{
 opacity: 1;
}

@media screen and (max-width: 768px) {
 .pan{
  top: 5px;
  left: 5px;
 }
 .sp-dBlock{
  display: block;
 }
}