@charset "UTF-8";
/* Body */
body {
	font-family: "Hiragino Kaku Gothic","メイリオ", sans-serif;
	background: #000;
	margin: 0;
}



h1,h2,h3,h4,h5,h6{
	font-family: 'Fjalla One', sans-serif;
	text-align: center;
	color: #fff;
}

header h2 a{
	color:#fff;
}

p {
	text-align: center;
	font-weight: lighter;
	line-height: 25px;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
}

p a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

p a:hover{
	color: #FFD700;
	text-decoration: none;
}

/* Container */
.container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;

}

header {
	font-family: 'Fjalla One', sans-serif;
	width: 100%;
	height: 280px;

    top: 0;
    z-index: 10;
}

/* Navigation */
.menulogo {
  margin: 0;  /* 余分なマージンを消去 */
  padding-top: 20px; /* 余分なパディングを消去 */
  text-align: center; /* 中央寄せ */
  width:1280px;
  max-width: 100%;
}

nav.glovalnavpc {

}

nav.glovalnavpc ul.pc {
  margin: 20px 0px;  /* 余分なマージンを消去 */
  padding: 15px 0px; /* 余分なパディングを消去 */
  text-align: center; /* 中央寄せ */
}

nav.glovalnavpc ul.pc li {
    list-style-type: none; /* リストのマーカーを消去 */
    display: inline-block; /* 横並びに */
	color: #000;
	font-size: 20px;
	margin-right: 15px;
	letter-spacing: 3px;
	font-weight: bold;
	transition: all 0.3s linear;
}

ul li a {
	color: #000;
	text-decoration: none;
}
ul li:hover a {
	color: #FFD700;
}

/* sp */

nav.glovalnavsp {
	display: none;
	width: 100%;
}

ul.sp {
  margin: 0;  /* 余分なマージンを消去 */
  padding: 0; /* 余分なパディングを消去 */
  text-align: center; /* 中央寄せ */
}

ul.sp li {
    list-style-type: none; /* リストのマーカーを消去 */
    display: inline-block; /* 横並びに */
    margin: 0 10px 0 0;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	transition: all 0.3s linear;
}
*/

/* Top Section */

.top{
	height: 100%;
	text-align: center;
}

.top img{
	max-width:100%;
	width:800px;

}

.top2{
	width: 100%;
	height: 100%;
	text-align: center;
	padding-bottom: 10px;
}

.top2 img{
	max-width:100%;
	width:600px;

}

.top2 a:hover{
	opacity: 0.5 ;

}

.comment{
	margin-left: auto;
	margin-right: auto;
	width:60% ;
	padding-top: 800px;
}

.comment p{
	text-align:left ;
	line-height: 30px;
}

.comment2{
	margin-left: auto;
	margin-right: auto;
	width:60% ;
	padding-top: 100px;
}

.comment2 p{
	text-align:left ;
	line-height: 30px;
}

/* About Section */
.about {
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 100px;
	margin-bottom: 100px;
}

.logo2 {
	padding-bottom: 10px;
	text-align: center;
}

.trailer{
	height:500px;
}

.artistlist{
	padding-top: 100px;
	padding-bottom: 100px;
}

.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	/* [disabled]min-width: 400px;
*/
}
.thumbnail {
	width: 23%;
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color: #F7f7f7;
	padding-bottom: 2px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 6px;
	border-bottom: 4px solid #F7F7F7;
}
.gallery .thumbnail h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery.thumbnail p {
	margin: 0;
	color: #000;
	text-align: left;
	padding-left: 20px;
}

.gallery a {
	color: #000;
	text-decoration: none;
}
.gallery a:hover {
	opacity: 0.5;
}

.foodlist{
	padding-top: 50px;
	padding-bottom: 30px;
}

.gallery3 {
	clear: both;
	display: inline-block;
	width: 100%;

	/* [disabled]min-width: 400px;
*/
}
.thumbnail3 {
	width: 23%;
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color: #469E37;
	padding-bottom: 2px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 6px;
	border-bottom: 4px solid #469E37;
}
.gallery3 .thumbnail3 h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #fff;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery3.thumbnail3 p {
	margin: 0;
	color: #fff;
	text-align: left;
	padding-left: 20px;
}

.gallery3 a {
	color: #fff;
	text-decoration: none;
}
.gallery3 a:hover {
	opacity: 0.5;
}



.sponsorlist{
	padding-top: 50px;
	padding-bottom: 30px;
}

.gallery2 {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	/* [disabled]min-width: 400px;
*/
}
.thumbnail2 {
	width: 18%;
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color: #F4D924;
	padding-bottom: 0px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 6px;
	border-bottom: 0px solid #F4D924;
}
.gallery2 .thumbnail2 h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #fff;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery2.thumbnail2 p {
	margin: 0;
	color: #fff;
	text-align: left;
	padding-left: 20px;
}

.gallery2 a {
	color: #fff;
	text-decoration: none;
}
.gallery2 a:hover {
	opacity: 0.5;
}


/* Tickets info */

.tickets {
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 30px;
	text-align: center;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover a {
	color: #F4D924;
}

.ticket img{
	max-width:100%;
	width:300px;

}



/* More info */
.cards {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 267px;
	border-radius: 6px;
}

.cards2 {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 267px;
	border-radius: 6px;
}

.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFD700;
	background-color: #FFD700;
	color: #fff;
	transition: all 0.3s linear;
}
.button:hover{
	background-color: #FFD700;
	color: #fff;
	cursor: pointer;
}

.button a:hover{
	color: #fff;
	cursor: pointer;
}

.button-no {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFD700;
	color: #000;
	transition: all 0.3s linear;
}



.button-end {
	width: 100px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	text-decoration: line-through;
	letter-spacing: 2px;
	border: 3px solid #666;
	color: #000;
	transition: all 0.3s linear;
}

.button2 {
	width: 200px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #3399cc;
	color: #000;
	transition: all 0.3s linear;
}
.button2:hover{
	background-color: #000;
	cursor: pointer;
}

.button2 a:hover{
	color: yellow;
	cursor: pointer;
}

.button2 a{
	color: #fff;
}

.button3 {
	width: 100px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid yellow;
	color: #000;
	transition: all 0.3s linear;
}
.button3:hover{
	background-color: yellow;
	cursor: pointer;
}

.button3 a:hover{
	color: #000;
	cursor: pointer;
}
.button3 a{
	color: #fff;
}



.copyright {
	text-align: center;
	font-size: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ffffff;
	color: #000;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}

.mapaccess{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	text-align: center;
}

.mapaccess img{
	max-width:100%;
	width:700px;

}



.timetable{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	text-align: center;
}

.timetable img{
	max-width:100%;
	width:700px;

}


footer {
	padding: 30px 0px;
	background-color: #F7F7F7;
}

footer p{
	color: #000;
	font-size:12px;
}

ul.footlogo {
  margin: 0;  /* 余分なマージンを消去 */
  padding: 0; /* 余分なパディングを消去 */
  text-align: center; /* 中央寄せ */
}
 
ul.footlogo li {
  list-style-type: none; /* リストのマーカーを消去 */
  display: inline-block; /* 横並びに */
  margin: 0 10px 0 0;
}

footer a {
}

footer a:hover {
	opacity: 0.5 ;
}

.border{
	border-bottom: solid 2px #000;
}

/* Mobile */
@media (max-width: 320px) {	


}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {	

	
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1090px) {		


	
}