@charset "utf-8";
/* CSS Document */




span.new {display: none;}


.hashBlock{
	overflow:hidden;
}

/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px) {

section.newsSp{display:none;}
.spBanner{display:none;}
.spTopNavi{display:none;}
.mainVisualSp{display:none;}


footer{
	position:relative;
	z-index:9999;
}


.fixed{
	display:block !important;
	position:fixed !important;
	z-index:9999999;
	display:none;
}



	

/* section.mainVisual
----------------------------------------------- */
section.mainVisual{
	width:100%;
	padding:50px 0px 50px 0px;
	position:relative;
}
	section.mainVisual .mainVisualBlock{
		width:100%;
		min-width:1160px;
		height:auto;
		margin:0px auto;
		position:relative;	
		overflow:hidden;
	}
		.mainVisualBlock .dateBox{
			width:100%;
			position:absolute;
			top:0px;
			left:-215px;
			z-index:999999;
		}
			.dateBox figure{
				width:60%;
				margin:0px auto;
				text-align:left;
			}
				.dateBox figure img{
					width:26.46%;
					max-width:210px;
					height:auto;
				}
		.mainVisualBlock .coverBg{
			width:100%;
			position:absolute;
			top:0px;
			left:0px;	
		}
			.mainVisualBlock .coverBg figure{
				width:100%;
				height:auto;
			}
				.mainVisualBlock .coverBg figure img{
					width:100%;
					height:auto;	
				}
		ul.bxslider li img{
			margin:0px auto;
		}
		ul.bxslider li span{
			display:block;
			min-width:1160px;
			margin:0px auto;
			padding:8px 0px 0px 0px;
			font-size:93%;
			text-align:center;
		}
			ul.bxslider li span em{
				font-style:italic;
			}
		

/* section.countdown
------------------------------------------- */
section.countDown{
	width:100%;
	height:auto;
	padding:0px 0px 0px 0px;
	background:#000;	
}
	section.countDown .countDownBlock{
		width:1160px;
		height:auto;
		margin:0px auto;
		color:#fff;
	}
		.countDownBlock .timer{
			font-size:162%;
			font-weight:normal;	
			text-align:center;
			padding:25px 0px;
		}
			.timer span{
				font-size:200%;
				font-weight:bold;	
			}
		.countDownBlock .recentNews{
			font-size:116%;
			font-weight:normal;	
			text-align:center;
			padding:25px 0px;
		}
			.countDownBlock .recentNews a{
				color:#fff !important;
			}

		



/* section.blueNav
----------------------------------------------- */
section.blueNav{
	padding:70px 0px 0px 0px;
	background:#251e85;
	position:relative;
	z-index:500;
}
	section.blueNav .blueNavBlock{
		/*width:1160px;*/
		min-width:1160px;
		max-width:1200px;
		min-height:1026px;
		margin:0px auto;
		position:relative;
		
	}

		/* visual Nav */
		.blueNavBlock nav#visual{
			width:100%;
		}
			.blueNavBlock nav#visual .naviConcept{
				width:15.07%;
				height:auto;
				position:absolute;
				top:14.75%;
				left:28.60%;
				z-index:50;	
			}
				.blueNavBlock nav#visual .naviConcept img{
					width:100%;
					height:auto;
				}
			.blueNavBlock nav#visual .naviGuide{
				width:13.16%;
				height:auto;
				position:absolute;
				top:32.52%;
				left:-2.35%;	
				z-index:50;	
			}
				.blueNavBlock nav#visual .naviGuide img{
					width:100%;
					height:auto;
				}
			.blueNavBlock nav#visual .naviArtist{
				width:13.23%;
				height:auto;
				position:absolute;
				top:6.799%;
				left:44.77%;
				z-index:50;		
			}
				.blueNavBlock nav#visual .naviArtist img{
					width:100%;
					height:auto;
				}
			.blueNavBlock nav#visual .naviAbout{
				width:15%;
				height:auto;
				position:absolute;
				top:3.10%;
				left:85%;
				z-index:50;		
			}
				.blueNavBlock nav#visual .naviAbout img{
					width:100%;
					height:auto;
				}
			.blueNavBlock nav#visual .naviHighlight{
				width:15%;
				height:auto;
				position:absolute;
				top:52.19%;
				left:25.66%;
				z-index:50;		
			}
				.blueNavBlock nav#visual .naviHighlight img{
					width:100%;
					height:auto;
				}
			.blueNavBlock nav#visual .naviEvent{
				width:14.11%;
				height:auto;
				position:absolute;
				top:71.74%;
				left:10.73%;
				z-index:50;		
			}
				.blueNavBlock nav#visual .naviEvent img{
					width:100%;
					height:auto;
				}
			.blueNavBlock nav#visual .naviBlog{
				width:11.02%;
				height:auto;
				position:absolute;
				top:49.80%;
				left:86.02%;
				z-index:50;		
			}
				.blueNavBlock nav#visual .naviBlog img{
					width:100%;
					height:auto;
				}
			.blueNavBlock nav#visual .naviSupport{
				width:11.54%;
				height:auto;
				position:absolute;
				top:69.51%;
				left:62.27%;
				z-index:50;		
			}
				.blueNavBlock nav#visual .naviSupport img{
					width:100%;
					height:auto;
				}
			.blueNavBlock nav#visual .naviGoods{
				width:11.10%;
				height:auto;
				position:absolute;
				top:78.34%;
				left:76.98%;
				z-index:50;		
			}
				.blueNavBlock nav#visual .naviGoods img{
					width:100%;
					height:auto;
				}
			.blueNavBlock nav#visual .naviTickets{
				width:15.07%;
				height:auto;
				position:absolute;
				top:30.58%;
				left:42.11%;
				z-index:50;		
			}
				.blueNavBlock nav#visual .naviTickets img{
					width:100%;
					height:auto;
				}
				
				
			.blueNavBlock nav#visual .navNews{
				width:22.42%;
				height:363px;
				/*height:100%;*/
				background:url(../images/navi_news_bg.png) center top no-repeat;
				background-size:100% auto;
				position:absolute;
				top:32.52%;
				left:62.13%;
				z-index:50;		
			}
				.navNews h2{
					padding:50px 0px 0px 0px;
					text-align:center;
				}

				.navNews article{
					width:80%;
					height:auto;
					margin:0px auto;
					padding:3% 30px 0px 30px;	
				}
					article p.date{
						font-size:87%;
						color:#fff !important;
					}
						article p span.cat{
							display:inline-block;
							padding:1px 5px;
							background:#fff;
							color:#14259B !important;
							font-weight:bold;
							font-size:87%;
							margin-left:10px;
						}
					article a{
						padding:2px 0px 0px 0px;
						display:block;
						color:#fff !important;
						font-size:81%;
						font-weight:bold;
					}
			.newsAjax .loading{
				padding:60px 0px 0px 0px;
				text-align:center;	
			}
		
		
		
		/* visual Background */
		.blueNavBlock .shellBg{
			z-index:1;	
		}
			.shellBg .shellItem01{
				width:17.84%;
				height:172px;
				position:absolute;
				top:8.54%;
				left:-2.50%;
				background:url(../images/shell01.png) center top no-repeat;	
				background-size:100% auto;
			}
			.shellBg .shellItem02{
				width:7.79%;
				height:164px;
				position:absolute;
				top:24.66%;
				left:10.73%;
				background:url(../images/shell02.png) center center no-repeat;	
				background-size:100% auto;
			}
			.shellBg .shellItem03{
				width:10.88%;
				height:120px;
				position:absolute;
				top:42.03%;
				left:18.45%;
				background:url(../images/shell03.png) center top no-repeat;	
				background-size:100% auto;
			}
			.shellBg .shellItem04{
				width:14.55%;
				height:160px;
				position:absolute;
				top:56.31%;
				left:-2.50%;
				background:url(../images/shell04.png) center top no-repeat;	
				background-size:100% auto;
			}
			.shellBg .shellItem05{
				width:18.88%;
				height:300px;
				position:absolute;
				top:5.43%;
				left:59.55%;
				background:url(../images/shell05.png) center top no-repeat;	
				background-size:100% auto;
			}
			.shellBg .shellItem06{
				width:12.50%;
				height:160px;
				position:absolute;
				top:33.10%;
				left:86.47%;
				background:url(../images/shell06.png) center top no-repeat;	
				background-size:100% auto;
			}
			.shellBg .shellItem07{
				width:14.19%;
				height:230px;
				position:absolute;
				top:63.88%;
				left:43.89%;
				background:url(../images/shell07.png) center top no-repeat;	
				background-size:100% auto;
			}

