@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "Chakra Petch";
    src: url('font/ChakraPetch-Regular.ttf');
}
@font-face {
    font-family: "Chakra Petch Bold";
    src: url('font/ChakraPetch-Bold.ttf');
}
@font-face {
    font-family: "Chakra Petch Light";
    src: url('font/ChakraPetch-Light.ttf');
}
@font-face {
    font-family: "Noto Sans";
    src: url('font/NotoSans-Regular.ttf');
}
*,body,html{
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
*{
	padding:0;
	margin:0;
	list-style:none;
}
a{
	color:#fff;
	text-decoration:none;
	outline: none;
}
body{
	background:#0b141b;
	color:#fff;
	font-family: "Chakra Petch";
	line-height:1.5;
}
img{
	vertical-align:middle;
	max-width:100%;
}

input:focus{
	border: none;
	outline: none;
}
.blue {
    color: #00e0ff;
}

.sns a{
	height:36px;
	line-height:36px;
	display:block;
	overflow:hidden;
	padding-left:42px;
}
.sns .twitter{
	background:url(../img/twitter.png) left center no-repeat;
	background-size:36px;
}
.sns .discord{
	background:url(../img/discord.png) left center no-repeat;
	background-size:36px;
}
.sns .telegram{
	background:url(../img/telegram.png) left center no-repeat;
	background-size:36px;
}
.sns .medium{
	background:url(../img/medium.png) left center no-repeat;
	background-size:36px;
}

#gsns{
	position:fixed;
	top:170px;
	right:41px;
	z-index: 999;
}
#gsns dd{
	margin-bottom:15px;
}
#gsns dd a{
	height:39px;
	width:39px;
	background-size:38px;
	border-radius:50%;
	text-indent:-99em;
	overflow:hidden;
	padding-left:0;
	box-sizing:border-box;
}


@keyframes whirling{
	0%{
		transform:rotateY(0deg)
	}
	50%{
		transform:rotateY(150deg);
	}
	100%{
		transform:rotateY(0deg);
	}
}

.fsp{
	display: none;
}
@media (max-width: 767px){
  .fsp{
    display: block;
  }
}