@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
/*@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);*/
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/

img, object, embed, video {
	max-width: 100%;
}



/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}
/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */
#facebook_mark{
	position:absolute;
	display:none;
	
}
#twitter_mark{
	position:absolute;
	display:none;
}

#facebook_mark img:hover, #twitter_mark img:hover{
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}


/* YOUTUBEリンク */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}





.title {
	display:none;
}
.title_ph {
	display:inline;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-top:0;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    margin-bottom: 0;
}
#main {
	position:relative;
	width:100%;
	margin-bottom:70px;
	float:left;;
}

#main img{
	margin-top: 0px;
}

#theTarget{
	 height: 570px;
	position: relative;
	
}

.index_main{
	margin-bottom:13px!important;
}

#nav a{outline:none;}
#nav, #nav_naka {
	display:none;
}
#nav_ph {
	width:100%;
	margin-bottom:0px;
	float:left;
	display:block;
}

#navi_hide{
	display:none;
}
#ul_pc{
	display:none;
}
#ul_ph{
	display:block;
}
.txt{
	overflow:hidden;
}
.txt #nav ul li {
	width:12.5%;
	float: left;
    height:auto;
    overflow: hidden;
}
.txt #nav ul li img{
	width:100%;
}
.txt #nav #ul_ph li{
	width:12.5%;
	height:auto;
}





#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; margin-left: 0;margin-right:0;}
#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:30%;
	height:80px;
	line-height:80px;
	position:relative;
	text-indent: 0px;}
#page_box>.txt{
	position:relative;
	}
#page_box>.txt>.txt{
    margin-left: 0;
    margin-right: 0;
}
#page_box>.txt>a{    top: 15px;}
#page_box #page{width:100%; max-width:960px; margin:-30px auto 10px auto;}


/* リンク無効箇所 */
/*#ul_pc li:nth-child(5),/* goods */
/*#ul_pc li:nth-child(7),/* map */ 
/*#ul_pc li:nth-child(8), ticket */
/*#ul_ph li:nth-child(5),/* goods */
/*#ul_ph li:nth-child(7),/* map */ 
/*#ul_ph li:nth-child(8),/* ticket */
/*#navi_hide li:nth-child(6),/* goods */
/*#navi_hide li:nth-child(8)/* map */ 
/*#navi_hide li:nth-child(9),/* ticket */
/*.contents01/* contents_ticket{
	filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    pointer-events: none;
}*/



.txt {
	clear:both;
}
.txt h2 {
	font-size:14px;
	text-align:left;
}
.txt h3 {
	font-size:14px;
	text-align:left;
	font-weight:normal;
}
.Midashi h2 {
	font-size:23px;
	font-weight:bold;
	margin-bottom:30px;
	/*letter-spacing: 0.5em;*/
	text-align:center;
	background:#ffd228;	
	height:35px;
	line-height:35px;
}

#newbox{
	width:100%;
	height:60px;
	overflow:hidden;
	background:#000;
	position: relative;
}

#newbox_red{
	width:100%;
	height:60px;
	overflow:hidden;
	background:#FF0004;
	position: relative;
}

.head_font{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 900;
	color:#fff;
	font-size:30px;
	line-height: 60px;
	position: absolute;
	height:60px;
	background: #000;
	text-indent : .5em;
    display: flex;
}

.head_font_red{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 900;
	color:#fff;
	font-size:30px;
	line-height: 60px;
	position: absolute;
	height:60px;
	background: #FF0004;
	text-indent : .5em;
    display: flex;
}


.head_font>em{
	font-size:16px;	
	font-style: normal;
	line-height: 60px;
    height: 60px;
}

#newbox a{
	width:100%;
	height:100%;
	display:none;
}

.topnewscomment .l1,.topnewscomment .l2{
	line-height:20px;
	padding:1% 0;
}
.topnewscomment .l1{
	width:100%;
	text-align:left;
}
.topnewscomment .l2{
	width:100%;
}

.FloatL{
	max-width: 100%;
	float:none;
	text-align:left;
}
.FloatR{
	margin:0 auto;
	float:none;
	text-align:left;
}
.right_box {
	width:100%;
	float:left;
	margin-bottom:20px;
}
#aside {
	width:100%;
	float:left;
	background: #ffd228;
	margin-bottom:10px;
}

.w600{
	width: 100%;
	height:100px;
}
.w400{
	width: 95%;
}
.contents01 {
	width:100%;
	float:left;
	margin-bottom:0px;
	background:none;
}
.contents02 {
	width:100%;
	float:left;
	margin-bottom:20px;
	background:none;
}
.contBox {
	width:100%;
	float:left;
	margin-bottom:30px;
}
.facebook_box {
	width:100%;
	float:left;
	margin-bottom:0px;
}
.twitter_box {
	width:100%;
	float:left;
	margin-bottom:20px;
}
.contents03 {
	width:100%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.contents04 {
	width:100%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.contents05 {
	width:100%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.contents07 {
	width:100%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.contents08 {
	width:100%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.contents09 {
	width:100%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.contents10 {
	width:50%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
/*.contents01 img, .contents02 img, .contents03 img, .contents04 img,.contents05 img,.contents07 img, /*.contents08 img, .contents09 img,*/ .contents10 img {
	width:100%;
		/*オープン前オパ*/
	filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.contents06 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.contents06 .cont01 {
	width:100%;
	float:left;
	margin-bottom:0px;
}
.contents06 .cont02 {
	width:100%;
	float:left;
	margin-bottom:30px;
	position:relative;
}
.box01, .box02 {
	width:100%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.box01 img, .box02 img {
	width:100%;
	max-height:125px;
}
.acstxt_pc{
	display:none;
}
.acstxt_ph{
    display: block;
    overflow: hidden;
    background: #000;
    width: 100%;
    position: absolute;
    bottom:5px;
}
.acstxt_ph h2{
	text-align:left;
	padding:0;
	color:white;
	font-size:11px;
    text-indent: 15px;
}
.pos_rela{
	position:relative;
}
.oshiraseBox {
	width: 100%;
	height: 278px;
	overflow-x: hidden;
	overflow-y: auto;
	margin:0 0 20px;
	background: #fff;
}
dl.main-info {
	overflow: hidden;
	zoom: 1;
	width: 99%;
	padding: 1%;
}
dl.main-info dt {
	padding: 0.6%;
	width: 30%;
	height:51px;
	float: left;
	clear: both;
}

dl.main-info dd {
	padding: 0.6%;
	height:auto;
	background: #fff;
}

footer{
    width: 300px;
    background: #000;
    text-align: left;
    overflow: hidden;
    margin: 0 auto;
}

.f_left {
	width:100%;
	float:left;
	margin-bottom:50px;
}

.f_right {
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

.f_right+.f_left{
	margin-bottom: 20px;
}

.f_right+.f_left+.f_left{
}


#contfooter p{
    margin-bottom: 30px;
    width: 88.2%;
    max-width: 960px;
    text-align: left;
    margin: 0 auto;
}

#footer_nav{
	width: 320px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:20px;
}
#footer_nav li{
	text-indent:7%;
	width:50%;
	margin-bottom:5px;
}
#web2014{
	position:relative;
	top:-17px;
	left:9%;
}

.main_contents06{margin-top:50px;}

/*　↓--　iphone ipad チケットリスト表三段横並びに！　--↓　*/
@media screen and (min-width: 0px) and (max-width: 599px){
	.en_b{
	width:15% !important;
}
.pro_top{
	display:none!important;
}

/*  見出し帯設定 */
.txt p.head_font{
    height: 0;
    display: block;
    text-align: center;
    text-indent: 0;
    line-height: 56px;
    width: 100%;
}

.contents06 .cont01 {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    position: static;
}
#newbox {
    width: 100%;
    height: 75px;
    overflow: hidden;
    background: #000;
}
.main_contents06 #newbox{height:60px;}
.main_contents06 #newbox p.head_font{
	margin-left:-30px;}

.FloatL #newbox{
	height:50px;
	line-height: 50px;
}
.FloatL #newbox p{
    line-height: 50px;
}


.acstxt_ph {
    display: block;
    overflow: hidden;
    background: #000;
    width: 100%;
    position: inherit;
}

.head_font>em {
    font-size: 14px;
    font-style: normal;
    /*line-height: 0px;*/
    height: 0px;
    width: 100%;
    display: block;
}

/*閉幕スライダーTXT*/
#end_slide #end_slide_box p span {
    font-size: 16px;
    font-weight: 700;
}

#end_slide #end_slide_box p img {
    padding-bottom: 0px;
}


/* 見出し帯設定 */

.aboutcomment th {
	width:97%;
	margin:0px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-left:1px solid #555;
	text-align: center;
	background: #ffd228;
	padding:1%;
	display:block;
	font-size:11px;
} 
.aboutcomment .td1 {
	width:97%;
	padding: 1%;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	border-left:1px solid #555;
	text-align:center;
	display:block;
	font-size:11px;
}
.aboutcomment .td2 {
	width:97%;
	padding: 1%;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	border-left:1px solid #555;
	text-align:center;
	display:block;
	font-size:11px;
}
#contfooter {
	height: 580px;
}
#contfooter p{
	width:300px;
}
footer {
	height: 470px;
}
	