/* section.sponsor
----------------------------------------------- */
section.sponsor{
	padding:30px 0px 30px 0px;
	background:#fff;
}
	section.sponsor .sponsorBlock{
		width:900px;
		height:auto;
		margin:0px auto;
		padding:0px 0px 50px 0px;
	}
		.sponsorBlock h3{
			font-weight:bold;
			text-align:center;
			font-size:125%;	
		}
		.sponsorBlock .logoBox{
			text-align:center;
		}	
			.logoBox div{
				display:inline-block;
			}
				.logoBox img{
					max-width:100%;
					height:auto;
				}
				.logoBox figcaption{
					display:none;
				}
				.logoBox .logoXL{
					width:40%;
					height:auto;
					margin:0px 15px;	
				}
				.logoBox .logoL{
					width:28%;	
					margin:0px 15px;
				}
				.logoBox .logoM{
					width:20%;
					margin:0px 15px;
				}
				.logoBox .logoS{
					width:12%;	
					margin:0px 15px;
				}




/* section.hash
------------------------------- */
section.hash{
	width:1000px;
	height:auto;
	margin:0px auto;
	padding:50px 0px 35px 0px;	
}
	section.hash .hashBlock{
		padding:20px 0px 0px 0px;
	}

		.hashBlock h2{
			font-size:150%;	
			padding:0px 0px 10px 0px;
			border-bottom:1px solid #000;
			margin-bottom:20px;
		}
			.hashBlock h2 span{
				font-size:71%;
				color:#666;
				border-left:1px dotted #ccc;
				padding-left:20px;	
				margin-left:20px;
			}
		.hashBlock h3{
			font-size: 118%;
			padding: 0px 0px 3px 0px;
			border-bottom: 1px solid #000;
			margin-bottom: 12px;
		}
		.hashBlock p{
			line-height:1.75em;
		}
							

}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:640px)  {
.acdNav{
	display:none;
	width:100%;
	height:auto;
	/*overflow:scroll;	*/
}
.acdNav .language{display:none;}
.mainBlock nav#blueNav{display:none;}
.mainBlock .shellBg{display:none;}
nav#globalTop{display:none;}
.blueNav{display:none;}
.snsSetFixed{display:none;}
.officialTicket{display:none;}
.headerSp{display:none;}
.mainVisual{display:none;}
.mainVisualBlock .coverBg{display:none;}	




/* section.mainVisual
----------------------------------------------- */
section.mainVisualSp{
	width:100%;
	height:auto;
	padding:25px 0px;
	position:relative;
}

	section.mainVisualSp .mainVisualBlock{
		width:96%;
		height:auto;
		margin:0px auto;
		position:relative;	
	}
		.mainVisualBlock .dateBox{
			display:none;
			width:100%;
			position:absolute;
			top:-12px;
			left:0px;
			z-index:999999;
		}
			.dateBox figure{
				width:100%;
				margin:0px auto;
				text-align:left;
			}
				.dateBox figure img{
					width:33%;
					height:auto;
				}
				
				
		ul.bxslider li img{
			margin:0px auto;
		}
		ul.bxslider li span{
			display:block;
			width:90%;
			margin:0px auto;
			padding:8px 0px 0px 0px;
			font-size:87%;
			text-align:left;
		}
			ul.bxslider li span em{
				font-style:italic;
			}

/* section.countdown
------------------------------------------- */
section.countDown{
	width:100%;
	height:auto;
	padding:0px 0px 0px 0px;
	background:#000;	
}
	section.countDown .countDownBlock{
		width:96%;
		height:auto;
		margin:0px auto;
		color:#fff;
	}
		.countDownBlock .timer{
			font-size:106%;
			font-weight:normal;	
			text-align:center;
			padding:25px 0px;
		}
			.timer span{
				font-size:160%;
				font-weight:bold;	
			}
		.countDownBlock .recentNews{
			font-size:106%;
			font-weight:normal;	
			text-align:center;
			padding:25px 0px;
		}
			.countDownBlock .recentNews a{
				color:#fff !important;
			}








/* section.news
----------------------------------------------- */
section.newsSp{
	width:94%;
	height:auto;
	margin:0px auto;
	padding:10px 0px 18px 0px;	
}
	section.newsSp .newsBlock{
		
	}
		.newsBlock .titleArea{
			border-bottom:2px solid #000;
			overflow:hidden;
			padding:0px 0px 3px 0px;
			margin:0px 0px 15px 0px;
		}
			.newsBlock .titleArea h2{
				display:inline-block;
				font-weight:bold;
				float:left;	
			}
			.newsBlock .titleArea p.allView{
				display:inline-block;
				float:right;
			}
				p.allView a{
					color:#000;
					font-weight:bold;
					font-size:87%;	
				}
		.newsBlock article{
			padding:0px 0px 10px 0px;
			border-bottom:1px solid #000;
			margin-bottom:15px;	
		}
			article p.date{
				font-size:87%;
				color:#14259B !important;
			}
				article p span.cat{
					display:inline-block;
					padding:1px 5px;
					background:#14259B;
					color:#fff;
					font-weight:bold;
					font-size:87%;
					margin-left:10px;
				}
			article a{
				padding:3px 0px 0px 0px;
				display:block;
				color:#14259B !important;
				font-size:93%;
				font-weight:bold;
			}
			
/* section.spBanner
----------------------------------------------- */			
section.spBanner{
	width:84%;
	height:auto;
	margin:0px auto;
	padding:0px 0px 18px 0px;	
}
	section.spBanner a{
			
	}
		section.spBanner a img{
			width:100%;
			height:auto;	
		}
		
			
/* section.spTopNavi
----------------------------------------------- */
section.spTopNavi{
	width:94%;
	height:auto;
	margin:0px auto;
	padding:10px 0px 18px 0px;	
}			
	section.spTopNavi ul{
		display:block;
		overflow:hidden;
	}
		section.spTopNavi ul li{
			width:32%;
			height:auto;
			margin-right:2%;
			margin-bottom:6px;
			float:left;
		}
			section.spTopNavi ul li a{
				display:block;
				padding:10px 0px;
				font-size:93%;
				text-align:center;
				border:1px solid #251E85;
			}


/* section.sponsor
----------------------------------------------- */
section.sponsor{
	padding:20px 0px 0px 0px;
	background:#fff;
}
	section.sponsor .sponsorBlock{
		width:100%;
		height:auto;
		margin:0px auto;
		padding:0px 0px 20px 0px;
	}
		.sponsorBlock h3{
			font-weight:bold;
			text-align:center;
			font-size:112%;	
		}
		.sponsorBlock .logoBox{
			text-align:center;
		}	
			.logoBox div{
				display:inline-block;
			}
				.logoBox img{
					max-width:100%;
					height:auto;
				}
				.logoBox figcaption{
					display:none;
				}
				.logoBox .logoXL{
					width:40%;
					height:auto;
					margin:0px 15px;	
				}
				.logoBox .logoL{
					width:28%;	
					margin:0px 15px;
				}
				.logoBox .logoM{
					width:20%;
					margin:0px 15px;
				}
				.logoBox .logoS{
					width:12%;	
					margin:0px 15px;
				}
									


/* section.hash
------------------------------- */
section.hash{
	width:94%;
	height:auto;
	margin:0px auto;
	padding:0px 0px 35px 0px;
	overflow:hidden;	
}
	section.hash .hashBlock{
		padding:20px 0px 0px 0px;
	}

		.hashBlock h2{
			font-size:150%;	
			padding:0px 0px 10px 0px;
			border-bottom:1px solid #000;
			margin-bottom:20px;
		}
			.hashBlock h2 span{
				font-size:71%;
				color:#666;
				border-left:1px dotted #ccc;
				padding-left:20px;	
				margin-left:20px;
			}
		.hashBlock h3{
			font-size: 118%;
			padding: 0px 0px 3px 0px;
			border-bottom: 1px solid #000;
			margin-bottom: 12px;
		}
		.hashBlock p{
			line-height:1.75em;
		}
			
			
/*			
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
*/



	
}