@charset "utf-8";

.pagetop {
	display: none;
	position: fixed;
	bottom : 0px;
	right : 0px;

	width: 82px;
	height: 82px;
	z-index: 1000;
	border-top-left-radius: 10px;
}
.pagetop a {
	display: block;
	padding-top : 33px;
	padding-left: 27px;
}
.pagetop p {
	text-align: center;
	margin-top: -10px;
	font-size: 10px;
	color: white;
}
.pagetop a:hover {
	text-decoration: none;
	transform: translate(0px,-10px);
	transition: all 1s;
}
.arrow {
	width: 30px;
	height: 30px;
	border: 2px solid;
	border-color:white white transparent transparent;
	transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
.pagetop {
	width: 62px;
	height: 62px;
}
.pagetop a {
	padding-top : 17px;
	padding-left: 16px;
}
}