@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 10px;
	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:40%;text-align:center;}
#menu li a.li-center{border-left:none;}
#menu li a{display:block;background:#222; padding:14px 0;border:1px solid #444;}
#menu2{margin:10px auto;text-align:center;}
#menu2 li{display:inline-block;width:40%;text-align:center;}
#menu2 li a{display:block;background:#222; padding:5px 0;border:1px solid #444;}
li a.active{color:#D7000F;}
#menu2 li a.li-center{border-left:none;}

#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;}


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

/*-----STAGE------*/
.stageList{margin:15px 0;border-top:1px solid #9C865E;border-bottom:1px solid #9C865E;}
.stageList li{border-bottom:1px solid #9C865E;text-align:left;padding-right:6px;}
.stageList li:last-child{border-bottom:none;}
.stageList li a{display:block;background:url(../img/arrow-t.png) no-repeat right 50%;background-size:12px;-webkit-background-size:12px;padding:14px 0px 14px 6px;}

article{margin:20px auto;text-align:center;}
p.adress{text-align:left;padding:0 20px;}
#map_canvas{width:90%;height:260px;text-align:center;margin:5px auto;border:2px solid #bbb;}
p.bigMap{margin:10px auto;}

.lineup{text-align:left;margin:10px 0;}
.lineup h4{border-top:2px solid #996A12;border-bottom:2px solid #996A12;padding:6px 10px;}
.lineup ul{margin:5px 0;padding:0 10px;}
.lineup ul li{padding:5px 0;font-size:1.0em;}


/*--TIMETABLE--*/
.ttable{text-align:left;margin:0;border-top:1px solid #333;}
.ttable li{padding:4px;border-left:2px solid #888;margin:3px 0px;border-bottom:1px dotted #bbb;}
li.one{border-left:3px solid #c00;}
.timetable h6{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;}
h4{padding:2px 0; color:#996A12;}
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;}
.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;}

/*--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;}