.cll {
	clear: both;
	margin-top: 150px;
}

	
#main img{
	margin-top: -30px;
}
.main_contents06{
	margin-right:30px;
margin-left:30px;}

.contents06 .cont02 {
	left:-30px;
}

#page_box > .txt > a{display:none;}

#page_box > .txt > .txt>a{
	font-size: 24px;
font-family: 'Fjalla One', sans-serif;
background: #000;
color: #fff;
right: 0;
text-align: center;
height: 65px;
line-height: 65px;
width: 220px;
display: block;
top: 15px;
text-indent: 0;
margin: 0 auto;
margin-bottom: 30px;}

#page_box #newbox p{
	width:100%;}
	
	#volunteer {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 20px;
}

/* MARQUEE */

 
.marqueeRightLeft {    position: relative;    top: -15px;}
.box_li:nth-child(1) {
    float: none;
    width: 150px;
    display: block;
    padding: 0;
    margin: auto;
}
#marqueeLine .fa{font-size:36px;}
ul#marquee_head{    display: table;    padding: 10px 0;}
ul#marquee_head li:nth-child(1){     display: table-cell;    text-align: left;}
ul#marquee_head li:nth-child(2){    display: table-cell; text-align:center;    text-align: left;    width: 100%;}
#marqueeLine>ul.box_ul>li:nth-child(2) {    width: 100%;     box-sizing: border-box;}

/* 台風テロップ消した時スライダー下余白入れる */
/*#container{
	margin-bottom:30px;}
*/

}
/*　↑--　iphone ipad チケットリスト表三段横並びに！　--↑　*/


/* ABOUTページ */
.aboutBox {
	width:100%;
	margin-bottom:30px;
}
.attentionBox {
	width:100%;
	margin-bottom:30px;
}
.aboutcomment {
	padding: 0px 18px;
	text-align:left;
	background:#fff;
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	font-size:15px!important;
}
.aboutcomment p{
	padding-left:0;
}
	.abouttitle{
	width:100%;
	height:70px;
	line-height:70px;
	text-indent:18px;
	color:white;
	background:#FAC621;
	font-size:12px!important;
}

/* BEERページ */
#contents {
	width:100%;
	margin-bottom:30px;
}
.beerBox {
	width:100%;
	float:left;
	margin-bottom:5px;
}
.spl5 {
	margin-left:0;
}
.beerBox img {
	width:100%;
	float:left;
}

.en{
	position:absolute;
	left:0;
	z-index:5;
	width:20%;
}
.en_b{
	position:absolute;
	left:0;
	z-index:5;
	width:5%;

}

.jumpBox {
	width:100%;
	margin-bottom:20px;
}
.jumpcontents {
	width:33.33%;
	float:left;
	background:#fff;
}
.rock_com_title{
	display:none;

}
.rock_com_title_ph{
	width:100%;
	height:auto;
	line-height:40px;
	background:red;
	color:white;
	text-indent:20px;
}
.beercomment_about{
	padding: 10px 18px;
	text-align:left;
	color:black;
	background:#fff;
	font-size:14px;
	line-height:24px;
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.beercomment {
	padding: 20px 18px;
	text-align:left;
	background:#fff;
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	
}
.beercomment .beerst1{
	color:#F05A24;
	display:block;
	margin-bottom:10px;
}
.beercomment .beerst2{
	font-size:14px;
	
}
.beercomment .beer_ph1{
	display:block;
	color:#f9c521;
	margin-bottom:10px;
	font-size:19px;
}
.beercomment_about .beerst_ph{
	display:block;
	color:red;
	font-size:19px;
	margin:5px 0;
}

.titlebox {
	height:auto;
	padding: 10px;
	background:#fff;
}
.titlebox p {
	text-align: center;
	font-size:16px;
	font-weight: bold;
}

.setsumeibox, .setsumeibox02 {
	height:auto;
	padding: 0px 20px 10px;
	text-align: left;
	background:#fff;
}

.lineup, .lineup02 {
	height:auto;
	padding: 10px 10px 10px;
	color:#ffffff;
	background:#f7c633;
}

.urlBox {
	height:auto;
	padding:10px 10px 10px;
	text-align: center;
	background:#fff;
}

.spb20 {
	margin-bottom: 20px;
}

/* ROCKページ */
.rockL {
	width:100%;
	float: left;
	background:none;
	margin-bottom:20px;
}
.plus_ph{
	display:block;
	position:absolute;
	right:10px;
	bottom:10px;
}
.datebox .pos_re{
	position:relative;
}
.datebox .pos_re p{
	width:100%;
	height:100.5%;
	background:#333;
	opacity:0.6;
	position:absolute;
	top:0px;z-index:-1000;
	color:white;
	font-size:22px;
	text-align:center;
	display:block;
}
.datebox .pos_re span{
	display:inline-block;
	padding:35% 0;
}
.rockR {
	width:100%;
	float: right;
	background:none;
	margin-bottom:30px;
}
.datebox {
	margin-bottom:10px;

}
.datebox section{
	
	background:white;
}
.commentbox {
	padding: 20px 20px 10px;
	text-align: left;
	background:#fff;
}
.h210, .h230, .h250, .h300 {
	height:auto;
	padding: 20px 18px 10px;
	text-align: left;
	background:#fff;
}

.closes{
	position:absolute;
	right:3%;
	top:5%;
}
.closes img{
	width:70%;
}
.closes:hover{
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.h350{
	height:auto;
	padding: 10px;
	text-align: left;
	background:#fff;
	position:relative;
	padding:15px 10px;
	display:none;
}
.h350 a:hover{
	color:red;
}
.h350 .com{
	color:#4d4d4d;
}
.h350 .mb{
	color:#4d4d4d;
}

.rockL .h350{
	border-top:5px solid black;
}
.rockL .h350 .skk{
	position:absolute;
	top:0;
	left:48%;
	width:0px;
	height:0px;
	border-top:solid 10px black;
	border-right:solid 10px transparent;
	border-bottom:solid 10px transparent;
	border-left:solid 10px transparent;
	display:inline-block;
}
.rockR .h350{
	border-top:5px solid red;
}
.rockR .h350 .skk{
	position:absolute;
	top:0;
	left:48%;
	width:0px;
	height:0px;
	border-top:solid 10px red;
	border-right:solid 10px transparent;
	border-bottom:solid 10px transparent;
	border-left:solid 10px transparent;
	padding-bottom:5px;
}

.rockL div:first-child,.rockR div:first-child{
	cursor:pointer;

}

.fs-22{
	font-size:20px;
}
#num_N_beerlinks{
	width:95%;
}
#num_N_beerlinks a{
	font-size:11px;
}

