/* #cursor: mouse cursor / only PC */
@media (min-width: 1024px){
	html, body {cursor: none !important;}
	a {cursor: none !important;}
	[type=button]:not(:disabled),
	[type=reset]:not(:disabled),
	[type=submit]:not(:disabled),
	button:not(:disabled) {cursor: none;}
	#cursor{
		z-index: 10000;
		position: fixed;
		left: 0;
		top: 0;
		pointer-events: none;
		will-change: transform;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff;
		transition: background 0.4s, width 0.4s, height 0.4s, transform .4s;
		mix-blend-mode : difference;
		transform: translate(-50%,-50%);
	}
	#cursor.on{
		width: 60px;
		height: 60px;
	}
	#cursor .scroll{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
	}
	#cursor .scroll span{
		display: block;
		width: 7px;
		height: 7px;
		background-color: #000;
		border-radius: 50%;
		left: 0;
	}
	#cursor .scroll .sp01{
		animation: scrollPointer1 1.6s infinite;
		transform: translateX(3px);
	}
	#cursor .scroll .sp02{
		margin-right: 0;
		animation: scrollPointer2 1.6s infinite;
		transform: translateX(-3.5px);
	}
}