/*リンクの形状*/
#page-top a{
	display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 10px;
    bottom: 5px;
    width: 60px;
    height: 60px;
    background-color: #009EDD;
    border-radius: 100%;
    cursor: pointer;
    transition: ease 0.5s;
    z-index: 2;
    border: 2px solid #fff;
}

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 5px;
	bottom:10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateX(100px);
}

/*　左の動き　*/

#page-top.LeftMove{
	animation: LeftAnime 0.5s forwards;
}

@keyframes LeftAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

.pagetop_arrow{
    display: block;
    width:10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(-45deg);
    margin-top: 5px;
    transition: ease .5s;
}

#page-top a:hover .pagetop_arrow{
    transform: rotate(315deg);
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}

#page-top a:hover{
	background: #f7c400;
}


@media(max-width:1000px){
		#page-top a{
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		right: 10px;
		width: 50px;
		height: 50px;
		border-radius: 100%;
		cursor: pointer;
		transition: ease 0.5s;
		z-index: 4;
	}
}