.s-scrollable-left,
.s-scrollable-right{
    align-self: center;
    display: flex;
    cursor: pointer;
    position: sticky;
}
.s-scrollable-top,
.s-scrollable-bottom{
    height:0px;
    /* background:#FFF; */
    justify-content: center;
    cursor:pointer;
    position: sticky;
    z-index: 1;
}
.s-scrollable-left{
    left:0px;
}
.s-scrollable-top{
    top:0px;
}
.s-scrollable-right{
    right:0px;
    /* right:20px; */
}
.s-scrollable-bottom{
    bottom:0px;
}
.s-scrollable-left:after,
.s-scrollable-top:after,
.s-scrollable-right:after,
.s-scrollable-bottom:after{
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 600;
    color: #999;
    font-size: 26px;
    text-shadow: 0px 0px 6px #FFF, -1px 0px 2px #FFF, 0px -1px 2px #FFF, 1px 0px 2px #FFF, 0px 1px 2px #FFF;
    position: sticky;
}
.s-scrollable-left:after{
    left:0px;
    content: "\f100";
}
.s-scrollable-top:after{
    top:0px;
    content: "\f102";
}
.s-scrollable-right:after{
    right:0px;
    content: "\f101";
}
.s-scrollable-bottom:after{
    bottom:0px;
    content: "\f103";
}
.s-scrollable-left:not(.s-disabled):hover:after,
.s-scrollable-top:not(.s-disabled):hover:after,
.s-scrollable-right:not(.s-disabled):hover:after,
.s-scrollable-bottom:not(.s-disabled):hover:after{
    color:#444;
}
.s-scrollable-left:not(.s-disabled):active:after,
.s-scrollable-top:not(.s-disabled):active:after,
.s-scrollable-right:not(.s-disabled):active:after,
.s-scrollable-left:not(.s-disabled):active:after{
    color:#000;
}

.s-scrollable-left,
.s-scrollable-right,
.s-scrollable-left,
.s-scrollable-right{
    flex: 0;
    flex-shrink: 0;
    flex-grow: 0;
}

/* 直近開催の日付が並ぶバーのスクロール用ボタンが消えないように最大化*/
/*
*/
.daysarea .x-innerhtml{
   width:fit-content;
}
.racesarea .x-innerhtml{
   width:fit-content;
}