@charset "utf-8";

#works .inner {
    margin-bottom: 0;
}

#works .works_info {
    width: 680px;
    border: 1px solid #dedede;
}

#works .works_info thead,
#works .works_info tbody {
    display: block;
}

/*
#works:not(.works-cat-page) .works_info tbody {
    max-height: 300px;
    overflow-y: scroll;
}
*/

#works .works_info tr:not(:last-of-type) {
    border-bottom: 1px solid #dedede;
}

#works .works_info th,
#works .works_info td {
    padding: 10px;
/*    font-size: 13px;*/
}

#works .works_info th:not(:last-of-type),
#works .works_info td:not(:last-of-type) {
    border-right: 1px solid #dedede;
}

#works .works_info th {
    background: #4169e1;
    color: #fff;
    text-align: center;
}

#works .works_info th:first-of-type,
#works .works_info td:first-of-type {
    width: 90px;
}

#works .works_info th:nth-of-type(2),
#works .works_info td:nth-of-type(2) {
    width: 90px;
}

#works .works_info th:nth-of-type(3),
#works .works_info td:nth-of-type(3) {
    width: 290px;
}

#works .works_info th:nth-of-type(4),
#works .works_info td:nth-of-type(4) {
    width: 120px;
}

#works .works_info th:nth-of-type(5) {
    width: 90px;
}

#works .works_info td:nth-of-type(5) {
    width: 90px;
}

.scroll_text {
    display: none;
}

/*-------スクロールバーの表示--------*/

#works .works_info tbody::-webkit-scrollbar {
    width: 5px;
}

#works .works_info tbody::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

#works .works_info tbody::-webkit-scrollbar-thumb {
    background-color: #51a4cc;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/*-------スクロールバーの表示--------*/

.scroll_text {
    display: none;
}

@media only screen and (max-width: 768px) {

    #works h2 {
        margin-bottom: 20px;
    }

    .scroll_box {
        overflow: auto;
    }

    .scroll_text {
        display: block;
    }

    #works:not(.works-cat-page) .works_info tbody {
        max-height: 400px;
        overflow-y: scroll;
    }

    #works .works_info td:nth-of-type(5) {
        width: 85px;
    }

    #works .works_info tbody {
        max-height: 240px;
    }

    .scroll_text {
        display: block;
        position: relative;
    }

    .scroll_text::after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 10px solid #51a4cc;
        border-right: 0;
        position: absolute;
        top: 5px;
        margin-left: 5px;
    }

}