@charset "utf-8";
.md_ttl {
	height: auto;
}
.md_ttl span {
	padding-top: 20px;
	padding-bottom: 20px;
}
#event_timetable:after {
	content: "";
	clear: both;
	display: block;
}
/* ================================================================================
content
================================================================================= */
#event_content {
	padding: 20px 0;
	background: #fff;
	border-radius:5px 5px 0 0;
}
#event_content td { box-sizing:border-box; }
.android #event_content td { box-sizing:content-box; }
#timetable {
	position: relative;
	min-width: 1338px;
}

#time {
	position: absolute;
	width: 40px;
	left:3px;
}
#time table {
	width: 100%;
	background: #d8d8d8;
}
#time table td {
	padding-top: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-align: center;
}
.event_tl {
	float: left;
	margin-right: 1px;
}
.event_tl#atrium { margin-right:0; }

.event_tl td span { display:block; }

.eventtime { color:#666; font-weight:bold; }
.exhibitors { color:#333; }
.eventtime,
.exhibitors,
.txt_extra { margin:0.1em 0; line-height:128%; font-size:0.6875rem; }
.exhibitors a { color:#555; text-decoration:underline; }
.eventname { font-size:0.6875rem; font-weight:bold; line-height:118%; word-break:break-all; }
.eventname .font_ss { line-height:128%; }
.eventname  .txt_s { font-size:0.625em; }
.eventname a { padding-left: 10px; }
.eventname a:after { top:3px; }

.event_tl,
.event_tl h3.fixed { width:201px; }

.event_tl#receptionA h3.fixed,
.event_tl#receptionB h3.fixed { width:605px; }

.event_tl#receptionA,
.event_tl#receptionB { width:605px; }
 

@media screen and (max-width: 1280px) {
/*.event_tl,
.event_tl h3.fixed { width:198px; }*/
#timetable { min-width: none; }
.event_tl#receptionA h3.fixed,
.event_tl#receptionB h3.fixed { width:550px; }

.event_tl#receptionA,
.event_tl#receptionB { width:550px; }

}

@media screen and (min-width:751px) and (max-width:1180px) {
.event_tl,
.event_tl h3.fixed { width:175px; }


.event_tl#receptionA h3.fixed,
.event_tl#receptionB h3.fixed { width:500px; }

.event_tl#receptionA,
.event_tl#receptionB { width:500px; }
.eventname { font-size:0.6rem; line-height:110%; }
}

.event_tl#green,
.event_tl#receptionA {
	margin-left: 45px;
}
.event_tl table {
	width: 100%;
}
.event_tl table td {
	padding: 5px;
	background: #e8e8e8;
	box-sizing: border-box;
}
.event_tl table td.odd {
	background-color: #d8d8d8;
}
.event_tl table .tl_one {
	height: 175px;
}
#time table td { background: #666; }
#time table td,
.event_tl table .tl_double { height:350px; }

.event_tl table .tl_doublehalf { height:425px; }

.event_tl table .tl_4 { height:550px; }

.event_tl table .tl_5 { height:700px; }

.event_tl table .tl_double,
.event_tl table .tl_doublehalf,
.event_tl table .tl_4,
.event_tl table .tl_5 { border-bottom:1px solid #fff; }

#time h3, .event_tl h3 {
	height: 70px;
	box-sizing: border-box;
}

.event_tl#receptionA h3,
.event_tl#receptionB h3 { padding-top:25px; }

.event_tl h3 {
	padding: 10px 5px;
	border-bottom:1px solid #fff;
	color: #fff;
	box-sizing:border-box;
	text-align: center;
}
#time h3.fixed,
.event_tl h3.fixed { position:fixed; z-index:50; top:0; }




/*①グリ－ンステ－ジ（鍵盤・管楽器）*/
#green h3 {
	background-color: #00BFA5;
}
#green .eventcell {
	background:#E0F2F1;
}
/*②ブル－ステ－ジ（デジタル）*/
#blue h3 {
	background-color: #0091EA;
}
#blue .eventcell {
	background:#E1F5FE;
}
/*③レッドステ－ジ（LM・EG/B)*/
#red h3 {
	background-color: #D32F2F;
}
#red .eventcell {
	background:#FFEBEE;
}
/*④イエロ－ステ－ジ（Acoustic）*/
#yellow h3 {
	background-color: #FFEA00;
	color: #333;
}
#yellow .eventcell {
	background:#FFFDE7;
}
/*アトリウムステ－ジ・レセプションホール*/
#atrium_l h3,#atrium_r h3,
#receptionA h3,#receptionB h3 {
	background-color: #BBDEFB;
	color: #333;
}
#atrium_l .eventcell,
#atrium_r .eventcell,
#receptionA .eventcell,
#receptionB .eventcell {
	background:#E3F2FD;
}

