/*----TOP style-----*/

.topHead{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #000;
	color: #fff;
	padding: 8px 0 4px;
}
.topHead div{
	float: left;
	padding-left: 12px;
}
/*スクロールされたらヘッダー上部固定*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

@media (max-width: 40em) {
	#header,.topHead{
		display: none;
	}
}


/*----Slider---*/
.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider ul li img {
    width: 100%;
    display: none;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(../images/prev.png) no-repeat right center;}
.slider_next {background: #fff url(../images/next.png) no-repeat left center;}
 
.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}
 
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}


/*---NEWS---*/
.news{
	width: 100%;
	padding: 40px 0 20px;
	overflow: hidden;
	position: relative;
	text-align: left;
}
.news .newsbox{
	width: 31%;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
	background: #fff;
}
.news .newsbox .boxinner{
	padding: 0;
	margin: 0 auto;
	border: 1px solid #000;
	min-height: 100px;
	overflow: hidden;
	display: block;
	position: relative;
}
.news .newsbox.mgr0{
	margin-right: 0;
}
.news .newsbox h3{
	background: #000;
	color: #ae8d4f;
	font-size: 1.24em;
	line-height: 1em;
	font-weight: 700;
	padding: 6px 0 6px 6px;
}
.news .newsbox p{
	width: 100%;
	padding: 6px 10px;
	font-size: .896em;
	line-height: 1.4;
}
.news .newsbox a{
	color: #d7000f;
	text-decoration: underline;
}
.news .newsbox .boxinner .more{
	display: block;
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 100%;
	height: 32px;
	text-align: right;
}
.newsbox span.date{
	width: 100%;
	padding: 0 10px;
	font-size: .886em;
}
.news .newsbox p.btn-link{
	padding:3px 0 12px;
	text-align: center;
	width: 100%;
	font-size: 1.0446em;
}
.news .newsbox p.btn-link a{
	margin: 0 auto;
	width: 96%;
	padding:6px 0;
	background: #444;
	color: #fff;
	display: block;
	text-decoration: none;
}

@media (max-width: 40em) {
	.news{
		padding: 20px 10px;
	}
	.news .newsbox{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 14px;
	}
	.news .newsbox .boxinner{
		height: auto;
	}
	.news .newsbox h3{
		font-size: 1em;
	}
	.news .newsbox p{
		font-size: 0.8762em;
	}
	.news .newsbox p.hidden{
		display: none;
	}
	.news .newsbox .boxinner .more{
		position: relative;
		bottom: 0;
		right: 4px;
	}
	.news .newsbox .boxinner .more a{
		display: block;
	}
	.news .newsbox .boxinner .more a img{
		width: 80px;
	}
}


/*-------ticket--------------*/
#ticket{
	padding: 20px 0;
}
#ticket ul.ticketbox{
	background: #000;
	color: #fff;
	padding: 10px;
	overflow: hidden;
}
#ticket ul.ticketbox li div{
	float: left;
	width: 50%;
	padding: 5px;
	vertical-align: center;
	text-align: left;
}
#ticket ul.ticketbox li div.name{
	padding-left: 0.5em;
	font-size: 2.248em;
	color: #fff;
}
#ticket ul.ticketbox li div.name.eve{
	background: #264989;
}
#ticket ul.ticketbox li div.name.one{
	background: #a2131d;
}

#ticket ul.ticketbox li div.price{
	font-size: 2.248em;
	padding-left: 0.5em;
	color: #111;
}
#ticket ul.ticketbox li{
	background: #fff;
	border-bottom: 1px solid #000;
	margin: 0;
	color: #111;
}
#ticket .inner{
	position: relative;
}
#ticket .inner img.sold{
	position: absolute;
	top: 10%;
	right: 20%;
}

.fs008{
	font-size: 0.45em;
}
#ticket ul.ticketbox li.info{
	padding: 1em;
	text-align: left;
}
@media (max-width: 40em) {
	#ticket{
		padding: 0;
	}
	#ticket ul.ticketbox{
		padding:4px;
	}
	#ticket ul.ticketbox li div.name,#ticket ul.ticketbox li div.price{
		padding-left: 5px;
		font-size: 1.164em;
	}
	.fs008{
		font-size: 0.742em;
	}
	#ticket ul.ticketbox li.info{
		padding: 5px;
		font-size: 0.861em;
	}
	#ticket .inner img.sold{
	position: absolute;
	top: 10%;
	right: 5%;
	width: 180px;
	}
}

/*--------Stage Access---------*/
.stage{
	padding:20px 0 0;
	text-align:center;
	margin: 0 auto;
}
.stage ul {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
.stage ul li {
	display:inline;
	float:left;
	width:240px;
	margin-bottom: 36px;
	font-size:.88em;
}
.stage ul li img {
	margin-bottom:4px;
}
.stage ul li a {
	padding: 4px 0;
}
#accessmap {
width: 100%;
height: 400px;
margin:0 auto;
color: #111;
font-size: .94em;
}
@media (max-width: 40em) {
	.stage ul li{
		width: 50%;
	}
	.stage ul li{
		font-size: 0.746em;
	}

}