@charset "utf-8";
 /************************************
  css animation
************************************/
@-webkit-keyframes titline {
  0% {
    opacity:0;
    -webkit-transform:scale(0, 1);
  }
  100% {
    opacity:1;
    -webkit-transform:scale(1, 1);
  }
}
@keyframes titline {
  0% {
    opacity:0;
    transform:scale(0, 1);
  }
  100% {
    opacity:1;
    transform:scale(1, 1);
  }
}
@-webkit-keyframes titlinefade {
  0% {
    opacity:1;
    -webkit-transform:scale(1, 1);
  }
  100% {
    opacity:0;
    -webkit-transform:scale(0, 1);
  }
}
@keyframes titlinefade {
  0% {
    opacity:1;
    transform:scale(1, 1);
  }
  100% {
    opacity:0;
    transform:scale(0, 1);
  }
}
@-webkit-keyframes lineup {
	0% {
		opacity:0;
		-webkit-transform:translate(0, 2rem);
	}
	100% {
		opacity:1;
		-webkit-transform:translate(0, 0);
	}
}
@keyframes lineup {
	0% {
		opacity:0;
		transform:translate(0, 2rem);
	}
	100% {
		opacity:1;
		transform:translate(0,0);
	}
}
@-webkit-keyframes lineupfade {
	0% {
		opacity:1;
		-webkit-transform:translate(0, 0);
	}
	100% {
		opacity:0;
		-webkit-transform:translate(0, -2rem);
	}
}
@keyframes lineupfade {
	0% {
		opacity:1;
		transform:translate(0, 0);
	}
	100% {
		opacity:0;
		transform:translate(0, -2rem);
	}
}
@-webkit-keyframes linedwn {
	0% {
		opacity:0;
		-webkit-transform:translate(0, -2rem);
	}
	100% {
		opacity:1;
		-webkit-transform:translate(0, 0);
	}
}
@keyframes linedwn {
	0% {
		opacity:0;
		transform:translate(0, -2rem);
	}
	100% {
		opacity:1;
		transform:translate(0, 0);
	}
	}
@-webkit-keyframes linedwnfade {
	0% {
		opacity:1;
		-webkit-transform:translate(0, 0);
	}
	100% {
		opacity:0;
		-webkit-transform:translate(0, 2rem);
	}
}
@keyframes linedwnfade {
	0% {
		opacity:1;
		transform:translate(0, 0);
	}
	100% {
		opacity:0;
		transform:translate(0, 2rem);
	}
}
@-webkit-keyframes linelt {
	0% {
	opacity:0;
	-webkit-transform:translate(2rem, 0);
	}
	100% {
	opacity:1;
	-webkit-transform:translate(0, 0);
	}
}
@keyframes linelt {
	0% {
	opacity:0;
	transform:translate(2rem, 0);
	}
	100% {
	opacity:1;
	transform:translate(0, 0);
	}
}
@-webkit-keyframes linert {
	0% {
	opacity:0;
	-webkit-transform:translate(-2rem, 0);
	}
	100% {
	opacity:1;
	-webkit-transform:translate(0, 0);
	}
}
@keyframes linert {
	0% {
	opacity:0;
	transform:translate(-2rem, 0);
	}
	100% {
	opacity:1;
	transform:translate(0, 0);
	}
}

@-webkit-keyframes ltslid50 {
	0% {
	opacity:0;
	-webkit-transform:translate(50%, 0);
	}
	100% {
	opacity:1;
	-webkit-transform:translate(0, 0);
	}
}
@keyframes ltslid50 {
	0% {
	opacity:0;
	transform:translate(50%, 0);
	}
	100% {
	opacity:1;
	transform:translate(0, 0);
	}
}
@-webkit-keyframes rtslid50 {
	0% {
	opacity:0;
	-webkit-transform:translate(-50%, 0);
	}
	100% {
	opacity:1;
	-webkit-transform:translate(0, 0);
	}
}
@keyframes rtslid50 {
	0% {
	opacity:0;
	transform:translate(-50%, 0);
	}
	100% {
	opacity:1;
	transform:translate(0, 0);
	}
}