.dummy_photo { display:none; width:90%; height:90px; margin:0.5em auto; background:#fff; }
.thumb_event { display:block; width:90%; height:auto; margin:0.5em auto; }
.reception .thumb_event { width:60%; }


.dummy_photo a { display:block; width:90%; height:90px; }
a:hover .thumb_event,
.dummy_photo a:hover { opacity:0.7; }

/* スマフォ調整 */
@media screen and (max-width: 767px) {

	.event_tl h3 { font-size: 12px; }
	
	.event_tl#receptionA,
	.event_tl#receptionB { width:15%; }
	
	.event_tl#receptionA h3.fixed,
	.event_tl#receptionB h3.fixed { position:static!important; width:100%; }
	
	#event_timetable { margin-left:-5px; margin-right:-5px; }
	#event_content { width:100%; padding-right:3px; box-sizing:border-box; border-radius:3px 3px 0 0; overflow-x:scroll; }
	#scroll_sp { width:1285px; }
	
	#time h3 { font-size: 12px; }
	#time h3.fixed,
	.event_tl h3.fixed { position:absolute; }
	
	.eventname { font-size:0.6rem; font-weight: normal; }
	
	.font_ss { font-size:0.5rem; }
	.eventname.event_keion { font-size:0.55rem; }
	
	.event_tl table .tl_one {
	height:120px;
	}
	
	#time table td,
	.event_tl table .tl_double { height:240px; }
	
	.event_tl table .tl_doublehalf { height:290px; }
	.event_tl table .tl_4 { height:400px; }
	.event_tl table .tl_5 { height:480px; }
	.reception .thumb_event { width:100%; }
	
	
	/*.event_tl,
	.event_tl h3.fixed { width:180px; }*/
	.eventtime,
	.exhibitors,
	.txt_extra { margin:0.1em 0; font-size:0.5rem; }
	
	
	
	.dummy_photo { height:80px; }
	.dummy_photo a { height:80px; }
	
	.right.mr20 { float:none!important; margin-right:0!important; text-align:center!important; }
}
/* ================================================================================
tab 
================================================================================= */
.tab_box {
	margin-top: 90px;
	margin-right: -30px;
	margin-left: -30px;
	position: relative;
	background: #fff;
	border-radius:5px 5px 0 0;
}
.tab_event {
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
}
.tab_event li {
	float: left;
	width: 24%;
	margin-left: 1.3%;
}
/* スマフォ調整 */
@media screen and (max-width: 767px) {
	.tab_event li:first-child { margin-left:2.4%; }
}
.tab_event li a {
	display: block;
	position: relative;
	height: 50px;
	padding-top: 12px;
	background: #ccc;
	line-height: 1.4;
	color: #fff;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	box-sizing: border-box;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.tab_event li a:hover {
	background: #ddd;
}
.tab_event li a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	max-width: 150px;
	height: 17px;
}
.tab_event li.current a, .tab_event li.current a:hover {
	background-color: #fff;
	color: #000;
}
.tab_event li.current a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	margin: auto;
	width: 65%;
	height: 2px;
	background: #f00;
}
.tab_event li:nth-child(2).current a:before {
	width: 43%;
}
.tab_event li:nth-child(3).current a:before {
	width: 72%;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.tab_event li a {
	padding-top: 15px;
	font-size: 0.8rem;
}
}
/* iPhone 5・SE */
@media screen and (device-aspect-ratio: 40/71) { 
#event_timetable h2,
.tab_event li a {
	font-size: 0.7rem;
}
}
/* iPhone < 5 */
@media screen and (device-aspect-ratio: 2/3) {
#event_timetable h2,
.tab_event li a {
	font-size: 0.7rem;
}
}

.navi_category { padding-top:30px; padding-bottom:10px; text-align:center; }
.navi_category li { display:inline-block; font-size:16px; font-weight:bold; }

.navi_category li.navi_reception { margin-right:20px; }
.navi_category li.navi_tenji { margin-left:20px; }

.navi_category li a {
display: inline-block;
position: relative;
padding-left: 13px;
color:#51a2f4;
}

.navi_category li a:after {
content:"";
display:block;
position:absolute;
left:0;
top:6px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:5px solid #51a2f4;
}

.navi_category li.current a { color:#1771cd; border-bottom:2px solid #1771cd; }
.navi_category li.current a:after {
	border-left:5px solid #1771cd;
}

@media only screen and (max-width:750px) {
	.navi_category li.navi_reception { margin-right:0; margin-bottom:15px; }
	.navi_category li.navi_tenji { margin-left:0; }
}