@charset "utf-8";

/*****************************************************************************
.timetable-heading
*****************************************************************************/
.timetable-heading {
    padding: 50px 10px 25px 10px;
}
.timetable-heading > div {
    max-width: 1200px;
    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"); }
ul.category-color li.track7 { background-image: url("../images/common/session_track7.png"); }
ul.category-color li.track8 { background-image: url("../images/common/session_track8.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: 1200px;
    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;
    }
}





/*****************************************************************************
3カラムに分ける
*****************************************************************************/
.timetable-row-wrap {
    width: 100%;
    overflow: auto;
}
.timetable-row {
    width: 100%;
    min-width: 1004px;
}

.timetable-col-1,
.timetable-col-2,
.timetable-col-3 {
    float: left;
    box-sizing: border-box;
}
.timetable-col-1 {
    width: 55%;
}
.timetable-col-2 {
    width: 25%;
    padding-left: 10px;
}
.timetable-col-3 {
    width: 20%;
    padding-left: 10px;
}






/*****************************************************************************
タイムテーブル
*****************************************************************************/
.timetable {
    width: 100%;
}
.timetable td {
    background-color: #EEE;
    box-sizing: border-box;
}

/* 左上の空白 ******************************************/
.timetable td.nothing {
    background-color: #FFF;
    width: 1%;
}

/* チャンネル ******************************************/
.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: 33%;
}
.timetable-col-2 .timetable td.channel,
.timetable-col-3 .timetable td.channel {
    width: 99%;
}

/* 時間 *************************************************/
.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 */
.min120 { height: 360px; }
.min30 { height: 90px; }
.min45 { height: 135px; }
.min25 { height: 75px; }
.min10 { height: 30px; }
.min215 { height: 645px; }
.min20 { height: 60px; }
.min95 { height: 285px; }
.min35 { height: 105px; }
.min60 { height: 180px; }
.min65 { height: 195px; }
.min15 { height: 45px; }
.min100 { height: 300px; }
.min75 { height: 225px; }
.min210 { height: 630px; }
.min110 { height: 330px; }
.min70 { height: 210px; }
.min55 { height: 165px; }
.min90 { height: 270px; }
.min105 { height: 315px; }
.min115 { height: 345px; }
.min140 { height: 420px; }
.min240 { height: 720px; }

/*
.min■ { height: ■px; }
*/







/* セッション ********************************************/
.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;
}

/* アンカー */
.timetable td.session .anchor {
	position: absolute;
	top: 0;
    right: 0;
}

/* セッション 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.track7 .id { background-image: url("../images/common/session_track7.png"); }
.timetable td.session.track8 .id { background-image: url("../images/common/session_track8.png"); }

/* 行数制限 */
.timetable td.session .limit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* 任意の行数を指定 */
}
.timetable-col-2
.timetable td.session .limit {
    -webkit-line-clamp: 2; /* 任意の行数を指定 */
}
.timetable-col-3
.timetable td.session .limit {
    -webkit-line-clamp: 7; /* 任意の行数を指定 */
}

/* テキストリンク */
.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: #663E80; }
.timetable td.session.track7 a { color: #A05A00; }
.timetable td.session.track8 a { color: #6C6C70; }