/* ノーマル */
body {
    cursor: url('Mario-normal.png') 0 0, auto;
}


/* リンク */
a:hover {
    cursor: url('Mario-link.png') 0 0, pointer;
}

/* ボタン */
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    cursor: url('Mario-link.png') 0 0, pointer;
}


/* メニューアイテム（追加） */
.menu-item {
    cursor: url('Mario-link.png') 0 0, pointer !important;
}

/* インタラクティブコーナーのボタン（追加） */
#omikujiButton {
    cursor: url('Mario-omikuji.png') 0 0, pointer !important;
}

#emojiButton {
    cursor: url('Mario-slot.png') 0 0, pointer !important;
}

#cardContent {
    cursor: url('Mario-miniletter.png') 0 0, pointer !important;
}


/* フォーム */
input:focus,
textarea:focus {
    cursor: url('Mario-text.png') 0 0, text;
}


/* 特定のエリア */
/*
.special-area {
    cursor: url('flog.png') 0 0, auto;
}
*/

/*
<div class="special-area">
    このエリアにマウスを乗せたときだけカーソルを変える（htmlで指定）
</div>
*/