/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);/* noto font */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);/* -navi font- */
@import url(https://fonts.googleapis.com/css?family=Dosis:400,700);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

@font-face {
    font-family: 'LigatureSymbols';
    src: url('../font/LigatureSymbols-2.11.eot');
    src: url('../font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../font/LigatureSymbols-2.11.woff') format('woff'),
         url('../font/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../font/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.lsf, .lsf-icon:before {
  margin:3px;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
.lsf-icon.facebook:before {
  content: '\E047';
  font-size:30px;
  color:#FFF;
}

.lsf-icon.twitter:before {
	content: '\E12f';
 	font-size:25px;
 	color:#FFF;
	margin-left:10px;
 }
/*下は一時の時しか使わない、リリース後、コメントアウトを！*/
/*一時トップリンク画像を白くする　クリック無効との意味で*/


.contents01 img:hover, .closeColor{
	filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.contents02 img:hover, .closeColor{
	filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}


*{font-family:'Noto Sans Japanese',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    overflow-wrap: break-word;/*自動改行回避*/
	 -webkit-font-smoothing: antialiased;/* フォントにアンチエイリアス*/}

.navi_font{

    }
#navi_top{
    background:#fff;
    width:100%;
    height:80px;
    line-height:50px;
    }

#navi_top ul{
    width:960px;
    margin:0 auto;}
#navi_top ul li{
    width:10%;
   font-family: 'Roboto Condensed', sans-serif;
/*	font-family: 'Quicksand', sans-serif;*/
/*   font-family: 'Dosis', sans-serif;*/
    font-size:18px;
    font-weight:700;
    letter-spacing:0px;
    color:#000;}
#navi_top ul li a{
   font-family: 'Roboto Condensed', sans-serif;
    font-weight:700;
    color:#000;}


.FloatL #newbox:hover,.opa:hover{
	filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}


.contBox a:hover, .box01:hover, .box02:hover{
	filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

a:focus { outline:none;}

/* reset */
html {
	width:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
h3{    margin-top: 20px;}


#wrapper_top{
	width:100%;
	background:#000;
    position:fixed;
    z-index:20;
	}

#wrapper_top>.txt{
	background:url(../images/header_logo_wide.png) no-repeat;
	background-position:left 8px;
	background-size:280px auto;
	text-align:right;
	line-height:30px;!important
	height:30px;!important

	}


#wrapper{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	position:relative;
	}


/*.contents01 img{
		filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
	    opacity: 0.6;
}*/

/*.contents02 img{
		filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}*/

.contents01 img:hover,.contents02 img:hover{opacity: 0.6;}

.contBox img{
	/*	filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;*/
}
/*.contents07 img,.contents08 img{
	filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}*/


#page{width:100%;max-width:960px;}
#page_box{width:100%;margin-bottom: 30px;}
#page_box #newbox{height:80px;background: #fff;}
#page_box #newbox .txt{height:100%; position:relative;}
#page_box #newbox p,#page_box>.txt>a{font-family: 'Fjalla One', sans-serif;z-index:2;}
#page_box #newbox p{
	font-size:36px;
	color:#333;
	background:#fff;
	width:100%;
	height:80px;
	line-height:80px;
	position:relative;
	text-indent: 0px;}
#page_box>.txt{
	position:relative;
	}

#page_box>.txt>a{
	font-size:20px;
	border:solid 3px #333;
	color: #333;
	position: absolute;
	right: 0;
	text-align:center;
	height:45px;
	line-height:45px;
	width:150px;
	display: block;
	top: 20px;
	text-indent: 0;
	padding: 0 .3em;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: .2s;
}
	#page_box>.txt>a:hover{
	background-position: 0 100%;
	color: #fff;}
#page_box #page{width:100%; max-width:960px; margin:-30px auto 10px auto;}






.txt {
	text-align:center;
	max-width: 960px;
	margin:0 auto;

}



