Update index.html

index.html

@@ -719,7 +719,7 @@
         .lock-controls-btn.locked {
             color: #64ffda;
         }
-              .time-markers-container {
+        .time-markers-container {
             display: flex;
             flex-wrap: wrap;
             gap: 10px;
@@ -731,7 +731,7 @@
         
         .time-marker {
             padding: 8px 12px;
-            background-color: rgba(100, 255, 218, 0.2);
+            background-color: rgba(100, 255, 218, 0.1);
             border: 1px solid #64ffda;
             border-radius: 4px;
             cursor: grab;
@@ -740,7 +740,7 @@
         }
         
         .time-marker:hover {
-            background-color: rgba(100, 255, 218, 0.3);
+            background-color: rgba(100, 255, 218, 0.2);
         }
         
         .time-marker.dragging {
@@ -2221,7 +2221,7 @@ function pauseMedia() {
             timeMarkers.forEach(marker => {
                 const markerElement = document.createElement('div');
                 markerElement.className = 'time-marker';
-                markerElement.textContent = `・${marker.label}(${marker.time}秒)`;
+                markerElement.textContent = `${marker.label}(${marker.time}秒)`;
                 markerElement.dataset.time = marker.time;
                 
                 // ドラッグ開始