@charset "UTF-8";

/*********************************************************************************************

		sub.css - 個別設定CSS

		1. 共通設定
				- ヘッダー
				- サイドナビ
				- コンテンツメニュー
				- バナー系
				- フッター
				- コンテンツフッター

		2. トップページ
				- メインイメージ
				- 動画対応
				- 画像エリア

		3. 会場ページ・その他下層ページ
				- メインイメージ
				- パンくず
				- 下層ページナビ（会場）
				- 下層ページナビ（その他ページ）
				- 下層ページ共通
				- 開催情報
				- 乾杯の歌
				- メンバーズカードのご紹介
				- FAQ
				- お問い合わせ
				- バンド
        - オクトーBar オクトーバーフェスト公認キッチンカー

		4. メニューページ
				- おすすめメニュー
				- おすすめ2015
				- メニューページ 2016
				- メニューページ 2017
				- メニューページ 2017 詳細
				- 店舗一覧

		5. アプリページ

*********************************************************************************************/

/* -------------------------------------------
		1. 共通設定
	------------------------------------------- */

/* ヘッダー */

#header {
	font-weight: normal;
	font-size: 11px;
	line-height: 1;
	padding: 7px 30px;
	height: 28px;
}

	#header h1 {
		font-weight: normal;
		float: left;
		padding-top: 2px;
	}
		#header h1 a {
			color: #ccc;
			border-bottom: 0;
		}
		#header h1 a:hover {
			color: #fff;
		}

.header-nav {
	float: right;
}
	.header-nav ul {
		float: left;
	}
		.header-nav ul:first-child {
			border-right: 1px dotted #ccc;
			padding-right: 10px;
			margin-right: 5px;
		}

	.header-nav li {
		float: left;
		list-style-type: none;
		margin-left: 11px;
		padding-top: 2px;
	}
		.header-nav li:first-child {
			margin-left: 0;
		}
		.header-nav li a {
			color: #cccccc;
			background: url(../images/common/icon-header-link.gif) no-repeat 0 2px;
			padding: 0 0 0 11px;
			border-bottom: 0;

		}
		.header-nav li a:hover {
			color: #fff;
		}

			.header-nav li.sns {
				padding-top: 0;
				margin-left: 5px;
			}
			.header-nav li.sns a {
				background: none;
				padding: 0;
			}
			.header-nav li.sns a:hover {
				border-bottom: 0;
				opacity: 0.8;
				filter: alpha(opacity=80);        /* ie lt 8 */
				-ms-filter: "alpha(opacity=80)";  /* ie 8 */
				zoom: 1;
			}


/* サイドナビ  ナビ自体は menu.css */

#side-nav {
	width: 250px;
	position: absolute;
	left: 0;
	top: 28px;
	background: #fff;
	padding: 30px 20px;
	height: 100%;
	box-shadow: 5px 0 0 rgba(0,0,0,0.1);
	z-index: 2;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
	/* IE対応  */
	.ie7 #side-nav,
	.ie8 #side-nav {
		border-right: 4px solid #f2f2f2;
		padding: 30px 16px;
	}

	#side-nav h1 {
		margin-bottom: 30px;
		text-align: center;
	}
		#side-nav h1 img {
			display: block;
			margin: 0 auto;
		}


/* コンテンツメニュー */

#contents-menu {
	/*border-top: 1px dotted #d7d7d7;*/
	border-bottom: 1px dotted #d7d7d7;
	/*padding: 20px 0 5px;*/
	padding: 0 0 5px;
	margin-bottom: 20px;
}


.contents-nav {
	margin-bottom: 20px;
}

.contents-nav li a {
	background: url(../images/common/icon-contents-menu.gif) no-repeat 0 5px;
	padding-left: 10px;
}
	.contents-nav li a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=80)";  /* ie 8 */
		background: url(../images/common/icon-contents-menu-orange.gif) no-repeat 0 5px;
	}

.contents-sns-list {
	padding-left: 91px;
	background: url(../images/common/bg-contents-sns-list.png) no-repeat 10px 20px;
	padding: 20px 0 20px 49px;
  margin: 0 0 20px;
  border-bottom: 1px dotted #d7d7d7;
  border-top: 1px dotted #d7d7d7;
}

.contents-sns-list li {
	float: left;
	margin-left: 11px;
}
.contents-sns-list li:first-child {
	margin-left: 0;
}
	.contents-sns-list li a {
		display: block;
		width: 32px;
		height: 32px;
		background: url(../images/common/icon-contents-sns-list.png) no-repeat 0 0;
		text-indent: -9999px;
	}
		.contents-sns-list li a.fb {
			background-position: 0 0;
		}
		.contents-sns-list li a.tw {
			background-position: -43px 0;
		}
		.contents-sns-list li a.line {
			background-position: -86px 0;
		}
		.contents-sns-list li a.ig {
			background-position: -129px 0;
		}

		.contents-sns-list li a:hover {
			opacity: 0.8;
			filter: alpha(opacity=80);        /* ie lt 8 */
			-ms-filter: "alpha(opacity=80)";  /* ie 8 */
		}



/* バナー系 */

.bnr-area {
	padding-bottom: 20px;
}

.banner-item {
	margin: 10px 0 0;
}
	.banner-item:first-child {
		margin-top: 0;
	}

	.banner-item a {
		border: 0;
	}
	.banner-item a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=80)";  /* ie 8 */
		zoom: 1;
	}

	.banner-item img {
		width: 100%;
	}


/* フッター */

.fix-bnr {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 10;
}

.fix-bnr a:hover {
	opacity: 0.8;
}

#footer {
	background: url(../images/common/bg-germanline.gif) repeat-x top left #333;
	padding-top: 15px;
}


#footer {
	background: url(../images/common/bg-germanline.gif) repeat-x top left #333;
	padding-top: 15px;
}

/* フッター − 上部サイトマップ */

#footer-sitemap {
	padding: 50px 40px;
	border-bottom: 1px solid #2b2b2b;
}
	#footer-sitemap h1,
	#footer-links h1 {
		margin-bottom: 20px;
		color: #fff;
		font-size: 13px;
		/*font-weight: normal;*/
	}

	#footer-sitemap li {
		background: url(../images/common/icon-footer-menu.gif) no-repeat 0 6px;
		padding: 4px 0 4px 10px;
		line-height: 1;
		font-size: 12px;
	}
		#footer-sitemap li a {
			color: #d8d8d8;
		}
			#footer-sitemap li a:hover {
				color: #fff;
				border-bottom: 1px dotted #fff;
			}

    #footer-sitemap .footer-sitemap-venue li a.no_link {
      display: inline-block;
      pointer-events:none;
    }

.footer-sitemap-venue,
.footer-sitemap-contents {
	float: left;
}

.footer-sitemap-venue {
	width: 66%;
}

.footer-sitemap-contents {
	width: 33%;
}

	.footer-sitemap-venue ul {
		float: left;
		width: 33%;
	}


/* フッター − 下部リンク集 */

#footer-links {
	padding: 50px 40px;
	position: relative;
}


.footer-links-sp,
.footer-links-sns,
.footer-links-insta {
	width: 33%;
	float: left;
}

	.footer-links-sp p {
		color: #d8d8d8;
		font-size: 13px;
	}

	.footer-links-sp img {
		display: block;
		margin-bottom: 5px;
	}


.footer-links-sns li {
	margin-top: 10px;
}
	.footer-links-sns li:first-child {
		margin-top: 0;
	}

