@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
}
ol, ul { list-style: none; }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/*********************************
* ページ共通
**********************************/

/*********************************
base color
青 hex #00a0e8
青 rgba rgba(0, 160, 232, 1);

黄 hex #fff100
黄 rgba rgba(255, 241, 0, 1);

黒 hex #222
灰 hex #ddd
**********************************/


/* link
**********************************/
a { color: #fff; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
.block {
	display: block;
	font-size: 0;
	line-height: 1;
}
.imgLink {
	display: inline-block;
	font-size: 0;
	line-height: 1;
}
.imgLink:hover { opacity: .5; }

/* float
**********************************/
.fl { float: left; }
.fr { float: right; }
.clearfix {
  overflow: hidden;
  *zoom: 1;
}

/* margin
**********************************/
.mlrAuto {margin: 0 auto;}
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }

/* padding
**********************************/
.pt15 { padding-top: 15px !important; }

/* text
**********************************/
strong {
	font-weight: bold;
}
.large_txt {
	font-size: 18px;
	line-height: 1.4;
}
.normal_txt {
	font-size: 16px;
	line-height: 1.4;
}
.min_txt {
	color: #ddd;
	font-size: 12px;
	line-height: 1.4;
}
.min_txt {
	color: #ddd;
	font-size: 12px;
	line-height: 1.4;
}
.min_txt02 {
	font-size: 12px;
	line-height: 1.4;
}
.tit_txt01 {
	font-weight: bold;
	color: #fff100;
}
.tit_txt02 {
	font-weight: bold;
	color: #fff100;
  font-size: 18px;
}
.tit_txt03 {
	font-weight: bold;
	color: #fff100;
  font-size: 26px;
}
.subTit_txt01 {
  background: #00a0e8;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding: 5px;
}
.cau_area {
	border: 4px double #df281e;
	padding: 10px 15px;
	color: #df281e;
	font-weight: bold;
}
.cau_text {
	color: #df281e;
	font-weight: bold;
}
.cau_area02 {
	border: 4px double #fff100;
	padding: 10px 15px;
	color: #fff100;
	font-weight: bold;
}
.nowrap_txt { white-space: nowrap; }


/* text-align
**********************************/
.tc { text-align: center; }
.tr { text-align: right; }

/* text-hidden
**********************************/
.to {
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
  line-height: 1;
  font-size: 1;
}

