@charset "utf-8";
/*header*/
.header_in {
	padding-bottom: 50px;
}

/*nav*/
.header_nav {
	position: absolute;
	width: 100%;
	height: 50px;
	z-index: 100;
}
.spmenu_btn {
	display: block;
	position: absolute;
	top: 14px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 22px;
	background: #FFF;
	border-top: 10px solid #0C0C0C;
	border-bottom: 10px solid #0C0C0C;
	box-sizing: border-box;
	transition: all 0.3s;
	cursor: pointer;
}
.spmenu_btn:before,
.spmenu_btn:after {
	content: '';
	position: absolute;
	right: 0;
	width: 30px;
	height: 2px;
	background: #FFF;
	transition: all 0.3s;
}
.spmenu_btn:before {
	top: -9px;
}
.spmenu_btn:after {
	bottom: -9px;
}
.spmenu_btn.active {
	background: #0C0C0C;
}
.spmenu_btn.active:before {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	top: 0;
	right: 0;
}
.spmenu_btn.active:after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	bottom: 0;
	right: 0;
}
.spmenu {
	display: none;
	position: absolute;
	top: 50px;
	width: 100%;
	background: #FFF;
}
nav ul {
	right: auto;
	padding: 0;
	text-align: left;
}
nav ul li {
	display: block;
	border-left: none;
}
nav ul li a {
	display: block;
	color: #333;
	padding: 15px;
	border-bottom: 1px solid #CCC;
}

/*news*/
#news ul,
#news .more {
	width: 98%;
}

/*artist*/
#artist ul li {
	display: block;
	width: 98%;
	margin: 0 auto 30px;
}

/*shcedule*/
.cal .cal_inner {
	padding-bottom: 100%;
}