.txt>.txt {
    margin-top: 130px;
    clear: both;
}
#container+.txt>.txt{margin-top:0;}

.txt>.txt+.txt{
    margin-top: 0px;
    clear: both;
}

.txt>.txt>.txt{
    margin-top: 0px;
    clear: both;
}

.txt.spb30{
	margin-top:0;}

.txt>.txt+#main+.cll+.txt {
    margin-top: 0;
}

#newbox+.txt{margin:0 auto;}

.txt2 {
	text-align:center;
	max-width: 880px;
	margin:0 auto;
	padding:0 40px 40px;
	
}

.txt3 {
	text-align:center;
	max-width: 880px;
	margin:0 auto;
	padding:40px;
}
.txt4 {
	text-align:center;
	max-width: 880px;
	margin:0 auto;
	padding:70px 40px;
	line-height:30px;
}
.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.txL {
	text-align:left;
}

.txR {
	text-align:right;
}

.txC {
	text-align:center;
}

.txtBox{
	border:1px solid #000;
	padding:12px;
	text-align:left;
	margin:10px 0;
}

.cll {
	clear: both;
	margin-top: 100px;
}

.txt p {
	text-align:left;
}

.bold {
	font-weight: bold;
}

.white {
	background:#fff;
}

.yellow {
	color:#ffd228;
}

.red {
	color:#F00;
}

.blue {
	color:#29ABE2;
}

.orange {
	color:#F7931E;
}

.green {
	color:#8CC63F;
}

.midashi {
	font-weight:bold;
	font-size:16px;
}
.spb5{
	margin-bottom:5px;
}
.spb10{
	margin-bottom:10px;
}
.spb30 {
	margin-bottom:30px;
}

.sp40p {
	padding:40px 40px 0px;
}

.spr20 {
	margin-right:20px;
}

.spt20 {
	margin-top:20px;
}

.font10 {
	font-size:10px;
}

.hr1{
	border:1px solid black;
}



#imagelightbox {
    position: fixed;
    z-index: 9999;
}
#myFORM p{
	font-weight:bold;
	font-size:14px;

}
#volunteer_title02{
	margin:15px 0px;

}
.slct01{
	width:118px;

}
.tableBox{
	width: 100%;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-right:1px solid #555;
	margin:5px 0 10px 0;
	padding:0;
	vertical-align:top;
	font-size:12px;

}
.tableBox th,.tableBox td{
	border-bottom:1px solid #555;
	border-collapse:collapse;
	padding:5px;
	text-align:left;
}
.tableBox th{
	font-weight:normal;
	border-right:1px solid #555;
	background:#ffd228;
	width:28% !important;
}
.tableBox input{
	margin-right:3px;
}
.aboutcomment table {
	border-top: 1px solid #555;
	width: 100%;
	font-size: 1em;
	margin-bottom: 40px;
} 
.aboutcomment table.bottom {
	border-top: 1px solid #555;
	width: 100%;
	font-size: 1em;
	margin-bottom: 0px;
} 

.aboutcomment th.pro_top, .aboutcomment .pro_top {
	background: #ffd228;
}

.w600{
	width: 95%;
	height:100px;
}
.w400{
	width: 60%;
}
.w20{
	width: 25px;
}

.nowrap {
white-space: nowrap;
}

.contTitle{
	margin-bottom:20px;
}

