@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*/
}

/* カテゴリカラーの説明 *******************/
ul.category-color {
    letter-spacing: -.4em;
    margin-top: 13px;
}
ul.category-color li {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 10px 10px;
    padding: 0 15px;
    font-size: 81.3%;/*13*/
}
ul.category-color li:last-child {
    padding-right: 0;
}
ul.category-color li.track1 { background-image: url("../images/common/session_track1.png"); }
ul.category-color li.track2 { background-image: url("../images/common/session_track2.png"); }
ul.category-color li.track3 { background-image: url("../images/common/session_track3.png"); }
ul.category-color li.track4 { background-image: url("../images/common/session_track4.png"); }
ul.category-color li.track5 { background-image: url("../images/common/session_track5.png"); }
ul.category-color li.track6 { background-image: url("../images/common/session_track6.png"); }

@media screen and (max-width: 700px) {
    ul.category-color li {
        font-size: 68.8%;/*11*/
    }
}





/*****************************************************************************
.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: 71%;
}
.timetable-col-2 {
    float: right;
    width: 27%;
}






/*****************************************************************************
タイムテーブル
*****************************************************************************/
.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: #208A3D;
    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; }
.min60 { height: 180px; }





/* セッション ********************************************/
.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: 6; /* 任意の行数を指定 */
}

/* テキストリンク */
.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: #A05A00; }