/* =================================
           アニメーションCSS
==================================*/
/*グローバルメニューアイコン*/
/* PC */
@media screen and (min-width:768px){
a:hover .menu-icon, a:active .menu-icon, .menu-icon:hover, .menu-icon:active{
		/*アニメーション*/
		/*animation: animScale 3s ease-out 0s 1;*/
		/*animation: animScale 3s ease-out 0s normal none 1;*/
		animation: puyon 0.5s linear 0s 1;
		/*animation-name:animScale;
		animation-duration:3s;
		animation-timing-function:ease-out;*/
		transform-origin: 50% 50%;
		animation-play-state:running;
	}
@keyframes animScale {
		0% { transform: scale(0.8, 0.8); }
		5% { transform: scale(1.2, 1.2); }
		10% { transform: scale(1, 1); }
		15% { transform: scale(1.1, 1.1); }
		20% { transform: scale(1, 1); }
		100% { transform: scale(1, 1); }
	}
}
/*スライダー上のキャラクター*/
#slider{
	position:relative;
}

.anim-base{
	position:absolute;
	height:100%;
	top:0;
	margin:auto;
	left:9%;
}

.fluffy {
	animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
	0% { transform:translateY(0) }
	5% { transform:translateY(0) }
	10% { transform:translateY(0) }
	20% { transform:translateY(-15px) }
	25% { transform:translateY(0) }
	30% { transform:translateY(-15px) }
	50% { transform:translateY(0) }
	100% { transform:translateY(0) }
}
/*スライダー上のフキダシ*/
.fukidasi{
	position: absolute;
	top: 1.3em;
	left: 0;
	z-index:2;
}
.fukidasi-cap{
	position:absolute;
	width:210px;
	top: 5em;
	left: 5.5em;
	-ms-transform: translate(-4em,-2em);
	-webkit-transform: translate(-4em,-2em);
	transform: translate(-4em,-2em);
	margin:0;
	padding:0;
	z-index:51;
}
.character{
	position:absolute;
	top:9.5em;
	left: 1em;
	-ms-transform: translate(-9.5em,0);
	-webkit-transform: translate(-9.5em,0);
	margin:0;
	padding:0;
	z-index:51;
}
/*ページ上部に戻る*/
.puyon:hover, .puyon:active {
  animation: puyon 0.5s linear 0s 1;
}
@keyframes puyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  40%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  60%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}