/* Browsers without `::-webkit-scrollbar-*` support */
@supports (not selector(::-webkit-scrollbar)) {
html {
scrollbar-color: #d7d7d8 #f5f5f6;
scrollbar-width: auto;
}
}

xxx::-webkit-scrollbar {
width: auto;
height: auto;
}
xxx::-webkit-scrollbar-track {
background: linear-gradient(#fafafc, #ccc);
box-shadow:0 0 5px inset rgba(150, 150, 150, 0.1);
}	
xxx::-webkit-scrollbar-thumb {
background: linear-gradient(120deg, #b0b0b2, #b3b3b6, #b6b6b9, #c2c2c5, #fcfcff, #88888b, #77777a);
border-radius: 20px;
box-shadow:0 0 5px inset rgba(150, 150, 150, 0.3);
min-height: 120px;
}
xxx::-webkit-scrollbar-thumb:hover {
background: linear-gradient(120deg, #d0d0d2, #d3d3d6, #d6d6d9, #e2e2e5, #fefeff, #bbb, #aaa);
}
xxx::-webkit-scrollbar-corner {
background: #ddd;
}


＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

(※ 通常は、xxx →「body」でOKですが、擬似フレームページなど(ここのページも含む)
　　CSS反映されないことがあるので、その場合は、xxx →「div」と記述してみて下さい)