#contfooter {
	padding:20px 0px;
	margin:0px auto;
	width:100%;
    position:relative;
    bottom:0px;
	background: #000;
	clear:both;
	text-align:center;
	color:#ffffff;
	height: 320px;
}
#contfooter a{
	color:#ffffff;
}
#contfooter a:hover{
	text-decoration:underline;
}
#nav ul li #ul_ph .logo, #nav_naka ul li.logo,#navi_hide ul li.logo {
	background: url(../images/navi_top_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.about, #nav_naka ul li.about,#navi_hide ul li.about {
	background: url(../images/navi_abo_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.beer, #nav_naka ul li.beer,#navi_hide ul li.beer {
	background: url(../images/navi_beer_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.rock, #nav_naka ul li.rock,#navi_hide ul li.rock {
	background: url(../images/navi_rock_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.food, #nav_naka ul li.food,#navi_hide ul li.food {
	background: url(../images/navi_food_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.ticket, #nav_naka ul li.ticket,#navi_hide ul li.ticket {
	background: url(../images/navi_tck_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.goods, #nav_naka ul li.goods,#navi_hide ul li.goods {
	background: url(../images/navi_goods_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.access, #nav_naka ul li.access,#navi_hide ul li.access {
	background: url(../images/navi_acs_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.map, #nav_naka ul li.map,#navi_hide ul li.map {
	background: url(../images/navi_map_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.volunteer, #nav_naka ul li.volunteer,#navi_hide ul li.volunteer {
	background: url(../images/navi_vlt_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.fb, #nav_naka ul li.fb,#navi_hide ul li.fb {
	background: url(../images/navi_fb_o.png) no-repeat;
	background-size:contain;
}
#nav ul li.tw, #nav_naka ul li.tw,#navi_hide ul li.tw {
	background: url(../images/navi_tw_o.png) no-repeat;
	background-size:contain;
}

.infoth{
	width:30%;
}



@media only screen and (max-width: 480px) {
	
.tableBox{
	width: 100%;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-right:1px solid #555;
	margin:5px 0 10px 0;
	padding:0;
	vertical-align:top;
	font-size:12px;

}
.tableBox th,.tableBox td{
	border-bottom:1px solid #555;
	border-collapse:collapse;
	
	text-align:left;
	display:block;
}
.tableBox th{
	font-weight:normal;
	border-right:none;
	width:100% !important;
}
.tableBox input{
	margin-right:3px;
}
.txt {
	text-align:center;
	margin:0 auto;
}
form{
	overflow:hidden;
}
form #ul_volunteer{
	height:100%;
	overflow:hidden;
}
.nowrap {
white-space: nowrap;
}
.infoth{
	width:100%;
}
.subBT input{margin-top:10px;}
#formWrap{
	overflow:hidden;
}
}
.hrbalck1{
	height:1px;
	border:0;
	background:black;
	margin:5px 0;
}

/* スマホモーダルナビ */


.modal-content {
    width: 100%;
    margin: 0 auto;
}
#modal_navi_head{
	background:#fff;
	height: 100px;
	width:100%;}


.modal-content ul{
	margin-left: 25px;
	margin-right: 25px;
	position:relative;
	overflow: hidden;
	}
.modal-content li {
    margin: 0 auto;
    display: block;
	height:40px;
	line-height:40px;
    text-align: left;
	padding: 15px 0;
	border-bottom:1px solid #fff;
	border-bottom-width:1px;}

.modal-content li a{
	font-size:20px;
	font-weight:700;
	color:#fff;
	display:block;}
	
.modal-content li a:hover { color:#888; }  	

.modal-content li:first-child,.modal-content li:nth-child(12){
	height:50px;
	border:none;
}
.modal-content li:nth-child(11){
	border:none;
	float:left;
}
.modal-content li:nth-child(12) a{
	font-size:20px;
	}

.modal-content li:first-child img{
	 width: 100% !important;
    max-width: 350px;
	position:absolute;
	left:0;}


.modal-content li {
	float:none;}

.close-content02{
	font-size: 34px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 31px;
    cursor: pointer;
	}
	





@media only screen and (max-width:600px){
#top-head{
	background:none !important;
	width:auto !important;
	height:10px !important;}


#container {
    margin-top: 0px;
}


/*
#wrapper_top>.txt>span{
	visibility:hidden;
}*/

#theTarget{
	height:570px;
	position:relative;
	}
    #modal_navi_head {
    background: #fff;
    height: 50px;
    width: 100%;
    margin-bottom: 25px;
}

#modal_navi_head+.txt{
	margin-top:50px;}
#navi_button_box {
    width: 100%;
    position: fixed;
    height: 34px;
    z-index: 50;
    right:0;
    padding-top: 10px;
    margin: 33px 0 auto;
    background: #fff;
}
#modal_navi {
    position: absolute;
    width: 30px;
    height: 25px;
    right: 20px;
    background: #fff;
}

