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

.mainVis{
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	min-height: 600px;
	max-height: 600px;
}
.mainVis .skdslider{
	height: 600px;
	min-height: 600px;
	max-height: 600px;
}
.mainVis .skdslider .slide-desc{
	top: 15%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.mainVis .skdslider .slide-desc > div{
	text-align: center;
	width: 100%;
	max-width: 960px;
	min-height: 400px;
	max-height: 400px;
	/*background: rgba(255,255,255, .8);*/
	color: #222;
	margin: 0 auto;
}
.mainVis .skdslider .slide-desc > div img{
	width: 100%;
	margin: 0 auto;
	max-width: 960px;
}
.mainVis .skdslider .slide-desc p{
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	font-size: 4em;
	font-weight: 700;
	line-height: 1.5;
}
.mainVis .skdslider a.prev{
	background: url("../images/slides/left-arrow.png") no-repeat scroll 0 0 transparent;
}
.mainVis .skdslider a.next{
	background: url("../images/slides/right-arrow.png") no-repeat scroll 0 0 transparent;
}

@media (max-width: 40em) {
	.mainVis{
		min-height: 240px;
		max-height: 240px;
	}
	.mainVis .skdslider{
		height: 240px;
		min-height: 240px;
		max-height: 240px;
	}
	.mainVis .skdslider .slide-desc{
		top: 20%;
	}	
	.mainVis .skdslider .slide-desc > div{
		width: 100%;
		margin: 0 auto;		
		/*max-height: 300px;*/
	}

	.mainVis .skdslider .slide-desc p{
		text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
		font-size: .9444em;
		font-weight: 700;
		line-height: 1.5;
	}
.mainVis .skdslider a.prev,
.mainVis .skdslider a.next{
		background-size: 20px 20px;
	}

}
#content.follow{padding-top: 100px;}
@media (max-width: 40em) {
	#content.follow{padding-top: 0px;}	
}

/*---NEWS TwitterTL---*/
.topics{
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0 auto;
}
.news{
	width: 55.5555%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: left;
	padding-right: 1em;
	padding-top: 20px;
}
.twTl{
	width: 38.8888%;
	float: right;
	overflow: hidden;
	position: relative;
	text-align: left;
	padding-top: 20px;
}
.twTl .timeline{
	background: #efefef;
	min-height: 500px;
}
h2.ttlNews{
}
section h2.ttlTw::after{
	width: 30%;
}
#topicsList{
	width: 100%;
	position: relative;
}
#topicsList li{
	width: 46.6666%;
	float: left;
	overflow: hidden;
	display: block;
	padding: 1em　0;
	font-size: 1em;
	line-height: 1.4em;	
}
#topicsList li:nth-child(odd){
	margin-right: 1.8888em;
}
#topicsList figure.thumb{
  overflow: hidden;
  display: block;
  background: #fff; 
  position: relative;
}
#topicsList li figure.thumb img{
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;  
  width: 100%;
}
#topicsList li figure.thumb img:hover{
    -webkit-transform: scale( 1.2 );
    -moz-transform: scale( 1.2 );
}
#topicsList li .caption{
	width: 100%;
	min-height: 100px;
	height: 100px;
	padding: .2em;
	overflow: hidden;
	color: #000;
}
#topicsList li .caption h3{font-weight: 700;}
#topicsList li .caption span.date{	font-size: .7422em;}
#topicsList li .caption p{	font-size: .78em;}
#topicsList li a .caption:hover{
	text-decoration: underline;
	color: #888;
}
.news p.more{	float: right;}
.news p.more a{
	position: relative;
	display: block;
	font-size: .8442em;
	padding-right: .75em;
	text-decoration: underline;
	color: #666;
}
.news p.more a::after{
	content:'\f105';
	position: absolute;
	top: 0;
	right: 0;
	color: #f31e2d;
	font-weight: 700;
    font-family: FontAwesome;	
}