/* btn
**********************************/
.btn {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  height: 60px;
  display: block;
  text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 2px solid #fff100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn:hover {
	background-color: #fff100;
	background-position: center bottom;
}
.btn.tweetBtn {
	background: url(../images/top/top_tweetBtn01.png) no-repeat center top transparent;
	position: absolute;
	width: 210px;
	bottom: 20px;
	left: 20px;
	border-color: #00a0e8;
}
.btn.tweetBtn:hover {
	background-color: #00a0e8;
	background-position: center bottom;
}
.btn.miniBtn {
	width: 200px;
  height: 50px;
}
.btn.miniBtn.webBtn {
	background-image: url(../images/common/webBtn01.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.btn.miniBtn.mapBtn {
	background-image: url(../images/common/mapBtn01.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.btn.miniBtn.webBtn:hover,
.btn.miniBtn.mapBtn:hover {
	background-position: center bottom;
}
.btn.buyBtn {
	background-image: url(../images/ticket/buyBtn01.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.btn.buyBtn:hover {
	background-position: center top;
}
.btn.sp02Btn {
	background-image: url(../images/special/sp02_btn_link01.png);
	background-position: center bottom;
	background-repeat: no-repeat;
  width: 100%;
  height: 80px;
}
.btn.sp02Btn:hover {
  background-position: center top;
}
.btn.goodsBtn {
	background-image: url(../images/goods/goods_btn_link01.png);
	background-position: center bottom;
	background-repeat: no-repeat;
  width: 100%;
  height: 80px;
}
.btn.goodsBtn:hover {
  background-position: center top;
}

/* table
**********************************/
.pd0 { padding: 0 0 30px; }
.w5 {width: 5%; }
.w10 {width: 10%; }
.w15 {width: 15%; }
.w25 {width: 25%; }
.w30 {width: 30%; }
.w40 {width: 40%; }
.w45 {width: 45%; }
.table01,
.table02 {
	width: 100%;
}
.table01 a,
.table02 a {
	color: #00a0e8;
}
.table01 th,
.table01 td {
	font-size: 14px;
	padding: 0px 0 30px;
	vertical-align: text-top;
}
.table01 th {
	color: #fff100;
	width: 120px;
	font-weight: bold;
}
.table02 {
	background: #fff;
	border: 1px solid #ddd;
	font-size: 12px;
}
.table02 th,
.table02 td {
	padding: 10px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.table02.english th,
.table02.english td {
	font-size: 10px;
}
.table02 th {
	background: #00a0e8;
	color: #fff
}
.table02 td {
	color: #00a0e8
}
.v_middle { vertical-align: middle !important; }


/* list
**********************************/
.centeringList ul {
	text-align: center;
}
.centeringList ul li {
	display: inline-block;
	margin: 0 15px 0;
}

/* box
**********************************/
.leftBox01 {
	width: 335px;
}
/* 終了用
**********************************/
.endWrap {
  position: relative;
  padding: 10px 0;
}
.endWrap::before {
  content: '';
  display: block;
  width: 100%;
  background: #fff;
  opacity: .4;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.endWrap::after {
  content: '終了しました';
  display: block;
  width: 300px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #df281e;
  border-radius: 6px;
  padding: 15px 20px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*********************************
* 全ページ共通
**********************************/
body {
	color: #222;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  width: 100%;
  min-width: 1060px;
}
/*
::-moz-selection {
  background: #fff100;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #fff100;
  color: #fff;
  text-shadow: none;
}
*/
#wrapper {
}
#contents {
	background: url(../images/common/bg_contents.gif) repeat center top #fff;
	position: relative;
	height: 100%;
	margin: 0 auto;
	padding-top: 70px;
  padding-bottom: 60px;
  overflow: inherit;
}
.inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.l_copy {
	font-family: Helvetica;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0;
	width: 100%;
	padding: 15px 0;
	line-height: 1;
}
.bg_header {
	background: #fff;
	height: 800px;
	position: relative;
	padding-top: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* bbe_header
**********************************/
.bbe_header {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTBlOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEwZTgiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(0,160,232, .4) 0%, rgba(0,160,232,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,160,232, .4)), color-stop(100%,rgba(0,160,232,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,160,232, .4) 0%,rgba(0,160,232,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,160,232, .4) 0%,rgba(0,160,232,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,160,232, .4) 0%,rgba(0,160,232,0.8) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,160,232, .4) 0%,rgba(0,160,232,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000a0e8', endColorstr='#cc00a0e8',GradientType=1 ); /* IE6-8 */
	height: 120px;
	position: relative;
	min-width: 1000px;
	z-index: 5000;
}
.gradient {
	filter: none;
}
.bbe_logo {
	background: url(../images/common/logo.png) no-repeat transparent;
	width: 370px;
	height: 90px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -45px;
}
.bbe_logo a {
	display: block;
	width: 370px;
	height: 90px;
}
.dateInfo {
  background: url(../images/common/bbe_header_dateInfo.png) no-repeat transparent;
  width: 564px;
  height: 57px;
  position: absolute;
  right: 20px;
  top: 13px;
}

/* countdown
**********************************/
#countdownArea {
	min-height: 70px;
	z-index: 1;
	position: relative;
	background: #fff;
  overflow: hidden;
  word-break: break-all;
}
.countdown {
    background: url(../images/common/bg_countdown.png) no-repeat left center transparent;
    width: 360px;
    min-height: 70px;
    position: relative;
    margin: 0 auto;
}
.countdown p {
    width: 260px;
    height: 42px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -21px;
}
.countdown p span {
    background: url(../images/common/parts_countdown.png) no-repeat transparent;
    display: block;
    float: left;
    margin-right: 2px;
    height: 42px;
    overflow: hidden;
    width: 22px;
}
.countdown p span:last-child {
    margin-right: 0;
}
.countdown p span.def {
	background-position: 0 0;
	width: 12px;
	height: 42px;
}
.countdown p span.image0 { background-position: 0 -52px; }
.countdown p span.image1 { background-position: 0 -104px; }
.countdown p span.image2 { background-position: 0 -156px; }
.countdown p span.image3 { background-position: 0 -208px; }
.countdown p span.image4 { background-position: 0 -260px; }
.countdown p span.image5 { background-position: 0 -312px; }
.countdown p span.image6 { background-position: 0 -364px; }
.countdown p span.image7 { background-position: 0 -416px; }
.countdown p span.image8 { background-position: 0 -468px; }
.countdown p span.image9 { background-position: 0 -520px; }
.countdown p span.days {
	background: url(../images/common/h_parts_dhms.png) no-repeat transparent;
	background-position: 2px 0;
	width: 16px;
	height: 18px;
	margin: 12px 6px 0 6px;
}

.waitingArea {
  width: 460px;
  margin: 0 auto;
  padding: 15px 0;
}
.waitingArea > p {
  position: relative;
  padding-left: 130px;
  color: #00a0e8;
  margin: 0 auto;
  line-height: 1.4;
  font-size: 16px;
}
.waitingTime .w_time {
  font-size: 36px;
  font-weight: bold;
  vertical-align: sub;
  margin: 0 5px;
}
.waitingArea p:before {
  background: url(../images/common/bg_waiting.png) no-repeat left center transparent;
  content: '';
  display: block;
  left: 0;
  top: 50%;
  margin-top: -20px;
  width: 120px;
  height: 40px;
  position: absolute;
}
.waitingTime a {
	color: #00a0e8;
}
.closeArea {
  padding: 15px 0;
}
.closeArea > p {
  position: relative;
  color: #00a0e8;
  margin: 0 auto;
  line-height: 1.4;
  font-size: 14px;
}
.closeArea a {
	color: #00a0e8;
}
/* ticketArea
**********************************/
.ticketArea {
  background: url(../images/common/ticketTitle01.png) no-repeat 30px center #fff100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px 0 210px;
  width: 980px;
  min-height: 120px;
  margin: 40px auto 0;
}
.ticketArea ul {
	text-align: center;
}
.ticketArea ul li {
	display: inline-block;
  margin: 0 8px 10px;
}

/* pagetop
**********************************/
.pagetop {
	width: 70px;
	height: 70px;
	position: fixed;
	bottom: 50px;
	right: 20px;
	display: block;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: none;
	z-index: 5000;
}
.pagetop a {
	background: #fff100;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	width: 70px;
	height: 70px;
	display: block;
	position: relative;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.pagetop:after {
	content: "";
	background: url(../images/common/parts_pagetop.png) no-repeat left top transparent;
	display: block;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
}
.pagetop:hover a {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

/* snsBtn
**********************************/
#btn-sbm {
	text-align: left;
	vertical-align: middle;
}
#btn-sbm li {
	display: block;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: middle;
	z-index: 9999;
	margin-bottom: 10px;
}
*html #btn-sbm li { display: inline; } /* for IE6 */
*+html #btn-sbm li { display: inline; } /* for IE7 */
#btn-sbm li a { margin: 0px; }
#btn-sbm .btnFaceBook { width: 110px; }
#btn-sbm .btnLine {
	display: none;
}

/* f_nav
**********************************/
.f_navArea {
	width: 350px;
	padding: 20px 0 0 30px;
}
.f_nav {
	width: 150px;
	letter-spacing: 0.4em;
	font-size: 12px;
}
.f_nav > li {
	line-height: 1;
	margin-bottom: 20px;
	color: #fff;
	font-weight: bold;
	padding-left: 20px;
}
.f_nav > li > a {
	display: block;
	text-decoration: none;
	color: #FFF;
	position: relative;
}
.f_nav > li > span {
	position: relative;
}
.f_nav > li > a:before,
.f_nav > li > span:before {
	background: #fff100;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -4px;
}
.f_nav a:hover {
	color: #fff100;
}
.f_nav .off {
	opacity: .5;
}
.f_nav .off:hover a {
	color: #fff !important;
}
.f_dMenu01 ul {
	margin: 20px 0 30px;
}
.f_dMenu01 ul li {
	text-indent: 1.4em;
	margin-bottom: 15px;
}
.f_dMenu01 ul li a {
	height: 26px;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}
.f_mapBtn {
  border: 1px solid #fff100;
  color: #fff100;
  display: block;
  line-height: 30px;
  font-size: 12px;
  height: 30px;
  width: 350px;
  margin-right: 10px;
  text-align: center;
  vertical-align: top;
  position: absolute;
  bottom: -30px;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.f_mapBtn:hover {
  background: #fff100;
  color: #00a0e8;
}
/* bbe_subArea
**********************************/
.bbe_subArea {
	width: 450px;
	position: absolute;
  /* width: 300px; */
  height: 22px;
  right: 10px;
  bottom: 12px;
}

/* bbe_nav
**********************************/
.bbe_nav {
	background: rgba(255, 241, 0, .8);
	width: 980px;
	height: 60px;
	margin: -30px 0 0 -490px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 9999;
}
.bbe_nav .inner {
	width: 980px;
	position: relative;
}
.mainNav {
	text-align: center;
	line-height: 0;
	z-index: 10;
	position: relative;
}
.mainNav > li {
	display: inline-block;
	margin: 0 30px;
	width: 120px;
	height: 60px;
	color: transparent;
}
.mainNav > li span {
	background: url(../images/common/bg_bbeNav.png) no-repeat transparent;
	display: block;
	width: 120px;
	height: 60px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	position: relative;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}
.mainNav > li a {
	display: block;
	height: 60px;
}
.mainNav li span:before {
	content: '';
	background: #00a0e8;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	position: absolute;
	width: 120px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -60px;
	-webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	opacity: 0;
	z-index: -1;
}
.mainNav li:hover span:before,
.mainNav li.current span:before {
	-webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: .9;
}

.mainNav .n_outline span { background-position: 0 bottom;  }
.mainNav .n_outline:hover span,
.mainNav .n_outline.current span { background-position: 0 top; }

.mainNav > li.n_introduction,
.mainNav li.n_introduction span,
.mainNav li.n_introduction span:before { width: 140px; }
.mainNav li.n_introduction span:before { margin: -50px 0 0 -70px; }
.mainNav .n_introduction span { background-position: -120px bottom; }
.mainNav .n_introduction:hover span,
.mainNav .n_introduction.current span { background-position: -120px top; }

.mainNav .n_ticket span { background-position: -260px bottom; }
.mainNav .n_ticket:hover span,
.mainNav .n_ticket.current span { background-position: -260px top; }

.mainNav .n_goods span { background-position: -390px bottom; }
.mainNav .n_goods:hover span,
.mainNav .n_goods.current span { background-position: -390px top; }

.mainNav .n_other span { background-position: -520px bottom; }
.mainNav .n_other:hover span,
.mainNav .n_other.current span { background-position: -520px top; }


.mainNav > li.off {
	opacity: .5;
}
.mainNav > li.off a:hover span {
	  background-position-y: bottom !important;
}
.mainNav > li.off span:before {
	display: none;
}

.subNav {
	display: none;
	position: absolute;
	left: 0;
	top: 60px;
	height: 60px;
	width: 980px;
	z-index: 0;
}
.subNav.current {
	display: block;
}
.subNav ul {
	height: 60px;
	width: 980px;
	display: table;
	table-layout: fixed;
}
.subNav li {
	display: table-cell;
	text-align: center;
  position: relative;
  text-indent: 0;
}
.subNav li a {
  background: rgba(0, 160, 232, .8);
  color: #fff;
  display: block;
  width: 100%;
  height: 60px;
  text-decoration: none;
  font-size: 14px;
  vertical-align: middle;
  line-height: 60px;
  position: relative;
}
.subNav li a:hover,
.subNav li a.current {
  background: rgba(0, 160, 232, 1);
}
.subNav li a.current:before {
	background: url(../images/common/nav_parts01.png) no-repeat left top transparent;
	content: '';
	position: absolute;
	width: 8px;
	height: 6px;
	bottom: -6px;
	left: 50%;
	margin: 0 0 0 -4px;
}

/* subMenu
**********************************/
.subMenu {
	/* width: 300px; */
  float: left;
  line-height: 0;
}
.subMenu li {
	background: #fff100;
	color: #00a0e8;
	display: inline-block;
	line-height: 22px;
	font-size: 12px;
	height: 22px;
	width: 140px;
	margin-right: 10px;
	text-align: center;
	vertical-align: top;
}
.subMenu li a {
	display: block;
	text-decoration: none;
  color: #00a0e8;
}
.selectLang {
	background: url(../images/common/bg_subMenuLang.png) no-repeat 130px center transparent;
	position: relative;
	height: 100%;
}
.selectLang .selectResult {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.selectLang .selectResult span {
	color: #00a0e8;
  width: auto;
}
.selectLang .select_box {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}
.select_box {
	display: block;
	height: 30px;
	margin: 0;
	padding: 0 2px;
	text-align: center;
	color: #00a0e8;
	line-height: 30px;
	letter-spacing: 1px;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #999;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

/* sns
**********************************/
#btn-sbm {
  text-align: right;
  bottom: 20px;
  height: 22px;
  float: left;
  padding: 0;
  margin: 0;
}
#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
}
*html #btn-sbm li { display: inline; } /* for IE6 */
*+html #btn-sbm li { display: inline; } /* for IE7 */

#btn-sbm li a { margin: 0px; }

#btn-sbm .btnFaceBook { width: 110px; }

#btn-sbm .btnHatenaBookmark { margin-right: 10px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }

/* snsLink
**********************************/
.snsLink {
	float: left;
	padding: 0;
	margin: 0;
}
.snsLink li,
.snsLink li a {
	display: block;
	float: left;
	margin-right: 10px;
	width: 22px;
	height: 22px;
	line-height: 1;
}
.snsLink li a {
	background: url(../images/common/bg_snsLink.png) no-repeat right top transparent;
}
.snsLink .sl_fb a:hover {
	background-position: right bottom;
}
.snsLink .sl_tw a {
	background-position: left top;
}
.snsLink .sl_tw a:hover {
	background-position: left bottom;
}

/* special
**********************************/
.special {
	padding: 40px 0 0;
}
.special_tlt01 {
	background: url(../images/common/specialTitle01.png) no-repeat left top transparent;
	width: 230px;
	height: 74px;
	margin: 0 auto;
}
.sp_contentList {
	margin-top: 36px;
}
.sp_contentList ul {
	text-align: center;
}
.sp_contentList ul li {
	background: #FFF;
	border: 6px solid #fff100;
	width: 230px;
	height: 230px;
	margin: 0 10px 20px;
	display: inline-block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sp_contentList ul li:before {
	content: '';
	background: url(../images/common/parts_special01.png) no-repeat left top transparent;
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: -16px;
	top: 35px;
	z-index: 1;
}
.sp_contentList ul li a {
	display: block;
	text-decoration: none;
	overflow: hidden;
}
.sp_contentList ul li a span {
	background: #fff100;
	color: #00a0e8;
	font-family: Helvetica;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 25px;
	height: 25px;
	padding: 0 10px;
	position: absolute;
	left: -16px;
	top: 10px;
	z-index: 1;
}
.sp_contentList ul li a > img {
	display: block;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	z-index: 0;
	width: 100%;
	height: auto;
}
.sp_contentList ul li a:hover > img {
	-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .9;
}

/* bg_footer
**********************************/
.bg_footer {
	background: #00a0e8;
	position: relative;
	overflow: hidden;
}
.bg_footer:before {
	content: '';
	background: url(../images/common/parts_bgFooter.png) no-repeat left top transparent;
	-webkit-animation: spin 30s linear infinite;
	-moz-animation: spin 30s linear infinite;
	-ms-animation: spin 30s linear infinite;
	-o-animation: spin 30s linear infinite;
	animation: spin 30s linear infinite;
	display: block;
	width: 1000px;
	height: 1000px;
	position: absolute;
	right: -300px;
	top: -100px;
	z-index: 0;
}
.footArea {
	padding-top: 35px;
	z-index: 10;
	position: relative;
}
.f_logo {
	background: url(../images/common/f_Logo01.png) no-repeat left top transparent;
	position: absolute;
	width: 370px;
	height: 196px;
	top: 0;
	right: 64px;
}
.cLogoList {
	background: rgba(255, 255, 255, .8);
	padding: 20px 0 0;
}
.cLogoList ul {
	text-align: center;
	width: 980px;
	margin: 0 auto;
}
.cLogoList ul li {
	display: inline-block;
	margin: 0 5px 20px;
	line-height: 1;
}
.cLogoList ul li a {
	display: block;
	font-size: 1;
	line-height: 1;
}
.cLogoList ul li a:hover {
	opacity: 0.7;
}
.l_footer {
	background: #000;
	color: #fff;
}
.b_credit {
	padding: 20px 0;
}
.b_credit p {
	color: #fff100;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: .1em;
}

/*********************************
* アニメーション
**********************************/
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/*********************************
* TOPページ
**********************************/


/* bbe_topIntro
**********************************/
.bbe_topIntro {
	position: absolute;
	width: 100%;
	height: 800px;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
}
.bbe_topIntro ul {
	display: block;
	width: 1400px;
	margin: 0 auto;
	line-height: 0;
	letter-spacing: 0;
	font-size: 0;
}
.bbe_topIntro ul li {
	display: inline-block;
	width: 350px;
	height: 200px;
	position: relative;
	font-size: 0;
	line-height: 0;
}
.bbe_topIntro li img {
	width: 100%;
	height: auto;
	font-size: 0;
	line-height: 0;
	display: none;
}
.topIntro_text {
	position: absolute;
	width: 540px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -270px;
}
.intro_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -60px 0 0 -365px;
	opacity: 0;
	z-index: 15;
}
.intro_copy {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -370px;
	z-index: 50;
	opacity: 0;
}

/* #bbe_topSlide
**********************************/
#bbe_topSlide {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	display: none;
}
.slideItem {
	position: relative;
	height: 800px;
}
.slideItem img {
	position: absolute;
}
.bnrArea li a {
	display: block;
	margin-bottom: 10px;
}

/* tweetArea
**********************************/
.tweetArea .inner {
	background: rgba(0, 160, 232, .8);
	box-sizing: border-box;
	width: 980px;
	height: 420px;
	margin: 0 auto;
}
.tweetTitle_inner {
	background: #fff100;
	width: 250px;
	height: 420px;
	display: block;
	position: relative;
}
.tweet_tit {
	background: url(../images/top/top_tweetTitle.png) no-repeat left top transparent;
	width: 190px;
	height: 60px;
	position: absolute;
  top: 30px;
  margin: 0;
  left: 25px;
}
.tweetArea_inner {
	width: 730px;
	height: 420px;
	box-sizing: border-box;
  padding: 30px 40px;
}
.tweetArea_inner iframe {
	width: 640px !important;
}
.timeline {
	max-width: 640px !important;
}
.btn_tw {
	background: url(../images/top/btn_tw.png) no-repeat transparent;
	display: block;
	width: 259px;
	height: 249px;
	position: absolute;
	top: 38px;
	right: -40px;
}
.btn_tw:hover {
	opacity: 0.5;
}
/*********************************
* 第2階層共通
**********************************/
#contents.navCurrent {
	padding-top: 130px;
}
.second .bg_header {
	height: 190px;
	padding-top: 20px;
	background: url(../images/common/bg_bbe_header_second.png) repeat-x center top #fff;
}
.second .bbe_header {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTBlOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEwZTgiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(0,160,232,0) 0%, rgba(0,160,232,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,160,232,0)), color-stop(100%,rgba(0,160,232,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,160,232,0) 0%,rgba(0,160,232,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,160,232,0) 0%,rgba(0,160,232,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,160,232,0) 0%,rgba(0,160,232,0.8) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,160,232,0) 0%,rgba(0,160,232,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000a0e8', endColorstr='#cc00a0e8',GradientType=1 ); /* IE6-8 */
}

.second .bbe_logo {
	background: url(../images/common/logo_second.png) no-repeat transparent;
}
body .content {
	height: auto;
	color: #fff;
}
.content {
	background: rgba(0, 160, 232, .8);
	width: 980px;
	margin: 0 auto;
	position: relative;
	min-height: 500px;
}
.contentTitle_inner {
	background: #fff100;
	width: 250px;
	height: 100%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	position: relative;
	padding-bottom: 32768px;
  margin-bottom: -32768px;
}
.contentArea_inner {
	width: 730px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  padding: 30px 20px;
}
.contentH2 {
	display: block;
	width: 200px;
	font-size: 0;
	line-height: 1;
	  margin: 30px auto;
}
.contentH3 {
	color: #fff100;
	font-size: 24px;
	font-weight: bold;
}
.contentH3_02 {
  color: #00a0e8;
  font-size: 16px;
  font-weight: bold;
  background-color: #fff101;
  padding: 10px;
}
.contentH4 {
	color: #fff100;
	font-size: 16px;
	font-weight: bold;
}
/*********************************
* 開催情報
**********************************/


/*********************************
* 展示紹介
**********************************/
.introContent.pat01 {
	background: rgba(255, 241, 0, .8); /**黄**/
	color: #00a0e8;
}
.introContent.pat02 {
	background: rgba(0, 160, 232, .8);/**青**/
	color: #fff;
}
.introContent > .bg_wrap01 {
	background: url(../images/introduction/bg_introPat03.png) repeat left top transparent;
}
.introContent > .bg_wrap02 {
	background: url(../images/introduction/bg_introPat05.png) repeat left top transparent;
}
.introContent.pat04 {
	background: url(../images/introduction/bg_introPat04.png) repeat left top transparent;
	color: #fff;
}
.corpIcon {
	position: absolute;
	width: 60px;
	height: 60px;
	right: -30px;
	top: -30px;
}

/* highlight
**********************************/
.introContent.highlight {
	padding: 50px 0;
}
.introContent.highlight .inner {
	width: 830px;
}
.introContent.highlight .inner p {
	text-align: justify;
}

/* MAP
**********************************/
.introContent.map{
	padding: 50px 0;
}

/* AREA01 & AREA02
**********************************/
.introContent.area01 {
	background: url(../images/introduction/bg_area01.png) no-repeat center top #fff;
	-webkit-background-size: cover;
	background-size: cover;
}
.introContent.area01 .bg_wrap01 {
	height: 500px;
	overflow: hidden;
}
.introContent.area01 .bg_wrap01 .inner{
	height: 500px;
}
.boxInner {
	position: relative;
}
.box_area01 {
	background: url(../images/introduction/image_area01_01.png) no-repeat left top transparent;
	width: 450px;
	height: 318px;
	position: absolute;
	left: 10px;
	top: 50px;
}
.box_area01 .boxInner {
	height: 318px;
}
.icon_area01,
.icon_area02 {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 35px;
	bottom: -20px;
}
.box_area02 {
	background: url(../images/introduction/image_area02_01.png) no-repeat left top transparent;
	width: 450px;
	height: 310px;
	position: absolute;
	right: 10px;
	top: 130px;
}
.box_area02 .boxInner {
	height: 310px;
}

/* AREA03
**********************************/
.introContent.area03,
.introContent.area03 .inner {
	height: 450px;
}
.area03H3 {
	position: absolute;
	width: 464px;
	height: 80px;
	left: 20px;
	top: 24px;
}
.area03_parts01 {
	position: absolute;
	width: 785px;
	height: 364px;
	right: 10px;
	bottom: 20px;
}
/* AREA04
**********************************/
.introContent.area04 {
	padding: 50px 0;
}
.introContent.area04 .centeringList {
	width:550px;
	height: 212px;
}
.introContent.area04 .centeringList li {
	margin: 0 0 0 30px;
}
#scroller {
	height: 100px;
	overflow: hidden;
}
#scroller ul {
	display: none;
}
.simply-scroll-container { position:relative; }
.simply-scroll-clip { position:relative; overflow:hidden; }
.simply-scroll-list { overflow:hidden; margin:0; padding:0; }
.simply-scroll-list li { float:left; padding:0; margin:0 0 0 5px; width: auto; height:100px; list-style:none !important; }
.simply-scroll-list li img { display: block; }

/* AREA05
**********************************/
.introContent.area05 {
	background: url(../images/introduction/bg_area05.png) no-repeat center top #fff;
	-webkit-background-size: cover;
	background-size: cover;
}
.introContent.area05 .bg_wrap02 {
	height: 500px;
	overflow: hidden;
}
.introContent.area05 .bg_wrap02 .inner{
	height: 500px;
}
.boxInner {
	position: relative;
}
.box_area05 {
	background: url(../images/introduction/image_area05_01.png) no-repeat left top transparent;
	width: 600px;
	height: 376px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -188px 0 0 -300px;
}
.box_area05 .boxInner {
	height: 376px;
}
.icon_area05 {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 60px;
	bottom: -20px;
}
/* AREA06
**********************************/
.introContent.area06,
.introContent.area06 .inner {
	height: 1000px;
}
.area06H3 {
	position: absolute;
	width: 350px;
	height: 80px;
	left: 20px;
	top: 24px;
}
.area06_parts01 {
  position: absolute;
  width: 980px;
  height: 480px;
  left: 50%;
  top: 60px;
  margin: 0 0 0 -490px;
}
.area06_parts02 {
	position: absolute;
	width: 186px;
	height: 104px;
  left: -10px;
  top: 150px;
}
.area06_parts03 {
	position: absolute;
	width: 370px;
	height: 52px;
	right: 10px;
	top: 50px;
}
.area06_addCotents {
  position: absolute;
  top: 570px;
  left: 50%;
  margin-left: -490px;
  width: 980px;
}
.area06_parts04,
.area06_parts05 {
  margin: 20px auto 0;
}
/*
/* AREA07
**********************************/
.introContent.area07 {
	background: url(../images/introduction/bg_area07.png) no-repeat center top #fff;
	-webkit-background-size: cover;
	background-size: cover;
}
.introContent.area07 .bg_wrap02 {
	height: 530px;
	overflow: hidden;
}
.introContent.area07 .bg_wrap02 .inner{
	height: 530px;
}
.boxInner {
	position: relative;
}
.box_area07 {
	background: url(../images/introduction/image_area07_01.png) no-repeat left top transparent;
	width: 600px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -174px 0 0 -300px;
}
.box_area07 .boxInner {
	height: 368px;
}
.icon_area07 {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 60px;
	bottom: -40px;
}
.area07_parts01 {
	position: absolute;
	width: 210px;
	height: 106px;
	left: -110px;
	top: -30px;
}

/* AREA08
**********************************/
.introContent.area08 {
	height: 1200px;
	padding: 30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.titleLine {
	background: #fff100; /**黄**/
	height: 54px;
}
.area08H3 {
	width: 280px;
	height: 80px;
	position: absolute;
	top: -14px;
	left: 40px;
}
.area08Text {
	margin-right: 40px;
}
.introContent.area08 .itemInner {
	height: 650px;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.box_area08_01,
.box_area08_02,
.box_area08_03,
.box_area08_05,
.box_area08_06 {
	width: 340px;
	height: 270px;
	position: absolute;
}
.box_area08_04 {
  width: 340px;
	height: 320px;
	position: absolute;
}
.box_area08_01 .boxInner,
.box_area08_02 .boxInner,
.box_area08_03 .boxInner,
.box_area08_05 .boxInner,
.box_area08_06 .boxInner {
	height: 270px;
}
.box_area08_04 .boxInner {
  width: 340px;
}
.box_area08_01 {
	background: url(../images/introduction/image_area08_01_01.png) no-repeat left top transparent;
	left: 80px;
	top: 80px;
}
.box_area08_02 {
	background: url(../images/introduction/image_area08_02_01.png) no-repeat left top transparent;
	right: 80px;
	top: 80px;
}
.box_area08_03 {
	background: url(../images/introduction/image_area08_03_01.png) no-repeat left top transparent;
	left: 80px;
	top: 720px;
}
.box_area08_04 {
	background: url(../images/introduction/image_area08_04_01.png) no-repeat left top transparent;
	right: 80px;
	top: 720px;
}
.box_area08_05 {
	background: url(../images/introduction/image_area08_05_01.png) no-repeat left top transparent;
	left: 80px;
	top: 400px;
}
.box_area08_06 {
	background: url(../images/introduction/image_area08_06_01.png) no-repeat left top transparent;
	right: 80px;
	top: 400px;
}
.area08_01_parts02,
.area08_02_parts02 {
	position: absolute;
	width: 143px;
	height: 130px;
	left: -30px;
	top: -30px;
}
.area08_03_parts01 {
	position: absolute;
  width: 118px;
  height: 64px;
  left: -40px;
  top: -20px;
}

/* 注意事項
**********************************/
.introContent.cauArea {
	padding: 20px 0;
}

/*********************************
* チケット情報
**********************************/


/*********************************
* グッズ情報
**********************************/
.thumbBox01 img.block{
	width: 280px;
	height: 280px;
}
.thumbBox01 .itemText01{
	width: 400px;
}
.itemH3 {
	color: #fff100;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .1em;
}
.itemH4 {
	color: #fff100;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
}


/*********************************
* その他
**********************************/


/*********************************
* English
**********************************/


/*********************************
* スペシャル
**********************************/
.cardList {
  text-align: center;
}
.cardList li {
  width: 240px;
  height: 344px;
  line-height: 1;
  letter-spacing: 0;
  display: inline-block;
  margin: 0 10px;
}
.sp02_appBtn {
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  padding: 15px 10px;
  line-height: 1;
  border-radius: 4px;
}
.sp02_appBtn li {
  display: inline-block;
  margin: 0 5px;
  line-height: 1;
}
.sp02_listItem {
  width: 335px;
}