.mejs__horizontal-volume-slider {
            width: 36px; /* 56px; */
        }
        .mejs__horizontal-volume-total {
            width: 30px; /* 50px; */
        }
        .mejs__container { /* 音声コントローラの背景色 */
            background: #808080; /* #000 */
        }

        /* --- QRT用カスタマイズ add sadamori --- */
        .mejs__container .mejs__speed-button {
            width: 46px !important;
            position: relative !important;
        }
        .mejs__container .mejs__speed-button > button {
            background: none !important;
            text-indent: 0 !important;
            width: 100% !important;
            color: #fff !important;
            font: bold 11px/1 sans-serif !important;
            text-align: center;
        }
        
        /* --- Speed Selector Dialog --- */
        .mejs__speed-selector {
            display: block !important;
            visibility: hidden;
            position: absolute !important;
            top: 100% !important; bottom: auto !important; /* 下展開 */
            left: 50% !important;
            transform: translateX(-50%);
            margin-top: 2px !important;
        
            background: #2d2d2d !important;
            width: 80px !important;
            border: 1px solid #666 !important;
            border-radius: 4px !important;
            z-index: 1100 !important;
        }
        
        /* Hover Bridge (Mouse Pass) */
        .mejs__speed-selector::before {
            content: '' !important;
            position: absolute !important;
            top: -15px !important; left: 0 !important;
            width: 100% !important; height: 15px !important;
            background: transparent !important;
            display: block !important;
        }
        
        /* --- List Items & Labels --- */
        .mejs__speed-selector ul { margin: 0 !important; padding: 5px 0 !important; list-style: none !important; }
        
        .mejs__speed-selector-list-item {
            height: 36px !important; line-height: 36px !important;
            color: #fff !important; cursor: pointer; text-align: center;
            border-bottom: 1px solid #444 !important;
            font-size: 11px;
            background: none !important;
        }
        .mejs__speed-selector-list-item:hover { background-color: #0056b3 !important; }
        .mejs__speed-selector-list-item:last-child { border-bottom: none !important; }
        
        /* Radio Button & Label Reset */
        .mejs__speed-selector-list-item input { position: absolute !important; opacity: 0 !important; width: 0; height: 0; }
        
        .mejs__speed-selector-list-item label {
            display: block !important; width: 100% !important;
            cursor: pointer; margin: 0 !important; padding: 0 !important; text-indent: 0 !important;
        }
        .mejs__speed-selector-list-item input:checked + label {
            background-color: #444 !important; font-weight: bold;
        }
        
        /* --- Trigger & Responsive --- */
        .mejs__container .mejs__speed-button:hover .mejs__speed-selector { 
            visibility: visible !important; 
            opacity: 1 !important;
        }
        
        @media screen and (max-width: 768px) {
            .mejs__speed-selector { width: 100px !important; margin-top: 10px !important; }
            .mejs__speed-selector-list-item { height: 44px !important; line-height: 44px !important; font-size: 14px !important; }
            .mejs__speed-selector::before { top: -20px !important; height: 20px !important; }
        }