diff --git a/web/public/js/tfm.js b/web/public/js/tfm.js
index 9a01bd9..f9e23a4 100644
--- a/web/public/js/tfm.js
+++ b/web/public/js/tfm.js
@@ -112,3 +112,18 @@ $(document).on("click", ".tanzaku", function (e) {
 		$(this).addClass("selected");
 	}
 });
+
+$(document).on("input", "#tanzaku-filter", function (e) {
+	let filter = $(this).val().toLowerCase();
+	if (filter === "") {
+		$(".tanzaku").css("display", "block");
+		return;
+	}
+	sappyou.forEach((tanzaku) => {
+		if (tanzaku.name.toLowerCase().includes(filter)) {
+			$(`#t${tanzaku.id}`).css("display", "block");
+		} else {
+			$(`#t${tanzaku.id}`).css("display", "none");
+		}
+	});
+});