@-webkit-keyframes ltslid100 {
	0% {
	opacity:0;
	-webkit-transform:translate(100%, 0);
	}
	100% {
	opacity:1;
	-webkit-transform:translate(0, 0);
	}
}
@keyframes ltslid100 {
	0% {
	opacity:0;
	transform:translate(100%, 0);
	}
	100% {
	opacity:1;
	transform:translate(0, 0);
	}
}
@-webkit-keyframes rtslid100 {
	0% {
	opacity:0;
	-webkit-transform:translate(-100%, 0);
	}
	100% {
	opacity:1;
	-webkit-transform:translate(0, 0);
	}
}
@keyframes rtslid100 {
	0% {
	opacity:0;
	transform:translate(-100%, 0);
	}
	100% {
	opacity:1;
	transform:translate(0, 0);
	}
}
@-webkit-keyframes btmslid100 {
	0% {
	opacity:1;
	-webkit-transform:translate(0, 0);
	}
	100% {
	opacity:1;
	-webkit-transform:translate(0, 100%);
	}
}
@keyframes btmslid100 {
	0% {
	opacity:1;
	transform:translate(0, 0);
	}
	100% {
	opacity:1;
	transform:translate(0, 100%);
	}
}

@keyframes widewdth {
	0% {
	  opacity: 0;
	  transform: scaleX(0) translateX(-5%);
	}
	100% {
	  transform: scaleX(1) translateX(0);
	}
	30%, 100% {
	  opacity: 1;
	}
}

/************************************
サイト専用
************************************/
@-webkit-keyframes dlyfade {
	0% {
		opacity:0;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes dlyfade {
	0% {
		opacity:0;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-webkit-keyframes bslogofade {
	0% {
		opacity:0;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:.5;
	}
}
@keyframes bslogofade {
	0% {
		opacity:0;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:.5;
	}
}

@-webkit-keyframes bkrdmsld {
  0% {
    opacity:0;
    -webkit-transform:scale(1, 1);
  }
  50% {
    opacity:1;
    -webkit-transform:scale(0, 1);
  }
  100% {
    opacity:1;
    -webkit-transform:scale(1, 1);
  }
}
@keyframes bkrdmsld {
  0% {
    opacity:0;
    transform:scale(1, 1);
  }
  50% {
    opacity:1;
    transform:scale(0, 1);
  }
  100% {
    opacity:1;
    transform:scale(1, 1);
  }
}
@-webkit-keyframes bkbox {
  0% {
    opacity:0;
    -webkit-transform:scale(0, 0);
  }
  100% {
    opacity:1;
    -webkit-transform:scale(1, 1);
  }
}
@keyframes bkbox {
  0% {
    opacity:0;
    transform:scale(0, 0);
  }
  100% {
    opacity:1;
    transform:scale(1, 1);
  }
}
@-webkit-keyframes sbtitrdbrd {
  0% {
    opacity:0;
    -webkit-transform:scale(1, 0);
  }
  100% {
    opacity:1;
    -webkit-transform:scale(1, 1);
  }
}
@keyframes sbtitrdbrd {
  0% {
    opacity:0;
    transform:scale(1, 0);
  }
  100% {
    opacity:1;
    transform:scale(1, 1);
  }
}
@-webkit-keyframes nmlfade {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@keyframes nmlfade {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@-webkit-keyframes nmlfadeout {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes nmlfadeout {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@-webkit-keyframes tenmetsu {
  0% {
    opacity:0;
  }
  33% {
    opacity:1;
  }
  66% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes tenmetsu {
  0% {
    opacity:0;
  }
  33% {
    opacity:1;
  }
  66% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}