﻿/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  CATEGORY1 LAYOUT STYLE                                                          */
/*  EVENT / MUSICAL                                                                 */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------- */
/*  1-1.COMMON                                                                      */  
/* -------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
	h2.eventTitle + p + div , h2.musicalTitle + div{
		border-top:dotted 1px #b7b7b9;
		}
	
	.eventDetail{
		width:100%;
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:dotted 1px #b7b7b9;
		-moz-border-radius: 0;
		-webkit-border-radius:0;
		border-radius:0;
		padding-top:30px;
		padding-left:0;
		padding-right:0;
		padding-bottom:30px;
		margin-bottom:0px;
		}
	
	.eventIcon{
		width:94%;
		margin-left:auto;
		margin-right:auto;
	}

	.eventDetail p.evtTitle{
		width:94%;
		margin-left:auto;
		margin-right:auto;
		}

	.eventList dl{
		width:94%;
		margin-left:auto;
		margin-right:auto;
		}
	
	.eventList dd a{
		word-break: break-all;
		}

	.eventDetail p.evtTitle{
		font-size:1rem;
		}

	.eventList2 p.evtPhoto{
		width:70%;
		float:none;
		text-align:center;
		margin:0 auto;
		}
	
	.eventList2 p.evtPhoto img{
		width:100%;
		height:auto;
		}

	.eventList2 dl dd{
		width:94%;
		margin-left:auto;
		margin-right:auto;
		float:none;
		margin-bottom:30px;
		}
	
	.eventList2 dd a{
		word-break: break-all;
		}

	.toggleBtn{
		height:auto;
		/*border-top:dotted 1px #aba0a0;*/
		text-align:center;
		background:none;
		}
	
	.toggleBtn span{
		border:solid 1px #e5e1dc;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius:20px;
		padding:3px 20px;
		text-decoration:none;
		font-weight:bold;
		}
	
	.toggleBtn + div{
		width:94%;
		margin-left:auto;
		margin-right:auto;
		word-break: break-all;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		}
	
}
	


/* -------------------------------------------------------------------------------- */
/*  4-1.IMG                                                                         */  
/* -------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
	/*.cateSearch dt ,*/ .toggleBtn{
		text-indent: 0;
		white-space: normal;
		overflow:visible;
		}
}
	
/* -------------------------------------------------------------------------------- */
/*  5-1.CLEARFIX                                                                    */  
/* -------------------------------------------------------------------------------- */	

.eventList2:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
	