@charset "utf-8";

/* for SMARTPHONE */

/*
--------------------------------------
default
---------------------------------------
*/
body , html{height:100%;}
*{margin:0px;padding:0px;border:0px;}
body{
	-webkit-text-size-adjust:none;
	min-height:100%;
	height:100%;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; */
	font-family: sans-serif; 
	font-size: 13px;
	color: #fff;
	line-height:1.3;
	background-color:#000;
	text-align:center;
}
#container {
    width: 100%;
    position: relative;
    height: auto !important;    
    height: 100%;
    min-height: 100%;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

/*
--------------------------------------
layout
---------------------------------------
*/
header{width:100%;padding:0;margin:0;}
footer{position: absolute;bottom: 0;width: 100%;height: 10px;padding:10px 0;border-top:1px solid #111;box-shadow:0 0 1px #888;}
#contents{padding-bottom: 50px;}
.inner{margin:5px 5px 0;}

header h1{margin:10px 0 0;}

section{margin:15px auto 0;}

#main {
	width: 100%;
	margin: 5px auto;
	padding: 5px 0;
	text-align:center;
	background:url(../img/top_visual.png) no-repeat;
}

.main-inner{
	margin:0px 5px;
	padding:10px;
	width:90%;
	background:url(../img/news-bg.png);
	text-align:left;
}
.dateImg{margin-right:10px;}
.read{margin-top:20px;}

#menu{margin:0px auto 10px;text-align:center;}
#menu li{display:inline-block;width:30%;text-align:center;letter-spacing:1px;border-right:2px solid #000;}
/*#menu li:nth-child(2){border-right:none;}*/
#menu li a.li-center{border-left:none;}
#menu li a{display:block;background:#c90000; padding:14px 0;}

#news{padding:0 5px;}
#news li{padding:6px;border-bottom:1px solid #A78E5F;}
#news li:last-child{border-bottom:none;}
#news li a{display:block;background:url(../img/arrow-g.png) no-repeat;background-position:right 50%; -webkit-background-size:15px;background-size:15px;padding-right:20px;}
.more {text-align:center;padding:10px 0;}
.more a {padding:4px 6px;border:1px solid #A78E5F;}
#news li a.arrowNone{background:none;}

.ticket{width:90%;margin:0 auto 12px;padding:7px 0;border:1px solid #A78E5F;text-align:left;}
.guide{margin:10px 0;}
.guide dt{margin:0px 0;}
.guide dt a{padding:5px 0;}
.guide dt.lastItem{margin:7px 0 0;}
.info{margin:10px 0 0;}
.topBnr{text-align:center;}

/*--Top Stage Link--*/
.stage {
	padding:5px 0 15px;
	border-bottom:1px solid #888;
}

.stage ul {
	width:90%;
	margin:0 auto;
	text-align:center;
}
.stage ul li{
	display:inline-block;
	margin:5px;
}

.bnr{ padding:15px 0;}


/*--goTop--*/
p.goTop{
	position:relative;
	bottom:0;
	padding:15px 0 0;
}
p.goTop a{display:block;color:#bf9950;}


/*--ARTIST--*/
.artist{
}
.artist h4{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.5em;
	color:#f00;
	padding:0 0 10px;
}
.artist h5{
	font-size:.9em;
	background:#d7000f;
	color:#fff;
	padding:3px 0 3px 6px;
	text-align:left;
}
.artist ul{
	margin:5px auto;
	text-align:left;
	padding:0 0 0 6px;
	font-size:.9em;
}
.artist ul li{padding:2px 0;}

h5.stageName{
	background:#ddd;
	color:#000;
	font-weight:700;
	padding:5px;
	font-size:1.1em;
	text-align:left;
	position:relative;
}
.artist ul.stageArtist{
	padding:0;
}
.artist ul.stageArtist li{
	margin:0;
	padding:5px;
	border-bottom:1px dotted #ddd;
}	
.artist ul.stageArtist li.last{
	border:none;
}

.mk_new{margin-left:10px; background:#ea1121; padding:2px 3px; font-size:.6em;}
.star{margin-left:10px; font-size:0.85em; color:#F00;}

.opentime{
	position:absolute;
	right:0;
	bottom:0;
	font-size:0.75em;
}	

/*--Timetable--*/
.timetable h4{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.5em;
	color:#f00;
	padding:0 0 10px;
}
ul.ttList {border:1px solid #888; margin-bottom:20px;}

ul.ttList li {text-align:left;padding:0;border-bottom:1px solid #bbb;color:#fff; }
ul.ttList li.last{border-bottom:none;}
ul.ttList li div{display:inline-block;padding:5px 0;vertical-align:middle;}
ul.ttList li div.time{width:12%;text-align:left;background:#1f3479;color:#fff;margin-right:5px;}
ul.ttList li div.onePass{width:12%;text-align:left;background:#d72020;color:#fff;margin-right:5px;}
ul.ttList li div.guest{width:80%;}

ul.ttList li div.onePass .pdtb10{padding:10px 0}

p.pdflink{margin:20px auto; text-align:center;}
p.pdflink a{padding:10px;color:#fff;background:#af8820;}

/*---NEWS LIS--*/
.newsList h3{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.5em;
	color:#f00;
	text-align:center;
	padding:0 0 10px;
}
.newsList{text-align:left;}



/*--STAGE LIST--*/
.stageList{
}
.stageList h4{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.5em;
	color:#fff;
	padding:0 0 10px;
}
.stageList h7{
	font-size:1.3em;
	line-height:1.5em;
	font-weight:bold;
}

.stageList ul{
	width:98%;
	margin:0 auto;
	font-size:.9em;
}
.stageList ul li{
	padding:4px;
	background:#ccc;
	color:#000;
	text-align:left;
	margin:0 0 4px;
}

.goMap a{
	background:#000;
	padding:4px;
	float:right;
}
.op_time{margin-bottom:8px;}

/*--accessMap(Pass)--*/

#accessmap{
	width:100%;
	height:300px;
}
.passMap{
}
.passMap h6{
	font-size:1.2em;
	padding:5px 0;
	margin-bottom:15px;
	border-bottom:1px solid #fff;
}

#paspot {
	width:100%;
	margin-bottom:15px;
}
#paspot li {
	padding:4px;
	text-align:left;
	boreder-bottom:1px solid #fff;
	cursor:pointer;
	display:block;
	padding:3px 5px;
}


/*---PRESNET---*/
.present{text-align:left;}
.preTxt{ margin:10px;}
.preTxt li{margin-bottom:15px;}

/*--ThxMsg--*/
.thxMsg{
	font-size:120%;
	text-align:center;
	background:rgba(221,221,221,0.8);
	padding:10px 0;
	font-family: 'Titillium Web', sans-serif;
}	

/*--Special--*/
.panel{
	position:relative;
	margin:0 auto;
	width:100%;
}
.panel ul{
	width:30%;
	margin:0;
	display:inline-block;
}

.panel ul li{
	position:relative;
}

.panel ul img{
	width:100%;
}

p#cmark{
	position:absolute;
	background:#ff0000;
	color:#fff;
	padding:2px 4px;
	bottom:20%;
	left:0;
	font-size:80%;
}

#cboxLoadedContent {
	background: none repeat scroll 0% 0% #000;
	padding:0;
	height:100%;
	min-height:100%;

}

#sp_content{
	width:100%;
	min-height:800px;
	background:#000;
	margin:0 auto;
	padding:5px 0;
}

#sp_content div{
	width:90%;
	min-width:300px;
	min-height:800px;
	margin:0 auto;
}

#sp_content div p strong{
	font-size:15px;
}

#sp_content p{margin:0;line-height:1.4;font-size:90%;text-align:left;}

#sp_content div img{
	width:100%;
}

#sp_content div p.comm{	
	font-size:85%;
	margin:10px auto;
	padding:5px 0;
	border-top:1px dashed #ccc;
}
#sp_content div p.comm span{
	background:#eee;
	padding:2px;
	color:#000;
	line-height:2.0;
}