#modal_navi,
#modal_navi span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#modal_navi span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #000;
	border-radius: 5px;
}
#modal_navi span:nth-of-type(1) {
	top: 0;
}
#modal_navi span:nth-of-type(2) {
	top: 10px;
}
#modal_navi span:nth-of-type(3) {
	bottom: 0;
}
.txt,.txt2{
	margin-left:30px;
	margin-right:30px;
	padding:0;}
#top-head .inner logo{
	}
.txt>.txt,.txt>.txt+#main+.cll+.txt{
	margin:0;}



#modal_navi:hover{
	padding:5px;
}
#top-head ul li:nth-child(n+1){
	display:none !important;
}

/*#slider01 img{
	display:none;}*/
	
#slider02 #slide_box p:nth-child(1),#slider04 #slide_box p:nth-child(1){
	display:none;
	}
#theTarget #slide_box p:nth-child(2){

	}


.txt, .txt2 {
	
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
#main_contents06>#newbox>.txt>.head_font{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#modal_navi_head+.txt {
    margin-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
}
.Midashi+.txt,.spb30>.Midashi+.txt+br+.txt,.sp40p{padding-right:20px;padding-left:20px;}
.sp40p{padding-top:20px;}
#wrapper_top>.txt{margin-right:5px;margin-left:5px;}

#top-head .logo{
	margin-top:0 !important;
	    width: 43px !important;}
#top-head .inner{
	height:0;}
#top-head.fixed .logo{width:43px !important;margin-top:0px !important;}
#top-head.fixed .inner{top:34px !important;}
.topnewscomment {margin:10px;}


	
}





@media only screen and (max-width:959px){
{
    margin-left: 0px;
    margin-right: 0px;
	}

.txt,#newbox + .txt {
    margin-left: 30px;
    margin-right: 30px;
}

.txt>.txt{
	margin-top:30px;}
#wrapper_top .txt{
    margin-left: 2%;
    margin-right: 3%;
}
.spb30{
	margin-left: 30px;
    margin-right: 30px;
}
.ticket_midashi+.aboutcomment,.aboutBox>#newbox+.aboutcomment,.attentionBox>#newbox+.aboutcomment,.txt>.txt,.txt+#main,.Midashi+.txt,.spb30>.Midashi+.txt+br+.txt{margin-right:0;margin-left:0;}

#wrapper_top>.txt {
    background: url(../images/header_logo_wide.png) no-repeat;
    background-position: left 8px top 10px;
    background-size: 280px auto;
    text-align: right;
    line-height: 30px;
}

