/* ******************************************************************
 *	File name		: top.css
 *	Summary			: page layout
 * ******************************************************************
 */

/* -----------------------------------------------------------------
   head_contents
----------------------------------------------------------------- */


/* -----------------------------------------------------------------
   contents
----------------------------------------------------------------- */

/* --- responsive --- */
@media only screen and (max-width:950px){
	#main_contents{
		padding:0px 0 30px 0px;
	}
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	#main_contents main{
	}
}
@media only screen and (max-width:550px){
	#main_contents main{
	}
}

h2{
	position:relative;
	margin:0 0 15px;
	padding-left:19px;
	font-weight:bold;
	font-size:1.1rem;
	text-align:left;
	color:#FFF;
	}
	h2 span{
		display:inline-block;
		margin:0 0 0 5px;
		font-size:0.87rem;
	}
	h2:after{
		content:" ";
		position:absolute;
		top:3px;
		left:0px;
		width:14px;
		height:14px;
		background:rgba(236,102,23,1);
}

/* -----------------------------------------------------------------
   apply_btn
----------------------------------------------------------------- */

#apply_btn{
	position:relative;
	width:400px;
	margin:0 auto 5px;
	padding:7px;
	background:rgba(255,255,255,0.2);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#apply_btn a{
		position:relative;
		display:inline-block;
		width:100%;
		padding:12px 7px 10px;
		font-weight:bold;
		font-size:0.87rem;
		text-align:center;
		text-decoration:none;
		border:1px solid rgba(255,255,255,0.5);
		background:rgba(236,102,23,0.3);
		background:url(../../image/base/slash_w.png) repeat 0 0 #8D3D0C;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		line-height:1.3;
		transition-duration:0.5s;
	}
	#apply_btn a:hover{
		background:url(../../image/base/slash_w.png) repeat 0 0 #512206;
	}
	#apply_btn a::after{
		content:" ";
		position:absolute;
		bottom:-10px;
		right:-10px;
		border:15px solid transparent;
		border-left:15px solid rgba(255,255,255,0.4);
		transition-duration:0.5s;
		transform:rotate(45deg);
		}
		#apply_btn a:hover::after{
			bottom:calc(50% - 15px);
			right:0px;
			border:15px solid transparent;
			border-left:12px solid rgba(255,255,255,1);
			transform:rotate(0deg);
}
#app_txt{
	margin:0 auto 25px;
	text-align:center !important;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#apply_btn{
		width:100%;
	}
}



/* -----------------------------------------------------------------
   information_box
----------------------------------------------------------------- */

#information_box{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	width:650px;
	max-width:100%;
	margin:30px auto 20px;
}

#info_right{
	width:200px;
}
#info_right img{
	-moz-box-shadow: 0px 0px 5px rgba(255,255,255,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,0.4);
	box-shadow: 0px 0px 5px rgba(255,255,255,0.4);
	transition-duration:0.5s;
	}
	#info_right a:hover img{
		-moz-box-shadow: 0px 0px 5px rgba(255,255,255,0.6);
		-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,0.6);
		box-shadow: 0px 0px 5px rgba(255,255,255,0.6);
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#information_box{
		width:100%;
		max-width:100%;
		text-align:center;
	}
	#info_right{
		width:200px;
		margin:0 auto;
	}
}



/* -----------------------------------------------------------------
   map
----------------------------------------------------------------- */

#map{
	position:relative;
	width:420px;
	margin:0 auto 15px;
	padding:0px;
	text-align:center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#map iframe{
		position:relative;
		display:inline-block;
		width:100%;
		height:250px;
		padding:5px;
		border:none;
		background:rgba(255,255,255,0.2);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		line-height:1.3;
		transition-duration:0.5s;
	}
	#map a{
		position:relative;
		display:inline-block;
		width:250px;
		margin:0 auto;
		padding:7px 7px 5px;
		font-weight:bold;
		font-size:0.87rem;
		text-align:center;
		text-decoration:none;
		border:1px solid rgba(255,255,255,0.5);
		background:rgba(255,255,255,0.2);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		line-height:1.3;
		transition-duration:0.5s;
	}
	#map a:hover{
		background:rgba(255,255,255,0.3);
	}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#map{
		width:100%;
		}
		#map iframe{
			height:250px;
	}
}



/* -----------------------------------------------------------------
   sympo_schedule
----------------------------------------------------------------- */

#sympo_schedule{
}
.schedule_table table{
	width:100%;
	border-collapse:separate;
	border-spacing:3px;
	line-height:2;
	border:1px solid rgba(236,102,23,0.4);
	}
	.schedule_table table th,
	.schedule_table table td{
		text-align:left;
	}
	.schedule_table table th{
		padding:5px 10px 3px 10px;
		font-weight:bold;
		font-size:1rem;
		text-align:center;
		background:rgba(0,0,0,0.3);
		background:rgba(236,102,23,0.2);
		vertical-align:middle;
	}
	.schedule_table table td{
		padding:7px 10px 5px 10px;
		font-size:0.87rem;
		}
		.schedule_table table td.time{
			width:80px;
			padding:3px 5px 1px;
			text-align:center !important;
			background:rgba(236,102,23,0.2);
			background:rgba(0,0,0,0.8);
	}
	.schedule_table table td b{
		font-weight:normal;
		font-size:1.2rem;
	}
	.schedule_table table td h3{
		position:relative;
		margin:0 0 2px -10px;
		padding:3px 5px 1px 10px;
		font-weight:bold;
		font-size:0.9rem;
		border-left:5px solid rgba(236,102,23,0.5);
		background:rgba(255,255,255,0.1);
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	.schedule_table table{
		width:100%;
		background:rgba(0,0,0,0.3);
		border-collapse:collapse;
		border-spacing:0px;
		}
		.schedule_table table th,
		.schedule_table table td{
			display:block;
		}
		.schedule_table table th{
			font-size:0.87rem;
		}
		.schedule_table table td{
			font-size:0.77rem;
		}
		.schedule_table table td b{
			font-size:1.0rem;
		}
		.schedule_table table td h3{
			font-size:0.87rem;
	}
}



/* -----------------------------------------------------------------
   co_host
----------------------------------------------------------------- */

#co_host{
	margin:0 0 45px;
	padding:10px 10px;
	text-align:center;
	border-top:1px solid rgba(255,255,255,0.5);
	border-bottom:1px solid rgba(255,255,255,0.5);
	background:rgba(255,255,255,0.05);
	}
	#co_host p{
		display:inline-block;
		margin:0 auto;
}