@charset "utf-8";

.js-pagetop {
	/* z-index: 9;
	position: fixed;
	bottom: 10%;
	right: 5%;
	width: 50px;
	height: auto;
	opacity: 0;
	transition: .5s; */
}

.js-pagetop.active {
	/* opacity: 1; */
}

@media screen and (min-width: 768px) {
	.js-pagetop {
		z-index: 9;
		position: fixed;
		bottom: 1.5%;
		right: 5%;
		width: 36px;
		height: auto;
		opacity: 0;
		transition: .5s;
	}

	.js-pagetop.active {
		opacity: 1;
	}
}

@media screen and (min-width: 1280px) {
	.js-pagetop {
		width: 48px;
		bottom: 2.5%;
	}
}

@media screen and (min-width: 1440px) {
	.js-pagetop {
		width: 60px;
		bottom: 2.25%;
	}
}

@media screen and (min-width: 1920px) {
	.js-pagetop {
		bottom: 3%;
	}
}