@charset "utf-8";

/*-----------------------------------------------
	sec_title
-----------------------------------------------*/
.sec_title{
	background:url(../img/artist/bg_title.jpg) top center no-repeat;
	height:300px;
	display:table;
	width:100%;
}
.sec_title h1{
	color:#fff;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-size:36px;
	letter-spacing:5px;
	font-weight:400;
}
@media only screen and (max-width:767px){
	.sec_title{
		background:url(../img/artist/bg_title.jpg) top center no-repeat;
		background-size:cover;
		height:auto;
	}
	.sec_title h1{
		font-size:26px;
		padding:50px 0;
	}
}
/*-----------------------------------------------
	sec_artist
-----------------------------------------------*/
.sec_artist{ padding:0 0 230px;}
.sec_artist .inner{
	width:1380px;
	margin:0 auto;
	color:#fff;
}
.sec_artist .left_box{
	float:left;
	width:690px;
	margin-right:30px;
	border-right:1px solid #fff;
	box-sizing:border-box;
}
.sec_artist .left_main{
	width:660px;
}
.sec_artist .right_box{
	float:right;
	width:660px;
}
.sec_artist .box_01{
	padding:100px 0 73px;
}
.sec_artist .box_tit{
	border:1px solid #fff;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	padding:18px 0 22px;
	border-radius: 5px;
	margin-bottom:37px;
}
.sec_artist ul{
	font-size:0;
}
.sec_artist li{
	display:inline-block;
	vertical-align:top;
	width:320px;
	margin-right:20px;
	padding-top:15px;
	position:relative;
}
.sec_artist li:nth-child(2n){
	margin-right:0;
}

.sec_artist li .iconNew{
	position: absolute;
	top: 0;
	left: 0;
	webkit-animation:newBlink 1s steps(1) infinite;
	-moz-animation:newBlink 1s steps(1) infinite;
	animation:newBlink 1s steps(1) infinite;
}
.sec_artist li.new::before{
	content:"NEW!";
	font-size:0;
	width:36px;
	height:22px;
	background:url(../img/artist/iconNew.png) left top no-repeat;
	background-size:36px 22px;
	display:block;
	position: absolute;
	top: 15px;
	left: 0;
	webkit-animation:newBlink 1s steps(1) infinite;
	-moz-animation:newBlink 1s steps(1) infinite;
	animation:newBlink 1s steps(1) infinite;
}
@keyframes newBlink{
	50% {opacity:0;}
	100% {opacity:1;}
}


.sec_artist li .name {
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 140%;
    font-weight: bold;
	text-align:center;
	padding:18px 0 20px;
	position:relative;
}
.sec_artist li .name .note{
	font-size:12px;
	position:absolute;
	top:39px;
	width:100%;
}
.sec_artist .bottom_txt {
	font-size:14px;
	line-height:30px;
	padding-top:55px;
	text-align:center;
}
.sec_artist .stage_tit {
	background:#66CCCC;
	text-align:center;
	padding:30px 0 30px;
	margin-bottom:50px;
}
@media only screen and (max-width:767px){
	.sec_artist{ padding:0 0 180px;}
	.sec_artist .inner{
		width:93.75%;
	}
	.sec_artist .left_box{
		float:none;
		width:100%;
		margin-right:auto;
		border-right:none;
	}
	.sec_artist .left_main{
		width:100%;
	}
	.sec_artist .right_box{
		float:none;
		width:100%;
	}
	.sec_artist .box_01{
		padding:20px 0 50px;
	}
	.sec_artist .bottom_txt {
		text-align:left;
	}
	.sec_artist .box_tit{
		margin-bottom:5px;
		margin-top:30px;
	}
	.sec_artist .imgArtist img{
		width:100%;
		height:auto;
	}
	.sec_artist li{
		width:49%;
		margin-right:2%;
	}

	.sec_artist li .name {
		font-size: 11px;
		letter-spacing:0;
		white-space:nowrap;
		padding:15px 0 10px;
	}
	.sec_artist li .name .note{
		font-size:10px;
		top:29px;
	}
	.sec_artist .bottom_txt {
		line-height:1.5;
		padding-top:30px;
	}
	.sec_artist .stage_tit {
		margin-bottom:15px;
	}
}