#container { padding-top:20px; }

/*
 *
 *   Module 
 *
 ========================================================================*/

/*
 *   Button
 */ 
.button a { display:block; }
.button a:link,
.button a:visited { color:#fff !important; }
.button a:hover { color:#fff !important; }
.button:hover {
	background-color: #49a9d6;
}

/*
 *   Label
 */ 
#main .label { display:inline-block; padding:8px 15px; border-radius:5px; font-size:90%; line-height:1em; background-color:#DB576D; color:#FFF; }
#main .label.labelFree { background-color:#6BB09C; }


/*
 *   List [ Detail ] 
 */
#main .boxListDetail > ul > li { margin-bottom:20px; }

/*
 *   List [ Performer ] 
 */
#main .boxListPerformer > ul { overflow:hidden; }
#main .boxListPerformer > ul > li { float:left; width:23.5%; margin-right:2%; }
#main .boxListPerformer > ul > li:last-child { margin-right:0; }
#main .boxListPerformer > ul > li > dl > dt { border:solid 1px #ddd; }
#main .boxListPerformer > ul > li > dl > dt img { width:100%; }
#main .boxListPerformer > ul > li > dl > dd { margin-top:5px; text-align:center; font-size:78%; line-height:1.4em; }

/*
 *   Event section
 */
#main .evtSection { padding:0 5px; }
#main .evtSection.lineTop { padding-top:25px; border-top:solid 1px #ddd; margin-top:50px; }
#main .evtSection img { width:100%; } 

/*
 *   Event title
 */
#main .boxEvtTitle { position:relative; padding:15px 0; text-align:center; }
#main .boxEvtTitle .ttl { font-size:135%; line-height:1.4em; }
#main .boxEvtTitle .read { margin-top:15px; font-weight:bold; line-height:1.6em; }
#main .boxEvtTitle .label { position:absolute; top:15px; right:5px; }

/*
 *   Event main image
 */
#main .boxMainImg { margin:10px auto 15px; text-align:center; }


@media screen and (max-width:800px) {

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

/*
 *   Label
 */ 
#main .label { font-weight:bold; }
	
/*
 *   List [ Detail ] (sp)
 */
#main .boxListDetail > ul > li > dl > dt { font-size:125%; }
#main .boxListDetail > ul > li > dl > dt p::before { display:inline; content:"■"; }
	
/*
 *   List [ Performer ] (sp)
 */
#main .boxListPerformer > ul > li { float:left; width:49%; margin-right:2%; margin-bottom:4%; }
#main .boxListPerformer > ul > li:nth-child(even){ margin-right:0; }
	
/*
 *   Event title (sp)
 */
#main .boxEvtTitle { text-align:left; }
#main .boxEvtTitle .ttl {  font-size:125%; }
#main .boxEvtTitle .label { right:0; }


}

@media screen and (max-width:380px) {
	
/*
 *   Event title (sp [s-wisde])
 */
#main .boxEvtTitle .label { position:static; margin-bottom:20px; }

	
}