/* FOODページ */
.food_ph1{
	display:block;
	color:#8CC63F;
	margin-bottom:10px;
	font-size:19px;
}
.foodBox {
	width:100%;
	float:left;
	background:#ffffff;
}
.foodtitlebox {
	width:96%;
	padding: 2.47% 2.48% 2.47% 2.47%;
	background:#8CC63F;
	color:#ffffff;
	font-weight:bold;
	font-size:18px;
	text-align:left;
}
.foodmenu {
	width:96%;
	padding:5px 2.48% 5px 2.47%;
	background:#9ACD56;
	text-align:left;
	color:#ffffff;
	font-weight:bold;
}
.foodtitle {
	width:96%;
	padding:5px 2.48% 5px 2.47%;
	background:#AFD779;
	color:#ffffff;
	font-weight:bold;
}
.foodcomment {
	width:96%;
	padding:5px 2.48% 5px 2.47%;
	background:#ffffff;
	text-align:left;
}
.foodinfoBox {
	width:100%;
	float:left;
}
.foodinfo {
	width:96%;
	padding:5px 2.48% 0px 2.47%;
	background:#ffffff;
	text-align:left;
}
.foodinfo_bottom {
	width:96%;
	padding:5px 2.48% 5px 2.47%;
	background:#ffffff;
	text-align:left;
}
.foodL {
	width:74.4%;
	float:left;
}
.foodR {
	width:25.6%;
	float:right;
}

/* TICKETページ */

.newscomment p{
	padding-left:125px;
}
.newscomment {
	overflow:hidden;
	padding: 30px 18px;
	text-align:left;
	background:#fff;
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	font-size:15px!important;
}
.newscomment .l1,.newscomment .l2{
	line-height:25px;
	padding:2% 0;
}
.newscomment .l1{
	width:100%;
}
.newscomment .l2{
	width:100%;
}
.newscomment .hr{
	border-bottom:1px dotted #333;
	height:1px;
	width:100%;
}

.ticketL {
	width:100%;
	float:left;
	margin-top: 0px;
}
.ticketR {
	width:100%;
	float:left;
}

.ticketr, .ticketl{
	text-align:center;
	margin:20px 0;
}

.map-down{
	width:100%;
	height:100%;
	margin:30px 0;
	overflow:hidden;
}

.button {
	width:100%;
	padding:10px 0;
	background:#fff;
	
}
.button img {
	max-width:75%;
}
.ticket_midashi {
	width:97%;
	padding:1.5%;
	color:#fff;
	background:#fac621;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.ticket_title {
	width:97%;
	padding:1.5%;
	color:#fff;
	background:#000;
	font-size:14px;
	font-weight:bold;
}

.ticketl p, .ticketr p {
	text-align:center;
}

/* GOODSページ */
.goodsL {
	width:100%;
	float:left;
	margin-bottom:20px;
}
.goodsR {
	width:100%;
	float:left;
}
.goodsBox {
	overflow:hidden;
	padding:2% 4%;
	background:#fff;
	color:black;
	font-size:15px;
	line-height:24px;
	margin-bottom:5%;
}
.goods_title {
	width:100%;
	height:30px;
	background:#000;
	color:white;
	line-height:30px;
	text-align:center!important;
	font-size:16px!important;
	
}
.goodsBox .goods_s_title{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}
.goodsBox .goods_red_title{
	font-weight:bold;
	font-size:17px;
	color:#e60012;
	margin:3% 0 2% 0;
}
.goodsBox .cup_img {
	width:100%;
	float:left;
	margin-right:1%;
}
.goodsBox .cup_img_b {
	font-size:12px;
	color:#727171;
	margin-bottom:5%;
}
.goodsBox .cup_com {
	width:100%;
	float:left;
}
.goodsBox .cup_com .cup_title{
	font-weight:bold;
	font-size:16px;
	margin:3% 0;
}
.goodsBox .cup_com .cup_price{
	font-weight:bold;
	font-size:19px;
	color:#e60012;
	margin:5% 0 5% 0;
}
.goodsBox .cup_com .cup_price span{
	display:inline-block;
	font-size:14px;
}
.goodsBox .cup_com .cup_b{
	font-weight:bold;
	font-size:17px;
	color:#e60012;
	margin-top:10%;
}
.goodsBox .cup_com .cup_b2{
	font-weight:bold;
	font-size:14px;
	color:#e60012;
	margin-top:1%;
}
.goodsBox .cup_price2{
	font-weight:bold;
	font-size:19px;
	color:#e60012;
	margin:5% 0 5% 0;
}
.goodsBox .cup_price2 span{
	font-size:14px;
	display:inline-block;
}
.goodsBox .goods_t1{
	width:100%;
	text-align:center;
}
.goodsBox .goods_t2{
	width:100%;
	text-align:center;
}


/* POSTERページ */
.posterBox {
	overflow:hidden;
	padding:3% 4%;
	background:#fff;
	color:#888889;
}

.posterL {
	width:100%;
	height:auto;
	float:none;
	margin-bottom:20px;
}
.posterL h2{
	width:100%;
	height:auto;
	padding:10px 0;
	text-indent:10px;
	color:white;
	background:#000;
	margin-bottom:20px;
}

.posterR {
	width:100%;
	height:auto;
	float:none;
	margin-bottom:20px;

}
.posterR h2{
	width:100%;
	height:auto;
	padding:10px 0;
	text-indent:10px;
	color:white;
	background:#000;
	margin-bottom:20px;
}
.posterR .b5{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;

}
.posterL a, .posterR .b5 a{
	display:block;
	margin-bottom:10px;
}

/* VOLUNTEERページ */


