/* CSS Document */

/*  スケジュール全体枠　*/
.time_table_wrap {
	width: 100%;
	margin-top: 40px;
}
/*  スケジュール エリア　*/
.time_table {
	position: relative;
	width: 100%;
	height: 1600px;
	background-image:url(../../image/2016/p03schedule/time_bar.png), url(../../image/2016/p03schedule/time_line.png);
	background-repeat:no-repeat, repeat-x;
}


/*　ホール別　*/
.hall_wrap {
	width: 32.5%;
	float: left;
	margin-right:2px;
}

/*　ホール別タイトル　*/
.hall_wrap .hall_title {
    padding: 10px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
	border-radius: 5px;
    font-size: 18px;
    color: #FFF;
	margin-bottom: 10px;
	text-align:center;
}


#grandhall_title {
	background-color: #5CB85C;
}
#mediumhall_title {
	background-color: #f0ad4e;
}
#smallhall_title {
	background-color: #5BC0DE;
}

/*　スケジュール　1枠　*/
.schedule_box_wrap {
	position: absolute;
	width: 100%;
	
}
.schedule_box {
	width: -webkit-calc(100% - 55px);
	width: -moz-calc(100% - 55px);
	width: calc(100% - 55px);
	margin-left: 50px;
	padding: 10px;
}


/*　スケジュール　ホール別　枠背景色　*/
#GrandHall .schedule_box {
	background-color: rgba(202,252,187,0.80);
}
#MediumHall .schedule_box {
	background-color: rgba(247,214,167,0.80);
}
#SmallHall .schedule_box {
	background-color: rgba(156,202,250,0.80);
}

/* テキスト関連　*/

#contents_wrap .schedule_box p {
	padding: 15px 0 0 0;
	margin: 0 0 3px;
	line-height: 1.3em;
}

.schedule_box .ex_wrap {
	display: block;
	font-size: 12px;
	line-height: 1.1em;
	padding-top: 5px;
}
.schedule_box .ex_wrap_e {
	display: block;
	font-size: 11px;
	line-height: 1.1em;
	padding-top: 5px;
	padding-bottom: 5px;
}

.schedule_box .s_12 {
	display: block;
	font-size: 12px;
	line-height: 1.1em;
	padding-top: 5px;
}
.schedule_box .m_12 {
	display: block;
	font-size: 14px;
	line-height: 1.1em;
}
.schedule_box .l_12 {
	display: block;
	font-size: 12px;
	line-height: 1.1em;
}
.mid_block {
	display: block;
}

/*　スケジュール　時間　装飾　*/
.schedule_box .label {
	padding: 5px;
	margin-bottom: 10px;
	font-size:0.9em;
	text-align: left;
}

.label-grand {
  background-color: #5cb85c;
}
.label-grand[href]:hover,
.label-grand[href]:focus {
  background-color: #449d44;
}

.label-medium {
  background-color: #f0ad4e;
}
.label-medium[href]:hover,
.label-medium[href]:focus {
  background-color: #ec971f;
}

.label-small {
  background-color: #5bc0de;
}
.label-small[href]:hover,
.label-small[href]:focus {
  background-color: #31b0d5;
}


/*　時間（開始）　*/
.s_time_9 {
	margin-top: 20px;
}
.s_time_10 {
	margin-top: 140px;
}
.s_time_11 {
	margin-top: 260px;
}
.s_time_12 {
	margin-top: 380px;
}
.s_time_13 {
	margin-top: 500px;
}
.s_time_14 {
	margin-top: 620px;
}
.s_time_15 {
	margin-top: 740px;
}
.s_time_16 {
	margin-top: 860px;
}
.s_time_17 {
	margin-top: 980px;
}
.s_time_18 {
	margin-top: 1100px;
}
.s_time_19 {
	margin-top: 1220px;
}
.s_time_20 {
	margin-top: 1340px;
}
.s_time_21 {
	margin-top: 1460px;
}

/*　分　*/
.s_min_5 {
	padding-top: 10px;
}
.s_min_10 {
	padding-top: 20px;
}
.s_min_15 {
	padding-top: 30px;
}
.s_min_20 {
	padding-top: 40px;
}
.s_min_25 {
	padding-top: 50px;
}
.s_min_30 {
	padding-top: 60px;
}
.s_min_35 {
	padding-top: 70px;
}
.s_min_40 {
	padding-top: 80px;
}
.s_min_45 {
	padding-top: 90px;
}
.s_min_50 {
	padding-top: 100px;
}
.s_min_55 {
	padding-top: 110px;
}

