.wrapper-play-ad{
	width:100%;
	float:left;
	clear:both;
	background-color:#000000;
	padding:20px 0px;}
 .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }
/*wrapper-new-act*/
.wrapper-new-act{
	padding-top:var(--blcokm-padding-tb);
	padding-bottom:var(--blcokm-padding-tb);}
.item-new-act{
	flex: 0 0 23%;
	margin:0px 1.5%;
	}
.item-new-act:hover .wrapper-pro-name{color:var(--main-color);}
	.box-list-date{
	color: var(--sub-color);
	padding: 3px 5px;
	border: 1px solid var(--sub-color);
	font-size:0.8em;
		}
.wrapper-act-list{
	}
.item-list-act{
	float:left;
	clear:both;
	padding:10px;
	width:calc(100% - 20px);
	margin-bottom:var(--blcokm-padding-tb)}
.col-act-pic{
	flex: 0 0 250px;}
.col-act-date{
	flex: 0 0 80px;
	margin:0px 15px ;}
.col-act-w{
	flex: 1 1 auto;}
.actdate{
	border: 1px solid var(--sub-color);
	flex-wrap:wrap;	
}
.actdate > *{flex: 1 1 100%; 
text-align:center;}
.actdate-y{
	background-color:var(--sub-color);
	color:#ffffff; font-size:0.9em}
.actdate-m{
	margin:3px 0px;
	 color:var(--sub-color);
	 font-size:1em}
.actdate-d{
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size:2.2em;
}
@media screen  and (max-width: 950px) {
.item-list-act{
	flex-wrap:wrap;}
.col-act-w{
	flex: 1 1 100%;}
}

@media screen  and (max-width: 800px) {
.item-list-act{
	flex-wrap:nowrap;}
.col-act-w{
	flex: 1 1 auto;}
.wrapper-new-act{
	flex-wrap:wrap;}
.item-new-act{
	flex: 0 0 47%;
	margin:0px 1.5%;
	margin-bottom:30px
	}
}
@media screen  and (max-width: 650px) {
.item-list-act{
	flex-wrap:wrap;}
.col-act-w{
	flex: 0 0 100%;}
}
@media screen  and (max-width: 450px) {
.col-act-pic{
	flex: 0 1 70%;}
.col-act-date{
	flex: 0 1 20%;
	margin-left: 15px;
}
}
@media screen  and (max-width: 360px) {
.col-act-pic{
	flex: 0 1 60%;}
.col-act-date{
	flex: 0 1 25%;
	margin-left: 10px;
}
}

/*DETAIL========================================*/
.wrapper-play-cont{
	float:left;
	clear:both;
	width:100%}
.col-play-w{flex: 1 1 auto;}
.col-play-news{flex: 0 0 200px;
margin-left:50px}
.play-title{
	font-size: 2.5em;
	clear: both;
	float: left;
	width: 100%;
	color: #000000;
	font-weight: bold;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: normal;
}
.play-date{
	font-size:0.8em;
	margin-bottom: 80px;}
.play-date span{color:var(--main-color)}

.wrapper-play-result{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:100px
	}
.box-sign{
	text-align: center;
	font-size: 1.3em;
	position: fixed;
	z-index: 2;
	right: 5px;
	bottom: 150px;
}
.icon-sign{
	padding:15px;
	width:auto;
	display:inline-block;
	background-color:var(--main-color);
	color:#ffffff;}
.circle-sign{
	width:60px;
	height:60px;
	text-align:center;
	background-color:rgba(255,255,255,0.3);
	margin:auto;
	font-size:1.5em;
	}
@media screen  and (max-width: 1000px) {
.col-play-news{flex: 0 0 200px;
margin-left:30px}

}
@media screen  and (max-width: 800px) {
.play-title{
	font-size: 2em;
}
.play-date{
	margin-bottom: 50px;}
.box-sign{
	display:none}
}
@media screen  and (max-width: 750px) {

.wrapper-play-cont{
	flex-wrap:wrap}
.col-play-w{flex: 0 1 100%;}
.col-play-news{flex: 0 1 100%;
margin:30px 0px;}

}
@media screen  and (max-width: 600px) {
.play-title{
	font-size: 1.5em;
}
.play-date{
	margin-bottom: 30px;}
}