@charset "utf-8";
@import "../css/common.css";

/*-----------------------------------------------
	index.html
-----------------------------------------------*/
.secArtist{
	width:960px;
}
.secArtist .boxList{
	font-size:0;
}
.secArtist .boxList li{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	margin:0 30px 30px 0;
	position:relative;
}
.secArtist .boxList li.center{
	margin-left:330px;
}
.secArtist .boxList li.more{
	width:300px;
	height:250px;
	padding-top:91px;
	box-sizing:border-box;
	text-align:center;
}
.secArtist .boxList li:nth-child(3n){
	margin-right:0;
}
.secArtist .boxList li.new::before{
	content:"";
	display:block;
	width:44px;
	height:23px;
	background:url(../img/artist/iconNew.gif) left top no-repeat;
	background-size:44px 23px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.secArtist .titStage{
	margin-bottom:50px;
	border:solid 1px #fff;
	padding:0 16px;
}
.secArtist .txtBtm{
	padding:3px 0 110px;
}
.secArtist .titDate .bgTop{
	width:auto;
	height:6px;
	margin:0 6px;
	background:rgba(255,255,51,0.65);
	border-top:solid 1px #FFFF00;
	box-sizing:border-box;
	position:relative;
}
.secArtist .titDate .bgTop::before{
	content:"";
	display:block;
	width:6px;
	height:6px;
	background:url(../img/common/bgCorner01.png) left top no-repeat;
	background-size:6px;
	position:absolute;
	top:-1px;
	left:-6px;
}
.secArtist .titDate .bgTop::after{
	content:"";
	display:block;
	width:6px;
	height:6px;
	background:url(../img/common/bgCorner02.png) left top no-repeat;
	background-size:6px;
	position:absolute;
	top:-1px;
	right:-6px;
}
.secArtist .titDate .bgBtm{
	width:auto;
	height:6px;
	margin:0 6px 30px;
	background:rgba(255,255,51,0.65);
	border-bottom:solid 1px #FFFF00;
	box-sizing:border-box;
	position:relative;
}
.secArtist .titDate .bgBtm::before{
	content:"";
	display:block;
	width:6px;
	height:6px;
	background:url(../img/common/bgCorner03.png) left top no-repeat;
	background-size:6px;
	position:absolute;
	bottom:-1px;
	left:-6px;
}
.secArtist .titDate .bgBtm::after{
	content:"";
	display:block;
	width:6px;
	height:6px;
	background:url(../img/common/bgCorner04.png) left top no-repeat;
	background-size:6px;
	position:absolute;
	bottom:-1px;
	right:-6px;
}
.secArtist .titDateIn{
	background:rgba(255,255,51,0.65);
	border:solid 1px #FFFF00;
	border-top:none;
	border-bottom:none;
	text-align:center;
	padding:4px 0;
}
@media only screen and (max-width:767px){
	.secArtist{
		width:93.75%;
		margin:0 auto;
	}
	.secArtist .titArtist{
		padding:27px 0;
	}
	.secArtist .boxList li{
		width:49%;
		margin:0 2% 16px 0;
	}
	.secArtist .boxList li.center{
		margin-left:0;
	}
	.secArtist .boxList li.more{
		padding:0 0 20px;
		text-align:center;
		width:100%;
		margin-right:0;
		height:auto;
	}
	.secArtist .boxList li:nth-child(3n){
		margin-right:2%;
	}
	.secArtist .boxList li:nth-child(even){
		margin-right:0;
	}
	.secArtist .titStage{
		margin-bottom:20px;
		text-align:center;
	}
	.secArtist .titStage img{
		width:auto;
		height:39px;
	}
	.secArtist .txtBtm{
		padding:0 0 30px;
	}
	.secArtist .titDateIn img{
		width:auto;
		height:24px;
	}
}