.vo-table1{
	max-width:400px;
	width:100%;
}
.vo-table1 .td1{
	width:20%;
	text-align:left;
}
.vo-table1 .td2{
	width:15%;
	text-align:right;
}
.vo-table1 .td3{
	text-indent:10px;
	text-align:left;
}
.vo-titlemain{
	margin:38px auto!important;
	width:90%!important;
	background:#FBCB00!important;
	height:35px!important;
	line-height:35px!important;
	text-align:center!important;
	font-size:20px!important;
}
.vo-titleh3{
border-bottom:1px solid black;
padding-bottom:10px;
font-size:18px!important;
margin-bottom:10px;
}
/* NEWSページ */
.news_itiran {
	margin-bottom:10px;
}

.news_detail {
	border-bottom:1px dotted #000;
	padding-bottom:20px;
}


.junbiBox {
	padding: 60px 18px;
	text-align:center;
	background:#fff;
}

.rock_com_title{
	display:none;
}
/* background-image */
body{background: url(../images/2017_BG.jpg) no-repeat top center fixed;
    background-size: cover!important;}
	
	/*background-size: auto;
	background-attachment: fixed;
	background-image: url(../images/feelgood_back.jpg);
	background-repeat: repeat;
	background-position: right top;*/

#ab{background: #fff;}
/*body.menu{background: #000000 url(../images/backgroud_menu.jpg) no-repeat top center fixed; background-size:cover;}
body.chara{background: #000000 url(../images/backgroud_chara.jpg) no-repeat top center fixed; background-size:cover;}*/

/*#s-mode{background:#000000 url(img/images/dark-circle.jpg) no-repeat top center fixed; background-size:cover;}
#players{background:#000000 url(../img/common/bg_players.jpg) no-repeat top center fixed; background-size:cover;}
#team{background:#000000 url(../img/common/bg_team.jpg) no-repeat top center fixed; background-size:cover;}
#cass{background:#000000 url(../img/common/bg_cass.jpg) no-repeat top center fixed; background-size:cover;}
#traning{background:#000000 url(../img/common/bg_training.jpg) no-repeat top center fixed; background-size:cover;}
*/
.contBox {
    width: 100%;
    float: left;
    margin-bottom: 0 !important;
}
.contBox ul{
  margin-right: 0;
}

.contBox>ul+ul{margin-bottom:30px;}
.contBox ul li{
  float: left;
  width: 100%;
  margin-right: 0;
  margin-bottom:20px;
}






/* タブレットレイアウト : 481 px 〜 768 px。モバイルレイアウトからスタイルを継承。 */



@media only screen and (min-width: 600px) {
	
#page_box > .txt > .txt  > a{display:none;}

#facebook_mark{
	position:absolute;
	display:none;
	
}
#twitter_mark{
	position:absolute;
	display:none;
}

.topnewscomment .l1,.topnewscomment .l2{
	line-height:20px;
	padding:1% 0;
}
.topnewscomment .l1{
	width:17%;
	text-align:center;
}
.topnewscomment .l2{
	width:83%;
}



.title {
	display:inline;
}
.title_ph {
	display:none;
}
.gridContainer, .gridContainer2 {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-top:0px;
	
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



#theTarget{
	 height: 570px;
	position: relative;
	top: 30px;
}


#main {
	width:100%;
	margin-bottom:70px;
	float:left;
}
	
#main>img{
	position: relative;
	top: 70px;
	width: 90%;
}

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

	

#nav {
	clear: both;
	float: left;
	margin: 0 0 30px 0;
	width:100%;
	height:auto;
	display: block;
}
#nav_naka {
	clear: both;
	float: left;
	margin: 0 0 25px 0;
	width:100%;
	height:auto;
	display: block;
}
#nav_ph  a{outline:none;}
#nav_ph li {
	display:none;
}
#ul_ph{
	display:block;
	background:black;
	overflow:hidden;
}

.txt #nav_naka ul li {
	width:12.5%;
}
.txt h2 {
	font-size:14px;
	text-align:left;
}
.txt h3 {
	font-size:14px;
	text-align:left;
	font-weight:normal;
}


.contents06 .cont01 #newbox>p{
    float: none;
    width: 30%;
    display: block;
}

.acstxt_ph h2{display: block;}


.Midashi h2 {
	font-size:23px;
	font-weight:bold;
	margin-bottom:30px;
	/*letter-spacing: 0.5em;*/
	text-align:center;
	background:#ffd228;
	height:35px;
	line-height:35px;
}

.FloatL{
	    width: 66%;
    float: left;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 27.5%;
    text-align: left;
    margin-bottom: 30px;
}
section.sub_content{
	    background: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
	
.FloatL2{
	width: 48%;
	float:left;
	text-align:left;
	margin-bottom:30px;
}
.FloatL3{
	width: 33.3%;
	float:left;
	text-align:left;
}

.FloatR{
	width: 33%;
	float:right;
	text-align:left;
}
.FloatR2{
	width: 48%;
	float:right;
	text-align:left;
}
.FloatR3{
	width: 66.6%;
	float:right;
}

.right_box {
	width:100%;
	float:left;
	margin-bottom:20px;
}
#aside {
	width:100%;
	float:left;
	background: #ffd228;
	margin-bottom:20px;
}

.w600{
	width: 94%;
	height:100px;
}
.w400{
	width: 70%;
}
.contents01, .contents02 {
	width:50%;
	float:left;
	margin-bottom:30px;
	background:#ffffff;
}
.facebook_box, .twitter_box {
	width:50%;
	float:left;
	margin-bottom:30px;
}
.facebook_box .box01, .twitter_box .box02 {
	width:100%;
}


.contBox {
	width:100%;
	float:left;
	margin-bottom: 1.5%;
}


/*トップカラムオパシティ*/
	
/*.contents03, .contents04, .contents05,*/ /*.contents07, .contents08, .contents09, .contents10*/ {
	width:33.3%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
	/*オープン前オパ*/
	filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
	
	

	
	
.contents06 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}
.contents06 .cont01 {
	width:100%;
	float:left;
	margin-bottom:0px;
}
.contents06 .cont02 {
	width:100%;
	float:left;
	margin-bottom:30px;
}
.box01, .box02, .box03 {
	width:100%;
	float:left;
	background:#ffffff;
}
.oshiraseBox {
	width: 100%;
	height: 190px;
	overflow-x: hidden;
	overflow-y: auto;
	margin:0px;
	background: #fff;
}
dl.main-info {
	overflow: hidden;
	zoom: 1;
	width: 99%;
	padding: 1%;
}
dl.main-info dt {
	padding: 0.6%;
	width: 30%;
	height:auto;
	float: left;
	clear: both;
}

dl.main-info dd {
	padding: 0.6%;
	height:auto;
	background: #fff;
}
#num_N_beerlinks{
	width:95%;
}
#num_N_beerlinks a{
	font-size:14px;
}
.food_ph1{
	display:none;
}

a:focus{outline:none;}

footer{
	width: 100%;
	background: #000;
	text-align: left;
	position:relative;
	bottom:0px;
	left:0px;
}

.f_left {
	width:80%;
	float:left;
	margin-bottom:0px;
	margin-left:0px;
}

