/* コンテナを矢印の基準にする */
#os_container {
    position: relative;
}

/* 矢印用の左右の余白を用意 */
#os_container #os_items {
    padding: 0 40px;
}

/* 高さをslickのレイアウトに合わせて設定 */
#os_container .slick-list,
#os_container .slick-slide {
    height: auto !important;
}

/* おすすめ製品の余白設定 */
#os_container #os_items li.os_item {
    box-sizing: border-box;
    padding: 0 10px;
}

/* slick用の矢印設定 */
#os_container .slide-next,
#os_container .slide-prev {
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 1;
}
#os_container .slide-prev {
    left: 6px;
}
#os_container .slide-next {
    right: 6px;
}

#os_container .slide-next::before,
#os_container .slide-next::after,
#os_container .slide-prev::before,
#os_container .slide-prev::after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background-color: #144e94;
    position: absolute;
    top: 50%;
}

#os_container .slide-next::before,
#os_container .slide-next::after {
    left: 23%;
    transform-origin: right center;
}

#os_container .slide-prev::before,
#os_container .slide-prev::after {
    left: 23%;
    transform-origin: left center;
}

#os_container .slide-next::before,
#os_container .slide-prev::before {
    transform: rotate(-25deg);
}

#os_container .slide-next::after,
#os_container .slide-prev::after {
    transform: rotate(25deg);
}