@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;
}
body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif; }
html { font-size: 62.5%; }
#fp-wrap {
	background-image: url(../img/eventguide_bg.png);
	background-repeat: repeat-y;
	background-position: center;
}
.recommendArea {
	width: 630px;
	margin-bottom: 15px;
}
#eventHeader { margin: 10px 5px 15px; }
#menu { list-style: none; }

.dropmenu {
 *zoom: 1;
	position: relative;
	z-index: 7;
	list-style-type: none;
	padding: 0;
	width: 630px;
	margin: 15px 5px 0px;
	height: 60px;
}
.dropmenu li {
	text-align: center;
	float: left;
	margin-left: 2px;
}
.cx_displaydevice .dropmenu > li { height: 60px; }
.dropmenu li a {
	display: block;
	color: rgba(255,255,255,1);
	text-decoration: none;
	padding-top: 22px;
	padding-bottom: 22px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
}
.dropmenu li.month a { padding: 14px 8px; }
.dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	right: 2px;
	margin: 0;
	padding: 0;
	width: 150px;
	text-align: center;
}
.dropmenu li ul li {
	width: 150px;
	position: relative;
	float: left;
	overflow: hidden;
	height: 0;
	transition: .2s;
}
.dropmenu li ul li a {
	padding: 13px 15px;
	border-top: 1px solid #fff;
	background: #ef9800;
}
#dropmenu li:hover ul li {
	overflow: visible;
	height: 40px;
}

#dropmenu li.all { 
	background-color: #002a38;
	width: 90px;
	margin-left: 0px;
}
#dropmenu li.concert {
	background-color: #29505f;
	width: 88px;
}
#dropmenu li.stage {
	background-color: #749a8a;
	width: 88px;
}
#dropmenu li.sports {
	background-color: #677345;
	width: 88px;
}
#dropmenu li.art {
	background-color: #95bf01;
	width: 88px;
}
#dropmenu li.others {
	background-color: #42323a;
	width: 88px;
}
#dropmenu li.month { 
	background-color: #ef9800;
	width: 88px;
}

#dropmenu li.all:hover {
	background-color: #011923;
}
#dropmenu li.concert:hover {
	background-color: #193038;
}
#dropmenu li.stage:hover {
	background-color: #465b52;
}
#dropmenu li.sports:hover {
	background-color: #3f4529;
}
#dropmenu li.art:hover {
	background-color: #587300;
}
#dropmenu li.others:hover {
	background-color: #291e24;
}
#dropmenu li.month:hover {
	background-color: #8e5b00;
}
#dropmenu li.month li a:hover {
	background-color: #8e5b00;
}

.dropmenu li.active { height: 60px; }
.active {
	background-image: url(../img/link_line.png);
	background-repeat: no-repeat;
	background-position: center 42px;
}
.all.active { }
.concert.active { background-size: 80px 6px }
.stage.active, .sports.active { background-size: 70px 6px }

.dropLine {
	height: 2px;
	width: 630px;
	margin: 0 5px 12px;
}
.dropLine li {
	margin-left: 2px;
	padding: 0px;
	height: 3px;
	float: left;
	width: 88px;
	background-color: rgba(2,42,55,0);
}
.dropLine li.all { margin-left: 0px; width: 90px; }

.dropLine.all { border-bottom: 2px solid rgba(2,42,55,1); }
.dropLine.concert { border-bottom: 2px solid rgba(43,80,94,1); }
.dropLine.stage { border-bottom: 2px solid rgba(117,154,138,1); }
.dropLine.sports { border-bottom: 2px solid rgba(103,114,71,1); }
.dropLine.art { border-bottom: 2px solid rgba(150,189,37,1); }
.dropLine.others { border-bottom: 2px solid rgba(66,50,58,1); }
.dropLine.month { border-bottom: 2px solid rgba(239,152,0,1); }

.dropLine.all li.all { background-color: rgba(2,42,55,1); }
.dropLine.concert li.concert { background-color: rgba(43,80,94,1); }
.dropLine.stage li.stage { background-color: rgba(117,154,138,1); }
.dropLine.sports li.sports { background-color: rgba(103,114,71,1); }
.dropLine.art li.art { background-color: rgba(150,189,37,1); }
.dropLine.others li.others { background-color: rgba(66,50,58,1); }
.dropLine.month li.month { background-color: rgba(239,152,0,1); }