.f_right {
	width:15%;
	float:right;
	margin-bottom:0px;
	margin-right:5%;
}
.f_right img {
	float:right;
}

#footer_nav{
	width:95%;
	overflow:hidden;
	margin-bottom:20px;
	margin-left:30px;
}
.f_right+.f_left+.f_left {
    margin-left: 30px;
}

#footer_nav li{
	text-indent:0;
	width:25%;
	margin-bottom:5px;
}
#web2014{
	left:0;
}

.aboutcomment th {
	width:26%;
	margin:0px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-left:1px solid #555;
	text-align: left;
	background: #ffd228;
	padding:1%;

	
} 
.aboutcomment .td1 {
	width:auto;
	padding: 1%;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	text-align: left;

}
.aboutcomment .td2 {
	width:20%;
	padding: 1%;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	text-align:center;

}

/* ABOUTページ */
.aboutBox {
	width:100%;
	margin-bottom:30px;
}
.attentionBox {
	width:100%;
	margin-bottom:30px;
}
.aboutcomment {
	padding: 30px 18px;
	text-align:left;
	background:#fff;
}
.abouttitle{
	font-size:16px!important;
}
/* BEERページ */
#contents {
	width:100%;
	margin-bottom:30px;
}
.beerBox {
	width:32.6%;
	float:left;
	margin-right:0.522%;
	margin-bottom:5px;
}
.spl5 {
	margin-left:0.522%;
}
.beerBox img {
	width:100%;
	float:left;
}

.jumpBox {
	width:100%;
	margin-bottom:20px;
}
.jumpcontents {
	width:20%;
	float:left;
	background:#fff;
}

.beercomment {
	padding: 20px 18px;
	text-align:left;
	background:#fff;
	color:black;
	font-size:17px;
}
.beercomment .beerst1{
	color:#F05A24;
}
.beercomment .beerst2{
	font-size:14px;
}
.beercomment .beer_ph1{
	display:none;
}

.beercomment_about .beerst_ph{
	display:none;
}



.titlebox {
	height:60px;
	padding: 10px;
	background:#fff;
}
.titlebox p {
	text-align: center;
	font-size:16px;
	font-weight: bold;
}

.setsumeibox {
	height:255px;
	padding: 0px 20px 0px;
	text-align: left;
	background:#fff;
	overflow-y: auto;
}
.setsumeibox02 {
	height:335px;
	padding: 0px 20px 0px;
	text-align: left;
	background:#fff;
	overflow-y: auto;
}

.lineup {
	height:115px;
	padding: 10px 5px 10px;
	color:#ffffff;
	background:#f7c633;
}
.lineup02 {
	height:110px;
	padding: 10px 5px 10px;
	color:#ffffff;
	background:#f7c633;
}

.urlBox {
	height:40px;
	padding:10px 10px 10px;
	text-align: center;
	background:#fff;
}

.spb20 {
	margin-bottom: 20px;
}

/* ROCKページ */
.plus_ph{
	display:none!important;
}
.rockL {
	width:50%;
	float: left;
	background:none;
	margin-bottom:30px;
}
.rockR {
	width:50%;
	float: right;
	background:none;
	margin-bottom:30px;
}
.datebox {
	margin-bottom:10px;
}
.commentbox {
	padding: 20px 20px 10px;
	text-align: left;
	background:#fff;
}
.h210 {
	height:310px;
	padding: 20px 18px 10px;
	text-align: left;
	background:#fff;
}
.h230 {
	height:330px;
	padding: 20px 20px 10px;
	text-align: left;
	background:#fff;
}
.h250 {
	height:350px;
	padding: 20px 20px 10px;
	text-align: left;
	background:#fff;
}
.h300 {
	height:430px;
	padding: 20px 20px 10px;
	text-align: left;
	background:#fff;
}
.h350 {
	height:300px;
	padding: 15px 10px;
	text-align: left;
	background:#fff;
	min-height:400px;
}


.rock_com_title_ph{
	display:none;
}

/* FOODページ */
.foodBox {
	width:100%;
	float:left;
	background:#ffffff;
}
.foodtitlebox {
	width:95.59%;
	padding: 2.2%;
	background:#8CC63F;
	color:#ffffff;
	font-weight:bold;
	font-size:18px;
	text-align:left;
}
.foodmenu {
	width:95.59%;
	padding:5px 2.2% 5px;
	background:#9ACD56;
	text-align:left;
	color:#ffffff;
	font-weight:bold;
}
.foodtitle {
	width:95.59%;
	padding:5px 2.2% 5px;
	background:#AFD779;
	color:#ffffff;
	font-weight:bold;
}
.foodcomment {
	width:95.59%;
	padding:5px 2.2% 5px;
	background:#ffffff;
	text-align:left;
}
.foodinfoBox {
	width:100%;
	float:left;
}
.foodinfo {
	padding:5px 2.2% 0px;
	background:#ffffff;
	text-align:left;
}
.foodinfo_bottom {
	padding:5px 2.2% 5px;
	background:#ffffff;
	text-align:left;
}
.foodL {
	width:74.4%;
	float:left;
}
.foodR {
	width:25.6%;
	float:right;
}
.newscomment .l1,.newscomment .l2{
	line-height:25px;
	padding:1.5% 0;
}
.newscomment .l1{
	width:20%;
	font-family:'Oswald', sans-serif;
	letter-spacing:1px;
	font-size:20px;
}
.newscomment .l2{
	width:80%;
}
/* TICKETページ */
.ticketL {
	width:80%;
	float: left;
}
.ticketR {
	width:20%;
	float: left;
}
.button {
	width:100%;
	padding:10px 0;
	background:#fff;
}
.ticket_midashi {
	width:97%;
	padding:1.5%;
	color:#fff;
	background:#fac621;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.ticket_title {
	width:97%;
	padding:1.5%;
	color:#fff;
	background:#000;
	font-size:14px;
	font-weight:bold;
}

.ticketl p, .ticketr p {
	text-align:center;
}

/* GOODSページ */

.goodsBox {
	overflow:hidden;
	padding:2% 4%;
	background:#fff;
	color:black;
	font-size:16px;
	margin-bottom:0;
}
.goods_title {
	width:100%;
	height:50px;
	background:#000;
	color:white;
	line-height:50px;
	text-indent:25px;
	text-align:left!important;
	font-size:25px!important;
	
}
.goodsBox .goods_s_title{
	font-weight:bold;
	font-size:19px;
	margin-bottom:10px;
}
.goodsBox .goods_red_title{
	font-weight:bold;
	font-size:17px;
	color:#e60012;
	margin:3% 0 2% 0;
}
.goodsBox .cup_com .cup_price{
	margin:5% 0 15% 0;
}
.goodsBox .cup_price2{
	font-weight:bold;
	font-size:19px;
	color:#e60012;
	margin:2% 0 2% 0;
}
.goodsBox .cup_img {
	width:49%;
}
.goodsBox .cup_img_b {
	font-size:12px;
	color:#727171;
	margin-bottom:0;
}
.goodsBox .cup_com {
	width:50%;
}
.goodsBox .cup_com .cup_title{
	font-weight:bold;
	font-size:20px;
	margin:3% 0;
}
.goodsBox .goods_t1{
	width:50%;
}
.goodsBox .goods_t2{
	width:50%;
}


