#timeTableView .sessionBox,
#timeTableView .sessionTitle,
#timeTableView .dayTitle,
#timeTableView .room,
#timeTableView .sessionId,
#timeTableView .sessionListTitle,
#timeTableView .sessionListSpeaker,
#timeTableView .detaiTitle,
#timeTableView .detailText,
#timeTableView .detailSpeaker,
#timeTableView .detailCompany{
font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
#timeTableView .room{
text-align     : center;
font-size      : 15px;
margin         : 0;
vertical-align : middle;
margin-bottom  : 4px;
}
#timeTableView .roomBox{
padding: 0 12px;
}
#timeTableView .dayTitle{
font-size      : ;
margin         : 0 ;
vertical-align : middle;
display        : inline-block;
font-weight    : bold;
}
#timeTableView .sessionDaily{
padding-bottom : 12px;
background: #EEE;
}
#timeTableView .sessionRow,
#timeTableView .sessionDaily{
border-bottom  : 2px solid #ECECEC;
}
#timeTableView .sessionRowLast{
border-bottom    : none;
}
#timeTableView .sessionBox .sessionCol,
#timeTableView .sessionThBox{
line-height         : 1.4em;
font-size           : 13px;
padding             : 12px;
vertical-align      : top;
-webkit-transition  : 0.2s;
-moz-transition     : 0.2s;
-o-transition       : 0.2s;
-ms-transition      : 0.2s;
transition          : 0.2s;
min-height          :150px; }
#timeTableView .sessionTitle{
font-size     : 15px;
margin-top    : 0;
line-height   : 19px; 
padding: 15px;
}
#timeTableView .sessionId, 
#timeTableView .detailSessionId{
color                 : #fff;
text-shadow           : 0 1px 0 #666 !important;
margin                : 0 ;
padding               : 2px 8px !important;
-moz-border-radius    : 2px;
-webkit-border-radius : 2px;
border-radius         : 2px;
font-size             : 14px;
}
#timeTableView .sessionId{
display               : block; }
#timeTableView .CoreTechnology{
background-color : #2ECC71 !important;
}
#timeTableView .CaseSudy{
background-color : #3498DB !important;
}
#timeTableView .Others{
background-color : #9B59B6 !important;
}
#timeTableView .roomTtile{
color        : #fff;
text-align   : center;
border-radius: 2px;
margin       : 0;
padding: 8px;
}
#timeTableView .Gallery{
background-color : #dd6767;
}
#timeTableView .RoomA{
background-color : #eaab31;
}
#timeTableView .RoomB{
background-color : #6abe7e;
}
#timeTableView .RoomD{
background-color : #58a4bb ;
}
#timeTableView .RoomE{
background-color : #aa78b2;
}
#timeTableView .RoomF{
background-color : #b29378;
}
#timeTableView .sessionListTitle{
color       : #111;
margin      : 0 !important;
padding     : 6px 0 ;
white-space : normal;
text-shadow : 0 2px 0 #fff !important;
font-size   : 16px;
font-weight : bold;
line-height : 1.3;
}
#timeTableView .sessionListSpeaker{
margin-bottom : 4px;
display       : block;
}
#timeTableView .sessionListCompany{
font-weight :bold;
}
#timeTableView .sessionDetail{
position         : fixed;
top              : 0;
left             : 0;
right            : 0;
bottom           : 0;
background-color : rgba(0,0,0,0.5);
overflow         : auto;
z-index          : 9999;
padding          : 20px !important;
-webkit-overflow-scrolling: touch;
}
#timeTableView .sessionDetailInner{
width            : 65%;
margin           : auto;
margin-top       : 120px;
margin-bottom    : 40px;
background-color : #fff;
box-shadow       : 0 0 10px #000;
padding          : 44px;
position         : relative;
font-size        : 85% !important;
z-index          : 3;
}
#timeTableView .close-btn{
position         : absolute;
top              : -10px;
right            : -10px;
padding          : 5px;
border-radius    : 50%; 
color            : #fff;
background-color : #E74C3C;
}
#timeTableView .move-btn{
position : fixed;
font-size: 20px;
color    : #fff;
}
#timeTableView .move-icon{
display  : block;
position : absolute;
top      : 8px;
}
#timeTableView .move-btn:hover{
color : #1abc9c
}
#timeTableView .up-btn,
#timeTableView .down-btn{
width      : 65%;
right      : 0;
left       : 0;
z-index    : 2;
margin     : 0 auto;
text-align : center;
display    : block;
}
#timeTableView .up-btn{
top    : 0;
bottom : 50%; }
#timeTableView .down-btn{
top    : 50%;
bottom : 0 ; }
#timeTableView .next-btn,
#timeTableView .prev-btn{
top     : 0;
bottom  : 0;
z-index : 1;
}
#timeTableView .next-btn{
right : 0;
left  : 50%; }
#timeTableView .prev-btn{
left  : 0 ; 
right : 50%; }
#timeTableView .up-icon,
#timeTableView .down-icon{
right : 0;
left  : 0;
}
#timeTableView .down-icon{
top : 85%;
}
#timeTableView .next-icon,
#timeTableView .prev-icon{
top     : 40%;
padding : 20px;
}
#timeTableView .next-icon{
right         : 0;
margin-right  : 20px;
padding-right : 8px;
}
#timeTableView .prev-icon{
margin-left  : 20px;
padding-left : 8px;
}
#timeTableView .alertTitle{
font-size     : 17px;
font-weight   : bold;
margin        : 0;
margin-bottom : 4px;
}
#timeTableView .alertLink{
word-wrap : break-word;
}
#timeTableView .sessionText{
font-size : 85% !important;
}
#timeTableView .detailSpeaker{
font-size     : 20px;
font-weight   : bold;
margin-bottom : 5px;
margin-top    : 5px;
}
#timeTableView .detaiTitle{
padding-top    : 5px;
margin         : 0 ;
padding-bottom : 8px;
border-bottom  : 3px solid #34495E;
font-size      : 20px;
font-weight    : bold;
}
#timeTableView .detailText{
font-size  : 14px;
margin     : 0;
margin-top : 16px;
}
#timeTableView .bg-danger {
background-color : #f2dede;
padding          : 4px;
padding-left     : 8px;
padding-right    : 8px;
border-radius    : 3px;
margin-bottom    : 8px!important;
}
#timeTableView .detailCompany{
font-weight : bold;
margin-top  : 8px;
font-size   : 14px;
}
#timeTableView .DetailessionTtile{
font-weight: bold;
}
#timeTableView .speakerDetailRow{
margin-top : 24px
}
#timeTableView .datailDl{
margin: 0 ;
}
#timeTableView .speakerPhoto{
width : 100%;
}
#timeTableView .hiddenBox{
display:none;
}
#timeTableView .session-alert{
margin-top:4px;
}
@media screen and (max-width: 768px) {
#timeTableView .sessionDetailInner{
width   : 90%;
padding : 12px;
}
}
@media screen and (max-width: 992px) {
#timeTableView .sessionBox,
#timeTableView .sessionThBox{ 
min-height    : 10px;
padding       : 8px;
margin-bottom : 0;
}
#timeTableView .sessionTitle{
margin : 0;
}
#timeTableView .sessionId{
margin-bottom : 8px;
}
#timeTableView .sessionListTitle,
#timeTableView .sessionListSpeaker{
padding-left : 8px;
}
#timeTableView .detailText{
margin-top : 0;
}
#timeTableView .detaiTitle{
margin-bottom : 8px;
}
#timeTableView .next-icon,
#timeTableView .prev-icon{
padding : 4px;
}
} #timeTableView a {
text-decoration: none !important;
} #timeTableView .sponsor-img{
width     : 100%;
max-width : 200px;
}
#timeTableView .sponsorType-title{
font-weight : bold;
color       : #f8981d;
font-size   : 15px;
}
#timeTableView .sponsor-box{
vertical-align : middle;
display        : inline-block;
float          : none;
text-align: center;
}
#timeTableView .sponsor-box-link{
vertical-align      : middle;
display             : block;
background-position : center;
background-repeat   : no-repeat;
min-height: 150px;
max-height: 150px;
max-width: 200px;
background-size:contain;
}
#timeTableView .gold_sponsor .sponsor-box-link{
vertical-align      : middle;
display             : block;
background-position : center;
background-repeat   : no-repeat;
min-height: 300px;
max-height: 300px;
max-width: 400px;
background-size:contain;
}
#timeTableView .special_session .sponsor-box-link{
vertical-align      : middle;
display             : block;
background-position : center;
background-repeat   : no-repeat;
min-height: 100px;
max-height: 100px;
max-width: 150px;
background-size:contain;
}
#timeTableView .mini{
background-size : 90%;
max-height      : 100px;
}
#timeTableView .mini-sp{
background-size : auto 50%;
max-height      : 80px;
}
#timeTableView .flex_row{
display: flex;
flex-wrap: wrap;
padding: 15px;
}
#timeTableView .col_7{
width:calc(14.28%);
min-width:calc(14.28%);
margin: 0
}
#timeTableView .sessionThBox .col_7{
border-bottom: 2px solid #EEE;
}
#timeTableView .sessionThBox .sessionBox .sessionCol{
height: 100%;
cursor: pointer;
}
#timeTableView .sessionThBox .sessionBox .sessionCol:hover{
background-color:#ECF0F1;
}
#timeTableView .sessionDetailWrap{
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y:auto;
background: rgba(0,0,0,0.7);
z-index: 999999;
}
#timeTableView .sessionDetailWrap .sessionDetailInner{
position: relative;
width: 80%;
max-width: 600px;
margin: 100px auto 60px;
padding: 20px;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.4);
border: 1px solid #CCC;
}
#timeTableView .sessionDetailWrap .sessionTime{
font-size: 14px;
padding: 5px;
}
#timeTableView .sessionDetailWrap .sessionListTitle{
font-size: 18px;
border-bottom: 2px solid #999;
margin-bottom: 1em !important;
font-weight: bold;
}
#timeTableView .sessionDetailWrap .abstract p{
font-size: 15px !important;
line-height: 1.6;
}
#timeTableView .sessionDetailWrap .profilePhoto{
width: 180px !important;
}
#timeTableView .sessionDetailWrap .profilePhoto img{
width: 180px !important;
}
#timeTableView .tagsBlock .boxTag{
color: #FFF;
background: #607d8b;
display: inline-block;
font-size: 11px;
padding: 2px 5px;
line-height: 1;
margin-right: 3px;
}
#timeTableView .tagsBlock .boxTag.tag_c4b4b94c48dbd9217e15c8d5e119bf97{
background: #ff9800;
}
#timeTableView .tagsBlock .boxTag.tag_186522cc90cf64a924c96b96f5df75b9{
background: #009688;
}
.site-content{
z-index: auto;
}
@media screen and (max-width: 992px) {
#timeTableView .sessionBox .sessionCol,
#timeTableView .sessionThBox{
min-height: 0;
}
#timeTableView .col_7{
width: 100% !important;
}
#timeTableView .col_7.noContent{
display: none;
}
#timeTableView .sessionDetailWrap .sessionDetailInner{
margin: 80px auto 60px;
width: 90%;
}
}