.area-list-ul{margin:0;padding-left:1.5em;display:grid;column-gap:1em;grid-template-columns:auto auto auto}.area-list-point{font-size:.85rem}.sidebar-area-list{max-height:300px;overflow-y:scroll;background:linear-gradient(#ffffff 30%,#fff0) center top,linear-gradient(#fff0,#f5f5f5 70%) center bottom,radial-gradient(farthest-side at 50% 0,rgb(133 133 133 / .2),#fff0) center top,radial-gradient(farthest-side at 50% 100%,rgb(133 133 133 / .2),#fff0) center bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.graybox{padding:0}@media only screen and (max-width:767px){ul.area-list-ul{grid-template-columns:auto;margin-bottom:1em;max-height:300px;overflow-y:scroll;background:linear-gradient(#ffffff 30%,#fff0) center top,linear-gradient(#fff0,#f5f5f5 70%) center bottom,radial-gradient(farthest-side at 50% 0,rgb(133 133 133 / .2),#fff0) center top,radial-gradient(farthest-side at 50% 100%,rgb(133 133 133 / .2),#fff0) center bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.area-list-point{font-size:1rem}}