@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
    border: none;
	font-family: sans-serif;
}
li{
	list-style: none;
}
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #0bd;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.spinner {
  width: 100px;
  height: 100px;
  margin: 200px auto;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}

/* Hide Loading Block */
.loaded {
  opacity: 0;
  visibility: hidden;
}
#illustbox{
	width: calc(100vh * 1.60);
	height: 100vh;
	position: relative;
}

.illustmap{
	position:absolute;
	width:100%;
	height: 100%;
	z-index: 10 !important;
}
.illustmap li .point{
	width:2%;
	position: absolute;
}
.p1{
	right:11%;
	top:67%;
}
.p2-1{
	right:19.5%;
	top:60%;
}
.p2-2{
	right:29.5%;
	top:68%;
}
.p2-3{
	right:55.5%;
	top:83%;
}
.p3-1{
	right:41%;
	top:53%;
}
.p3-2{
	right:36%;
	top:71%;
}
.p4{
	right:53%;
	top:64%;
}
.p5-1{
	right:71.8%;
	top:79.5%;
}
.p5-2{
	right:51%;
	top:34%;
}
.p6{
	right:85.5%;
	top:35%;
}
.p7{
	right:5%;
	top:18%;
}
.p8-1{
	right:81%;
	top:56%;
}
.p8-2{
	right:43%;
	top:3%;
}
.p9-1{
	right:25%;
	top:47%;
}
.p9-2{
	right:21%;
	top:45%;
}