/*▼	アコーディオン-------------------------------------*/
.acordion{
	background:#fff;
	border: solid 1px gray;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	border-radius:5px;
	margin: 6px 4px;
	padding: 2px;
	
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
}
.trigger{
	padding:6px 10px 6px 12px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	border-radius:5px;
	font-size:88%;
}
.trigger .active{
	border-radius:5px 5px 0 0;
	border-bottom:1px solid #cfcfcf;
}
.acordion_tree{
	padding:4px;
	margin-left: 12px;
	font-size:75%;
}
.open-close{
	float:right;
	text-indent:-9999px;
	display:block;
	margin-top:3px;
	height:11px;
	width:20px;
	background:url(../images/open.png) no-repeat;
	-webkit-background-size:20px 11px;
}
.trigger.active .open-close{
	background:url(../images/close.png) no-repeat;
	-webkit-background-size:20px 11px;
}
/*▲	アコーディオン-------------------------------------*/


/*▼	イベント情報部分-------------------------------------*/

div.cl_Year{
	display: block;
	margin: 6px 0;
	padding: 4px;
	border: 1px solid dimgray;
	overflow: hidden;
}

span.cl_Year{
	color: brown;
	text-align: left;
	font-size: 10pt;
	padding: 2px 6px;
}

.gototop{
	float: right;
	font-size: 9pt;
	padding: 2px 6px;
}

.cl_New::before{
	content: "New!";
	display: inline-block;
	border: solid 1px orange;
	border-radius: 4px;
	background-color: #ff9;
	
	margin-right: 6px;
	padding: 2px;
	
	font-size: 8pt;
	font-weight: normal;
	color: red;
}

.detail_left, .detail_bottom{
	display: none;
}

.detail_right{
	margin: 0;
	display: inline-block;
	text-align: left;
}

.cl_Date, .cl_OpenTime, .cl_StartTime, .cl_Txt, .cl_program, .cl_Supporter{
	display: block;
	margin: 1px auto;
	padding: 1px;
	
	text-align: left;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.1;
}

.cl_Date, .cl_OpenTime, .cl_StartTime{
	white-space: nowrap;
}

.cl_program dd{
	margin-left: 10px;
}

.cl_SubTitle{
	font-weight: bold;
}

.cl_Supporter{
	margin-top: 6px;
	padding: 6px;

	background-color: #ffb;
	border: 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.cl_Supporter dt{
	color: forestgreen;
	margin-bottom: 8px;
}
.cl_Supporter dd{
	margin-left: 10px;
}
.cl_Supporter dd .cl_name{
	font-size: 15px;
	color: deeppink;
	font-weight: bold;
}
.cl_Supporter dd a{
	line-height:normal;
	
	display: inline-block;
	
	color: blue;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	
	
	border: solid 1px steelblue;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
	margin: -4px 0 6px;
	padding: 1px 6px;
	
	background: azure;
	background: -webkit-linear-gradient(white, lightcyan);
	background: -moz-linear-gradient(white, lightcyan);
	background: -o-linear-gradient(white, lightcyan);
	background: linear-gradient(white, lightcyan);
}
.cl_Supporter dd p{
	display: block;
	margin: 2px 0 12px 2px;
	color: midnightblue;
}

.cl_Youtube{
	display: inline-block;
	margin: 4px;
	margin-left: 20px;

	/*文字関連*/
	font-size: 9pt;
	font-family: selif;
	color: black;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	
	/*枠関連*/
	border: solid 1px dimgray;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 2px 2px 4px dimgray;
	
	padding: 6px 4px;
	
	/*枠　背景*/
	background: paleturquoise;
	background: -webkit-linear-gradient(white, paleturquoise);
	background: -moz-linear-gradient(white, paleturquoise);
	background: -o-linear-gradient(white, paleturquoise);
	background: linear-gradient(white, paleturquoise);

}
}

/*▲	詳細部分-------------------------------------*/

/*▼	共通-------------------------------------*/
.red{
	color: red;
}
#id_Clear{
	clear: both;
}