@charset "UTF-8";
.cm-pointer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 10000;
	pointer-events: none
}
.cm-pointer__dot {
	position: absolute;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background-color: #3C2415;
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	pointer-events: none;
	z-index: 2
}
.cm-pointer__dot.is-visible {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__dot.is-hide {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__over {
	position: absolute;
	width: 30px;
	height: 30px;
	margin: -20px 0 0 -20px;
	background-color: rgba(238,238,238,0.54);
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	overflow: hidden;
	pointer-events: none;
	z-index: 1
}
.cm-pointer__over.is-visible {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__over.is-hide {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease-out;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__over.is-hover {
	-webkit-transform: scale(1.7);
	transform: scale(1.7);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__over.is-hover .cm-pointer__overEffect {
	-webkit-animation: 0.8s cmEffectAnim cubic-bezier(0.215, 0.61, 0.355, 1) both;
	animation: 0.8s cmEffectAnim cubic-bezier(0.215, 0.61, 0.355, 1) both
}
.cm-pointer__over.is-active {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__overEffect {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
@-webkit-keyframes cmEffectAnim {
0% {
width:0%;
height:0%;
opacity:1
}
100% {
width:100%;
height:100%;
opacity:0
}
}
@keyframes cmEffectAnim {
0% {
width:0%;
height:0%;
opacity:1
}
100% {
width:100%;
height:100%;
opacity:0
}
}