@charset "UTF-8";
/*
* style_artist.css
* description : THE GRAND SLAM [ ARTIST ]
*
* Created  2021/11/4.
* Last Update 2021/11/4.
*/




/* INDEX */
/*[[[ Contents ]]]*/

/*----- [[[ ARTIST for Pages ]]] -----*/









/*
[[[ Contents ]]]
*/

/*----- [[[ ARTIST for Pages ]]] -----*/

/*[[[ Artist List ]]]*/

/*[ List ]*/
#rc21.pages.p-artist .artist-list {
	display: flex;
 justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0;
}

#rc21.pages.p-artist .artist-list .list-box {
	box-sizing: border-box;
	padding: 0;
}


@media screen and (min-width: 992px) {
	/*[ List 5 ]*/
	#rc21.pages.p-artist .artist-list.list-5 .list-box {
		margin: 0 10px 20px 0;
		width: calc(20% - 40px / 5);
	}
	#rc21.pages.p-artist .artist-list.list-5 .list-box:nth-child(5n) {
		margin-right: 0;
	}

	/*[ List 4 ]*/
	#rc21.pages.p-artist .artist-list.list-4 .list-box {
		margin: 0 10px 20px 0;
		width: calc(25% - 30px / 4);
	}
	#rc21.pages.p-artist .artist-list.list-4 .list-box:nth-child(4n) {
		margin-right: 0;
	}

} /* @media screen and (min-width: 992px) end */


@media screen and (max-width: 991px) and (min-width: 576px) {
	/*[ List 5 ]*/
	#rc21.pages.p-artist .artist-list.list-5 .list-box,
	#rc21.pages.p-artist .artist-list.list-4 .list-box {
		margin: 0 10px 20px 0;
		width: calc(25% - 30px / 4);
	}
	#rc21.pages.p-artist .artist-list.list-5 .list-box:nth-child(4n),
	#rc21.pages.p-artist .artist-list.list-4 .list-box:nth-child(4n) {
		margin-right: 0;
	}

} /* @media screen and (max-width: 991px) and (min-width: 576px) end */


@media screen and (max-width: 575px) {
	/*[ List 5 ]*/
	#rc21.pages.p-artist .artist-list.list-5 .list-box,
	#rc21.pages.p-artist .artist-list.list-4 .list-box {
		margin: 0 10px 16px 0;
		width: calc(50% - 10px / 2);
	}
	#rc21.pages.p-artist .artist-list.list-5 .list-box:nth-child(2n),
	#rc21.pages.p-artist .artist-list.list-4 .list-box:nth-child(2n) {
		margin-right: 0;
	}

} /* @media screen and (max-width: 575px) end */



/*[ Link ]*/
#rc21.pages.p-artist .artist-list .artist-link {
	text-decoration: none;
	cursor: pointer;
}

#rc21.pages.p-artist .artist-link .at-name {
	height: auto;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: center;
	justify-content: center;
}

#rc21.pages.p-artist .artist-link .at-name p {
	width: auto;
}



@media screen and (max-width: 1199px) and (min-width: 992px) {
	#rc21.pages.p-artist .artist-link .at-name p {
		font-size: 1.28vw;
	}

} /* @media screen and (max-width: 1199px) and (min-width: 992px) end */


@media screen and (max-width: 991px) and (min-width: 768px) {
	#rc21.pages.p-artist .artist-link .at-name p {
		font-size: 1.48vw;
	}

} /* @media screen and (max-width: 991px) and (min-width: 768px) end */


@media screen and (max-width: 767px) and (min-width: 576px) {
	#rc21.pages.p-artist .artist-link .at-name p {
		font-size: 1.8vw;
	}

} /* @media screen and (max-width: 767px) and (min-width: 576px) end */


@media screen and (max-width: 575px) {
	#rc21.pages.p-artist .artist-link .at-name p {
		font-size: 3vw;
	}

} /* @media screen and (max-width: 575px) end */


#rc21.pages.p-artist .artist-link:hover {
	text-decoration: none;
}

#rc21.pages.p-artist .artist-link .at-name {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#rc21.pages.p-artist .artist-link .content-image {
	position: relative;
}





/*[[[ NEW Icon ]]]*/
#rc21.pages.p-artist .artist-link .content-image .icn-new,
#rc21.pages.p-artist .artist-link .content-image .icn-new-day {
	position: absolute;
}

/*[ Icon ]*/
#rc21.pages.p-artist .artist-link .content-image .icn-new {
	left: -7px;
	top: -10px;
}

/*[ Day ]*/
#rc21.pages.p-artist .artist-link .content-image .icn-new-day {
	right: 0;
	bottom: 0;
}



@media screen and (min-width:768px) {
	#rc21.pages.p-artist .artist-link .content-image .icn-new {
		width: 16%;
	}
	#rc21.pages.p-artist .artist-link .content-image .icn-new-day {
		width: 24%;
	}

} /* @media screen and (min-width:768px) end */


@media screen and (max-width:767px) {
	#rc21.pages.p-artist .artist-link .content-image .icn-new {
		width: 17%;
	}
	#rc21.pages.p-artist .artist-link .content-image .icn-new-day {
		width: 30%;
	}

} /* @media screen and (max-width:767px) end */





/*[[[ Schedule ]]]*/
/*[ List ]*/
#rc21.pages.p-artist .artist-schedule-list {
	width: auto;
	text-align: center;
	position: relative;
}
#rc21.pages.p-artist .artist-schedule-list.is-fixed {
	position: fixed;
 width: 100%;
 top: 0;
 left: 0;
 right: 0;
 margin-left: auto;
 z-index: 1;
 /* transform: translateY(112px); */
}


#rc21.pages.p-artist .artist-schedule-list ul {
 width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 0;
}
#rc21.pages.p-artist .artist-schedule-list ul li {
 margin-right: 12px;
	width: auto;
	flex-basis: auto;
	padding: 0;
}
#rc21.pages.p-artist .artist-schedule-list ul li:last-child {
 margin-right: 0;
}
#rc21.pages.p-artist .artist-schedule-list .candy {
 display: inline-block;
	text-align: center;
}
#rc21.pages.p-artist .artist-schedule-list .candy a.btn {
 border-radius: 0;
 border-top: 3px solid #D0C598;
}
#rc21.pages.p-artist .artist-schedule-list .candy a.active  {
	color: #69560a;
	background: #ffffff; 
}


@media screen and (max-width: 767px) {
 #rc21.pages.p-artist .artist-schedule-list ul {
  width: 100%;
  flex-wrap: wrap;
 }
 #rc21.pages.p-artist .artist-schedule-list ul li {
  margin-right: 10px;
  width: calc(25% - 30px / 4);
  flex-basis: calc(25% - 30px / 4);
 }
 #rc21.pages.p-artist .artist-schedule-list .candy {
  width: 100%;
  display: block !important;
 }
 #rc21.pages.p-artist .artist-schedule-list .candy .sc-date {
  font-size: 0.9375rem;
 }
 #rc21.pages.p-artist .artist-schedule-list .candy .sc-week {
  font-size: 0.6875rem;
 }

}


@media screen and (max-width: 565px) {
 #rc21.pages.p-artist .artist-schedule-list ul li {
  margin-right: 6px;
  width: calc(25% - 18px / 4);
  flex-basis: calc(25% - 18px / 4);
 }

}