/*マウスカーソルの変更*/
body{
	position: relative;
	cursor: none;/*本物のカーソルを非表示に*/
}

body a:hover{
	cursor: none;/*aタグホバーのカーソルも非表示に*/
}

#mousecursor{
	position: fixed;
	width: 64px;
	height: 64px;
	margin: -20px 0 0 -20px;/*半分引いてカーソル先端に画像中心位置が来るように*/
	z-index: 100000;/*一番手前に来るように*/
	pointer-events: none;/*【重要】マウス直下に常に画像があるので、全てをクリックできなくなる。noneにして対応*/
	transition: transform 0.1s;
	background: url(../img/cusur.png) 50% 50% no-repeat;
	background-size: contain;
	opacity: 0;/*開いた瞬間非表示*/
}

#mousecursor.active
	{
	background: url(../img/cusur_o.png) 25% 25% no-repeat;
	background-size: auto;
	width: 80px;
	height: 80px;
	transform: scale(1.2);
}
button:hover
	{
	cursor: none;/*aタグホバーのカーソルも非表示に*/
}