@charset "utf-8";



/*****************************************************************************

.timetable-heading

*****************************************************************************/

.timetable-heading {

    padding: 50px 10px 25px 10px;

}

.timetable-heading > div {

    max-width: 1000px;

    margin: 0 auto;

}



.timetable-heading h1 {

    font-size: 150%;/*24*/

}

.timetable-heading p {

    font-size: 81.3%;/*13*/

}











/*****************************************************************************

.timetable-container

*****************************************************************************/

.timetable-container {

    padding: 0 10px 75px 10px;

}

.timetable-container > div {

    max-width: 1000px;

    margin: 0 auto;

}











/*****************************************************************************

タブ

*****************************************************************************/

.tab {

    letter-spacing: -.4em;

    padding: 0 0 50px 0;

}



.tab a.btn {

    letter-spacing: normal;

    font-size: 81.3%;/*13*/

    padding: 1em 2em;

    margin: 0 10px 0 0;

}

.tab a.btn.current {

    color: #FFF;

    border-color: #666;

    background-color: #666;

}

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

    .tab a.btn {

        font-size: 68.8%;/*11*/

        padding: 1em;

    }

}











/*****************************************************************************

2カラムに分ける

*****************************************************************************/

.timetable-row-wrap {

    width: 100%;

    overflow: auto;

}

.timetable-row {

    width: 100%;

    min-width: 748px;

}

.timetable-col-1 {

    float: left;

    width: 69%;

}

.timetable-col-2 {

    float: right;

    width: 29%;

}













/*****************************************************************************

タイムテーブル

*****************************************************************************/

.timetable {

    width: 100%;

}

.timetable td {

    background-color: #EEE;

    box-sizing: border-box;

}



/* 左上の空白 ******************************************/

.timetable td.nothing {

    background-color: #FFF;

    width: 7%;

}



/* チャンネル ******************************************/

.timetable td.channel {

    font-size: 68.8%;/*11*/

    background-color: #186A80;

    border-right: solid 1px #FFF;

    color: #FFF;

    text-align: center;

    padding: 10px 0;

    width: 31%;

}

.timetable-col-2

.timetable td.channel {

    width: 93%;

}



/* 時間 *************************************************/

.timetable td.time {

    font-size: 68.8%;/*11*/

    background-color: #666;

    border-bottom: solid 1px #CCC;

    color: #FFF;

    text-align: center;

    padding: 0 10px;

}



/* 1分 = 3px */

.min10 { height: 30px; }

.min20 { height: 60px; }

.min25 { height: 75px; }

.min50 { height: 150px; }













/* セッション ********************************************/

.timetable td.session {

    font-size: 75%;/*12*/

    word-break: break-word;

    background-color: #FFF;

    border: solid 1px #666;

    vertical-align: top;

    position: relative;

    padding: 10px 5px 0 10px;

}

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

    .timetable td.session {

        font-size: 68.8%;/*11*/

    }

}



/* アンカー */

.timetable td.session .anchor {

	position: absolute;

	top: -60px;

}



/* セッション ID */

.timetable td.session .id {

    background-repeat: no-repeat;

    background-position: left center;

    background-size: 10px 10px;

    padding-left: 15px;

}

.timetable td.session.track1 .id { background-image: url("../images/common/session_track1.png"); }

.timetable td.session.track2 .id { background-image: url("../images/common/session_track2.png"); }

.timetable td.session.track3 .id { background-image: url("../images/common/session_track3.png"); }

.timetable td.session.track4 .id { background-image: url("../images/common/session_track4.png"); }

.timetable td.session.track5 .id { background-image: url("../images/common/session_track5.png"); }

.timetable td.session.track6 .id { background-image: url("../images/common/session_track6.png"); }



/* 行数制限 */

.timetable td.session .limit {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 6; /* 任意の行数を指定 */

}

.timetable-col-2

.timetable td.session .limit {

    -webkit-line-clamp: 2; /* 任意の行数を指定 */

}



/* テキストリンク */

.timetable td.session a:hover {

    opacity: 0.8;

}

.timetable td.session.track1 a { color: #993831; }

.timetable td.session.track2 a { color: #A05A00; }

.timetable td.session.track3 a { color: #186A80; }

.timetable td.session.track4 a { color: #208A3D; }

.timetable td.session.track5 a { color: #663E80; }

.timetable td.session.track6 a { color: #6C6C70; }