.goodsL {
	width:32.3%;
	float:left;
	margin-right:1%;
}
.goodsR {
	width:32.3%;
	float:left;
}


/* POSTERページ */
.posterBox {
	overflow:hidden;
	padding:3% 4%;
	background:#fff;
	color:#888889;
	margin-bottom:20px;
}

.posterL {
	width:43%;
	height:auto;
	float:left;
	margin-bottom:20px;
}
.posterL h2{
	width:100%;
	height:auto;
	padding:10px 0;
	text-indent:10px;
	color:white;
	background:#000;
	margin-bottom:20px;
}

.posterR {
	width:53%;
	height:auto;
	float:right;
	margin-bottom:20px;

}
.posterR h2{
	width:100%;
	height:auto;
	padding:10px 0;
	text-indent:10px;
	color:white;
	background:#000;
	margin-bottom:20px;
}
.posterR .b5{
	width:50%;
	height:auto;
	float:left;
	margin-bottom:20px;

}
.posterL a, .posterR .b5 a{
	display:block;
	margin-bottom:10px;
}

/* VOLUNTEERページ */

/* NEWSページ */
.news_itiran {
	margin-bottom:10px;
}

.news_detail {
	border-bottom:1px dotted #000;
	padding-bottom:20px;
}


.junbiBox {
	padding: 60px 18px;
	text-align:center;
	background:#fff;
}
.rock_com_title{
	display:block;
	height:auto;
	width:100%;
	background:red;
	line-height:70px;
	text-indent:20px;
	color:white;
	font-size:18px;
}
.beercomment_about{
	padding:30px 10px;
}	
.beercomment_about .beerst2{
	font-size:15px;
}


/*ROCK*/

.plus_ph{
	display:none;
}
.datebox .pos_re p{
	width:100%;
	height:100.5%;
	background:#333;
	opacity:0.6;
	position:absolute;
	top:0px;z-index:-1000;
	color:white;
	font-size:22px;
	text-align:center;
	display:block;
}
.datebox .pos_re span{
	display:inline-block;
	padding:35% 0;
}


/* background-image */
body{ url(../images/2017_BG.jpg) no-repeat top center fixed; background-size:cover!important;}
	
	/*background-size: auto;
	background-attachment: fixed;
	background-image: url(../images/feelgood_back.jpg);
	background-repeat: repeat;
	background-position: right top;*/

#ab{url(../images/2017_BG.jpg) no-repeat top center; background-size:cover;}
/*body.menu{background: #000000 url(../images/backgroud_menu.jpg) no-repeat top center fixed; background-size:cover;}
body.chara{background: #000000 url(../images/backgroud_chara.jpg) no-repeat top center fixed; background-size:cover;}*/

/*#s-mode{background:#000000 url(img/images/dark-circle.jpg) no-repeat top center fixed; background-size:cover;}
#players{background:#000000 url(../img/common/bg_players.jpg) no-repeat top center fixed; background-size:cover;}
#team{background:#000000 url(../img/common/bg_team.jpg) no-repeat top center fixed; background-size:cover;}
#cass{background:#000000 url(../img/common/bg_cass.jpg) no-repeat top center fixed; background-size:cover;}
#traning{background:#000000 url(../img/common/bg_training.jpg) no-repeat top center fixed; background-size:cover;}
*/

.fs-30{
	font-size:20px;
}

.contents06 .cont02 {
	left:-30px;
}

.contBox {
    width: 100%;
    float: left;
    margin-bottom: 0 !important;
}
.contBox ul{
margin-right: -2.5%;
}

.contBox>ul+ul{margin-bottom:30px;}
.contBox ul li{
float: left;
    width: 47.5%;
    margin-right: 2.5%;
    margin-bottom: 20px;
}
	
#volunteer {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 30px;
}


}

@media only screen and (min-width: 600px)and (max-width:959px){
.main_contents06{
    margin-right: 30px;
    margin-left: 30px;
}


}
@media only screen and (min-width: 960px)and (max-width:1100px){

#ul_pc{
	display:none!important;
}
#ul_ph{
	display:block!important;
}


}




/* デスクトップレイアウト : 960 px 〜最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 960px){
	.f_right {
    width: 20%%;
    float: right;
    margin-bottom: 0px;
	margin-right:0;
}
.gridContainer2 {
    width: 88.2%;
    max-width: 960px;
    padding-left: 0.9%;
    padding-right: 0.9%;
    margin: auto;
    height: 250px;
}
#facebook_mark{
	position:absolute;
	display:block;
	
}
#twitter_mark{
	position:absolute;
	display:block;
}

#facebook_mark{
	position:fixed;
	bottom:300px;
	right:40px;
	z-index: 10;
	opacity:0;

}
#twitter_mark{
	position:fixed;
	bottom:210px;
	right:40px;
z-index: 10;
	opacity:0;
}


.title {
	display:inline;
}
.title_ph {
	display:none;
}
.gridContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
}
.gridContainer2{
    width: 88.2%;
    max-width: 960px;
    padding-left: 0.9%;
    padding-right: 0.9%;
    margin: auto;
    height: 250px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    margin-top: 0;
}
.txt {
}
#container+.txt>.txt{
	margin-top:0;
}
.txt>.txt{
	margin-top:140px;
}
#main {
	width:100%;
	margin-bottom:30px;
	float:left;
}
#main>img{
	position: relative;
	top: 0px;
	width: 100%;
}



#theTarget{
	 height: 570px;
	position: relative;
	top:0;
}

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


#nav {
	clear: both;
	float: left;
	margin: 0 0 30px 0;
	width:100%;
	height:auto;
	display: block;
}
#nav_naka {
	clear: both;
	float: left;
	margin: 0 0 25px 0;
	width:100%;
	height:auto;
	display: block;
}
#nav_ph{
	margin-buttom:0px;
}
#nav_ph li {
	display:none;
}
#ul_pc{
	display:block;
	background:black;
	overflow:hidden;
}
#ul_ph{
	display:none;
}
.txt #nav ul li {
	width:12.5%;
	float: left;
    height: 60px;
    overflow: hidden;
}

#nav_bg{
	position:absolute;
	top:489px;
	z-index:-9999;
	width:100%;
	height:60px;
	background:black;
}
#navi_hide{
	height:auto;
	width:100%;
	max-width:960px;
	background:black;
	clear:both;
	margin:0 auto;
	display:block;
	overflow:hidden;
}
#navi_hide a{outline:none;}
#navi_hide ul li{
	width:10%;

} 
.txt #nav_naka ul li {
	width:12.5%;
}
.txt h2 {
	font-size:16px;
	text-align:left;
}
.txt h3 {
	font-size:16px;
	text-align:left;
	font-weight:normal;
}
.Midashi h2 {
	font-size:23px;
	font-weight:bold;
	margin-bottom:30px;
	/*letter-spacing: 0.9em;*/
	text-align:center;
	background:#ffd228;
	height:35px;
	line-height:35px;
}
.FloatL{
	width: 66%;
	float:left;
	text-align:left;
	margin-bottom:30px;
	padding-top: 250px;
}
.FloatL2{
	width: 48%;
	float:left;
	text-align:left;
	margin-bottom:30px;
}
.FloatL3{
	width: 33.3%;
	float:left;
	text-align:left;
}
.FloatR{
	width: 33%;
	float:right;
	text-align:left;
}
.FloatR2{
	width: 48%;
	float:right;
	text-align:left;
}
.FloatR3{
	width: 66.6%;
	float:right;
}
.right_box {
	width:100%;
	float:left;
	margin-bottom:20px;
}
#aside {
	width:100%;
	float:left;
	background: #ffd228;
	margin-bottom:20px;
}

