@charset "UTF-8";

@font-face {
	font-family: 'JapanSans80';
	src: url('../font/JapanSans80.eot');
	src: url('../font/JapanSans80.eot?#iefix') format('embedded-opentype'),
		url('../font/JapanSans80.woff') format('woff'),
		url('../font/JapanSans80.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*
body, body:before {
	background: none;
}
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* TIME TABLE */
.timetable{
	max-width: 930px;
	margin: 20px auto 10px auto;
	text-align: center;
}
.timetable table{
	width: 94%;
	border: 0;
	margin: 20px auto 0px auto;
	border-spacing: 0px;
	border-collapse: separate;
}
.timetable table th{
	border-top: 3px solid #000;
	padding: 2px 0 28px 0;
	text-align:center;
}
.timetable table td{
	font-size: 95%;
	font-weight: bold;
	letter-spacing: 1.2px;
	line-height: 1.1;
	color: #FFF;
	font-family: 'Oswald','JapanSans80';
	word-wrap: break-word;
	vertical-align:middle;
	padding: 0;
}
.timetable table th.open{
	border-top: 3px dotted #fff;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding: 12px;
	text-align:center;
}
.timetable p.time_l{
	border-top: 3px dotted #fff;
	padding: 3px 0 0 0;
	width: 100%;
	background-color: none;
}
.timetable p.time_r{
	border-top: 3px dotted #fff;
	padding: 3px 0 0 0;
	width: 100%;
	background-color: none;
}
.timetable td.time{
	font-size: 80%;
	font-weight: bold;
	text-align:center;
	vertical-align:top;
}
.timetable td .note{
	font-size: 60%;
}

/* TIME TABLE（E.L.L） */
table.ell_tt td{
	width: 25%;
	vertical-align:top;
}
table.ell_tt td.time{
	width: 12.5%;
}
table.ell_tt p.time_l{
	margin-top: 30px;
}
table.ell_tt p{
	width: 92%;
	height: 45px;
	padding: 8% 2%;
}
.timetable p.ell{
	background-color: #ff3aad;
	margin: 30px 2% 0 2%;
	height: 55px;
}
.timetable tr:first-child p.ell{
	margin: 0px 2% 0 2%;
	height: 45px;
}
.timetable p.fits{
	background-color: #19c439;
	margin: 0 2%;
}
.timetable p.size{
	background-color: #00a8f8;
	margin: 0 2%;
}

/* TIME TABLE（ダイアモンド＆アポロベイス） */
table.dia_tt{
	border-spacing: 0px;
	border-collapse: separate;
	margin: 0px auto;
}
table.dia_tt td{
	width: 42%;
}
table.dia_tt td.time{
	width: 8%;
}
table.dia_tt p.time_l{
	padding: 2px 0 0 0;
}
table.dia_tt p.time_r{
	padding: 2px 0 0 0;
	position:relative;
	top:10px;
}
table.dia_tt p{
	width: 92%;
	min-height: 30px;
	padding: 6% 2%;
}
table.dia_tt .stage{
	padding: 3% 2%;
	font-size: 110%;
}
table.dia_tt td.dia{
	background-color: #19c439;
}
table.dia_tt tr:first-child td.apollo{
	top:0px;
}
table.dia_tt td.apollo{
	background-color: #00a8f8;
	vertical-align:middle;
}
table.dia_tt td.dia p{
	background-color: #fff;
	color: #000;
	margin: 0 2%;
	padding: 8% 2%;
}
table.dia_tt td.last{
	padding: 15px 0;
}
table.dia_tt td.apollo p{
	background-color: #fff;
	color: #000;
	margin: 0 2%;
	position:relative;
	top:10px;
}

/* TIME TABLE（クアトロ） */
table.cq_tt{
	border-spacing: 0px;
	border-collapse: separate;
	max-width: 730px;
	margin: 0px auto;
}
table.cq_tt td{
	width: 90%;
	padding: 0 0 8% 0;
}
table.cq_tt td.time{
	width: 10%;
}
table.cq_tt p.time_l{
	padding: 2px 0 0 0;
}
table.cq_tt p{
	width: 92%;
	padding: 6% 2%;
}
table.cq_tt td.cq{
	background-color: #00a8f8;
	font-size: 100%;
}
table.cq_tt td.last{
	padding: 0;
}
table.cq_tt td.cq p{
	background-color: #fff;
	color: #000;
	margin: 0 2%;
}

/* TIME TABLE（ラグーナ） */
table.lagu_tt{
	border-spacing: 0px;
	border-collapse: separate;
}
table.lagu_tt td{
	width: 42%;
}
table.lagu_tt td.time{
	width: 8%;
}
table.lagu_tt p.time_r{
	margin-top: 10%;
}
table.lagu_tt p{
	width: 92%;
	min-height: 30px;
	padding: 10% 2%;
}
table.lagu_tt .stage{
	padding: 3% 2%;
	font-size: 110%;
}
table.lagu_tt td.merc{
	background-color: #00a8f8;
}
table.lagu_tt td.mars{
	background-color: #ff3aad;
}
table.lagu_tt td.merc p{
	background-color: #fff;
	color: #000;
	margin: 0 2% 2% 2%;
}
table.lagu_tt td.mars p{
	background-color: #fff;
	color: #000;
	margin: 2% 2% 0 2%;
}
table.lagu_tt p.opact{
	padding: 2%;
}
table.lagu_tt td.move{
	font-size: 100%;
	letter-spacing: 1.2px;
	background-color: #afafaf;
	padding: 3px 0;
	color:#fff;
}
table.lagu_tt td.move2{
	font-size: 100%;
	letter-spacing: 1.2px;
	background-color: #666;
	padding: 15px 0;
	color:#fff;
}


/* タブレットレイアウト : 481 px 〜 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
	/* TIME TABLE（E.L.L） */
.timetable table td{
	font-size: 110%;
}
table.ell_tt p{
	height: 30px;
}
.timetable p.ell{
	height: 40px;
}
.timetable tr:first-child p.ell{
	height: 30px;
}

}

/* デスクトップレイアウト : 769 px 〜最大 1400 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
/* TIME TABLE */
.timetable table{
	width: 100%;
}
.timetable table td{
	font-size: 140%;
}
.timetable td.time{
	font-size: 110%;
}
.timetable table th.open{
	font-size: 120%;
}
/* TIME TABLE（E.L.L） */
table.ell_tt td{
	width: 28%;
}
table.ell_tt td.time{
	width: 8%;
}
table.ell_tt p{
	height: 20px;
}
.timetable p.ell{
	height: 30px;
}
.timetable tr:first-child p.ell{
	height: 20px;
}

/* TIME TABLE（ダイアモンド＆アポロベイス） */
table.dia_tt p{
	min-height: 20px;
	font-size: 110%;
/*	padding: 6% 2%;*/
}
table.dia_tt .stage{
	font-size: 150%;
}

/* TIME TABLE（クアトロ） */
table.cq_tt td{
	padding: 0 0 6% 0;
}
table.cq_tt p{
	padding: 4% 2%;
}
table.cq_tt td.cq{
	font-size: 160%;
}

/* TIME TABLE（ラグーナ） */
table.lagu_tt p{
	min-height: 20px;
	font-size: 110%;
	padding: 8% 2%;
}
table.lagu_tt .stage{
	font-size: 150%;
}
}