/* スマートフォン 横(ランドスケープ) */

@media only screen and (max-width:640px){
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:320px){
}

/*
--------------------------------------
style
---------------------------------------
*/
h3{padding:4px;text-align:left;font-family: 'Titillium Web', sans-serif;}
h4{padding:2px 0; color:#A78E5F;}
h5{font-size:1.2em;}
h6{font-size:1.2em;}
a{text-decoration:none;color:#fff;}
.f-left{float:left;}
.f-right{float:right;}
.center{text-align:center;}

.font12{font-size:1.2em;}
.font15{font-size:1.5em;}
.font20{font-size:1.2em;}
.font18{font-size:1.8em;}
.font09{font-size:0.9em;}
.font08{font-size:0.8em;}
.font07{font-size:0.74em;}

.bold{font-weight:bold;}
.fc00{color:#000;}
.fc01{color:#D7000F;}
.fc02{color:#fff;}
.fc03{color:#996A12;}
.fc04{color:#ff0000;}

.bg111{background:#111;}
.mgt10{margin-top:10px;}
.mgb10{margin-bottom:10px;}
.mg010{margin:0 10px}
.mg50{margin:5px 0;}

.pdL20{padding-left:25px;}
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.uline{text-decoration:underline;}
span.soldout {text-decoration:line-through;}

/*--livehouse theme color--*/
.rensa {background-color:#2F5C7F;}
.macana {background-color:#C41929;}
.darwin {background-color:#C06902;}
.neo {background-color:#4C6846;}
.junk {background-color:#70532C;}
.hook {background-color:#186F77;}
.enn2 {background-color:#8B0D33;}
.enn3 {background-color:#263261;}
.park {background-color:#C4970F;}
.retro {background-color:#5A5750;}
.heven {background-color:#A48F00;}
.tower {background-color:#FF971C;}