section.timetable {
	padding: 48px 0;
}

ul.timetable {
	list-style: none;
	margin: 0px auto;
	height: 40px;
	overflow: hidden;
	position: relative;
	width: 800px;
}
	ul.timetable > li {
		display: block;
		height: 40px;
		position: absolute;
		top: 6px;
		transition: top 0.25s ease;
		width: 34%;
		z-index: 1;
	}
	ul.timetable > li:nth-of-type(1) {
		left: 0;
		z-index:3;
	}
	ul.timetable > li:nth-of-type(2) {
		left: 33%;
		z-index:2;
	}
	ul.timetable > li:nth-of-type(3) {
		right: 0;
	}
	ul.timetable > li.on {
		top: 0px;
		z-index: 4;
	}
		ul.timetable > li > button {
			background-color: rgba(239,239,239,1);
			border-color: #CFCFCF;
			border-radius: 4px 4px 0 0;
			border-style: solid;
			border-width: 1px 1px 0 1px;
			font-size: 16px;
			font-weight: bold;
			height: 40px;
			outline: 0;
			width: 100%;
		}
		ul.timetable > li.on > button {
			background-color: rgba(255,255,255,1);
		}

table.timetable {
	border-collapse: collapse;
	border: 1px solid #CFCFCF;
	display: none;
	margin: 0px auto;
	width: 800px;
}
table.timetable.on {
	display: table;
	animation: timetable 1s ease 0s;
}
table.timetable * {
	color: #333;
}
	table.timetable th {
		background-color: #EFEFEF;
		border: 1px solid #CFCFCF;
		font-size: 14px;
		font-weight: bold;
		padding: 2px;
		vertical-align: top;
		max-width: 10%;
	}
	table#narita.timetable th,
	table#tsubamezawa.timetable th{
		width:10%;
	}
		table.timetable th > span {
			display: block;
			font-size: 8px;
			font-weight: normal;
		}
		table.timetable th > span::before {
			content: "(";
		}
		table.timetable th > span::after {
			content: ")";
		}
	table.timetable td {
		border-width: 0 1px 1px 0;
		border-color: #EFEFEF #CFCFCF #EFEFEF #EFEFEF;
		border-style: solid;
		font-size: 9px;
		line-height: 120%;
		padding: 3px;
		text-align: center;
		vertical-align: top;
		max-width: calc((100% - 10%) / 7);
	}
		table.timetable td > span {
			background-color: #FF0000;
			border-radius: 4px;
			color: #FFFFFF;
			display: block;
			font-size: 9px;
			padding: 2px;
			text-align: center;
			width: 100%;
		}
	table.timetable td.on {
		border-width: 1px!important;
	}
	table.timetable td.on.normal {
		background-color: #FFFFEF!important;
	}
	table.timetable td.on.gray {
		background-color: #ECECEC!important;
	}
	table.timetable td.on.yellow_orange {
		background-color: #FDD29B!important;
	}
	table.timetable td.on.orange {
		background-color: #FABC6C!important;
	}
	table.timetable td.on.green {
		background-color: #9DE891!important;
	}
	table.timetable td.on.blue {
		background-color: #DFDFFF!important;
	}
	table.timetable td.on.chibi {
		background-color: #FFFF00!important;
	}
	table.timetable td.on.level {
		background-color: #EFEFFF!important;
	}
	table.timetable td.on.level2 {
		background-color: #DFDFFF!important;
	}
	table.timetable td.on.level3 {
		background-color: #CFCFFF!important;
	}
	table.timetable td.on.all {
		background-color: #FFDFAF!important;
	}
	table.timetable tr:nth-of-type(3n) td {
		border-color: #EFEFEF #CFCFCF #DFDFDF #EFEFEF;
	}
	table.timetable tr:nth-of-type(6n) td {
		border-color: #EFEFEF #CFCFCF #CFCFCF #EFEFEF;
	}
table.information {
	border-collapse: collapse;
	border: 1px solid #CFCFCF;
	margin: 16px auto 0px auto;
	width: 800px;
}
	table.information th {
		vertical-align: middle;
		width: 15%;
	}
	table.information td {
		width: 85%;
	}
	table.information th ,
	table.information td {
		border: 1px solid #CFCFCF;
		font-size: 12px;
		line-height: 150%;
		padding: 4px;
	}
		table.information th > span ,
		table.information td > span {
			background-color: transparent!important;
			color: #000!important;
			display: inline-block!important;
			font-size: 12px;
			line-height: 150%;
			padding-right: 12px;
			text-align: left;
			width: auto!important;
		}
		table.information td > em {
			display: block;
			font-size: 12px;
			line-height: 150%;
			padding-left: 12px;
			position: relative;
		}
		table.information td > em::before {
			content: "・";
			position: absolute;
			top: 0;
			left: 0;
		}

@keyframes timetable { from { opacity: 0; } to{ opacity: 1; } }
