@charset "UTF-8";
/* CSS Document */


#artist .close { display:none;}
#artist .mask{ background-color: rgba(16,55,58,0.8);}/*濃い緑*/


.eff {	overflow:hidden;position:relative;}
.eff .caption {font-size:20px;color:#fff;text-align:center;font-weight:bold;line-height:150%;  letter-spacing:0.05em;/*font-family: 'Shippori Mincho', serif;*/}
.eff .caption2 {font-size:16px;color:#fff;text-align:center;font-weight:bold;line-height:200%;}

	
@media screen and (max-width: 1000px) {
	.eff .caption{ font-size:18px !important; }
}

@media screen and (max-width: 768px) {
	.eff .caption{ font-size:19px !important; }
}


.eff .mask {width: 100%;height: 100%;position: absolute;top:-100%;/* 枠の上に置いて表示させない */
-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.eff:hover .mask {top:0;}/* 下に降りてくるように見せる */

.box { float:left;margin: 0px;}
.box-r { float:right;margin: 0px;}
.box p {font-size: 14px;text-align:center;}


#artist .a-list{ margin:10px 10px 0;}
#artist p.more{/*font-family: 'Shippori Mincho', serif;*/ color:#474747; margin: 10% auto; font-size: 18px;}


/*NEW*/
.box img.new{ position:absolute; width: 75px; margin: 10px 0 0 10px;}
.box img.new2{ position:absolute; width: 75px; margin: 56% 0 0 10px;}

@media screen and (max-width: 950px) {
.box img.new2{ margin: 53% 0 0 10px;}
}

@media screen and (max-width: 768px) {
.box img.new2{ margin: 59% 0 0 10px;}
}

@media screen and (max-width: 650px) {
.box img.new{ margin: 5px 0 0 5px;}
.box img.new2{ margin: 53% 0 0 5px;}
}


/*アーティストここから*/

/*AI*/
.ai {width:25%; height:auto;/*margin-left:13% !important;*/}
.ai img {width:100%; }
.ai .caption {padding-top:47%;}

@media screen and (max-width: 768px) {
	.ai {width:60%;margin-left:20% !important;}
}

/*アイナ・ジ・エンド*/
.aina {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.aina img {width:100%;}
.aina .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.aina {width:80%;margin-left:10% !important;}
.aina .caption {padding-top:30%;}
}

/*新しい学校のリーダーズ*/
.leaders {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.leaders img {width:100%;}
.leaders .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.leaders {width:80%;margin-left:10% !important;}
.leaders .caption {padding-top:30%;}
}

/*ano*/
.ano {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.ano img {width:100%;}
.ano .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.ano {width:80%;margin-left:10% !important;}
	.ano .caption {padding-top:30%;}
}

/*アバンギャルディ */
.avant {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.avant img {width:100%;}
.avant .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.avant {width:80%;margin-left:10% !important;}
	.avant .caption {padding-top:30%;}
}



/*江口洋介*/
.eguchi {width:25%; height:auto;/*margin-left:1% !important;*/}
.eguchi img {width:100%;}
.eguchi .caption {padding-top:47%;}

@media screen and (max-width: 768px) {
	.eguchi {width:60%;margin-left:20% !important;}
}


/*Aimer*/
.aimer {width:37.5%; height:auto;margin-left:0.6% !important;}
.aimer img {width:100%;}
.aimer .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.aimer {width:80%;margin-left:10% !important;}
	.aimer .caption {padding-top:30%;}
}


/*&team*/
.enteam {width:35.3%; height:auto;margin-left:1% !important;}
.enteam img {width:100%;}
.enteam .caption {padding-top:33%;}

@media screen and (max-width: 768px) {
	.enteam {width:80%;margin-left:10% !important;}
}


/*ガチャピン・ムック */
.gachamuku {width:25%; height:auto;/*margin-left:6% !important;*/}
.gachamuku img {width:100%;}
.gachamuku .caption {padding-top:47%;}

@media screen and (max-width: 768px) {
	.gachamuku {width:60%;margin-left:20% !important;}
}


/*キンプリ*/
.kinpri {width:25%; height:auto;margin-left:6% !important;}
.kinpri img {width:100%;}
.kinpri .caption {padding-top:47%;}

@media screen and (max-width: 768px) {
	.kinpri {width:60%;margin-left:20% !important;}
}


/*コムドット*/
.comdot {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.comdot img {width:100%;}
.comdot .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.comdot {width:80%;margin-left:10% !important;}
}

/*JO1*/
.jo1 {width:25%; height:auto;/*margin-left:1.2% !important;*/}
.jo1 img {width:100%;}
.jo1 .caption {padding-top:47%;}

@media screen and (max-width: 768px) {
	.jo1 {width:60%;margin-left:20% !important;}
}

/*GENERATIONS*/
.gene {width:37.5%; height:auto; margin-left:13% !important;}
.gene img {width:100%;}
.gene .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.gene {width:80%;margin-left:10% !important;}
}


/*湘南乃風*/
.shonan {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.shonan img {width:100%;}
.shonan .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.shonan {width:80%;margin-left:10% !important;}
}

/*SUPER BEAVER*/
.beaver {width:37.5%; height:auto; margin-left:13% !important;}
.beaver img {width:100%;}
.beaver .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.beaver {width:80%;margin-left:10% !important;}
}

/*sekaowa*/
.sekaowa {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.sekaowa img {width:100%;}
.sekaowa .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.sekaowa {width:80%;margin-left:10% !important;}
}

/*DA PUMP*/
.dapump {width:37.5%; height:auto; /*margin-left:13% !important;:*/}
.dapump img {width:100%;}
.dapump .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.dapump {width:80%;margin-left:10% !important;}
}

