@charset "UTF-8";
/* CSS Document */

html, body, div, 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;/*	vertical-align: baseline;
*/
	list-style: none;
}
a { color: #54131e; }
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;
}
html { font-size: 62.5%; }

.cx_smartphoneview .cf:before,
.cx_smartphoneview .cf:after {
    content: " ";
    display: table;
}
 
.cx_smartphoneview .cf:after {
    clear: both;
}
 
.cx_smartphoneview .cf {
    *zoom: 1;}

#event.cx_smartphoneview #fp-wrap {
	background-image: url(../img/eventguide_bg.png);
	background-repeat: repeat;
	background-position: center;
}
.cx_smartphoneview .recommendArea {
	width: 630px;
	margin-bottom: 15px;
}
.cx_smartphoneview #eventHeader { margin: 10px 5px 15px; }
.cx_smartphoneview #menu { list-style: none; }
.cx_smartphoneview .dropmenu {
 *zoom: 1;
	list-style-type: none;
	padding: 0;
	margin: 16px 8px 0px;
}
.cx_smartphoneview .dropmenu li {
	margin: 0;
	text-align: center;
	vertical-align: middle;
	width: 208px;
	float: left;
}
.cx_smartphoneview .dropmenu li a {
	display: block;
	color: rgba(255,255,255,1);
	text-decoration: none;
	padding-top: 22px;
	padding-bottom: 22px;
	font-size: 2.4rem;
	font-weight: bold;
	color: rgba(255,255,255,1);
	line-height: 1;
}
.cx_smartphoneview .dropmenu li.month { }
.cx_smartphoneview .dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	margin: 0;
	padding: 0;
	width: 630px;
	text-align: center;
	left: 0;
}
.cx_smartphoneview .dropmenu li ul li {
	width: 100%;
	position: relative;
	float: left;
}