.eventBlockwrap .eventBlock {
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,1);
	width: 202px;
	padding-bottom: 3px;
	float: left;
	margin-left: 8px;
	margin-bottom: 16px;
}
.eventBlock .eventBtn {
	display: table;
	width: 185px;
	border-collapse: separate;
	border-spacing: 1px 0;
	margin-left: 8px;
	margin-bottom: 1px;
	color: rgba(255,255,255,1);
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	table-layout: fixed;
}
.eventBlock .eventBtn li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.eventBlock .eventBtn li a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1;
}
.eventBlock .eventTitle {
	color: #270000;
	margin-top: 8px;
	margin-bottom: 4px;
	margin-left: 8px;
	font-size: 14px;
	font-size: 1.4rem;
}
.eventBlock .eventDate {
	font-size: 1.2rem;
	color: #270000;
	margin-bottom: 8px;
	margin-left: 8px;
}
.eventBlockwrap {
	width: 650px;
	overflow: hidden;
	margin-left: -3px;
}

.eventBlockwrap { width: 630px; margin: 0 auto; }
.eventBlockwrap:after { display: block; content: ""; clear: both; }
.eventBlockwrapInner { float:left; /*width: 202px;*/ margin-left: 12px; }
.cx_smartphoneview .eventBlockwrapInner { float:left; /*width: 202px;*/ margin-left: 0px; }
.eventBlockwrapInner:first-child { margin-left: 0px; }
.eventBlockwrap .eventBlockwrapInner .eventBlock { float: none; margin: 0 0 12px 0; box-sizing: border-box; animation-name: show; }
.eventBlockwrap .eventBlockwrapInner .eventBlock img { width: 100%; }
.eventBlockwrap .eventBlockwrapInner .eventBlock.dl01 { animation-duration: 0.1s; }
.eventBlockwrap .eventBlockwrapInner .eventBlock.dl03 { animation-duration: 0.3s; }
.eventBlockwrap .eventBlockwrapInner .eventBlock.dl05 { animation-duration: 0.5s; }
.eventBlockwrap .eventBlockwrapInner .eventBlock.dl07 { animation-duration: 0.7s; }
.eventBlockwrap .eventBlockwrapInner .eventBlock.dl09 { animation-duration: 0.9s; }
@keyframes show {
  0% { margin-top: 25px; opacity: 0; }
  100% { margin-top: 0px; opacity: 1; }
}

.eventBtn .overview:hover { background-color: #340101; }
.eventBtn .official:hover { background-color: #193039; }
.eventBtn .ticket:hover { background-color: #905b00; }
.eventBtn .english:hover { background-color: #193039; }
.eventBtn .overview { background-color: #570101; }
.eventBtn .official { background-color: #29505f; }
.eventBtn .ticket { background-color: #ef9800; }
.eventBtn .english { background-color: #749a8a; }
/*main-contents*/

.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;
}
.main-contents h1 {
		font-size: 15px;
	font-size: 1.5rem;
	margin-right: 18px;
	padding: 16px 0px 16px 8px;
	line-height: 1.2;
}
#concert .main-contents h1 {
	border-left: 16px solid #749a8a;
}
#stage .main-contents h1 {
	border-left: 16px solid #749a8a;
}

#stage .main-contents h1{ border-left: 16px solid rgba(117,154,138,1); }
#sports .main-contents h1{ border-left: 16px solid rgba(103,114,71,1); }
#art .main-contents h1{ border-left: 16px solid rgba(150,189,37,1); }
#others .main-contents h1{ border-left: 16px solid rgba(66,50,58,1); }


.main-contents #contentsInformation {
	margin: 16px 16px 0px 16px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
	overflow: hidden;
	position: relative;
}
#contentsInformation dl { width: 318px; }
#contentsInformation dl dd {
	margin-bottom: 8px;
	margin-left: 2em;
}
.main-contents #contentsInformation ul {
	width: 318px;
	float: left;
	position: absolute;
	left: 0px;
	bottom: -4px;
}
#contentsInformation ul li {
	width: 318px;
	margin-bottom: 4px;
	height: 32px;
	color: rgba(255,255,255,1);
	display: table;
}
ul .official { background-color: #29505f; }
#contentsInformation ul .official:hover { background-color: #193039; }
#contentsInformation ul .ticket { background-color: #ef9800; }
#contentsInformation ul .ticket:hover { background-color: #905b00; }
#contentsInformation ul .english { background-color: #749a8a; }
#contentsInformation ul .english:hover { background-color: #193039; }
#contentsInformation ul a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.main-contents #contentsVisual {
	width: 264px;
	float: right;
}
.main-contents #contentsDescription {
	display: block;
	margin: 16px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
}
.main-contents #contentsDetail {
	margin: 0px 16px;
	border-bottom: 1px solid rgba(51,51,51,1);
}
#contentsDetail .headline {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	margin: 8px 0px;
}
#contentsDetail dl {
	font-size: 12px;
	font-size: 1.2rem;
}
#contentsDetail dl dt {
	width: 144px;
	display: table-cell;
	height:32px;
	text-align: left;
	vertical-align: middle;
	padding-left: 1em;
	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);
}
#contentsDetail dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 1em;
	border-top: 1px solid rgba(51,51,51,1);
	border-right: 1px solid rgba(51,51,51,1);
	width: 415px;
}
.main-contents .remarks {
	font-size: 12rx;
	font-size: 1.2rem;
	margin: 8px 16px 0px;
	line-height: 1.3;
}
.main-contents .freeArea {
	margin: 16px 16px 0px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.3;
}
.main-contents .freeArea img {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#contentsDetail dl dd .playguide {
	font-size: 10px;
	font-size: 1.0rem;
}
#contentsDetail dl dd .ticket {
	display: table-cell;
	height: 18px;
	width: 180px;
	text-align: center;
	vertical-align: middle;
	background-color: #ef9800;
}
#contentsDetail dl dd .ticket a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: block;
}
#contentsDetail dl dd .ticket:hover { background-color: #905b00; }
#fp-r #whatsnew {
	width: 350px;
	max-height:350px;
	background-image: url(../img/whatsnew.png);
	background-repeat: no-repeat;
	background-position: center 15px;
	background-color: #d5cccf;
	padding-top: 54px;
	padding-bottom: 20px;
}