.footer-links-sns li a {
	display: block;
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/common/icon-footer-links-sns.gif) no-repeat 0 0;
}
	.footer-links-sns li a.fb {
		background-position: 0 0;
	}
	.footer-links-sns li a.tw {
		background-position: 0 -50px;
	}
	.footer-links-sns li a.line {
		background-position: 0 -100px;
	}
	.footer-links-sns li a.ig {
		background-position: 0 -150px;
	}

	.footer-links-sns li a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=80)";  /* ie 8 */
		zoom: 1;
	}

.footer-links-insta p {
	margin-top: -5px;
}

.beyond2020 {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

/* フッター − コピーライト */

#footer-copy {
	background: #fff;
	padding: 15px 30px;
}

.footer-copyright,
.footer-notice {
	width: 50%;
	float: left;
	font-size: 10px;
	line-height: 16px;
}

.footer-notice {
	text-align: right;
}

	.footer-copyright div {
		float: left;
		margin-right: 14px;
	}

	.footer-copyright h1 {
		font-family: "Helvetica", "Arial", sans-serif;
		font-size: 14px;
		overflow: hidden;
		padding: 4px 0 2px;
	}

	.footer-notice p {
		padding-top: 4px;
	}

#footer-sitemap li a.cancelled,
#footer-sitemap li a.enki{
  position: relative;
  color: #c8c8c8;
  text-decoration: line-through;
  overflow: visible;
}

#footer-sitemap li a.cancelled:after {
  position: absolute;
  content: "開催中止";
  color: #f10100;
  font-size: 12px;
  font-weight: bold;
  top: 0;
  bottom: 0;
  right: -60px;
  margin: auto;
}
#footer-sitemap li a.enki:after {
  position: absolute;
  content: "開催延期";
  color: #f10100;
  font-size: 12px;
  font-weight: bold;
  top: 0;
  bottom: 0;
  right: -60px;
  margin: auto;
}


/* コンテンツフッター */

#contents-footer {

}

#page-top,
#menu-top {
	display: block;
	width: 100%;
	min-width: 790px;
	background: #bce0fd;
	background: rgba(188,224,253,0.9);
}
#menu-top {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin-bottom: -50px;
	opacity: 0;
	-webkit-transition: all 700ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-moz-transition: all 700ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-o-transition: all 700ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	transition: all 700ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
#menu-top.show {
	margin-bottom: 0;
	opacity: 1;
}
	#page-top a,
	#page-top img,
	#menu-top a,
	#menu-top img {
		display: block;
		margin: 0 auto;
	}
	#menu-top a {
		padding-left: 250px;
	}
		#page-top a:hover,
		#menu-top a:hover {
			background: rgba(188,224,253,1);
		}

#twitter-timeline {
	position: relative;
	/*width: 520px;*/
	padding: 50px;
	margin: 0 auto;
	background: #fff;

}

	#twitter-timeline h1 {
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 10px;
	}

	.tl-stream iframe {
		width: 100% !important;
		height: 400px;
	}

	#twitter-timeline .btn-follow {
		display: block;
		position: absolute;
		top: 52px;
		right: 50px;
	}

/* 中止告知 */

/* 中止対応 */

#contents-footer .cancelled-wrapper {
  background: #fff;
  padding: 40px 0 0;
  width: 100%;
}

#contents-footer .cancelled-lead {
  width: 850px;
  margin: auto;
  border: 2px solid #f10100;
  padding: 30px 36px 40px;
  box-sizing: border-box;
}

#contents-footer .cancelled-lead em {
  display: block;
  text-align: center;
  color: #f10200;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
}

#contents-footer .cancelled-lead span {
  font-size: 14px;
  line-height: 25px;
}

#contents-footer .cancelled-wrapper .bnr-kitchen-car {
  text-align: center;
}

#contents-footer .cancelled-wrapper .bnr-kitchen-car a:hover {
  opacity: 0.6;
}


/* -------------------------------------------
		2. トップページ
	------------------------------------------- */

/* メインイメージ */

#main-img {
	background-color: #fff;
	padding: 30px 0 30px;
	text-align: center;
	position: relative;
	/*background: url(../images/top/img-main01.jpg) no-repeat top left;*/
	/*background-size: cover;*/
}

	#main-img a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=80)";  /* ie 8 */
		zoom: 1;
	}

	#main-img h1 {
		/*margin-left: 48px;*/
		/*z-index: 10;*/
		position: relative;
		padding-top: 120px;
	}

	#main-img h1 img {
		width: 510px; /* 元は450px */
	}

	#main-img h2 {
		margin: 10px auto -100px;
		z-index: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    padding: 0 20px;
	}

  #main-img h2 a + a {
    margin-left: 10px;
  }

  #main-img h2 a img {
    width: 100%;
  }

	#main-img .eyecatch-insta {
		display: block;
		position: absolute;
		top: 55%;
		left: 80%;
	}

	#main-img .top-sns-link {
		font-size: 0;
		text-align: center;
	}
		#main-img .top-sns-link li {
			display: inline-block;
		}
		#main-img .top-sns-link li:first-child {
			position: absolute;
			top: 29%;
			left: 85%;
			width: 121px;
			height: 32px;
			background: url(../images/top/bg-top-sns-link.png) no-repeat 0 0;
		}

		#main-img .top-sns-link li a {
			display: block;
			width: 53px;
			height: 53px;
			background: url(../images/top/img-top-sns-link.png) no-repeat 0 0;
			position: absolute;
		}
		#main-img .top-sns-link li a.facebook {
			background-position: 0 0;
			top: 39%;
			left: 80%;
		}
		#main-img .top-sns-link li a.twitter {
			background-position: 0 -53px;
			top: 37%;/* 元は36% */
			left: 89%;
		}
		#main-img .top-sns-link li a.instagram {
			background-position: 0 -106px;
			top: 54%;/* 元は48% */
			left: 78%;
		}
		#main-img .top-sns-link li a.lineat {
			background-position: 0 -159px;
			top: 52%; /*元は56% */
			left: 87%;
		}


.social-btn {
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 20;
}
	.social-btn li {
		width: 110px;
		float: right;
		margin-right: 3px;
		line-height: 1;
	}
	.social-btn li:first-child {
		margin-right: 0;
	}

.backstretch {
	background: #333;
	background: rgba(0,0,0,0.6);
}


/* 動画対応 */

#main-img {
	overflow: hidden;
}

#main-img section {
	z-index: 2;
	position: relative;
}

video { display:block; }

.content-box .movie-wrap {
     position: relative;
     width: calc((640 / 1440)*100vw);
     height: calc((403 / 1440)*100vw);
     max-width: 640px;
     max-height: 403px;
     overflow: hidden;
     margin: 40px 0 0 78px;
}

.content-box .movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.mesh,
#bg-video {
	position: absolute;
	right: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
}

.mesh {
	background: url(../images/top/mesh.png) repeat;
	z-index: 1;
	opacity: 0.2;
}

/* 画像エリア */

#photo-area h2 {
	background: #fff;
	padding: 18px 0;
	box-shadow: 1px 1px 0 rgba(141,141,141,0.3);
}

	#photo-area h2 img {
		display: block;
		margin: 0 auto;
	}

#photo-area ul {
	padding: 40px 31px 100px;
}

#photo-area li {
	position: relative;
	float: left;
	width: 170px;
	height: 170px;
	background: #fff;
	border: 1px solid rgba(141,141,141,0.1);
	margin: 0 0 9px 9px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	      box-sizing: border-box;
}
	#photo-area li:last-child {
		border: 1px solid #3872a1;
	}

