/**
  *********************************************** DESKTOP ***********************************************
  **/
@media only screen and (min-width: 769px) {

    #theater{
        position: relative;
    }

    #theater .content{
        background: black;
        padding: 40px 0;
        font-size: 14px;
    }

    /** TABLE **/
    table.table-theater{
        border: 1px solid #999999;

    }

    /* tr */
    table.table-theater tr .col-1{
        width: 210px;
        border-right: 1px solid #999999;
    }
    table.table-theater tr .col-2{
        width: 450px;
        border-right: 1px solid #999999;
    }
    table.table-theater tr .col-3{
        width: 210px;
        border-right: 1px solid #999999;
    }
    table.table-theater tr .col-4{
        width: 210px;
    }
    table.table-theater tr{
        border-bottom: 1px solid #999999;
    }


    table.table-theater .row-title{
        background: #333333;
        color: white;
    }

    /* td */
    table.table-theater tr td{
        padding: 16px 0;
    }

    table.table-theater .row-content{
        background: #ffffff;
        color: black;
    }

    table.table-theater .row-content .col-2{
        text-align: center;
        /*padding-left: 18px;*/
    }
    table.table-theater .row-content .col-2 a{
        color: #336666;
        text-decoration: none;
        border-bottom: 1px solid #336666;
    }
}

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

    /* MENU */
    #theater .menu-sp{
        position: absolute;
        right: 0;
        width: 100%;
        top: 0;
    }
    /* TITLE PAGE */
    #theater .title-page img{
        width: 29.16666666666667%;
    }

    #theater .menu-sp .menu-top{
        position: relative;
        float: right;
    }

    #theater .menu-item{
        position: relative;
    }

    /* CONTENT */
    #theater .content{
        background: black;
        padding: 5.208333333333333% 0;
        font-size: 2.62vw;
    }

    /** TABLE **/
    table.table-theater{
        border: 1px solid #999999;

    }

    /* tr */
    table.table-theater tr .col-1{
        width: 210px;
        border-right: 1px solid #999999;
    }
    table.table-theater tr .col-2{
        width: 450px;
        border-right: 1px solid #999999;
    }
    table.table-theater tr .col-3{
        width: 210px;
        border-right: 1px solid #999999;
    }
    table.table-theater tr .col-4{
        width: 210px;
    }
    table.table-theater tr{
        border-bottom: 1px solid #999999;
    }


    table.table-theater .row-title{
        background: #333333;
        color: white;
    }

    /* td */
    table.table-theater tr td{
        padding: 2.34375% 0;
    }

    table.table-theater .row-content{
        background: #ffffff;
        color: black;
    }

    table.table-theater .row-content .col-2{
        text-align: center;
        padding-left: 1.3%;
        padding-right: 1.3%;
    }
    table.table-theater .row-content .col-2 a{
        color: #3e6667;
        text-decoration: none;
        border-bottom: 1px solid #3e6667;
    }
    table.table-theater .row-content .col-3{
        padding-left: 1.3%;
        padding-right: 1.3%;
    }
}