/*チョコプラ*/
.choco {width:25%; height:auto;/*margin-left:6% !important;*/}
.choco img {width:100%;}
.choco .caption {padding-top:47%;}

@media screen and (max-width: 768px) {
	.choco {width:60%;margin-left:20% !important;}
	.choco .caption { letter-spacing: -0.05em !important;;}
}


/*DISH//*/
.dish {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.dish img {width:100%;}
.dish .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.dish {width:80%;margin-left:10% !important;}
}


/*20th Century*/
.tonicen {width:37.5%; height:auto; margin-left:13% !important;}
.tonicen img {width:100%;}
.tonicen .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.tonicen {width:80%;margin-left:10% !important;}
}

/*TOMORROW X TOGETHER*/
.tomorrow {width:37.35%; height:auto;/*margin-left:13% !important;*/}
.tomorrow img {width:100%;}
.tomorrow .caption {padding-top:32%;}


@media screen and (max-width: 768px) {
	.tomorrow {width:80%;margin-left:10% !important;}
	.tomorrow .caption{ font-size:19px !important; }
}

/*Travis Japan*/
.travis {width:37.5%; height:auto;margin-left:13% !important;}
.travis img {width:100%;}
.travis .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.travis {width:80%;margin-left:10% !important;}
}

/*なにわ男子*/
.naniwa {width:37.5%; height:auto; /*margin-left:13% !important;*/}
.naniwa img {width:100%;}
.naniwa .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.naniwa {width:80%;margin-left:10% !important;}
}

/*NiziU*/
.niziu {width:37.5%; height:auto;margin-left:13% !important;}
.niziu img {width:100%;}
.niziu .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.niziu {width:80%;margin-left:10% !important;}
}

/*NewJeans*/
.newjeans {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.newjeans img {width:100%;}
.newjeans .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.newjeans {width:80%;margin-left:10% !important;}
}

/*NEWS*/
.news {width:37.5%; height:auto;/*margin-left:-13% !important;*/}
.news img {width:100%;}
.news .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.news {width:80%;margin-left:10% !important;}
}

/*PUFFY*/
.puffy {width:25%; height:auto;/*margin-left:1.2% !important;*/}
.puffy img {width:100%;}
.puffy .caption {padding-top:47%;}

@media screen and (max-width: 768px) {
	.puffy {width:60%;margin-left:20% !important;}
}

/*Perfume*/
.perfume {width:37.5%; height:auto; /*margin-left:13% !important;*/}
.perfume img {width:100%;}
.perfume .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.perfume {width:80%;margin-left:10% !important;}
}


/*⽇向坂46*/
.hinata {width:37.5%; height:auto; /*margin-left:13% !important;*/}
.hinata img {width:100%;}
.hinata .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.hinata {width:80%;margin-left:10% !important;}
}

/*平原綾香*/
.hirahara {width:25%; height:auto;/*margin-left:1.2% !important;*/}
.hirahara img {width:100%;}
.hirahara .caption {padding-top:47%;}

@media screen and (max-width: 768px) {
	.hirahara {width:60%;margin-left:20% !important;}
}


/*fantastics*/
.fantastics {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.fantastics img {width:100%;}
.fantastics .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.fantastics {width:80%;margin-left:10% !important;}
}


/*僕が⾒たかった⻘空*/
.bokugamita {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.bokugamita img {width:100%;}
.bokugamita .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.bokugamita {width:80%;margin-left:10% !important;}
	}
	
 
/*松平 健*/
.matsuken {width:25%; height:auto;/*margin-left:1.2% !important;*/}
.matsuken img {width:100%;}
.matsuken .caption {padding-top:47%;}

@media screen and (max-width: 768px) {
	.matsuken {width:60%;margin-left:20% !important;}
}


/*MAN WITH A MISSION */
.manwith {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.manwith img {width:100%;}
.manwith .caption {padding-top:32%;}

@media screen and (max-width: 900px) {
.manwith .caption {padding-top:32%; letter-spacing: -0.05em;}
}

@media screen and (max-width: 768px) {
	.manwith {width:80%;margin-left:10% !important;}
	.manwith .caption {letter-spacing: 0em;}
	}

@media screen and (max-width: 600px) {
.manwith .caption {letter-spacing: -0.03em;}
}
/*Mrs. GREEN APPLE */
.mga {width:37.5%; height:auto;margin-left:13% !important;}
.mga img {width:100%;}
.mga .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.mga {width:80%;margin-left:10% !important;}
	}



/*ムーラン・ルージュ*/
.moulin {width:37.5%; height:auto; /*margin-left:13% !important;*/}
.moulin img {width:100%;}
.moulin .caption {padding-top:23%;}
.moulin .caption2 {}

@media screen and (max-width: 768px) {
	.moulin {width:80%; margin-left:10% !important;}
	.moulin .caption {}
}

/*リトル・マーメイド*/
.little {width:37.5%; height:auto; /*margin-left:13% !important;*/}
.little img {width:100%;}
.little .caption {padding-top:23%;}
.little .caption2 {}

@media screen and (max-width: 768px) {
	.little {width:80%; margin-left:10% !important;}
	.little .caption {}
}


/*緑黄色社会*/
.ryokuoushoku {width:37.5%; height:auto; /*margin-left:19% !important;*/}
.ryokuoushoku img {width:100%;}
.ryokuoushoku .caption {padding-top:32%;}

@media screen and (max-width: 768px) {
	.ryokuoushoku {width:80%;margin-left:10% !important;}
}

/*和田アキ子*/
.wada {width:25%; height:auto;/*margin-left:1.2% !important;*/}
.wada img {width:100%;}
.wada .caption {padding-top:47%;}

@media screen and (max-width: 768px) {
	.wada {width:60%;margin-left:20% !important;}
}