/* 標準可変メディア
   メモ : 可変メディアでは、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 およびそれ以下. */
.title {
	display:none;
}
.title_ph {
	display:inline;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main {
	width:100%;
	margin-bottom:20px;
	float:left;
}
#nav, #nav_naka {
	display:none;
}
#nav_ph {
	width:100%;
	margin-bottom:10px;
	float:left;
	display:block;
}
.txt #nav ul li {
	width:100%;
}
.txt {
	line-height: 1.5em;
}
.txt h2 {
	font-size:14px;
	text-align:left;
}
.txt h3 {
	font-size:14px;
	text-align:left;
	font-weight:normal;
}
.Midashi h2 {
	font-size:16px;
	margin-bottom:30px;
	letter-spacing: 0.5em;
	text-align:center;
}
.FloatL{
	max-width: 100%;
	float:none;
	text-align:left;
}
.FloatR{
	max-width: 100%;
	float:none;
	text-align:left;
}
.right_box {
	width:100%;
	float:left;
	margin-bottom:20px;
}
#aside {
	width:100%;
	float:left;
	background: #ffd228;
	margin-bottom:10px;
}
.tableBox th,.tableBox td{
	padding:5px;
}
.w600{
	width: 95%;
	height:100px;
}
.w400{
	width: 95%;
}
.contents01 {
	width:100%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.contents02 {
	width:100%;
	float:left;
	margin-bottom:20px;
	background:#ffffff;
}
.contBox {
	width:100%;
	float:left;
	margin-bottom:20px;
}
.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;
}
.contents03 img, .contents04 img, .contents05 img, .contents07 img, .contents08 img, .contents09 img, .contents10 img {
	width:100%;
}

.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:20px;
}
.box01, .box02 {
	width:100%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.box01 img, .box02 img {
	width:100%;
}

.oshiraseBox {
	width: 100%;
	height: 50%;
	overflow-x: hidden;
	overflow-y: auto;
	margin:0 0 20px;
	background: #fff;
}
dl.main-info {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	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:51px;
	background: #fff;
}

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

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

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


/* ABOUTページ */
.aboutBox {
	width:100%;
	margin-bottom:20px;
}
.attentionBox {
	width:100%;
	margin-bottom:30px;
}
.aboutcomment {
	padding: 20px 18px;
	text-align:left;
	background:#fff;
}


/* 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;
}

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

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

.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;
}
.rockR {
	width:100%;
	float: left;
	background:none;
	margin-bottom:30px;
}
.datebox {
	margin-bottom:10px;
}
.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;
}

/* FOODページ */
.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ページ */
.ticketL {
	width:70%;
	float: left;
}
.ticketR {
	width:30%;
	float: left;
}
.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;
}

/* POSTERページ */
.posterBox {
	padding:20px;
	background:#fff;
}

.posterL {
	width:100%;
	float:left;
	margin-bottom:20px;
}

.posterR {
	width:100%;
	float:left;
	margin-bottom:20px;
}

/* 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;
}


/* background-image */
body{background:#fff;}
	
	/*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;}
*/


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

@media only screen and (min-width: 481px) {
.title {
	display:inline;
}
.title_ph {
	display:none;
}
.gridContainer, .gridContainer2 {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#main {
	width:100%;
	margin-bottom:25px;
	float:left;
}
#nav {
	clear: both;
	float: left;
	margin: 0 0 25px 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 li {
	display:none;
}

.txt #nav ul li, .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;
}
.Midashi h2 {
	font-size:18px;
	margin-bottom:30px;
	letter-spacing: 0.5em;
	text-align:center;
}
.FloatL{
	width: 66%;
	float:left;
	text-align:left;
	margin-bottom:30px;
}
.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:20px;
}
.facebook_box .box01, .twitter_box .box02 {
	width:100%;
}

.contBox {
	width:100%;
	float:left;
	margin-bottom:20px;
}
.contents03, .contents04, .contents05, .contents07, .contents08, .contents09, .contents10 {
	width:33.3%;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.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:20px;
}
.box01, .box02, .box03 {
	width:100%;
	float:left;
	background:#ffffff;
}
.oshiraseBox {
	width: 100%;
	height: 110px;
	overflow-x: hidden;
	overflow-y: auto;
	margin:0px;
	background: #fff;
}
dl.main-info {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	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:51px;
	background: #fff;
}

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

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

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

