@charset "UTF-8";
#include-footer {
	position: relative;
}

#include-footer.pagetop-hidden .page-top {
	display: none !important;
}

.page-top {
	position: fixed;
	display: block;
	background: #eee;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	bottom: 20px;
	right: 20px;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	z-index: 99;
	transition: opacity 300ms, visibility 300ms;
}

.page-top[data-scroll="true"] {
	opacity: 1;
	visibility: visible;
}

.page-top[data-scroll="false"] {
	opacity: 0;
	visibility: hidden;
}

.page-top[data-fixed="false"] {
	position: absolute;
	bottom: auto;
}

.page-top::before {
	content: "";
	position: absolute;
	display: block;
	background: url("/common-assets/img/icon_pagetop.svg") no-repeat 50% / 100% auto;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: rotate(180deg);
}

.page-top-btn {
	font-size: 0;
}

@media screen and (min-width: 36.3125em) {
	.page-top:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 36.25em) {
	.page-top {
		width: 40px;
		height: 40px;
		right: 10px;
	}
}