@charset "UTF-8";

/* 固定ボタン */
.btn_cta {
	width: 45%;
	margin: 30px auto;
	animation: balloon 3s infinite;
	/* animation: blink 1.2s ease infinite; */
}
@media (max-width: 600px) {
	.btn_cta {
		width: 90%;
	}
}
.btn_cta:hover {
	opacity: 0.8;
}

/* ホバーボタン */
#page-top a:hover {
	opacity: 0.5;
}

/* リンクを右下に固定 */
#page-top {
	width: 30%;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 10;
	/*はじめは非表示*/
	opacity: 0;
	transform: translateY(200px);
	transition: 0.5s;
}
@media (max-width: 600px) {
	#page-top {
		width: 90%;
		right: 5%;
		/* ホバーボタンを非表示にする */
		/* display: none; */
	}
}
#page-top:hover {
	opacity: 0.9;
}

/* 上がる動き */
#page-top.UpMove {
	animation: UpAnime 1s forwards, balloon 3s ease infinite;
}
@keyframes UpAnime {
	from {
		opacity: 0;
		transform: translateY(200px);
	}
	to {
		opacity: 1;
		transform: translateY(-15px);
	}
}

/* 下がる動き */
#page-top.DownMove {
	animation: DownAnime 1s forwards;
}
@keyframes DownAnime {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(200px);
	}
}

/* balloon */
@keyframes balloon {
	0% {
		transform: translateY(-15px);
	}
	25% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-15px);
	}
	75% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-15px);
	}
}
/* blink */
@keyframes blink {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.95);
	}
	100% {
		transform: scale(1);
	}
}