#global-nav ul{
	width:100px;}




	

		#main-visual {
			background: #1d76a6;
			height: 700px;
		}

		.inner {
			width: 100%;
			margin: 0 auto;
			top: 34px;
			/* height: 80px; */
			background: #fff;
		}
		.inner:after {
			content: "";
			clear: both;
			display: block;
		}

		/* header */
		#top-head {
            background:#fff;
			position: fixed;
			width: 100%;
			margin: 0 auto;
			padding: 20px 0 0;
			padding:0;
			line-height: 1;
			z-index: 999;
			height:104px;
		}
		#top-head:after {
			content: "";
			display: block;
	/*		height: 1px;*/
			background: #fff;
			width: 960px;
			margin: 0px auto 0;
		}

		#top-head a,
		#top-head {
			color: #333;
			text-decoration: none;
		}

		#top-head .inner {
			position: relative;
			height:70%;
			width: 100%;
			max-width: 960px;
		}
		
		#top-head .logo {
			float: left;
			font-size: 32px;
			margin-left: 10px;
			width:8%;
			    margin-top: 6px;
		}
		#global-nav ul {
			list-style: none;
			position: absolute;
			right: 0;
			bottom: 0;
			font-size: 14px;
			    width: 90%;
			text-align:right;
			    height: 73px;
		}
		#global-nav ul li {
	font-size: 10px;
    float: left;
    position: relative;
    text-align: center;
    height: 73px;
    line-height: 73px;
		}
	
	#global-nav ul li:nth-child(1){width:11%;}/*ABOUT*/
	#global-nav ul li:nth-child(2){width:9%;}/*BEER*/
	#global-nav ul li:nth-child(3){width:9%}/*ROCK*/
	#global-nav ul li:nth-child(4){width:10%;}/*FOOD*/
	#global-nav ul li:nth-child(5){width:11%;}/*GOODS*/
	#global-nav ul li:nth-child(6){width:12%;}/*ACCESS*/
	#global-nav ul li:nth-child(7){width:9%;}/*MAP*/
	#global-nav ul li:nth-child(8){width:11%;}/*TICKET*/
	#global-nav ul li:nth-child(9){width:17%; margin-right:5px;}/*VOLUNTEER*/
	
		#global-nav ul li a{	
	    display: block;
    height: 75px;
    line-height: 75px;
    text-decoration: none;
    width: 100%;
    font-size: 10px;}
			
		.navi_main{
			display:block;
			font-size:18px;
			text-align:center;
			font-family: 'Oswald', sans-serif;
			font-weight:700;
			position:relative;
			color:#000;
			top: 0;
		}
		.navi_sub{
			display:none;
		}
		
		

		/* Btn Hover */
		#global-nav ul li:after {
			position: absolute;
			display: block;
			width: 100%;
			height: 100%;
			bottom: 0px;
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2 ease;
			-o-transition: all 0.2 ease;
		}
		#global-nav ul li:hover{
			background: white;
			opacity:.3;
			bottom: 0px;
		}

/* タブレット時スクロール時のグロナビスタイル */
		#top-head.fixed {
			z-index: 999;
			background: #fff;
			height:90px;
		}
		
		#top-head.fixed .inner {
			top: 30px;
		}
		
		
		#top-head.fixed .logo {
			width:7%;
		}

		#top-head.fixed:after {
			width: 100%;
			margin-top: 10px;
			margin-bottom:-10px;
		}
		
				
		#top-head.fixed .navi_main{
			font-size:20px;
			    top: 5px;
		}
	
		
		#top-head.fixed #global-nav ul li a {
			color: #333;
		}

		/* Fixed Btn Hover */
		#top-head.fixed #global-nav ul li:after {
			bottom: -10px;
			height:68px;
			top:0;
		}
		#top-head.fixed #global-nav ul li:hover:after {
			background: #0b8793;
			bottom: -10px;
		}

		/* transition */
		#top-head,
		#top-head:after,
		#top-head .logo,
		#global-nav ul li,
		#global-nav ul li a,
		#global-nav ul li a span{
			transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
		}

.cont02{
	margin:	0px 30px 30px;
}


}



@media only screen and (min-width:960px){
	
#modal_navi_head{
		display:none;
		maergin-top:-16px;}


