diff --git a/src/web/app/common/views/components/othello.game.vue b/src/web/app/common/views/components/othello.game.vue
index a84dcedd44..77be458879 100644
--- a/src/web/app/common/views/components/othello.game.vue
+++ b/src/web/app/common/views/components/othello.game.vue
@@ -38,6 +38,7 @@
 <script lang="ts">
 import Vue from 'vue';
 import Othello, { Color } from '../../../../../common/othello/core';
+import { url } from '../../../config';
 
 export default Vue.extend({
 	props: ['game', 'connection'],
@@ -134,6 +135,13 @@ export default Vue.extend({
 
 			this.o.put(this.myColor, pos);
 
+			// サウンドを再生する
+			if ((this as any).os.isEnableSounds) {
+				const sound = new Audio(`${url}/assets/othello-put-me.mp3`);
+				sound.volume = localStorage.getItem('soundVolume') ? parseInt(localStorage.getItem('soundVolume'), 10) / 100 : 1;
+				sound.play();
+			}
+
 			this.connection.send({
 				type: 'set',
 				pos
@@ -150,6 +158,13 @@ export default Vue.extend({
 			this.o.put(x.color, x.pos);
 			this.checkEnd();
 			this.$forceUpdate();
+
+			// サウンドを再生する
+			if ((this as any).os.isEnableSounds && x.color != this.myColor) {
+				const sound = new Audio(`${url}/assets/othello-put-you.mp3`);
+				sound.volume = localStorage.getItem('soundVolume') ? parseInt(localStorage.getItem('soundVolume'), 10) / 100 : 1;
+				sound.play();
+			}
 		},
 
 		checkEnd() {
diff --git a/src/web/assets/othello-put-me.mp3 b/src/web/assets/othello-put-me.mp3
new file mode 100644
index 0000000000..4e0e72091c
Binary files /dev/null and b/src/web/assets/othello-put-me.mp3 differ
diff --git a/src/web/assets/othello-put-you.mp3 b/src/web/assets/othello-put-you.mp3
new file mode 100644
index 0000000000..9244189c2d
Binary files /dev/null and b/src/web/assets/othello-put-you.mp3 differ