@charset "utf-8";
/* -------------------------------------------------- 
	Copyright: (c)visual and echo japan
	Created: 2014-6-24
 -------------------------------------------------- */
 
#about #wrapper{
	background:#f2f2f2;
}
 
/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main{
	position:relative;
	overflow:hidden;
}
#main .title{
	position:relative;
	margin-bottom:24px;
}
#main .title_bg{
}
#main .title_bg img{
	width:100%;
	height:auto;
}
#main h1{
	position:absolute;
	top:37%;
	width:100%;
	text-align:center;
	color:#dfe22a;
	font-size:29rem;
	line-height:1;
	font-family:"Montserrat";
	font-weight:normal;
	letter-spacing: 0.1em;
}
#main h2{
	position:absolute;
	top:60%;
	width:100%;
	text-align:center;
	color:#a8a8a8;
	font-size:11rem;
	line-height:1;
	font-weight:normal;
	letter-spacing: 0.1em;
}
#main .list{
	
}
#main .list .column{
	margin-bottom:30px;
	
}
#main .list .column h3 a{
	display:block;
	width:100%;
	height:45px;
	background:#000 url(../../img/common/arrow_link_wh.png) no-repeat 92% center;
	background-size:13px 25px;
	color:#dfe22a;
}
#main .list .column h3{
	background:#000;
	color:#dfe22a;
	padding-left:15px;
	display:block;
	width:100%;
	height:45px;
	line-height:45px;
	font-size:29rem;
}
#main .list .column h3 span{
	padding-right:15px;
	padding-top:1px;
	font-size:11rem;
	float:left;
	
}
#main .list .column .event_title{
	background:#dfe22a;
	text-align:left;
	padding:15px;
	color:#000000;
}
#main .list .column .event_title h4{
	font-size:18rem;
	margin-bottom:5px;
}
#main .list .column .event_title p{
	font-size:11rem;
	font-weight:bold;
}
#main .list .column dl{
	color:#000000;
	overflow:hidden;
	padding:15px;
	font-size:11rem;
	line-height:1.8;
	background:url(../img/column_line.png) no-repeat center bottom;
	background-size:36px 1px;
}
#main .list .column dt{
	float:left;
	width:20%;
	font-weight:bold;
}
#main .list .column dd{
	float:right;
	width:70%;
}

#main .list .column dl.nonborder{
	background-image:none;
}
#main .list .column p.detail{
	padding:0 15px;
	text-align:right;
	font-size:11rem;
}
#main .list .column p a{
	text-decoration:underline;
}


/*----------------------------------------------------
	#detail
----------------------------------------------------*/
#detail{
	position:relative;
	overflow:hidden;
}
#detail .title{
	position:relative;
	margin-bottom:24px;
}
#detail .title_bg{
}
#detail .title_bg img{
	width:100%;
	height:auto;
}
#detail .category{
	position:absolute;
	top:37%;
	width:100%;
	text-align:center;
	color:#dfe22a;
	font-size:29rem;
	line-height:1;
	font-family:"Montserrat";
	font-weight:normal;
	letter-spacing: 0.1em;
}
#detail .category_ja{
	position:absolute;
	top:60%;
	width:100%;
	text-align:center;
	color:#a8a8a8;
	font-size:11rem;
	line-height:1;
	font-weight:normal;
	letter-spacing: 0.1em;
}

#detail h1{
	line-height:45px;
	font-size:29rem;
	
	width:100%;
	height:45px;
	background:#000;
	color:#dfe22a;
	padding-left:15px;
}
#detail h1 span{
	padding-right:15px;
	padding-top:1px;
	font-size:11rem;
	float:left;
	
}
#detail .event_title{
	background:#dfe22a;
	text-align:left;
	padding:15px;
	color:#000000;
}
#detail .event_title h2{
	font-size:29rem;
	margin-bottom:5px;
}
#detail .event_title h2 span{
font-size:12px;
}
#detail .event_title p{
	font-size:11rem;
}
#detail h3{
	background:#000;
	font-size:11rem;
	padding-left:15px;
	line-height:32px;
	font-family:"Montserrat";
	font-weight:normal;
	height:32px;
}
#detail .ticket{
	
}
#detail .ticket dl{
	overflow:hidden;
	border-bottom:2px #a8a8a8 solid;
}
#detail .ticket dl a{
	display:block;
	overflow:hidden;
	background:url(../img/arrow_buy.gif) no-repeat 97% center;
	background-size:37px 17px;
	padding-right:60px;
	
}
#detail .ticket dl a.reserve{
	display:block;
	overflow:hidden;
	background:url(../img/arrow_reserve.gif) no-repeat 97% center;
	background-size:37px 17px;
	
}
#detail .ticket dl dt{
	width:122px;
	background:#e0e0e0;
	font-weight:bold;
	font-size:11rem;
	display: table-cell;
	vertical-align: middle;
	}
#detail .ticket dl dt span{
	display:block;
	padding:25px 0 25px 15px;
}
#detail .ticket dl dd{
	display: table-cell;
	vertical-align: middle;
	font-size:11rem;
	padding-left:15px;
}
#detail .ticket dl dd span{
}

#detail .artist{
	width:100%;
	
}


#detail .artist .list{
	text-align:center;
	width:320px;
	margin:0 auto;
	overflow:hidden;
	
}
#detail .artist .list .column{
	float:left;
	width:157px;
	height:162px;
	margin:0px;
	position:relative;
}
#detail .artist .list .tall{
	height:185px;
}
#detail .artist .list .column:nth-child(odd){
	margin-right:6px;
	
}

#detail .artist .list .column .image{
	margin-bottom:6px;
}
#detail .artist .column .image img{
	width:100%;
	height:auto;
}
#detail .artist .column p{
	width:100%;
	text-align:center;
	color:#000;
	font-size:11rem;
	font-weight:bold;
}
#detail .artist .column p span{
	display:block;
	font-size:9rem;
	font-weight:normal;
}


#detail .information{
	
}
#detail .information dl{
	overflow:hidden;
	border-bottom:1px #a8a8a8 solid;
	line-height:1.8;
}
#detail .information dl dt{
	width:85px;
	background:#e0e0e0;
	font-weight:bold;
	font-size:11rem;
	display: table-cell;
	vertical-align: top;
	color:#000000;
	}
#detail .information dl dt span{
	display:block;
	padding:20px 0 20px 15px;
}
#detail .information dl dd{
	display: table-cell;
	vertical-align: middle;
	font-size:11rem;
	padding:20px 15px 20px 15px;
	color:#000000;
}
#detail .information dl dd a{
	text-decoration:underline;
}

#detail .share{
	color:#000000;
	
}
#detail .share ul{
	text-align:center;
	padding:30px 0;
}
#detail .share ul li{
	display:inline-block;
	font-size:18rem;
	font-weight:bold;
	margin:0 2px;
}
#detail .share ul li img{
	vertical-align:middle;
}
#detail .btn_return{
	margin-bottom:30px;
}
#detail .btn_return a{
	display:block;
	background:#dfe22a url(../../img/common/arrow_link_left.png) no-repeat 2% center;
	background-size:13px 25px;
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:18rem;
	font-weight:bold;
	color:#000;
}