/* Foundation v2.1.4 http://foundation.zurb.com */


/* Artfully masterminded by ZURB  */


/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th {
    font-weight: bold;
}

table td,
table th {
    padding: 9px 10px;
    text-align: left;
}

table.responsive {
    margin-bottom: 0;
}

.pinned {
    position: absolute;
    left: 0;
    top: 0;
    width: 37%;
    overflow: hidden;
    overflow-x: scroll;
}

.pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
}

.pinned table th,
.pinned table td {
    white-space: nowrap;
}

.pinned td:last-child {
        border-bottom: 1px solid #ccc;
}

div.table-wrapper {
    position: relative;
    overflow: hidden;
}

div.table-wrapper div.scrollable {
    margin-left: 37%;
}

div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
}

table.responsive td,
table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    min-width: 40px;
    padding: 5px;
}

table.responsive th:first-child,
table.responsive td:first-child,
table.responsive td:first-child,
table.responsive.pinned td {
    display: none;
}
    table {
        width: auto;
    }
    .table-game-detail{
        width: 100%:
    }
@media (min-width: 820px) {
.pinned {
    width: 190px;
}

div.table-wrapper div.scrollable {
    margin-left: 190px;
}
}
@media (min-width: 320px) and (max-width: 767px){
.pinned {
    width: 130px !important;
}

div.table-wrapper div.scrollable {
    margin-left: 130px !important;
}
}
.rakurakuPhone .pinned {
    width: 150px !important;
}

.rakurakuPhone div.table-wrapper div.scrollable {
    margin-left: 150px !important;
}
/* Mobile */

@media only screen and (max-width: 767px) {
    table.responsive {
        margin-bottom: 0;
    }
    table {
        width: auto;
    }
    .table-game-detail{
        width: 100%:
    }
table.responsive td,
table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    min-width: 35px;
    padding: 5px;
}
    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        width: 40%;
        overflow: hidden;
        overflow-x: scroll;
    }
    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }
    .pinned table th,
    .pinned table td {
        white-space: nowrap;

    }
    .pinned td:last-child {
    border-bottom: 1px solid #ccc;
    }
    div.table-wrapper {
        position: relative;
        overflow: hidden;
    }
    div.table-wrapper div.scrollable {
        margin-left: 40%;
    }
    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }
    table.responsive td,
    table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }
    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display: none;
    }
}