/* CSS Document */

.timetable_nav{
	display: block;
	text-align: center;
	background-color: #EDEDED;
	padding: 3px 5px;
	margin-bottom: 15px;
}
.timetable_nav div{
	display: inline-block;
	padding: 5px;
}
.timetable_nav div img{
	width: 22px;
}
.timetable_nav ul{
	display: inline-block;
	width: calc( 100% - 90px )
}
.timetable_nav ul li{
	display: none;
	font-size: 20px;
	font-weight: bold;
}
.timetable_nav ul li:first-of-type{
	display: block;
}

#t_Table{
	border-top: 1.5px solid #9B9B9B;
	border-bottom: 1.5px solid #9B9B9B;
	margin-bottom: 15px;
}
table{
	width: 100%;
}

/* 時間（hour） */
.hour{
	text-align: center;
	vertical-align: top;
	padding: 10px 5px;
	border-top: 1.5px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
}
tr:first-of-type .hour{
	border-top: none;
}
/* 時間 背景色 */
tr:nth-of-type(-n+180) .hour{ background-color: #45C4A3; }
tr:nth-of-type(n+181):nth-of-type(-n+540) .hour{ background-color: #36B9CD; }
tr:nth-of-type(n+541):nth-of-type(-n+900) .hour{ background-color: #EEA133; }
tr:nth-of-type(n+901):nth-of-type(-n+1260) .hour{ background-color: #5D7FBD; }
tr:nth-of-type(n+1261) .hour{ background-color: #AA70B0; }

/* 番組開始時刻 */
td.bTime{
	text-align: right;
	vertical-align: top;
	font-size: 90%;
	padding: 5px 10px 15px;
	border-right: 1px dotted #000000;
	border-top: 1px dotted #000000;
}
tr:first-of-type td.bTime{
	border-top: none;
}

/* 番組タイトル・情報 */
.bTitle{
	height: 1;
	border-top: 1px dotted #000000;
	vertical-align: top;
}
tr:first-of-type .bTitle{
	border-top: none;
}

/* セル全体をブロック化 */
.bTitle > a{
	display: block;
	width: 100%;
	height: 100%;
	color: #000000;
}
.bTitle .title_cell{
	display: block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	padding: 5px 7px;
	box-sizing: border-box;
}

/* 愛媛の情報 */
.ehime{
	display: block;
	line-height: 1.0;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 95%;
	padding: 5px 0 4px;
	border-radius: 15px;
	background-color: #F7871E;
	margin-bottom: 3px;
}

/* 番組情報アイコン */
.b_icon{
	font-size: 0;
}
.b_icon span, .modal-content span{
	display: inline-block;
	line-height: 1.0;
	font-size: 12px;
	color: #FFFFFF;	
	font-weight: bold;
}
.b_icon span{
	margin: 0 3px 3px 0;
}
.icon01, .icon02{
	padding: 4px;
	background-color: #D00000;
	border-radius: 15px;
}
.icon03{
	padding: 4px;
	background-color: #00883A;
	border-radius: 15px;
}
.icon04, .icon05, .icon06, .icon07, .icon08, .icon09, .icon10{
	padding: 3px;
	background-color: #5A5A5A;
}

/* アイコン凡例 */
#note{
	font-size: 90%;
	background-color: #EDEDED;
	padding: 20px 10px 12px;
}
#note ul{
	display: block;
	text-align: center;
}
#note ul li{
	display: inline-block;
/*	width: 12.58em;*/
	text-align: left;
}
#note ul li dl{
	display: inline-block;
	text-align: left;
	margin-bottom: 8px;
  margin-right: 10px;
}
#note ul li dl dt{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 32px;
}
#note ul li dl dd{
	display: inline-block;
	vertical-align: middle;
}

/* 注釈 */
.henkou{
	text-indent: -1em;
	padding-left: 1em;
	margin: 5px 0;
	color: #D61C20;
	
}

/* ----------------------------------------------
	ポップウィンドウ
------------------------------------------------- */
.modal-content {
	width: 75vw ;
	margin: 0;
	padding: 10px 10px;
	border: solid #ffffff 5px ;
	background: #ffffff ;
	position: fixed;

	display: none;
	z-index: 9999999 ;
	max-height: 75vh;
	overflow:auto;
}
.modal-content::-webkit-scrollbar{width: 5px;background: #000000;}
.modal-content::-webkit-scrollbar:horizontal{width: 5px;background: #000000;}
.modal-content::-webkit-scrollbar-thumb{background: #000000;border-radius: 2px;}
.modal-content::-webkit-scrollbar-thumb:horizontal{ background: #000000; border-radius: 2px;}
.modal-content::-webkit-scrollbar-track-piece:start{ background: #ffffff;}
.modal-content::-webkit-scrollbar-track-piece:end{ background: #ffffff;}
.modal-content::-webkit-scrollbar-corner{ background: transparent;}

.modal-content h4{
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 3px;
	vertical-align: baseline;
}
.modal-content h4 a{
	color: #2a90d1;
	text-decoration: underline;
}
.modal-content span{
	margin: 0 0 3px 0;
}
.modal-content .overview_text{
	font-size: 93%;
	font-weight: normal !important;
	line-height: 1.3;
	margin: 10px 0 0;
}
.modal-content .data_content{
	margin: 10px 0 0;
	padding: 10px;
	font-size: 86%;
	background: #EFEFEF;
	font-weight: normal !important;
	line-height: 1.3;
}
.modal-content .data_content h5{
	font-size: 100%;
	margin: 15px 0 3px;
	font-weight: bold;
}
  
#modal-overlay {
	z-index: 999999 ;
	display: none ;
	position: fixed;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}
.close_content{
	text-align: center;
	margin: 15px 0 0;
}
a#modal-close{
	color:#999999;
}