/* ABOUTページ */
.aboutBox {
	width:100%;
	margin-bottom:20px;
}
.attentionBox {
	width:100%;
	margin-bottom:30px;
}
.aboutcomment {
	padding: 20px 18px;
	text-align:left;
	background:#fff;
}

/* 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;
}
.beercomment p {
	font-size:16px;
}

.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ページ */
.rockL {
	width:50%;
	float: left;
	background:none;
	margin-bottom:30px;
}
.rockR {
	width:50%;
	float: left;
	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;
}

/* 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;
}

/* 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ページ */
.goodsL {
	width:32.3%;
	float:left;
	margin-right:1%;
}
.goodsR {
	width:32.3%;
	float:left;
}

/* POSTERページ */
.posterBox {
	padding:20px;
	background:#fff;
}

.posterL {
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:20px;
}

.posterR {
	width:32%;
	float:left;
	margin-bottom:20px;
}
/* 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;
}


/* background-image */
body{background:#000 url(../images/2014_bakuon_top_pre_02.jpg) no-repeat top center fixed; background-size:cover;}
	
	/*background-size: auto;
	background-attachment: fixed;
	background-image: url(../images/feelgood_back.jpg);
	background-repeat: repeat;
	background-position: right top;*/

#ab{background: #000000 url(../images/2014_bakuon_top_pre_02.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;}
*/

}

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

@media only screen and (min-width: 769px) {
.title {
	display:inline;
}
.title_ph {
	display:none;
}
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
.gridContainer2 {
	width: 88.2%;
	max-width: 960px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.txt {
	line-height: 1.6em;
}
#main {
	width:100%;
	margin-bottom:25px;
	float:left;
}
#nav {
	clear: both;
	float: left;
	margin: 0 0 25px 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 li {
	display:none;
}

.txt #nav ul li, .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:18px;
	margin-bottom:30px;
	letter-spacing: 1.5em;
	text-align:center;
}
.FloatL{
	width: 66%;
	float:left;
	text-align:left;
	margin-bottom:30px;
}
.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-bottom:30px;
	background:#ffffff;
}
.contents01 .box01, .contents02 .box02 {
	width:100%;
}
.facebook_box, .twitter_box {
	width:50%;
	float:left;
	margin-bottom:20px;
}
.facebook_box .box01, .twitter_box .box02 {
	width:100%;
}

.contBox {
	width:100%;
	float:left;
	margin-bottom:20px;
}
.contents03, .contents04, .contents05, .contents07, .contents08, .contents09, .contents10 {
	width:33.3%;
	height:auto;
	float:left;
	margin-bottom:0px;
	background:#ffffff;
}
.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:20px;
}
.right_box .box01, .right_box .box02 {
	width:100%;
	float:right;
	text-align:right;
	background:#ffffff;
}
.oshiraseBox {
	width: 100%;
	height: 145px;
	overflow-x: hidden;
	overflow-y: auto;
	margin:0px;
	background: #fff;
}
dl.main-info {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	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;
}

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

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

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

/* ABOUTページ */
.aboutBox {
	width:100%;
	margin-bottom:20px;
}
.attentionBox {
	width:100%;
	margin-bottom:30px;
}
.aboutcomment {
	padding: 20px 18px;
	text-align:left;
	background:#fff;
}

/* 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;
}
.beercomment p {
	font-size:16px;
}

.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;
}
.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;
}

/* 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 {
	padding:20px;
	background:#fff;
}

.posterL {
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:20px;
}

.posterR {
	width:32%;
	float:left;
	margin-bottom:20px;
}

/* 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;
}

/* background-image */
body{background:#000 url(../images/2014_bakuon_top_pre_02.jpg) no-repeat top center fixed; background-size:cover;}
	
	/*background-size: auto;
	background-attachment: fixed;
	background-image: url(../images/feelgood_back.jpg);
	background-repeat: repeat;
	background-position: right top;*/

#ab{background: #000000 url(../images/2014_bakuon_top_pre_02.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;}
*/

}