#global-nav ul{
	width:100px;}




	#container {
    margin-top: 104px;
}

		#main-visual {
			background: #1d76a6;
			height: 700px;
		}

		.inner {
			width: 100%;
			margin: 0 auto;
			    top: 34px;
			/* height: 80px; */
			background: #fff;
		}
		.inner:after {
			content: "";
			clear: both;
			display: block;
		}

		/* header */
		#top-head {
            background:#fff;
			position: fixed;
			width: 100%;
			margin: 0 auto;
			padding: 20px 0 0;
			padding:0;
			line-height: 1;
			z-index: 999;
			height:104px;
		}
		#top-head:after {
			content: "";
			display: block;
	/*		height: 1px;*/
			background: #fff;
			width: 960px;
			margin: 0px auto 0;
		}

		#top-head a,
		#top-head {
			color: #333;
			text-decoration: none;
		}

		#top-head .inner {
			position: relative;
			height: 71px;
			width: 100%;
			max-width: 960px;
			top: 33px;
		}
		
		#top-head .logo {
			font-size: 24px;
			color: #333;
			margin-left: -10px;
			width: 73px;
			position: relative;
			top: 0px;
		}
	
		#global-nav ul {
			list-style: none;
			position: absolute;
			right: 0;
			bottom: 0;
			font-size: 14px;
			    width: 90%;
				top: -1px;
			text-align:right;
		}
		#global-nav ul li {
			font-size:10px;
			float: left;
			position: relative;
			text-align:center;
		}
		#global-nav.fixed ul li{height: 48px;}
	
	#global-nav ul li:nth-child(1){width:10%;height: 100%;}/*ABOUT*/
	#global-nav ul li:nth-child(2){width:10%;height: 100%;}/*BEER*/
	#global-nav ul li:nth-child(3){width:11%;height: 100%;}/*ARTIST*/
	#global-nav ul li:nth-child(4){width:10%;height: 100%;}/*FOOD*/
	#global-nav ul li:nth-child(5){width:12%;height: 100%;}/*GOODS*/
	#global-nav ul li:nth-child(6){width:11%;height: 100%;}/*ACCESS*/
	#global-nav ul li:nth-child(7){width:10%;height: 100%;}/*MAP*/
	#global-nav ul li:nth-child(8){width:12%;height: 100%;}/*TICKET*/
	#global-nav ul li:nth-child(9){width:14%;height: 100%;}/*VOLUNTEER*/
	
		#global-nav ul li a{	
			display:block;
			line-height:70px;
			text-decoration:none;
			width:100%;
			font-size:10px;}
		
		#global-nav ul li a:hover{
			color:#fff;
			transition:0;}
			
		.navi_main{
			display:block;
			font-size:22px;
			text-align:center;
			font-family: 'Oswald', sans-serif;
			font-weight:700;
			position:relative;
			top: -10px;
		}
			#top-head.fixed .navi_main{
			display:block;
			font-size:24px;
			text-align:center;
			font-family: 'Oswald', sans-serif;
			font-weight:700;
			position:relative;
			color:#000;
			top: -10px;
			height: 58px;
		}
		#top-head.fixed .navi_main:hover{
			color:#fff;
	    		height: 58px;
		}
		
		.navi_sub{
			line-height: 0;
			pagging: 0;
			text-align: center;
			position: absolute;
			top:50px;
			left: 0px;
			width: 100%;
		}
		#top-head.fixed .navi_sub{
			display:none;
		}
		

		/* Btn Hover */
		#global-nav ul li:after {
			position: absolute;
			display: block;
			width: 100%;
			height: 100%;
			bottom: 0px;
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2 ease;
			-o-transition: all 0.2 ease;
		}
		#global-nav ul li:hover{
			background: #000;
			bottom: 0px;
		}

		/******** PC時スクロール時グロナビ********/
		#top-head.fixed {
			z-index: 999;
			background: #fff;
			height:82px;
		}
		
		#top-head.fixed .inner {
			top: 34px;
			height:48px;
		}
		
		
		#top-head.fixed .logo {
			color: #333;
			margin-left: -10px;
			width: 52px;
			position: relative;
			top: 0px;
		}

		#top-head.fixed:after {
			width: 100%;
			margin-top:10px;
			margin-bottom:-10px;
		}
		
				

		
		#top-head.fixed #global-nav ul li a {
			color: #333;
			height: 48px;
		}

		/* Fixed Btn Hover */
		#top-head.fixed #global-nav ul li:after {
			bottom: -10px;
			height:68px;
		}
		#top-head.fixed #global-nav ul li:hover:after {
			background: #0b8793;
			bottom: -10px;
		}

		/* transition */
		#top-head,
		#top-head .inner h1,
		#top-head:after,
		#top-head.fixed .logo,
		#global-nav ul li,
		#top-head .inner,
		#top-head.fixed .navi_main,
		#global-nav ul li a
		{
			transition: all 0.3s ease;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
		}
	
	
}