/*　時間（長さ）*/
.s_hour_50 {
	height: 100px;
}
.s_hour_60 {
	height: 120px;
}
.s_hour_75 {
	height: 150px;
}
.s_hour_80 {
	height: 160px;
}
.s_hour_85 {
	height: 170px;
}
.s_hour_90 {
	height: 180px;
}
.s_hour_95 {
	height: 190px;
}
.s_hour_100 {
	height: 200px;
}
.s_hour_105 {
	height: 210px;
}
.s_hour_110 {
	height: 220px;
}
.s_hour_115 {
	height: 230px;
}
.s_hour_120 {
	height: 240px;
}
.s_hour_125 {
	height: 250px;
}
.s_hour_130 {
	height: 260px;
}
.s_hour_140 {
	height: 280px;
}
.s_hour_145 {
	height: 290px;
}
.s_hour_150 {
	height: 300px;
}
.s_hour_170 {
	height: 340px;
}
.s_hour_190 {
	height: 380px;
}
.s_hour_220 {
	height: 440px;
}


.panel-group .panel + .panel {
    margin-top: 0px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#contents_wrap .schedule_box p {
		line-height: 1.1em;
		margin: 0 0 1px;
    	padding: 10px 0 0 0;
	}
	.schedule_box {
		padding: 10px 5px 0;
	}
	.schedule_box .s_12 {
		padding-top: 2px;
	}
	.schedule_box .m_12 {
		font-size: 12px;
	}
	.schedule_box .l_12 {
		font-size: 12px;
	}
	.mid_block {
		display: inline;
	}
}


@media (max-width: 767px) {
	.time_table_wrap {
		margin-top: 20px;
	}
	.hall_wrap {
		width: 100%;
		margin-top: 30px;
	}

	#contents_wrap .schedule_box p {
		padding: 10px 0 0 0;
		line-height: 1.3em;
	}
	.schedule_box .ex_wrap {
		line-height: 1.2em;
		padding-bottom: 10px;
	}
	.schedule_box .ex_wrap_e {
		line-height: 1.2em;
	}
	.schedule_box .s_12 {
		line-height: 1.2em;
	}
	.schedule_box .m_12 {
		line-height: 1.2em;
	}
	.schedule_box .l_12 {
		font-size: 14px;
		line-height: 1.1em;
	}
}

/* schedule_list table */
#schedule_list {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
#schedule_list .table thead th {
	padding: 5px 8px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	font-size: 1.2rem;
}
#schedule_list .table thead th span {
	font-size: 1.1rem;
}
#schedule_list .table td {
	padding: 4px !important;
	vertical-align: middle;
	font-size: 1.2rem;
}
#schedule_list .table tr td:nth-child(-n+2) {
	font-weight: bold;
}
#schedule_list .table tr td:nth-child(2) {
	white-space: nowrap;
}
#schedule_list .table tr td:last-child {
	white-space: nowrap;
}
@media (max-width: 767px) {
	#schedule_list .table thead {
		display: none;
	}
	#schedule_list .table,
	#schedule_list .table tbody {
		display: block;
		border: none;
	}
	#schedule_list .table tr {
		display: block;
		border: 1px solid #ddd;
	}
	#schedule_list .table tbody tr:nth-child(odd) {
		background-color: inherit;
	}
	#schedule_list .table tbody tr + tr {
		margin-top: 10px;
	}
	#schedule_list .table td {
		display: block;
		padding: 8px !important;
		border: none;
	}
	#schedule_list .table td + td {
		border-top: 1px solid #ddd;
	}
	#schedule_list .table tr td:nth-child(2),
	#schedule_list .table tr td:last-child {
		white-space: normal;
	}
	#schedule_list .table td::before {
		display: inline;
	}
	#schedule_list .table tr td:first-child::before {
		display: block;
		margin: 0 -8px 4px;
		padding: 0 8px 4px;
		border-bottom: 1px solid #efefef;
		content: "English Title\A(Original Title)";
		font-weight: normal;
		white-space: pre;
	}
	#schedule_list .table tr td:nth-child(2)::before {
		display: block;
		margin: 0 -8px 4px;
		padding: 0 8px 4px;
		border-bottom: 1px solid #efefef;
		content: "Director";
		font-weight: normal;
	}
	#schedule_list .table tr td:nth-child(3)::before {
		content: "Production Year : ";
	}
	#schedule_list .table tr td:nth-child(4)::before {
		content: "Running Time : ";
	}
	#schedule_list .table tr td:last-child::before {
		display: block;
		margin: 0 -8px 4px;
		padding: 0 8px 4px;
		border-bottom: 1px solid #efefef;
		content: "Country/Region of Work";
	}
}