.cx_smartphoneview .dropmenu li ul li a {
	border-top: 1px solid #fff;
	background: #ef9800;
}
.cx_smartphoneview #dropmenu {
	position: relative;
	z-index: 7;
	margin-bottom: 0px;
	margin-right: 4px;
	margin-left: 4px;
	border-spacing: inherit;
	height: auto;
}
.cx_smartphoneview #dropmenu li ul li {
	overflow: hidden;
	height: 0;
	transition: .2s;
	width: 100%;
	display:none;
}
.cx_smartphoneview #dropmenu li:hover ul li {
	overflow: visible;
	height: 68px;
}
.cx_smartphoneview #dropmenu .all {
	background-color: #002a38;
	width:210px;
}
.cx_smartphoneview #dropmenu li.concert {
	background-color: #29505f;
	width:210px;
}
.cx_smartphoneview #dropmenu li.stage {
	background-color: #749a8a;
	width:210px;
}
.cx_smartphoneview #dropmenu li.sports {
	background-color: #677345;
	width:210px;
}
.cx_smartphoneview #dropmenu li.art {
	background-color: #95bf01;
	width:210px;
}
.cx_smartphoneview #dropmenu li.others {
	background-color: #42323a;
	width:210px;
}
.cx_smartphoneview #dropmenu li.month {
	background-color: #ef9800;
	width: 630px;
	display:none;
}
.cx_smartphoneview #dropmenu li.month a li {
	background-color: #ef9800;
	padding: 0px 8px;
	width: 150px;
	margin: 0px;
	height: 40px;
}
.cx_smartphoneview #dropmenu .all:hover {
	background-color: #011923;
	width:210px;
}
.cx_smartphoneview #dropmenu li.concert:hover {
	background-color: #193038;
	width:210px;
}
.cx_smartphoneview #dropmenu li.stage:hover {
	background-color: #465b52;
	width:210px;
}
.cx_smartphoneview #dropmenu li.sports:hover {
	background-color: #3f4529;
	width:210px;
}
.cx_smartphoneview #dropmenu li.art:hover {
	background-color: #587300;
	width:210px;
}
.cx_smartphoneview #dropmenu li.others:hover {
	background-color: #291e24;
	width:210px;
}
.cx_smartphoneview #dropmenu li.month:hover {
	background-color: #8e5b00;
}
.cx_smartphoneview #dropmenu li.month li a:hover {
	background-color: #8e5b00;
}
.cx_smartphoneview .dropmenu li.active { height: 60px; border-bottom: 8px solid #2E0108; }
.cx_smartphoneview .active {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center 42px;
}
.cx_smartphoneview .all.active { }
.cx_smartphoneview .concert.active { background-size: 80px 6px }
.cx_smartphoneview .stage.active, .sports.active { background-size: 70px 6px }
.cx_smartphoneview .dropLine { display:none; }
.cx_smartphoneview .dropLine li { display: none; }
.cx_smartphoneview .eventBlockwrap .eventBlock {
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,1);
	width: 306px;
	padding-bottom: 3px;
	/*float: left;*/
	margin-left: 7px;
	margin-bottom: 16px;
	margin-right: 4px;
}
.cx_smartphoneview .eventBlock .eventBtn {
	display: table;
	width: 96%;
	border-collapse: separate;
	border-spacing: 1px 0;
	margin-left: 2%;
	margin-bottom: 1px;
	color: rgba(255,255,255,1);
	text-align: center;
	font-size: 2rem;
	table-layout: fixed;
}
.cx_smartphoneview .eventBlock .eventBtn li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.cx_smartphoneview .eventBlock .eventBtn li a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1;
}
.cx_smartphoneview .eventBlock .eventTitle {
	color: #270000;
	font-size: 2rem;
	margin: 8px 2% 4px;
}
.cx_smartphoneview .eventBlock .eventDate {
	font-size: 1.8rem;
	color: #270000;
	margin-bottom: 8px;
	margin-left: 8px;
}
.cx_smartphoneview .eventBlockwrap {
	margin: 15px 0px 0px;
	width: 640px;
}
.cx_smartphoneview .eventBtn .overview:hover { background-color: #340101; }
.cx_smartphoneview .eventBtn .official:hover { background-color: #193039; }
.cx_smartphoneview .eventBtn .ticket:hover { background-color: #905b00; }
.cx_smartphoneview .eventBtn .english:hover { background-color: #193039; }
.cx_smartphoneview .eventBtn .overview { background-color: #570101; }
.cx_smartphoneview .eventBtn .official { background-color: #29505f; }
.cx_smartphoneview .eventBtn .ticket { background-color: #ef9800; }
.cx_smartphoneview .eventBtn .english { background-color: #749a8a; }
.cx_smartphoneview .eventBlockwrap .eventBlock img { width: 100%; }
/*main-contents*/

.cx_smartphoneview .main-contents {
	background-color: rgba(255,255,255,1);
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 16px;
	padding-bottom: 16px;
}
#concert.cx_smartphoneview  .main-contents h1 {
	border-left: 16px solid #749a8a;
	font-size: 2.4rem;
	margin-right: 18px;
	padding: 16px 0px 16px 8px;
	line-height: 1.2;
	background-color: rgba(255,255,255,1);
}
.cx_smartphoneview .main-contents #contentsInformation {
	margin: 16px 16px 0px 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	overflow: hidden;
	background-color: rgba(255,255,255,1);
}
.cx_smartphoneview #contentsInformation dl {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	overflow: hidden;
	font-size: 2.2rem;
}
.cx_smartphoneview .main-contents #contentsInformation dl dt {
	margin: 0px;
	float : left;
	width: 15%;
	background-color: rgba(255,255,255,1);
}
.cx_smartphoneview #contentsInformation dl dd {
	width: 85%;
	margin: 0px;
	float : left;
	background-color: rgba(255,255,255,1);
}
.cx_smartphoneview .main-contents #contentsInformation ul {
	width: 100%;
	float: left;
	position: relative;
}
.cx_smartphoneview #contentsInformation ul li {
	width: 100%;
	margin-bottom: 4px;
	height: 32px;
	color: rgba(255,255,255,1);
	display: table;
	position: relative;
}
.cx_smartphoneview ul .official { background-color: #29505f; }
.cx_smartphoneview #contentsInformation ul .official:hover { background-color: #193039; }
.cx_smartphoneview #contentsInformation ul .ticket { background-color: #ef9800; }
.cx_smartphoneview #contentsInformation ul .ticket:hover { background-color: #905b00; }
.cx_smartphoneview #contentsInformation ul .english { background-color: #749a8a; }
.cx_smartphoneview #contentsInformation ul .english:hover { background-color: #193039; }
.cx_smartphoneview #contentsInformation ul a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size:2rem;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.cx_smartphoneview .main-contents #contentsVisual {
	width: 264px;
	float: inherit;
	margin-right: auto;
	margin-left: auto;
}
.cx_smartphoneview .main-contents #contentsDescription {
	display: block;
	margin: 16px;
	font-size: 2.2rem;
	line-height: 1.3;
	background-color: rgba(255,255,255,1);
}
.cx_smartphoneview .main-contents #contentsDetail {
	margin: 0px 16px;
	border-bottom: 1px solid rgba(51,51,51,1);
}
.cx_smartphoneview #contentsDetail .headline {
	font-size: 2rem;
	line-height: 1;
	margin: 8px 0px;
}
.cx_smartphoneview #contentsDetail dl { font-size: 2rem; }
.cx_smartphoneview #contentsDetail dl dt {
	width: 100%;
	display: inherit;
	height:inherit;
	text-align: left;
	vertical-align: middle;
	background-color: #eaeaea;
	border-left: 1px solid rgba(51,51,51,1);
	border-right: 1px solid rgba(51,51,51,1);
	border-top: 1px solid rgba(51,51,51,1);
	border-bottom-style: none;
	padding: 0.5em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cx_smartphoneview #contentsDetail dl dd {
	display: inherit;
	vertical-align: middle;
	padding: 1em;
	border-top: 1px solid rgba(51,51,51,1);
	border-right: 1px solid rgba(51,51,51,1);
	width: 100%;
	border-bottom: 1px none rgba(51,51,51,1);
	border-left: 1px solid rgba(51,51,51,1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(255,255,255,1);
}
.cx_smartphoneview .main-contents .remarks {
	font-size: 1.8rem;
	margin: 8px 16px 0px;
	line-height: 1.3;
	background-color: rgba(255,255,255,1);
}
.cx_smartphoneview .main-contents .freeArea {
	margin: 16px 16px 0px;
	font-size: 1.8rem;
	line-height: 1.3;
	background-color: rgba(255,255,255,1);
}
.cx_smartphoneview .main-contents .freeArea img {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.cx_smartphoneview #contentsDetail dl dd .playguide { font-size: 1.8rem; }
.cx_smartphoneview #contentsDetail dl dd .ticket {
	display: table-cell;
	height: 18px;
	width: auto;
	text-align: center;
	vertical-align: middle;
	background-color: #ef9800;
}
.cx_smartphoneview #contentsDetail dl dd .ticket a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: block;
	font-size: 2rem;
	padding: 0.5em;
}
.cx_smartphoneview #contentsDetail dl dd .ticket:hover { background-color: #905b00; }
.cx_smartphoneview #fp-rdef #fp-rdef-freespace>div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin-bottom: 25px;
}
.cx_smartphoneview #fp-rdef #fp-rdef-freespace #whatsnew {
	background-image: url(../img/whatsnew.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-color: #d5cccf;
	padding-top: 88px;
	padding-bottom: 20px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-size:580px;
	box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.cx_smartphoneview #fp-rdef-freespace #whatsnew li p {
	font-size: 2rem;
	color: #730000;
	margin-top: 12px;
	margin-bottom: 8px;
}
.cx_smartphoneview #fp-rdef-freespace #whatsnew li {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 2rem;
	color: #270000;
	line-height: 1.3;
}
.cx_smartphoneview #fp-rdef-freespace #whatsnew li a {
	color: #270000;
	text-decoration: none;
}
.cx_smartphoneview #fp-rdef-freespace #whatsnew li a:hover {
	color: #270000;
	text-decoration: underline;
}
.cx_smartphoneview #fp-rdef-freespace .banner li { margin-bottom: 16px; 	}

.cx_smartphoneview #fp-rdef-freespace .banner li img {width:100%;}

.cx_smartphoneview #menu-buttonflexnav { display:block; }