@media (max-width: 40em) {
	.topics{
		padding-top: 2em;
		padding-bottom: 2em;
		margin: 0 auto;
	}	
	.news{
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.twTl{
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.twTl .timeline{
		min-height: 300px;
		max-height: 300px;
	}
	#topicsList li{
		width: 46.6666%;
		float: left;
		overflow: hidden;
		display: block;
		padding: 1em　0;
		font-size: .75em;
		line-height: 1.4em;
	}
	#topicsList li .caption{
		min-height: 60px;
		height: 60px;
	}
	#topicsList li:nth-child(odd){
		margin-right: 1em;
	}
	section h2.ttlTw::after{
		width: 100%;
	}
}


/*-------ticket--------------*/
#ticket{
	padding: 2em 0;
}
#ticket ul.ticketbox{
	padding-top: 1.5em;
	color: #fff;
	overflow: hidden;
}
#ticket ul.ticketbox li div{
	float: left;
	padding: 10px 5px;
	vertical-align: center;
	text-align: left;
}
#ticket ul.ticketbox li div.name{
	width: 60%;
	padding-left: 0.75em;
	font-size: 2em;
	font-weight: bold;
	color: #000;
	line-height: 1em;
}
#ticket ul.ticketbox li div.name p{
	font-weight: bold;
}
#ticket ul.ticketbox li div.name.eve p{
	color: #7e3c93;
}
#ticket ul.ticketbox li div.name.one p{
	color: #f0831e;
}
#ticket ul.ticketbox li div.name.twodays p{
	color: #198430;
}
#ticket ul.ticketbox li div.name.extraoneday p{
	color: #1d43ae;
}
#ticket ul.ticketbox li div.price{
	font-size: 2em;
	padding-left: 0.75em;
}
#ticket ul.ticketbox li{
	background: #fff;
	border-bottom: 1px dotted #000;
	margin: 0;
	color: #111;
}
#ticket ul.ticketbox li:last-child{
	border-bottom: none;	
}
#ticket .inner{
	position: relative;
}
#ticket .inner img.sold{
	position: absolute;
	top: 8%;
	right: 30%;
}

.fs008{
	font-size: 0.45em;
}
#ticket ul.ticketbox li.info{
	padding: 1em;
	text-align: left;
}
#ticket ul.ticketbox li.info p{
	line-height: 2em;
}
#ticket ul.ticketbox li.info a{
	text-decoration: underline;
}
#ticket ul.ticketbox li.info p.udline{
	text-decoration: underline;
}
#ticket ul.ticketbox li.info p.del{
	text-decoration: line-through;
}
span.del{
	text-decoration: line-through;	
}
span.bg-yellow{
	background: #fff100;
	color: #333;
	font-weight: 
	padding: .5em;
	text-decoration: none;
}
@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;
	}
	#ticket ul.ticketbox li div.name span{
		display: block;
	}
	.fs008{
		font-size: 0.62em;
	}
	#ticket ul.ticketbox li.info{
		padding: 5px;
		font-size: 0.861em;
	}
	#ticket .inner img.sold{
	position: absolute;
	top: 12%;
	right: 10%;
	width: 180px;
	}
}

/*--------Stage Access---------*/
.stage{
	padding:20px 0 0;
	text-align:center;
	margin: 0 auto;
	background: #efefef;
}
.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;
}
#infoWindow {
	width: 200px;
	min-height: 130px;
	padding:0 5px;
}
 
#infoWindow{
    font-family: YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
#infoWindow p{
	font-weight: 700;
	padding: .25em .5em;
	border: 1px solid #000;
}
.extrastage{
	padding: 1.2em 0 2em;
}
.extrastage p{
	float: left;
	width: 30%;
	display: block;
	position: relative;
	line-height: 1.8;
}
.extrastage div.extra-map{
	width: 50%;
	height: 280px;
	float: left;
}

@media (max-width: 40em) {
	.stage ul li{
		width: 50%;
	}
	.stage ul li{
		font-size: 0.746em;
	}
	.extrastage p{
		float: none;
		width: 100%;
	}	
	.extrastage div.extra-map{
		width: 100%;
		min-height: 200px;
		max-height: 200px;
		float: none;
	}	

}