#beerlistbox{text-align: center;margin:10px;0;}

/* Volunteer */
#ticket_end{
	background:#DB292A;
	font-size: calc(120% + 4 * (100vw - 600px) / 400);
	font-weight:900;
	margin-bottom:30px;
	color:#fff;
	padding:3%;
	text-align:center;
}
#ticket_end strong{color:yellow;}


/* Topテロップ */
/* MARQUEE */
 
.marqueeRightLeft {
	    position: relative;
    /* padding: 0.5em 0; */
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    background: #000;
    color: #fff;
    font-weight: bold;
	font-size:18px;
	    bottom: 5px;
}
.marqueeRightLeft p:after {
	content: "";
	white-space: nowrap;
}
.marqueeRightLeft p {
	margin: 0;
	padding-left: 100%;
	display: inline-block;
	white-space: nowrap;
		-webkit-animation-name:marqueeRL;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:40s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marqueeRL;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:40s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marqueeRL;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:40s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marqueeRL;
		-o-animation-timing-function:linear;
		-o-animation-duration:40s;
		-o-animation-iteration-count:infinite;
		animation-name:marqueeRL;
		animation-timing-function:linear;
		animation-duration:40s;
		animation-iteration-count:infinite;
}
 
@-webkit-keyframes marqueeRL {
	from {-webkit-transform:translate(0);} to {-webkit-transform:translate(-100%);}
}
@-moz-keyframes marqueeRL {
	from {-moz-transform:translate(0);} to {-moz-transform:translate(-100%);}
}
@-ms-keyframes marqueeRL {
	from {-ms-transform:translate(0);} to {-ms-transform:translate(-100%);}
}
@-o-keyframes marqueeRL {
	from {-o-transform:translate(0);} to {-o-transform:translate(-100%);}
}
@keyframes marqueeRL {
	from {transform:translate(0);} to {transform:translate(-100%);}
}
#marqueeLine{
	    background: #000;
    width: 100%;
    display: flex;
	margin-bottom:30px;
}

/* テロップ入れるとき消す↓ */
#container{
	margin-bottom:30px;}
/* テロップ入れるとき消す↑ */

.box_ul {
    margin: auto;
    max-width: 960px;
    width: 100%;
}
.box_li{display:table-cell;
vertical-align:middle;}

.box_li:nth-child(1) {
    width: 180px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 1%;
}
.box_li:nth-child(2) {
    width: 70%;
    box-sizing: border-box;
	    font-weight: 700;
		text-align: left;
}
#marqueeLine .fa{font-size:36px;}
ul#marquee_head{}
ul#marquee_head li:nth-child(1){    display: block;width: 30%;}
ul#marquee_head li:nth-child(2){    display: block;width: 70%;}

/* Volunteer */
.note{ font-style:normal; font-weight:normal; color:red;}.note>em{ font-size:11px; font-style:normal;}

#container{position:relative;}
#end_slide{
		position: absolute;
		color: #fff;
		z-index: 15;
		background: rgba(0,0,0,.3);
		width: 100%;
		    display: table;
}
#end_slide #end_slide_box{
	    width: 100%;
    max-width: 960px;
    margin: auto;
    height: 570px;
	    padding: 0px 10%;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}

#end_slide #end_slide_box p{
	max-width: 960px;
	margin: auto;
	width: 100%;	position: relative;
	box-sizing: border-box;
	text-align:left;
}
#end_slide #end_slide_box p img {
    padding-bottom: 30px;
}

#end_slide #end_slide_box p span{
	font-size:18px;
	font-weight:700;}