.w600{
	width: 94%;
	height:100px;
}
.w400{
	width: 60%;
}
.contents01, .contents02 {
	width:50%;
	float:left;
    margin-top: 0;
	margin-bottom:30px;
	background:#ffffff;
}
.contents01 .box01, .contents02 .box02 {
	width:100%;
}
.facebook_box, .twitter_box {
	width:50%;
	float:left;
	margin-bottom:30px;
}
.facebook_box .box01, .twitter_box .box02 {
	width:100%;
}

.contBox {
	width:100%;
	float:left;
	margin-bottom: 1.5%;
}
	
	
	/*トップカラム_オパシティ*/
	
/*.contents03, .contents04, .contents05,*/ /*.contents07, .contents08, .contents09, .contents10*/ {
	width:33.3%;
	height:auto;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
	/*オープン前オパ*/
	filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.contents06 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.contents06 .cont01 {
	width:100%;
	float:left;
	margin-bottom:0px;
	height: 70px;
	background: #000;
}
.contents06 .cont02 {
	width:100%;
	float:left;
	margin-bottom:30px;
}
.right_box .box01, .right_box .box02 {
	width:100%;
	float:right;
	text-align:right;
	background:#ffffff;
}
.pos_rela{
	position:relative;
}
.oshiraseBox {
	width: 100%;
	height: 190px;
	overflow-x: hidden;
	overflow-y: auto;
	margin:0px;
	background: #fff;
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
dl.main-info {
	overflow: hidden;
	zoom: 1;
	width: 99%;
	padding: 1%;
}
dl.main-info dt {
	margin: 0;
    font-size: 100%;
    font-weight: normal;
    color: #2b2b2b;
    width: 6.7em;
    float: left;
    padding: 5px 0 6px 3px;
    line-height: 120%;
}

dl.main-info dd {
	background-color: #ffffff;
    border: none;
    margin: 0;
    padding: 5px 3px 6px 6.6em;
    line-height: 120%;
}

footer{
	width: 100%;
	line-height: 1.6em;
	background: #000;
	text-align: left;
}

.f_left {
	width:80%;
	float:left;
	margin-bottom:0px;
	margin-left:0px;
}

.f_right {
	width:20%;
	float:right;
	margin-bottom:0px;
}
.f_right img {
	float:right;
}

.f_right+.f_left+.f_left {
    margin-left: 0;
}


#footer_nav{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
	margin-left:0;
}
#footer_nav li{
	text-indent:0;
	width:25%;
	margin-bottom:5px;
}
#web2014{
	position:absolute;
	left:75%;
	top:25px;
}
/* ABOUTページ */
.aboutBox {
	width:100%;
	margin-bottom:30px;
}
.attentionBox {
	    max-width: 960px;
    width: 100%;
	margin-bottom:30px;
}
.aboutcomment {
	padding: 30px 18px;
	text-align:left;
	background:#fff;
	opa
}
.abouttitle{
	font-size:16px!important;
}
/* BEERページ */
#contents {
	width:100%;
	margin-bottom:30px;
}
.beerBox {
	width:32.6%;
	float:left;
	margin-right:0.522%;
	margin-bottom:5px;
}
#beerlistbox{
	background:white;
	text-align:center;
	padding:10px 0 20px 0;
}
.spl5 {
	margin-left:0.522%;
}
.beerBox img {
	width:100%;
	float:left;
}
#beerlist{
	width:100%;
	overflow:hidden;
	background:#fff;
	color:#4d4d4d;
}
#beerlist a:hover{
	color:#4d4d4d;
}
#beerlist .beerboxs{
	width:25%;
	float:left;
}
#beerlist .bigboxs{
	width:100%;
	display:none;
	position:relative;
}
#beerlist .bigboxs{
	width:100%;
	height:100%;
	overflow:hidden;
	clear:both;
}

#beerlist .bigboxs  .img{
	width:25%;
	float:left;
}
#beerlist .bigboxs  .img img{
	width:100%;
	padding:2% 0 3% 0;
	float:left;
}
#beerlist .bigboxs .comment{
	width:46%;
	float:left;
	padding:2%;
}
#beerlist .bigboxs .comment h3{
	font-size:27px;	
}
#beerlist .bigboxs .rightcomment{
	width:25%;
	min-height:155px;
	overflow:hidden;
	background:#fef0b2;
	color:#ffb800;
	position:relative;
}
#beerlist .bigboxs .rightcomment .title{
	font-weight:bold;
	font-size:18px;	

}
#beerlist .bigboxs .rightcomment .com{
	font-size:16px;	
}
#beerlist .beerboxs div{
	width:100%;
	height:100%;
	overflow:hidden;
	border-bottom:1px #F9C521 solid;
	
}
#beerlist .beerboxs{
	position:relative;

}
#beerlist .beerboxs .en{
	width:20%;
	float:left;
}
.en_b{
	position:absolute;
	left:0;
	z-index:5;
	width:6%;

}
#beerlist .beerboxs .title{
	line-height:30px;
	float:left;
	color:#4d4d4d;
}
#beerlist .beerboxs .mainimg{
	margin-bottom:20px;

}
#beerlist .beerboxs .bg{
	z-index:9999;
	display:none;
	background:yellow;
	width:100%;
	height:90%;
	position:absolute;
	top:0;
	opacity:0.3;
}
#beerlist .beerboxs .hosi{
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 13px solid #F9C521;
	margin:0 auto;
	display:none;
}


.en{
	position:absolute;left:0;z-index:5;width:25%;
	
}










.jumpBox {
	width:100%;
	margin-bottom:20px;
}
.jumpcontents {
	width:20%;
	float:left;
	background:#fff;
}

.beercomment {
	padding: 20px 18px;
	text-align:left;
	background:#fff;
	font-size:17px;
}

.beercomment .beerst1{
	color:#F05A24;
}
.beercomment .beerst2{
	font-size:14px;
}
.beercomment .beer_ph1{
	display:none;
}
.beercomment_about .beerst_ph{
	display:none;
}
.titlebox {
	height:60px;
	padding: 10px;
	background:#fff;
}
.titlebox p {
	text-align: center;
	font-size:16px;
	font-weight: bold;
}

.setsumeibox {
	height:200px;
	padding: 0px 20px 0px;
	text-align: left;
	background:#fff;
	overflow-y: auto;
}
.setsumeibox02 {
	height:230px;
	padding: 0px 20px 0px;
	text-align: left;
	background:#fff;
	overflow-y: auto;
}

