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

/*　ーー　ローディング画面　ーー　*/
#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	text-align:center;
	color: #fff;
}
#splash_text {
	position: absolute;
	top: 90%;
	left: 50%;
    z-index: 999;
	transform: translate(-50%, -60%);
	color: #fff;
	width: 100%;
}
.series_logo {
	position: absolute;
	top: 25%;
	left: 50%;
    z-index: 999;
	width: 90%;
	max-width: 500px;
	transform: translate(-50%, -25%);
}
.loader_cover {
    width: 100%;
    height: 50%;
    background-color: #002d57;
    transition: all .2s cubic-bezier(.04, .435, .315, .9);
    transform: scaleY(1);
}
.loader_cover-up {
    transform-origin: center top;
}
.loader_cover-down {
    position: absolute;
    bottom: 0;
    transform-origin: center bottom;
}
.coveranime {
    transform: scaleY(0);
}
/*　ーー　/ローディング画面　ーー　*/


@keyframes fluidrotate {  
	  
0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
}
28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
}
	  
}


/*　ーー　header　ーー　*/
header {
	top: -150px;
	opacity: 0;
	transition: all 0.5s ease-out;
}
header.header_active {
	top: 0;
	opacity: 1;
	transition: all 0.5s ease-out;
}
header .humbergar_menu.active {
	display: block;
	opacity: 1;
}


/*　ーー　ハンバーガーメニュー　ーー　*/
.openbtn {
	position: relative;
	background: #ffffff;
	cursor: pointer;
    width: 48px;
    height: 48px;
	border-radius: 50%;
}
.openbtn.active {
	background: #cccccc;
}
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 50%;
	transform: translateX(-50%);
    height: 2px;
    border-radius: 5px;
	background: #002d57;
  	width: 45%;
  }
.openbtn span:nth-of-type(1) {
	top:17px;	
}
.openbtn span:nth-of-type(2) {
	top:23px;
}
.openbtn span:nth-of-type(3) {
	top:29px;
}
.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 50%;
    transform: translate(-50%,6px) rotate(-45deg);
    width: 30%;
}
.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}
.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 50%;
    transform: translate(-50%,-6px) rotate(45deg);
    width: 30%;
}
/*　ーー　/ハンバーガーメニュー　ーー　*/






/*　ーー　fadeUp　ーー　*/
.fuwa_scroll_fadeUp {
	opacity: 0;
	transform: translate(0,30);
	transition: translate all 0.5s;
}
.fuwa_scroll_fadeUp.active {
	opacity: 1;
	transform: translate(0,0);
	animation-name: fadeUpAnime;
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/*　ーー　/fadeUp　ーー　*/

/*　ーー　bound　ーー　*/
.bound {
  animation: bound 3s infinite;
}
@keyframes bound {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-25px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}
/*　ーー　/bound　ーー　*/


@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 769px) {

	
}