/* FB文言 */

	#photo-area li p {
		font-size: 12px;
		line-height: 20px;
		padding: 24px 16px;
	}
		#photo-area li p a {
			border-bottom: 1px dotted #444;
		}
		#photo-area li p a:hover {
			border-bottom: 1px dotted #666;
		}

/* サムネ */

	#photo-area li.photo-list div {
		padding: 9px;
		width: 150px;
		height: 150px;
		overflow: hidden;
	}
		#photo-area li.photo-list div img {
			width: 150px;
			height: 150px;
		}
	#photo-area li.photo-list p {
		padding: 0;
	}
		#photo-area li.photo-list p a {
			display: none;
			width: 100%;
			height: 100%;
			padding: 20px;
			position: absolute;
			top: 0;
			left: 0;
			background: #fff;
			background: rgba(255,255,255,0.8);
			font-size: 11px;
			line-height: 18px;
			border-bottom: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

			#photo-area li.photo-list:hover p a {
				display: block;
				cursor: pointer;
			}
				#photo-area li.photo-list:hover p a:hover {
					color: #333;
				}


/* -------------------------------------------
		3. 会場ページ・その他下層ページ
	------------------------------------------- */

/* メインイメージ */

#venue-main-img {
	position: relative;
}

	#venue-main-img h1 {
		background: url(../images/uniq/img-logo-oktoberfest.png) no-repeat center center;
		background-size: contain;
		text-indent: -9999px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
		#venue-main-img h1.odaiba_spring {
			background: url(../images/uniq/img-logo-odaiba_spring.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.hibiya_spring {
			background: url(../images/uniq/img-logo-hibiya_spring.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.komazawa {
			background: url(../images/uniq/img-logo-komazawa.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.tohoku {
			background: url(../images/uniq/img-logo-tohoku.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.tachikawa {
			background: url(../images/uniq/img-logo-tachikawa.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.nara {
			background: url(../images/uniq/img-logo-nara.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.toyosu {
			background: url(../images/uniq/img-logo-toyosu.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.ooi_pt1 {
			background: url(../images/uniq/img-logo-ooi_pt1.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.aomori {
			background: url(../images/uniq/img-logo-aomori.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.ooi_pt2 {
			background: url(../images/uniq/img-logo-ooi_pt2.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.shiba {
			background: url(../images/uniq/img-logo-shiba.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.nagasaki {
			background: url(../images/uniq/img-logo-nagasaki.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.hibiya {
			background: url(../images/uniq/img-logo-hibiya.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.odaiba {
			background: url(../images/uniq/img-logo-odaiba.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.makuhari {
			background: url(../images/uniq/img-logo-makuhari.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.maizuru {
			background: url(../images/uniq/img-logo-maizuru.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}

		#venue-main-img h1.nakano {
			background: url(../images/uniq/img-logo-nakano.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.tenjin {
			background: url(../images/uniq/img-logo-tenjin.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.nakano_returns {
			background: url(../images/uniq/img-logo-nakano_returns.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}
		#venue-main-img h1.kawasaki {
			background: url(../images/uniq/img-logo-kawasaki.png) no-repeat center center;
			background-size: auto 90%;
			background-size: contain;
		}

	#venue-main-img img.bg {
		width: 100%;
		height: auto;
		min-height: 194px;
    height: auto !important;
    height: 194px;
	}

.ie8 #venue-main-img h1 img {
	width: 100%;
}


/* パンくず */

#breadcrumb {
	background: #fff;
	height: 42px;
	padding: 0 40px;
}

.breadcrumb-list {
	padding-top: 14px;
}

.breadcrumb-list {
	float: right;
}
.breadcrumb-list li {
	float: left;
}

	.breadcrumb-list li,
	.breadcrumb-list li a {
		font-size: 10px;
		color: #888;
		line-height: 1;
	}

	.breadcrumb-list li {
		padding-top: 2px;
	}
		.breadcrumb-list li:first-child {
			padding-top: 0px;
		}

		.breadcrumb-list li a {
			background: url(../images/uniq/icon-breadcrumb-arrow.gif) no-repeat right 4px;
			padding-right: 11px;
			margin-right: 7px;
		}
			.breadcrumb-list li a:hover {
				opacity: 0.8;
				filter: alpha(opacity=80);        /* ie lt 8 */
				-ms-filter: "alpha(opacity=80)";  /* ie 8 */
				zoom: 1;
			}


.share-list {
	padding-top: 10px;
	float: left;
}
	.share-list li {
		float: right;
		line-height: 1;
	}
	.share-list li:first-child {
		width: 100px !important;
		margin-left: 6px;
	}


/* 下層ページナビ（会場）※2018年度改修 */

#page-nav {
	margin: 24px 0 0;
	padding: 0 40px;
}
.venue-list li {
	width: 49%;
	float: right;
	text-align: center;
}
.venue-list li:first-child {
	float: left;
}
.venue-list li a {
	display: block;
	background: #fff;
	border: 2px solid #219bde;
	padding: 8px 0;
	color: #0a7dbc;
	text-indent: -9999px;
	background: url(../images/uniq/venue-list-index.png) no-repeat center 10px #fff;
}
.venue-list li.index a {
	background-image: url(../images/uniq/venue-list-index.png);
}
.venue-list li.menu a {
	background-image: url(../images/uniq/venue-list-menu.png);
}
.venue-list li a.act,
.venue-list li a:hover {
	color: #fff;
	border: 2px solid #0a7dbc;
	background-color: #0a7dbc;
	background-position: center -32px;
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	    -ms-transition: none;
	        transition: none;
}

/* 下層ページナビ（その他ページ）※2018年度改修 */

.page-list li {
	float: left;
	margin-left: 1.4%;
	margin-bottom: 1.4%;
}
.page-list li.about,
.page-list li.buy,
.page-list li.song {
	width: 32.4%;
}
.page-list li.goods,
.page-list li.memberscard,
.page-list li.faq,
.page-list li.contact {
	width: 23.95%;
	margin-bottom: 0;
}
.page-list li.about,
.page-list li.goods {
	margin-left: 0;
}
.page-list li a {
	display: block;
	background: #fff;
	border: 2px solid #219bde;
	padding: 8px 0;
	color: #0a7dbc;
	text-indent: -9999px;
	background: url(../images/uniq/page-list-about.png) no-repeat center 13px #fff;
}
.page-list li.about a {
	background-image: url(../images/uniq/page-list-about.png);
}
.page-list li.buy a {
	background-image: url(../images/uniq/page-list-buy.png);
}
.page-list li.song a {
	background-image: url(../images/uniq/page-list-song.png);
}
.page-list li.goods a {
	background-image: url(../images/uniq/page-list-goods.png);
}
.page-list li.memberscard a {
	background-image: url(../images/uniq/page-list-memberscard.png);
}
.page-list li.faq a {
	background-image: url(../images/uniq/page-list-faq.png);
}
.page-list li.contact a {
	background-image: url(../images/uniq/page-list-contact.png);
}
.page-list li a.act,
.page-list li a:hover {
	color: #fff;
	border: 2px solid #0a7dbc;
	background-color: #0a7dbc;
	background-position: center -29px;
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	    -ms-transition: none;
	        transition: none;
}

/*
#page-nav {
	background: #efefef;
	background: rgba(239,239,239,0.8);
	height: 42px;
}

.venue-list li,
.page-list li {
	float: left;
	line-height: 1;
	width: 33%;
}

.venue-list li a,
.page-list li a {
	display: block;
	width: 100%;
	height: 42px;
	text-indent: -9999px;
}
	.venue-list li.index a {
		background: url(../images/uniq/venue-list-index.png) no-repeat top left;
	}
	.venue-list li.menu a {
		background: url(../images/uniq/venue-list-menu.png) no-repeat top left;
	}
	.venue-list li.band a {
		background: url(../images/uniq/venue-list-band.png) no-repeat top left;
	}

	.venue-list li a.act,
	.venue-list li a:hover {
		background-position: 0 -51px;
		-webkit-transition: none;
		   -moz-transition: none;
		     -o-transition: none;
		    -ms-transition: none;
		        transition: none;
	}

	.venue-list.toyosu li.menu a:hover,
	.venue-list.toyosu li.band a:hover {
		opacity: 1;
		cursor: default;
		background-position: top left;
		-webkit-transition: none;
		   -moz-transition: none;
		     -o-transition: none;
		    -ms-transition: none;
		        transition: none;
	}

	*/

/* 下層ページナビ（その他ページ） */

/*
.page-list {
	padding: 0 40px;
}

	.page-list li.about {
		width: 26%;
	}
		.page-list li.about a {
			background: url(../images/uniq/page-list-about.png) no-repeat top center;
		}

	.page-list li.buy {
		width: 15%;
	}
		.page-list li.buy a {
			background: url(../images/uniq/page-list-buy.png) no-repeat top center;
		}
	.page-list li.song {
		width: 9%;
	}
		.page-list li.song a {
			background: url(../images/uniq/page-list-song.png) no-repeat top center;
		}
	.page-list li.goods {
		width: 11%;
	}
		.page-list li.goods a {
			background: url(../images/uniq/page-list-goods.png) no-repeat top center;
		}
	.page-list li.memberscard {
		width: 16%;
	}
		.page-list li.memberscard a {
			background: url(../images/uniq/page-list-memberscard.png) no-repeat top center;
		}
	.page-list li.faq {
		width: 7%;
	}
		.page-list li.faq a {
			background: url(../images/uniq/page-list-faq.png) no-repeat top center;
		}
	.page-list li.contact {
		width: 16%;
	}
		.page-list li.contact a {
			background: url(../images/uniq/page-list-contact.png) no-repeat top center;
		}

		.page-list li a.act,
		.page-list li a:hover {
			background-position: center -51px;
			-webkit-transition: none;
			   -moz-transition: none;
			     -o-transition: none;
			    -ms-transition: none;
			        transition: none;
		}

*/


/* 下層ページ共通 */

#content-wrapper {
	padding: 40px;
	min-height: 580px;
	height: auto !important;
	height: 580px;
	position: relative;
}

	#content-wrapper h2.page-ttl {
		margin-bottom: 40px;
	}

.content-box {
	position: relative;
	margin: 0 auto 30px;
	border: 4px solid #f3f3f3;
	border: 4px solid rgba(0,0,0,0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content-box-inner {
	background: #fff;
	padding: 5%;
}

	.content-box-inner.content-box-inner-short-box {
		min-height: 440px;
		height: auto !important;
		height: 440px;
	}

	.img-band-wide {
		width: 640px;
		margin: 20px auto 0;
	}

	.desc-band {
		margin-top: 20px;
		text-align: center;
	}

	.height-align .desc-band {
		min-height: 110px;
		text-align: left;
	}

	.height-align  .notice-box {
		min-height: 152px;
	}

	.content-box a {
		border-bottom: 1px dotted #231815;
	}
		.content-box a:hover {
			color: #666;
			border-bottom: 1px dotted #666;
		}

	.content-box img {
		max-width: 100%;
		height: auto;
	}

	.content-box > .content-box-inner + .content-box-inner{
		padding-top: 0;
	}

.content-box-flex {
	background: #fff;
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
	padding:  5%;
}

.content-box-flex + .content-box-inner {
	padding-top: 0;
}

	.content-box-flex .content-box-inner.content-box-inner-short-box{
		width: 440px;
		padding: 0;
	}
    .content-box-flex .content-box-inner.content-box-inner-short-box .responsive-img--short {
      width: 270px;
    }
	.content-box-flex .content-box-inner.content-box-inner-wide-box {
		padding-bottom: 0;
	}

	.content-box .notice-box,
	.content-box-flex .notice-box {
		margin-top: 20px;
		width: 100%;
		box-sizing: border-box;
	}

  .content-box .notice-box:first-of-type,
  .content-box-flex .notice-box:first-of-type {
    margin-top: 0;
  }

  .content-box .nomi-box {
    width: 100%;
    margin: auto;
  }

/* 開催情報 */


.venue-table {
	width: 100%;
}

.venue-table th,
.venue-table td {
	vertical-align: top;
}
	.venue-table th {
		width: 60px;
		padding-bottom: 20px;
	}

	.venue-table td {
		padding: 14px 18px;
	}

	.venue-table td .venue-access{
		margin-bottom: 20px;
	}

  .venue-table td .venue-access-image{
    max-width: 470px;
  }

.venue-ttl {
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
}
	.venue-ttl span {
		font-size: 15px;
		line-height: 32px;
		font-weight: normal;
	}

.venue-ttl.cancelled,
.venue-ttl.enki {
  display: inline-block;
  position: relative;
}

.venue-ttl.cancelled:after {
  position: absolute;
  content: "開催中止";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 42px;
  font-size: 21px;
  color: #fff;
  background-color: #f10100;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -140px;
}

.venue-ttl.enki:after {
  position: absolute;
  content: "開催延期";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 42px;
  font-size: 21px;
  color: #fff;
  background-color: #f10100;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -140px;
}

.venue-halloween {
  display: inline-block;
  width: 300px;
  margin-right: 16px;
}

.tag-halloween {
  width: 200px;
  position: absolute;
  top: 16px;
  right: 130px;
}

.icon-entrance {
	display: block;
	position: absolute;
	top: 16px;
	right: 16px;
}

	.venue-table a {
		border-bottom: 1px dotted #231815;
	}

.content-banner-ttl {
	text-align: center;
	margin-bottom: 20px;
}

.content-banner-list {
	text-align: center;
	font-size: 0;
}

.content-banner-list li {
	display: inline-block;
	line-height: 1;
	margin: 5px;
}

.disc-list li {
	list-style-type: disc;
	list-style-position: inside;
}

.img-box-band-2col {
	width: 400px;
}


/* 乾杯の歌*/

.video-container {
	display: block;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	margin: 0 auto 30px;
}

	.video-container iframe {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}


/* メンバーズカードのご紹介 */

.ttl-memberscard-page {
	margin: -52px 0 30px -70px;
}
	/* IE対応 */
	.ie7 .ttl-memberscard-page,
	.ie8 .ttl-memberscard-page {
		margin: 0;
		top: -52px;
		left: -70px;
		position: relative;
	}

.members-text {
	width: 540px;
	margin: 0 auto 10px;
}

/* FAQ */

.faq-question li {
	background: url(../images/uniq/icon-faq-q-small.gif) no-repeat 0 0;
	margin-top: 10px;
}
	.faq-question li:first-child {
		margin-top: 0;
	}
	.faq-question li  {
		font-weight: bold;
		padding: 2px 0 0 32px;
	}

.faq-answer dt {
	font-size: 16px;
	font-weight: bold;
	background: url(../images/uniq/icon-faq-q.gif) no-repeat 0 0;
	padding: 12px 20px 12px 50px;
	margin-bottom: 10px;
}

.faq-answer dd {
	background: url(../images/uniq/icon-faq-a.gif) no-repeat 0 0;
	padding: 8px 20px 12px 50px;
}

.faq-back {
	text-align: right;
	font-size: 12px;
}

/* お問い合わせ */

.form-box {
	width: 67%;
	min-width: 420px;

	margin: 0 auto;
}

.form-ttl {
	font-weight: bold;
	margin: 0 0 5px;
}

.form-ttl span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 5px;
}

.form-item {
	margin: 0 0 20px;
}

.form-alert {
	font-size: 12px;
	color: red;
	display: block;
	font-weight: bold;
}

.readbox {
	height: 250px;
	padding: 15px;
	overflow-y: scroll;
	border: 1px solid #e0dfdd;
}

.readbox p {
	font-size: 12px;
}

/* ビールの購入方法 */

.notice-box {
	background: #fffaf1;
	border: 1px dotted #e0dfdd;
	padding: 20px 40px;
	margin: 0 auto;
}

.notice-box ul {
	padding: 0 20px;
}
.notice-box li {
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -12px;
	margin-left: 12px;
	font-size: 13px;
}

.notice-box-day {
	display: inline-block;
	width: 220px;
}


/* バンド */

.ttl-band {
	font-size: 17px;
	text-align: center;
}

.ttl-band span {
	display: block;
	font-weight: normal;
	font-size: 13px;
}

.sns-account-band {
	margin-top: 10px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}

.sns-account-band-missokf {
	display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
	width: 550px;
  margin: 6px auto 0;
}

.sns-account-band-missokf .sns-account-band {
	justify-content: flex-start;
}

.sns-account-band li {
	margin-right: 16px;
}

.sns-account-band li:last-of-type {
	margin-right: 0;
}

.sns-account-band li a {
	width: 30px;
	height: 30px;
	display: inline-block;
	border: none;
	-webkit-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.sns-account-band li a:hover {
	border: none;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.sns-account-band li a img {
	width: 100%;
	height: auto;
}



/* - オクトーBar オクトーバーフェスト公認キッチンカー */

.kitchenCar-inner {
  background: url(../images/uniq/bg-kitchen-car-body.jpg) no-repeat top left / cover;
  padding-bottom: 125px;
}
.kitchenCar-hero {
  background: url(../images/uniq/bg-kitchen-car-head.png) repeat-x top left / 62px 50px;
  margin-bottom: 64px;
  padding-top: 89px;
  text-align: center;
}

.kitchenCar-wrapper {
  margin: 0 auto 98px;
  padding: 0 40px;
}

.kitchenCar-wrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 64px;
}

.kitchenCar-textBox {
  width: calc((509 / 1400)*100vw);
  margin-right: 32px;
}

.kitchenCar-text {
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 24px;
}

.kitchenCar-text:last-of-type {
  margin-bottom: 0;
}

.kitchenCar-wrap:nth-of-type(2) .kitchenCar-images {
  order: 1;
  margin-right: 32px;
}

.kitchenCar-wrap:nth-of-type(2) .kitchenCar-textBox {
  order: 2;
}

.kitchenCar-images {
  width: calc((440 / 1400)*100vw);
  background: #c4bca1;
  display: inline-flex;
  border-radius: 10px;
  overflow: hidden;
}

.kitchenCar-wrapper--menu {
  background: #fff;
  width: auto;
  margin: 0 40px 86px;
  padding: 48px calc((44 / 1400)*100vw) 44px;
  box-sizing: border-box;
  text-align: center;
}

.kitchenCar-wrapper--menu h4 {
  margin: 0 auto 44px;
  display: inline-block;
}

.kitchenCar-wrapper--menu ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.kitchenCar-wrapper--menu ul li {
  width: calc((288 / 1400)*100vw);
  height: auto;
  margin-right: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.kitchenCar-wrapper--menu ul li:last-of-type {
  margin-right: 0;
}

.kitchenCar-wrapper--sns {
  margin-bottom: 72px;
}

.kitchenCar-wrapper--sns p {
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 34px;
}

.kitchenCar-wrapper--sns ul {
  width: 168px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

.kitchenCar-wrapper--sns li {
  width: 40px;
  margin-right: 24px;
}

.kitchenCar-wrapper--sns li:last-of-type {
  margin-right: 0;
}

.kitchenCar-wrapper--sns li:hover {
  opacity: 0.6;
}

.kitchenCar-wrapper--copy {
  text-align: center;
}



/* -------------------------------------------
		4. メニューページ
	 ------------------------------------------- */

/* おすすめメニュー	*/

.ttl-menu-osusume {
	margin-bottom: 30px;
	text-align: center;
}
	.ttl-menu-osusume img {
		width: 40%;
	}

.osusume-menu {
	width: 640px;
	margin: 0 auto 20px;
}
	.osusume-menu li {
		float: left;
		width: 300px;
		margin: 10px;
	}
		.osusume-menu li img {
			width: 100%;
			height: auto;
		}

/* おすすめ2015 */

.osusume-list {
	font-size: 0;
	line-height: 1;
	text-align: center;
}

.osusume-list li {
	font-size: 14px;
	display: inline-block;
	width: 200px;
	height: 200px;
	margin: 1px;
}

.osusume-list li img {
	display: block;
	width: 100%;
	height: auto;
}

.osusume-list-mask {
	display: none;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	background: url(../images/uniq/bg-osusume-list-mask.png) no-repeat 0 0;
	z-index: 1;
	text-align: center;
	color: #fff;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}

.osusume-list li a:hover .osusume-list-mask {
	display: block;
	opacity: 1;
}

.osusume-list-mask p {
	padding: 12px;
	font-size: 13px;
	line-height: 1.4;
	font-weight: bold;
	width: 100%;
	position: absolute;
	left: 0;
	top: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.osusume-list-mask p small,
.osusume-list-mask span {
	display: block;
	font-weight: normal;
	font-size: 11px;
}

.osusume-list-mask span {
	padding: 12px;
	line-height: 1.4;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.osusume-list li a {
	display: block;
	width: 200px;
	height: 200px;
	position: relative;
}

.content-box .osusume-list li a,
.content-box .osusume-list li a:hover {
	text-decoration: none !important;
	border-bottom: none !important;
}


/* メニューページ 2016 */

.btn-menu-list {
	font-size: 0;
	line-height: 1;
	text-align: center;
	width: 103%;
	margin: 0 auto 30px;
}

.btn-menu-list li {
	display: inline-block;
	text-align: center;
	width: 30.3333%;
	border: 4px solid #f3f3f3;
	border: 4px solid rgba(0,0,0,0.1);
	box-sizing: border-box;
	margin-right: 3%;
	position: relative;
}

.btn-menu-list li img {
	display: block;
	width: 100%;
	height: auto;
}

.btn-menu-list li a {
	display: block;
}

.btn-menu-list li a:hover {
	opacity: 0.8;
}

.btn-menu-flyer-coupon {
	display: block;
	width: 100px;
	height: 45px;
	background: url(../images/uniq/btn-menu-flyer-coupon.png) no-repeat 0 0;
	position: absolute;
	top: -15px;
	left: -20px;
	z-index: 1;
}

.btn-menu-flyer-ready {
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/uniq/btn-menu-flyer-ready.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 1;
}

.odaiba_spring .btn-menu-flyer-coupon,
.hibiya_spring .btn-menu-flyer-coupon {
	display: none;
}


/* メニューページ 2017 */

.ttl-sub {
	font-size: 15px;
	line-height: 1;
	font-weight: bold;
	background: #fff600;
	padding: 10px;
	clear: both;
	margin: 4% auto 2%;
	border-radius: 4px;
	box-shadow: 0px 2px 0 rgba(0,0,0,0.1);
}

.menu-booth-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.menu-booth-list li {
	position: relative;
	margin: 0 0 1.6%;
	margin: 0 0 1.6vw;
	border: 4px solid #f3f3f3;
	border: 4px solid rgba(0,0,0,0.1);
	box-sizing: border-box;
	width: 49%;
	width: 48.73239437%;
	counter-increment: boothnum;
}

.menu-booth-list li:hover {
	border: 4px solid rgba(0,0,0,0.3);
}

.menu-booth-list li.booth-comingsoon:hover {
	border: 4px solid rgba(0,0,0,0.1);
}

.menu-booth-list li.content-hide {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 1370px) {
	.menu-booth-list:after {
		content: "";
		display: block;
		width: 33%;
	}
	.menu-booth-list li {
		width: 33%;
		margin: 0 0 0.6%;
		margin: 0 0 0.6vw;
	}
}


.menu-booth-list li article {
	background: #fff;
  height: 100%;
}

.menu-booth-list li .booth-content {

}

.menu-booth-list li .booth-content a {
	display: block;
	padding: 16px;
}

.menu-booth-list li.booth-comingsoon .booth-content a:hover {
	color: inherit;
	cursor: inherit;
}

.menu-booth-list li .booth-content figure {
	display: block;
	float: left;
	margin-right: 20px;
}

.menu-booth-list li .booth-content div {
	overflow: hidden;
}

.menu-booth-list li .booth-content h4 {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	padding: 0 0 0 34px;
	position: relative;
}

.menu-booth-list li .booth-content h4:after {
	/*content: "1";*/
	content: counter(boothnum);
	display: block;
	width: 26px;
	height: 26px;
	font-family: Helvetica, sans-serif;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	background: #fff600;
	position: absolute;
	top: 0;
	left: 0;
}

.menu-booth-list li .booth-content:hover h4 {
	text-decoration: underline;
}

.menu-booth-list li.booth-comingsoon .booth-content:hover h4 {
	text-decoration: inherit;
}

.menu-booth-list li .booth-content p {
	font-size: 11px;
	color: #666;
	margin: 8px 0;
}

.menu-booth-list li .booth-content span {
	display: block;
	padding: 12px;
	background: url(../images/uniq/icon-arrow-menu-booth.png) no-repeat 20px center #ffcc00;
	border-radius: 6px;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
}

.menu-booth-list li .booth-content:hover span  {
	background-color: #f60000;
	color: #fff;
	transition: all 0.1s ease-in-out 0s;
}

.menu-booth-list li.booth-comingsoon .booth-content span {
	visibility: hidden;
}

.menu-booth-list li .supplier {
	display: block;
	background: #f6f6f6;
	padding: 5px 16px;
	font-size: 11px;
	line-height: 1;
	color: #666;
}

.menu-booth-list li .supplier a {
	color: #666;
	text-decoration: underline;
}

.menu-booth-list li .supplier a:hover {
	color: #999;
}

/* メニューページ 2017 詳細 */

.tab-booth-menu {
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px;
}

.tab-booth-menu li {
	width: 49%;
	position: relative;
	border-radius: 120px;
	box-shadow: 0px 2px 0 rgba(0,0,0,0.1);
	overflow: hidden;
}

.tab-booth-menu li:first-child {

}

.tab-booth-menu li a {
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	padding: 10px;
	/*background: rgba(239,239,239,0.88);*/
	background: #fff;
	color: #666;
}

.tab-booth-menu li a:hover {
	color: #231815;
}

.food.booth-menu-wrapper {
	margin: 0 0 30px;
}

.booth-menu-wrapper h4 {
	height: 23px;
	margin: 30px 0 10px;
}

.drink.booth-menu-wrapper h4 {
	background: url(../images/uniq/ttl-menu_drink.png) no-repeat left center;
}

.food.booth-menu-wrapper h4 {
	background: url(../images/uniq/ttl-menu_food.png) no-repeat left center;
}

.btn-back {
	text-align: center;
	box-shadow: 0px 2px 0 rgba(0,0,0,0.1);
}

.btn-back a {
	display: block;
	padding: 10px;
	background: #fff;
	color: #666;
	font-size: 12px;
}

.btn-back a:hover {
	color: #231815;
}

.menu-box .columns {
	display: none;
}

/* 一覧 */

.btn-menu-next {
	position: absolute;
	top: 40px;
	right: 40px;
	text-indent: -9999px;
}

.btn-menu-next a {
	display: block;
	height: 23px;
}
.btn-menu-next.btn-menu-next-drink a {
	width: 131px;
	background: url(../images/uniq/btn-menu-next-drink.png) no-repeat 0 0;
}
.btn-menu-next.btn-menu-next-food a {
	width: 118px;
	background: url(../images/uniq/btn-menu-next-food.png) no-repeat 0 0;
}

.btn-drink-cate {
	position: absolute;
	/*top: 40px;*/
	/*left: 240px;*/
	top: 37px;
	left: 210px;
}

.ttl-booth {
	font-size: 15px;
	line-height: 1;
	font-weight: bold;
	background: #fff600;
	padding: 10px;
	clear: both;
	margin: 4% auto 2%;
	border-radius: 4px;
	box-shadow: 0px 2px 0 rgba(0,0,0,0.1);
}

.ttl-booth span {
	font-weight: normal;
	display: block;
	float: right;
	font-size: 12px;
}

.ttl-booth span a {
	border-bottom: 1px dotted #231815;
}

.columns .ttl-booth:before {
	padding-right: 4px;
}
.columns:nth-child(1) .ttl-booth:before {
	content: "①";
}
.columns:nth-child(2) .ttl-booth:before {
	content: "②";
}
.columns:nth-child(3) .ttl-booth:before {
	content: "③";
}
.columns:nth-child(4) .ttl-booth:before {
	content: "④";
}
.columns:nth-child(5) .ttl-booth:before {
	content: "⑤";
}
.columns:nth-child(6) .ttl-booth:before {
	content: "⑥";
}
.columns:nth-child(7) .ttl-booth:before {
	content: "⑦";
}
.columns:nth-child(8) .ttl-booth:before {
	content: "⑧";
}
.columns:nth-child(9) .ttl-booth:before {
	content: "⑨";
}
.columns:nth-child(10) .ttl-booth:before {
	content: "⑩";
}
#information.columns:nth-child(10) .ttl-booth:before,
#information.columns:nth-child(11) .ttl-booth:before {
	content: "";
}
.columns:nth-child(11) .ttl-booth:before {
	content: "⑪";
}
.columns:nth-child(12) .ttl-booth:before {
	content: "⑫";
}
.columns:nth-child(13) .ttl-booth:before {
	content: "⑬";
}
.columns:nth-child(14) .ttl-booth:before {
	content: "⑭";
}
.columns:nth-child(15) .ttl-booth:before {
	content: "⑮";
}
#setagaya.columns:nth-child(15) .ttl-booth:before {
	content: "";
}
.columns:nth-child(16) .ttl-booth:before {
	content: "⑯";
}
.columns:nth-child(17) .ttl-booth:before {
	content: "⑰";
}
.columns:nth-child(18) .ttl-booth:before {
	content: "⑱";
}
.columns:nth-child(19) .ttl-booth:before {
	content: "⑲";
}
.columns:nth-child(20) .ttl-booth:before {
	content: "⑳";
}

.menu-box {
	font-size: 0;
}

/*.menu-box .pin {*/
.booth-menu-wrapper .pin {
	display: inline-block;
	vertical-align: top;
	/*
	width: 23.5%;
	margin: 0 2% 2% 0;
	*/
	width: 18%;
	margin: 0 2.5% 2.5% 0;
}

/*.menu-box .pin:nth-child(4n+1) {*/
/*.booth-menu-wrapper .pin:nth-child(4n+1) {*/
.booth-menu-wrapper .pin:nth-child(5n+1) {
	margin-right: 0;
}

@media screen and (max-width: 1200px) {

	.booth-menu-wrapper .pin {
		width: 23.5%;
		margin: 0 2% 2% 0;
	}

	.booth-menu-wrapper .pin:nth-child(5n+1) {
		margin-right: 2%;
	}
	.booth-menu-wrapper .pin:nth-child(4n+1) {
		margin-right: 0;
	}

}

.menu-box .content-box {
	margin: 0;
}

.menu-box .content-box-inner {
	padding: 0 0 20px;
}

.menu-box .content-box a {
	display: block;
	border-bottom: none;
}

.item-cate {
	display: block;
	text-align: center;
	padding: 4px 0;
	font-size: 10px;
	color: #9c9c9c;
	background: #f1f4f8;
}

.food.booth-menu-wrapper .item-cate,
.menu-box-food .item-cate {
	display: none;
}

.menu-box-food #setagaya .item-cate {
	display: block;
}

.item-img img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.item-img img:hover {
	opacity: 0.8;
}

.pin h3 {
	padding: 10px 20px 0;
	font-size: 13px;
	line-height: 1.3;
}

.item-ger {
	display: block;
	padding: 6px 20px 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	color: #666;
}

.item-price {
	display: block;
	padding: 6px 20px 10px;
	font-size: 10px;
	line-height: 1.5;
}

.menu-box .content-box a:hover {
	color: inherit;
}

.menu-box .content-box a:hover h3 {
	text-decoration: underline;
}

/* 詳細POPUP iframe */

.content-box.content-box-menu-item {
	margin: 0;
	border: 0;
}

.content-box.content-box-menu-item .content-box-inner {
	padding: 0 0 20px;
}

.content-box.content-box-menu-item.content-box-menu-item-food .content-box-inner .item-cate {
	display: none;
}

.content-box.content-box-menu-item .content-box-inner h3 {
	padding: 10px 20px 0;
	font-size: 15px;
}

.content-box.content-box-menu-item .content-box-inner .item-img {
	margin: 0 0 10px;
}

.content-box.content-box-menu-item .content-box-inner .item-catch {
	padding: 0 20px 3px;
	font-size: 12px;
	font-weight: bold;
	color: #d50000;
}

.content-box.content-box-menu-item .content-box-inner .item-desc {
	padding: 0 20px 5px;
	font-size: 12px;
}

.content-box.content-box-menu-item .content-box-inner .item-material {
	display: block;
	margin: 0 20px 0;
	padding: 10px 20px;
	font-size: 10px;
	background: #fdf9e8;
	border: 1px dotted #e9e9e9;
}

.content-box.content-box-menu-item .content-box-inner .btn-fav {
	display: none;
}

#fancybox-left {
	width: 10% !important;
	left: -10% !important;
}

#fancybox-right {
	width: 10% !important;
	right: -10% !important;
}

#fancybox-left-ico {
	left: 0 !important;
	right: auto !important;
}

#fancybox-right-ico {
	left: auto !important;
	right: 0 !important;
}


#fancybox-left:hover span,
#fancybox-right:hover span {
	opacity: 0.5;
}





/* -------------------------------------------
		東北酒場トレジオン
	------------------------------------------- */


#drink_tregion .pin {
	width: 100%;
}

#drink_tregion .content-box {
	padding: 12px 13px;
	background: url('https://www.oktober-fest.jp/images/menu/bg-tregion-drink.png') #fff no-repeat top left / 476px 384px;
}

#drink_tregion .content-box-inner {
	position: relative;
	width: 529px;
	padding: 18px 16px 20px;
	background-color: rgba(244,247,250,0.74);
	margin: 0 0 12px auto;
	box-sizing: border-box;
}

#drink_tregion .content-box-inner:nth-of-type(3) {
	margin-bottom: 0;
}

#drink_tregion .content-box-inner:last-of-type {
	position: absolute;
	bottom: 12px;
	left: 13px;
	padding-bottom: 38px;
	margin-bottom: 0;
}

#drink_tregion h3 {
	font-size: 13px;
	padding: 0;
	line-height: 1;
}

#drink_tregion .item-price-tregion {
	display: block;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
	color: #936e3d;
	margin-top: 12px;
	padding: 0;
}

#drink_tregion .item-catch {
	margin: 24px 0 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	border: none;
	color: #d50000;
}

#drink_tregion .item-desc {
	padding: 0;
	margin-top: 13px;
	font-size: 12px;
	line-height: 18px;
}

 #drink_tregion .item-material {
	position: absolute;
	right: 0;
	top: 18px;
	display: block;
	margin: 0 20px;
	padding: 10px 20px;
	width: 158px;
	text-align: center;
	font-size: 10px;
	background: #fdf9e8;
	border: 1px dotted #e9e9e9;
}

#drink_tregion .item-material	b {
	font-weight: bold;
}

@media screen and (max-width: 1420px) {
	#drink_tregion .content-box-inner:nth-of-type(3) {
		margin-bottom: 12px;
	}

	#drink_tregion .content-box-inner:last-of-type {
		position: static;
		margin-bottom: 0;
	}
}

/* ドリンクの種類について */

#drink-cate p {
	font-weight: bold;
}

#drink-cate dl {
	text-align: left;
}

#drink-cate dt,
#drink-cate dd {
	margin-bottom: 5px;
}

#drink-cate dt {
	display: inline-block;
	padding: 5px;
	font-weight: bold;
	line-height: 1;
	background: #fff226;
	margin-top: 10px;
}

/* 店舗一覧	*/

.common-menu-venue li {
	margin: 0 0 10px;
}

.common-menu-venue li h4 {
	font-size: 15px;
	line-height: 1;
	margin: 0;
}
	.common-menu-venue li h4 span {
		font-weight: normal;
	}
	.common-menu-venue li h4:before {
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
	}
	.common-menu-venue li:nth-child(1) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(1):before {
		content: url(../images/uniq/icon-common-menu-venue-01.gif);
	}
	.common-menu-venue.common-menu-venue-maizuru li:nth-child(1) h4:before {
		content: url(../images/uniq/icon-common-menu-venue-a.gif);
	}
	.common-menu-venue li:nth-child(2) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(2):before {
		content: url(../images/uniq/icon-common-menu-venue-02.gif);
	}
	.common-menu-venue.common-menu-venue-maizuru li:nth-child(2) h4:before {
		content: url(../images/uniq/icon-common-menu-venue-b.gif);
	}
	.common-menu-venue li:nth-child(3) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(3):before {
		content: url(../images/uniq/icon-common-menu-venue-03.gif);
	}
	.common-menu-venue.common-menu-venue-maizuru li:nth-child(3) h4:before {
		content: url(../images/uniq/icon-common-menu-venue-c.gif);
	}
	.common-menu-venue li:nth-child(4) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(4):before {
		content: url(../images/uniq/icon-common-menu-venue-04.gif);
	}
	.common-menu-venue.common-menu-venue-maizuru li:nth-child(4) h4:before {
		content: url(../images/uniq/icon-common-menu-venue-d.gif);
	}
	.common-menu-venue li:nth-child(5) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(5):before {
		content: url(../images/uniq/icon-common-menu-venue-05.gif);
	}
	.common-menu-venue.common-menu-venue-maizuru li:nth-child(5) h4:before {
		content: url(../images/uniq/icon-common-menu-venue-e.gif);
	}
	.common-menu-venue li:nth-child(6) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(6):before {
		content: url(../images/uniq/icon-common-menu-venue-06.gif);
	}
	.common-menu-venue.common-menu-venue-maizuru li:nth-child(6) h4:before {
		content: url(../images/uniq/icon-common-menu-venue-f.gif);
	}
	.common-menu-venue li:nth-child(7) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(7):before {
		content: url(../images/uniq/icon-common-menu-venue-07.gif);
	}
	.common-menu-venue.common-menu-venue-maizuru li:nth-child(7) h4:before {
		content: url(../images/uniq/icon-common-menu-venue-g.gif);
	}
	.common-menu-venue li:nth-child(8) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(8):before {
		content: url(../images/uniq/icon-common-menu-venue-08.gif);
	}
	.common-menu-venue li:nth-child(9) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(9):before {
		content: url(../images/uniq/icon-common-menu-venue-09.gif);
	}
	.common-menu-venue li:nth-child(10) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(10):before {
		content: url(../images/uniq/icon-common-menu-venue-10.gif);
	}
	.common-menu-venue.common-menu-venue-list-nara li:nth-child(10) h4:before,
	.common-menu-venue.common-menu-venue-list.common-menu-venue-list-nara li:nth-child(10):before {
		content: url(../images/uniq/icon-common-menu-venue-info.gif);
	}
	.common-menu-venue li:nth-child(11) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(11):before {
		content: url(../images/uniq/icon-common-menu-venue-11.gif);
	}
	.common-menu-venue.common-menu-venue-list-tohoku li:nth-child(11) h4:before,
	.common-menu-venue.common-menu-venue-list.common-menu-venue-list-tohoku li:nth-child(11):before {
		content: url(../images/uniq/icon-common-menu-venue-info.gif);
	}

	.common-menu-venue li:nth-child(12) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(12):before {
		content: url(../images/uniq/icon-common-menu-venue-12.gif);
	}
	.common-menu-venue li:nth-child(13) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(13):before {
		content: url(../images/uniq/icon-common-menu-venue-13.gif);
	}
	.common-menu-venue li:nth-child(14) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(14):before {
		content: url(../images/uniq/icon-common-menu-venue-14.gif);
	}
	.common-menu-venue li:nth-child(15) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(15):before {
		content: url(../images/uniq/icon-common-menu-venue-15.gif);
	}
	.common-menu-venue.common-menu-venue-list-komazawa li:nth-child(15) h4:before,
	.common-menu-venue.common-menu-venue-list.common-menu-venue-list-komazawa li:nth-child(15):before {
		content: url(../images/uniq/icon-common-menu-venue-gift.gif);
	}
	.common-menu-venue li:nth-child(16) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(16):before {
		content: url(../images/uniq/icon-common-menu-venue-16.gif);
	}
	.common-menu-venue li:nth-child(17) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(17):before {
		content: url(../images/uniq/icon-common-menu-venue-17.gif);
	}
	.common-menu-venue li:nth-child(18) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(18):before {
		content: url(../images/uniq/icon-common-menu-venue-18.gif);
	}
	.common-menu-venue li:nth-child(19) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(19):before {
		content: url(../images/uniq/icon-common-menu-venue-19.gif);
	}
	.common-menu-venue li:nth-child(20) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(20):before {
		content: url(../images/uniq/icon-common-menu-venue-20.gif);
	}
	.common-menu-venue li:nth-child(21) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(21):before {
		content: url(../images/uniq/icon-common-menu-venue-21.gif);
	}
	.common-menu-venue li:nth-child(22) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(22):before {
		content: url(../images/uniq/icon-common-menu-venue-22.gif);
	}
	.common-menu-venue li:nth-child(23) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(23):before {
		content: url(../images/uniq/icon-common-menu-venue-23.gif);
	}
	.common-menu-venue li:nth-child(24) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(24):before {
		content: url(../images/uniq/icon-common-menu-venue-24.gif);
	}
	.common-menu-venue li:nth-child(25) h4:before,
	.common-menu-venue.common-menu-venue-list li:nth-child(25):before {
		content: url(../images/uniq/icon-common-menu-venue-25.gif);
	}
	.common-menu-venue.common-menu-venue-list li:before {
		margin-right: 5px;
	}


.common-menu-venue-list {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
	display: inline-block;
	text-align: left;
	overflow: hidden;
}

.common-menu-venue-list li {
	vertical-align: top;
	margin: 0;
	white-space: nowrap;
}

.common-menu-venue-list li.content-hide {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

.common-menu-venue-list li a {
	font-size: 12px;
	display: inline-block;
}

.content-box .common-menu-venue-list li a.menu-comingsoon {
	border-bottom: none;
}

.content-box .common-menu-venue-list li a.menu-comingsoon:hover {
	color: inherit;
	cursor: inherit;
}

.common-menu-venu-item {
	float: left;
	width: 100px;
	margin: 5px 0 5px 20px;
}
	.common-menu-venu-item p {
		font-size: 12px;
		line-height: 16px;
		text-align: center;
	}
		.common-menu-venu-item p img {
			margin-bottom: 5px;
		}

	.common-menu-venu-item a,
	.common-menu-venu-item a:hover {
		border-bottom: 0;
	}
	.common-menu-venu-item a:hover {
		opacity: 0.8;
	}

/* Lightbox */

.lightbox-wrapper {
	display: none;
}

.lightbox-content {
	width: 420px;
	padding: 30px;
	text-align: center;
}
	.lightbox-content h5 {
		font-size: 14px;
		margin: 14px auto 0;
	}
	.lightbox-content p {
		font-size: 13px;
		margin: 10px 0;
	}

	.lightbox-content h5 span,
	.lightbox-content span {
		display: block;
		font-size: 12px;
		font-weight: normal;
	}
	.lightbox-content h5 span,
	.lightbox-content span {
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}
	.lightbox-content img {
		display: block;
		margin: 0 auto;
		width: 100%;
		height: auto;
	}


/* アプリバナー */

.content-bnr {
	background: #fff600;
}

.content-bnr img {
	display: block;
	width: 100%;
	height: auto;
}

.content-bnr a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	zoom: 1;
}

/* -------------------------------------------
		5. アプリページ
	 ------------------------------------------- */

.app-box {
	text-align: center;
}


.app-dl {
	width: 506px;
	height: 240px;
	padding: 170px 0 0 234px;
	margin: 0 auto 30px;
	background: url(../images/uniq/img-app-detail-01.png) no-repeat 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
}
.app-dl li {
	display: inline-block;
}
.app-dl li.sp-visible {
	display: none;
}
.app-dl li:first-child {
	margin-right: 10px;
}

.app-dl li a {
	border-bottom: 0 !important;
}

.app-dl li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	zoom: 1;
}

.app-dl.app-dl-bottom {
	width: 510px;
	height: 302px;
	padding: 214px 0 0 0;
	margin: 0 auto;
	background: url(../images/uniq/img-app-detail-03.png) no-repeat 0 0;
}

.app-dl.app-dl-bottom li,
.app-dl.app-dl-bottom li:first-child {
	margin: 0 28px;
}

.app-box p {
	margin: 26px auto 30px;
	max-width: 506px;
	text-align: left;
}