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

html{
	background:url(../img/htmlBg.jpg) repeat-y top left;
	width:100%;
	height:100%;
}

body{
	font-family:'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',serif,sans-serif;
	background:url(../img/bodyBg.jpg) no-repeat top left;
	width:100%;
	height:100%;
	color:#262626;
	font-size: 16px;
}

body a{

}

body a:hover{

}

body img{
	width:100%;
}

body a:hover img{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

.wrapper{
	width:980px;
	margin:0 auto;
	padding:70px 10px 10px 70px;
}


#notice{
	display:none;
	font-size:46px;
	background:#60938c;
	color:#fff;
	text-align:center;
	height:100px;
	line-height:100px;
	width:100%;
	position:absolute;
	top:50%;
	margin-top:-50px;
	left:0px;
}

#navigation{
	text-align:center;
	width:100%;
	min-width:705px;
	padding-bottom:30px;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}

#navigation li {
	display:inline-block;
}

#navigation li a{
	letter-spacing:2px;
	font-size:16px;
	text-decoration:none;
	display:inline-block;
	background:#262626;
	color:#fff;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	padding:8px 15px;
}

#navigation li.uc{
	letter-spacing:2px;
	font-size:16px;
	text-decoration:none;
	display:inline-block;
	background:#ddd;
	color:#fff;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	padding:8px 15px;
}

#navigation li a:hover{
	background:url(../img/bg_navi.png) #60938c no-repeat center bottom;
	height:35px;
}

@media(max-width:768px){
	.wrapper{
		width:100%;
	}
	
	#navigation{
		min-width:0 !important;
		width:100%;
		display:table;
	}
	
	#navigation li {
		display:table-cell;
		width:25%;
		background:#262626;

	}
	
	#navigation li a{
		letter-spacing:2px;
		font-size:12px;
		text-decoration:none;
		display:block;
		width:100%;
		background:#262626;
		color:#fff;
		-webkit-border-radius: 0 ;
		border-radius: 0;
		box-sizing:border-box;
		padding:5px 0;
	}

}


/*-------------------------------------
	
			Header contents
	
---------------------------------------*/
.main.logo{
	padding:50px 0;
}

.main#lineup{
	padding:50px 0 0;
}

.main h1{
	margin-right:30px;
	float:left;
	width: 50%;
}

.main .date{
	float:left;
	padding:0 10px 20px;
}

.main ul li{
	float:left;
	width:33.3%;
	padding-left:1em;
	text-align:center;
	margin-bottom: 1em;
	box-sizing:border-box;
	font-size:1.3em;
	position:relative;
}

.main ul li span{
	display:inline-block;
	position:absolute;
	left:0;
	bottom:10px;
	background:#60938c;
	padding:3px 10px;
	color:#fff;
	font-size:0.7em;
	text-align:center;
}


.main ul li.edge{
	width:33.4%;
}

.main ul li a{
	color:#fff;
	text-decoration:none;
}

.main h2{
	margin-left:70px;
	font-weight:bold;
	letter-spacing:2px;
	font-size:24px;
	text-align:center;
	background:#60938c;
	color:#fff;
	padding:15px 0;
	margin-bottom:15px;
}

.main h3{
	margin-left:70px;
	font-weight:bold;
	letter-spacing:2px;
	font-size:24px;
	text-align:center;
	border-bottom:10px #262626 double;
	color:#262626;
	padding:15px 0;
	margin-bottom:15px;
}

.info{
	padding-top:50px;
	margin:0px 0 50px;
	font-size:18px;
}

.info .inner{
	padding-left:100px;
}

.info h2{
	margin-left:70px;
	font-weight:bold;
	letter-spacing:2px;
	font-size:24px;
	text-align:center;
	background:#60938c;
	color:#fff;
	padding:10px 0;
	margin-bottom:15px;
}

.info h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}


.info p.artist{
	text-align:center;
	font-size:24px;
	line-height:1.8em;
}

.info dl{
	margin-bottom:30px;
}

.info dl dt{
	font-weight:bold;
	margin-bottom:5px;
}

.info dl dd{
	margin-bottom:20px;
}

.info.sns  {
	border:0;
	padding:20px 0 ;
	padding-left:100px;
	border-top:10px solid #60938c;
	text-align:center;
}

.info.sns a{
	color:#60938c;
	font-weight:bold;
	text-decoration:none;
	border:2px solid #60938c;
	padding:5px 10px;
	display:inline-block;
	border-radius:10px;
}

.info.sns a:hover{
	background:#60938c;
	color:#fff;
}


.info .timeTable{
	display:table;
}

.info .timeTable .tt_img{
	display:table-cell;
}

.info#food .inner{
	width:1060px;
	margin:0 auto;
}

.info#food .foodBox{
	width:340px;
	float:left;
	margin-right:20px;
	margin-top:30px;
}

.info#food .foodBox.edge{
	margin-right:0;
}

.info#food .foodBox .logo{
	margin-bottom:20px;
}

.info#food .foodBox h3{
	font-size:24px;
}

.info#food .foodBox dl {
	font-size:16px;
}

.info#food .foodBox dl dd{
	margin-bottom:5px;
}

#lineup ul{
	margin-right: -1em !important;
}

#access img{
	width: 70%;
}

footer{
	text-align:center;
	padding: 0.5em 0;
	font-size: 0.8em;
}

/*-------------------------------------
	
			Twitter Widget
	
---------------------------------------*/

iframe{margin: 0 auto !important; width:100%;}

#twitter-widget-0{
	width:100% !important;
	height: 350px !important;
	box-sizing:border-box;
}

.SandboxRoot.env-bp-820 .timeline-Tweet-text{
	font-size:2em !important;
	
}

.SandboxRoot footer{
	display: none !important;
}

.timeline-Footer{
	display: none !important;
}