<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
繝悶Λ繧ｦ繧ｶ髢薙〒縺ｮInput[type:range]縺ｮ繝ｬ繧､繧｢繧ｦ繝医′驕輔≧縺溘ａ縲√◎繧後ｒ謠�∴繧九�
繝ｬ繧､繧｢繧ｦ繝医�蝓ｺ譛ｬ逧�↓chrome縺ｫ霑代＞繝ｬ繧､繧｢繧ｦ繝医↓縺励※縺�ｋ
*/

input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    /*required for proper track sizing in FF*/
    width: 250px;
}
input[type=range].wide320 {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    /*required for proper track sizing in FF*/
    width: 320px;
}
input[type=range]:focus {
    outline: none;
}

/*chrome陦ｨ遉ｺ逕ｨ*/
/*閭梧勹繝舌�*/
input[type=range]::-webkit-slider-runnable-track {
    width:250px;
    height: 6px;
    background: #ccc;
    border: none;
    border-radius: 3px;
}
input[type=range].wide320::-webkit-slider-runnable-track {
    width:320px;
    height: 6px;
    background: #ccc;
    border: none;
    border-radius: 3px;
}
/*蜍輔°縺吶▽縺ｾ縺ｿ*/
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 0%;
    background: #4682b4;
    margin-top: -5px; /*險ｭ螳壹＠縺ｪ縺�→繝舌�縺ｨ縺､縺ｾ縺ｿ縺ｮ荳顔ｫｯ縺ｮ鬮倥＆縺梧純縺｣縺ｦ縺励∪縺�*/
}
/*蜍輔°縺吶▽縺ｾ縺ｿ 繝槭え繧ｹ荵励○縺ｦ繧�*/
input[type=range]::-webkit-slider-thumb:hover {
    background: #1577af;
}
/*蜍輔°縺吶▽縺ｾ縺ｿ 繝槭え繧ｹ縺ｧ驕ｸ謚樊凾(縺､縺ｾ縺ｿ繧呈戟縺｡縺ｪ縺後ｉ繝槭え繧ｹ繧偵▽縺ｾ縺ｿ縺九ｉ髮｢縺吶→hover縺�縺代□縺ｨ濶ｲ縺梧綾繧九◆繧�)*/
input[type=range]::-webkit-slider-thumb:active {
    background: #1577af;
}
/*閭梧勹繝舌� 繝輔か繝ｼ繧ｫ繧ｹ譎�*/
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
/*譛ｬ菴電isabled譎ゅ�縺､縺ｾ縺ｿ縺ｮ濶ｲ螟画峩*/
input[type=range]:disabled::-webkit-slider-thumb {
    background: #aaa;
}
/*chrome陦ｨ遉ｺ逕ｨ 邨ゆｺ�*/

/*FF陦ｨ遉ｺ逕ｨ*/
/*閭梧勹繝舌�*/
input[type=range]::-moz-range-track {
    width: 250px;
    height: 6px;
    background: #ccc;
    border: none;
    border-radius: 3px;
}
input[type=range].wide320::-moz-range-track {
    width: 320px;
    height: 6px;
    background: #ccc;
    border: none;
    border-radius: 3px;
}
/*蜍輔°縺吶▽縺ｾ縺ｿ*/
input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 0%;
    background: #4682b4;
}
/*蜍輔°縺吶▽縺ｾ縺ｿ 繝槭え繧ｹ荵励○縺ｦ繧�*/
input[type=range]::-moz-range-thumb:hover {
    background: #1577af;
}
/*蜍輔°縺吶▽縺ｾ縺ｿ 繝槭え繧ｹ縺ｧ驕ｸ謚樊凾(縺､縺ｾ縺ｿ繧呈戟縺｡縺ｪ縺後ｉ繝槭え繧ｹ繧偵▽縺ｾ縺ｿ縺九ｉ髮｢縺吶→hover縺�縺代□縺ｨ濶ｲ縺梧綾繧九◆繧�)*/
input[type=range]::-moz-range-thumb:active {
    background: #1577af;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}
/*譛ｬ菴電isabled譎ゅ�縺､縺ｾ縺ｿ縺ｮ濶ｲ螟画峩*/
input[type=range]:disabled::-moz-range-thumb {
    background: #aaa;
}
/*FF陦ｨ遉ｺ逕ｨ 邨ゆｺ�*/

/*IE繝ｻEdge陦ｨ遉ｺ逕ｨ*/
/*閭梧勹繝舌�*/
input[type=range]::-ms-track {
    width: 250px;
    height: 6px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent;
}
input[type=range].wide320::-ms-track {
    width: 320px;
    height: 6px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent;
}
/*閭梧勹繝舌�縲縺､縺ｾ縺ｿ繧医ｊ蟾ｦ蛛ｴ(縺､縺ｾ縺ｿ繧医ｊ荳九�蛟､)閭梧勹*/
input[type=range]::-ms-fill-lower {
    background: #ccc;
    border-radius: 10px;
}
/*閭梧勹繝舌�縲縺､縺ｾ縺ｿ繧医ｊ蜿ｳ蛛ｴ(縺､縺ｾ縺ｿ繧医ｊ荳翫�蛟､)閭梧勹*/
input[type=range]::-ms-fill-upper {
    background: #ccc;
    border-radius: 10px;
}
/*蜍輔°縺吶▽縺ｾ縺ｿ*/
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 0%;
    background: #4682b4;
}
/*蜍輔°縺吶▽縺ｾ縺ｿ 繝槭え繧ｹ荵励○縺ｦ繧�*/
input[type=range]::-ms-thumb:hover {
    background: #1577af;
}
/*蜍輔°縺吶▽縺ｾ縺ｿ 繝槭え繧ｹ縺ｧ驕ｸ謚樊凾(縺､縺ｾ縺ｿ繧呈戟縺｡縺ｪ縺後ｉ繝槭え繧ｹ繧偵▽縺ｾ縺ｿ縺九ｉ髮｢縺吶→hover縺�縺代□縺ｨ濶ｲ縺梧綾繧九◆繧�)*/
input[type=range]::-ms-thumb:active {
    background: #1577af;
}
/*閭梧勹繝舌�縲縺､縺ｾ縺ｿ繧医ｊ蟾ｦ蛛ｴ(縺､縺ｾ縺ｿ繧医ｊ荳九�蛟､)閭梧勹縲繝輔か繝ｼ繧ｫ繧ｹ譎�*/
input[type=range]:focus::-ms-fill-lower {
    background: #ccc;
}
/*閭梧勹繝舌�縲縺､縺ｾ縺ｿ繧医ｊ蜿ｳ蛛ｴ(縺､縺ｾ縺ｿ繧医ｊ荳翫�蛟､)閭梧勹縲繝輔か繝ｼ繧ｫ繧ｹ譎�*/
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}
/*IE繝ｻEdge縺ｮ蝣ｴ蜷医∵焚蛟､縺後ヤ繝ｼ繝ｫ繝√ャ繝励〒陦ｨ遉ｺ縺輔ｌ縺ｦ縺励∪縺��縺ｧ髱櫁｡ｨ遉ｺ縺ｫ*/
input[type=range]::-ms-tooltip{
    display:none;
}
/*譛ｬ菴電isabled譎ゅ�縺､縺ｾ縺ｿ縺ｮ濶ｲ螟画峩*/
input[type=range]:disabled::-ms-thumb {
    background: #aaa;
}
/*IE繝ｻEdge陦ｨ遉ｺ逕ｨ 邨ゆｺ�*/
</pre></body></html>