#fp-r #whatsnew li p {
	font-size: 14px;
	color: #730000;
	margin-top: 12px;
	margin-bottom: 8px;
}
#fp-r #whatsnew li {
	margin:0 5px 15px 20px;
	font-size: 14px;
	color: #270000;
	line-height: 1.3;

}

/*アラート*/
#fp-r #tweet_alerts {
	width: 350px;
	max-height:350px;
	background-repeat: no-repeat;
	background-position: center 15px;
	background-color: #d5cccf;
	padding-bottom: 20px;
}

#fp-r #tweet_alerts li p {
	font-size: 14px;
	color: #ff0000;
	margin-top: 12px;
	margin-bottom: 8px;
}
#fp-r #tweet_alerts li {
	margin:0 5px 15px 20px;
	font-size: 14px;
	color: #270000;
	line-height: 1.3;

}

#fp-r #tweet_alerts p.txt{
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
}



/*#fp-r #whatsnew li a {
	color: #270000;
	text-decoration: none;
}
#fp-r #whatsnew li a:hover {
	color: #270000;
	text-decoration: underline;
}
*/

#fp-r .banner li { margin-top: 16px;}
#fp-r .banner li:first-child { margin-top: 0px;}
#menu-buttonflexnav {
	display:none;}
#fp-rdef .fp-rdefblock,#fp-rdef #fp-rdef-freespace>* {
	margin-bottom:16px !important;}
	
#fp-l .bx-wrapper .bx-prev,
#fp-l .bx-wrapper .bx-next { opacity: 0; }
	
#fp-l .bx-wrapper:hover .bx-prev,
#fp-l .bx-wrapper:hover .bx-next { opacity: 1; }


/*FB*/

#fp-r #whatsnew #timeline {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 400px;
    overflow-y: scroll;
    position: relative;
    width: 348px;
}

#fp-r #tweet_alerts #alerts_area {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 400px;
    overflow-y: scroll;
    position: relative;
    width: 348px;
}


#fp-r #whatsnew #timeline li .fb_tlimage{
	width:85px;
	float:left;
}
#fp-r #whatsnew #timeline li .fb_tlimage img{
	width:80px;
}
#fp-r #whatsnew #timeline li .fb_tltitle{
	width:220px;
	float:right;
}

#fp-r #whatsnew #timeline li .fb_tldate {
	float:right;
	clear: both;
	color: #730000;
}


#fp-r #whatsnew #timeline li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cx_smartphoneview #whatsnew #timeline {
    height:700px;
    overflow: auto;
}
#whatsnew #timeline ul#fb_timeline {
    display: block;
    position: relative;
}
#whatsnew #timeline ul#fb_timeline li {
    border: 1px solid #ccc;
    margin: 0 0 10px;
    padding: 10px;
}
#whatsnew #timeline ul#fb_timeline li a {
    color: #000;
    text-decoration: none;
}