.lineup {
	height:95px;
	padding: 10px 10px 10px;
	color:#ffffff;
	background:#f7c633;
}
.lineup02 {
	height:100px;
	padding: 10px 10px 10px;
	color:#ffffff;
	background:#f7c633;
}

.urlBox {
	height:40px;
	padding:10px 10px 10px;
	text-align: center;
	background:#fff;
}
.spb20 {
	margin-bottom: 20px;
}

/* ROCKページ */
.rockL {
	width:50%;
	float: left;
	background:none;
	margin-bottom:30px;
}
.rockR {
	width:50%;
	float: left;
	background:none;
	margin-bottom:30px;
}
.datebox {
	margin-bottom:10px;
}
.datebox .img1{
	margin:30px 0;
}
.commentbox {
	padding: 20px 20px 10px;
	text-align: left;
	background:#fff;
}
.h210 {
	height:210px;
	padding: 20px 20px 10px;
	text-align: left;
	background:#fff;
}
.h230 {
	height:230px;
	padding: 20px 20px 10px;
	text-align: left;
	background:#fff;
}
.h250 {
	height:250px;
	padding: 20px 20px 10px;
	text-align: left;
	background:#fff;
}
.h300 {
	height:300px;
	padding: 20px 20px 10px;
	text-align: left;
	background:#fff;
}

.closes{
	position:absolute;
	right:3%;
	top:3%;
}
.closes img{
	width:100%;
}
.closes:hover{
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

/**/
.h350 {
	height:100px;
	padding: 20px 10px 10px 10px;
	text-align: left;
	background:#fff;
	line-height:25px;
	position:relative;
}

.h350 h2{
	font-size:23px;
	margin:0 0 10px 0;
}
.h350 h2 span{
	display:inline-block;
	font-size:16px;
}
.h350 .time{
	font-size:16px;
}
.h350 .com{
	min-height:160px;
	font-size:16px;
	color:#4d4d4d;
}
.h350 .mb{
	font-size:14px;
	color:#4d4d4d;
}



.h350 hr{
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 5px 0;
  padding: 0;
}



















/* FOODページ */
.foodBox {
	width:100%;
	float:left;
	background:#ffffff;
}
.foodtitlebox {
	width:96.875%;
	padding:1.5625%;
	background:#8CC63F;
	color:#ffffff;
	font-weight:bold;
	font-size:18px;
	text-align:left;
}
.foodmenu {
	width:96.875%;
	padding:5px 1.5625% 5px;
	background:#9ACD56;
	text-align:left;
	color:#ffffff;
	font-weight:bold;
}
.foodtitle {
	width:96.875%;
	padding:5px 1.5625% 5px;
	background:#AFD779;
	color:#ffffff;
	font-weight:bold;
}
.foodcomment {
	width:96.875%;
	padding:5px 1.5625% 5px;
	background:#ffffff;
	text-align:left;
}
.foodinfoBox {
	width:100%;
	float:left;
}
.foodinfo {
	padding:5px 1.5625% 0px;
	background:#ffffff;
	text-align:left;
}
.foodinfo_bottom {
	padding:5px 1.5625% 5px;
	background:#ffffff;
	text-align:left;
}
.foodL {
	width:74.4%;
	float:left;
}
.foodR {
	width:25.6%;
	float:right;
}
.foodR img {
	width:100%;
}

/* TICKETページ */
.ticketL {
	width:60%;
	float: left;
}
.ticketR {
	width:40%;
	float: left;
}
.ticketl {
	width:55%;
	float:left;
}
.ticketr {
	width:45%;
	float:left;
}
.ticketl p, .ticketr p {
	text-align:center;
}
.button {
	width:100%;
	padding:10px 0;
	background:#fff;
}
.ticket_midashi {
	width:97%;
	padding:1.5%;
	color:#fff;
	background:#fac621;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.ticket_title {
	width:97%;
	padding:1.5%;
	color:#fff;
	background:#000;
	font-size:14px;
	font-weight:bold;
}

.ticket01 {
	font-size:16px;
	font-weight:bold;
}
.ticket02 {
	font-size:14px;
	font-weight:bold;
}

/* GOODSページ */
.goodsL {
	width:32.3%;
	float:left;
	margin-right:1%;
}
.goodsR {
	width:32.3%;
	float:left;
}

/* POSTERページ */
.posterBox {
	overflow:hidden;
	padding:3% 4%;
	background:#fff;
	color:#888889;
	margin-bottom:30px;
}
.posterBox a{outline:none;}

.posterL {
	width:43%;
	height:auto;
	float:left;
	margin-bottom:20px;
}
.posterL h2{
	width:100%;
	height:auto;
	padding:10px 0;
	text-indent:10px;
	color:white;
	background:#000;
	margin-bottom:20px;
}

.posterR {
	width:53%;
	height:auto;
	float:right;
	margin-bottom:20px;

}
.posterR h2{
	width:100%;
	height:auto;
	padding:10px 0;
	text-indent:10px;
	color:white;
	background:#000;
	margin-bottom:20px;
}
.posterR .b5{
	width:50%;
	height:auto;
	float:left;
	margin-bottom:20px;

}
.posterL a, .posterR .b5 a{
	display:block;
	margin-bottom:10px;
}
/* VOLUNTEERページ */


/* NEWSページ */
.news_itiran {
	margin-bottom:10px;
}

.news_detail {
	border-bottom:1px dotted #000;
	padding-bottom:20px;
}


.junbiBox {
	padding: 60px 18px;
	text-align:center;
	background:#fff;
}
.rock_com_title{
	display:block;
	width:100%;
	height:70px;
	background:red;
	line-height:70px;
	text-indent:20px;
	color:white;
	font-size:20px;
}
/* background-image */
body{background:url(../images/2017_BG.jpg) no-repeat top center fixed; background-size:cover!important;}
	
	/*background-size: auto;
	background-attachment: fixed;
	background-image: url(../images/feelgood_back.jpg);
	background-repeat: repeat;
	background-position: right top;*/

#ab{background:url(../images/2017_BG.jpg) no-repeat top center; background-size:cover;}
/*body.menu{background: #000000 url(../images/backgroud_menu.jpg) no-repeat top center fixed; background-size:cover;}
body.chara{background: #000000 url(../images/backgroud_chara.jpg) no-repeat top center fixed; background-size:cover;}*/

/*#s-mode{background:#000000 url(img/images/dark-circle.jpg) no-repeat top center fixed; background-size:cover;}
#players{background:#000000 url(../img/common/bg_players.jpg) no-repeat top center fixed; background-size:cover;}
#team{background:#000000 url(../img/common/bg_team.jpg) no-repeat top center fixed; background-size:cover;}
#cass{background:#000000 url(../img/common/bg_cass.jpg) no-repeat top center fixed; background-size:cover;}
#traning{background:#000000 url(../img/common/bg_training.jpg) no-repeat top center fixed; background-size:cover;}
*/

.fs-30{
	font-size:30px;
}


.pos_re{
	position:relative;

}
.contBox ul{
  margin-right: -1.33%;
}
.contBox>ul+ul{margin-bottom:30px;}
.contBox ul li{
  float: left;
  width: 32%;
  margin-right: 1.33%;
}
#volunteer {
    padding-top: 100px;
}
}