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


#artist .close { display:none;}
#artist .mask{ background-color: rgba(0,0,0,0.7);}/*黒*/


.eff {	overflow:hidden;position:relative;}
.eff .caption {font-size:20px;color:#fff;text-align:center;font-weight:500;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: 600px) {
	.eff .caption{ font-size:16px !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{ color:#474747; margin: 5% auto; font-size: 17px;}


/*NEW*/
.box p.new{ position:absolute; width: 75px; background-color: /*#00c3ad*/#f630a9; color: #fff; line-height: 150%;
font-family: "Roboto", sans-serif;font-weight: 700;  font-style: normal; font-size: 22px; bottom: 0;}
.box p.new2{ position:absolute; width: 75px; background-color: /*#00c3ad*/#f630a9; color: #fff; line-height: 150%;
font-family: "Roboto", sans-serif;font-weight: 700;  font-style: normal; font-size: 22px; right: 0;bottom: 0;}

@media screen and (max-width: 950px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 650px) {
.box p.new{ width: 55px;font-size: 18px; }
}

@media screen and (max-width: 650px) {
#artist p.more{font-size: 16px;}
}


/*アーティストここから*/
/*1/1/1.5　margin-left:6.25%*/
/*1/2　margin-left:13% */
/*1.5/1.5/1　margin-left:0%*/

/*1.5 /1　margin-left:18.75%*/
/*1 /1.5　margin-left:18.75%*/
/*2/1.5 margin-left:6.25%*/
/*1.5/2 margin-left:6.25%*/

/*1.5/1.5　margin-left:12.5%*/

/*caption*/
/*1　padding-top:45%/sp同;*/
/*1.5　padding-top:31%;sp padding-top:29%; */
/*2　padding-top:23%/sp padding-top:23%;*/


/*INI　1.5*/
.ini {width:37.5%; height:auto;/*margin-left:6.25%!important;*/}
.ini img {width:100%;}
.ini .caption {padding-top:31%; }

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

/*アイナ・ジ・エンド　１*/
.aina {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.aina img {width:100%;}
.aina .caption {padding-top:45%; letter-spacing: -0.05em;}

@media screen and (max-width: 900px) {
.aina {width:50%; margin-left: 25% !important;}
}


/*Aqua Timez　1.5*/
.aqua {width:37.5%; height:auto;/*margin-left:6.25%!important;*/}
.aqua img {width:100%;}
.aqua .caption {padding-top:31%; }

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

/*幾田りら　１*/
.ikuta {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.ikuta img {width:100%;}
.ikuta .caption {padding-top:45%; }

@media screen and (max-width: 900px) {
.ikuta {width:50%; margin-left: 25% !important;}
}

/*eiko　1.5*/
.eiko {width:37.5%; height:auto;/*margin-left:12.5%!important;*/}
.eiko img {width:100%;}
.eiko .caption {padding-top:23%; }
.eiko .caption2 {letter-spacing: -0.05em;}

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

/*AKB　1.5*/
.akb {width:37.5%; height:auto;/*margin-left:6.25% !important;*/}
.akb img {width:100%;}
.akb .caption {padding-top:31%;}

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

/*XG　1.5*/
.xgx {width:37.5%; height:auto;margin-left:6.25% !important;}
.xgx img {width:100%;}
.xgx .caption {padding-top:31%;}

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

/*ERAIZA　１*/
.ikeda {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.ikeda img {width:100%;}
.ikeda .caption {padding-top:45%; }

@media screen and (max-width: 900px) {
.ikeda {width:50%; margin-left: 0 !important;}
}

/*＆TEAM　１*/
.enteam {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.enteam img {width:100%;}
.enteam .caption {padding-top:45%;}

@media screen and (max-width: 900px) {
.enteam {width:50%; margin-left: 0 !important;}
}

/*ORANGE RANGE　1.5*/
.orange {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.orange img {width:100%;}
.orange .caption {padding-top:31%; }

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


/*香取慎吾　１*/
.katori {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.katori img {width:100%;}
.katori .caption {padding-top:45%; }

@media screen and (max-width: 900px) {
.katori {width:50%; margin-left: 25% !important;}
}

/*CUTIE STREET　1.5*/
.cutie {width:37.5%; height:auto;/*margin-left:6.25% !important;*/}
.cutie img {width:100%;}
.cutie .caption {padding-top:31%;}

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

/*CLASS SEVEN　1.5*/
.classseven {width:37.5%; height:auto;/*margin-left:6.25% !important;*/}
.classseven img {width:100%;}
.classseven .caption {padding-top:31%;}

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


/*原因は自分にある。　1.5*/
.genjibu {width:37.5%; height:auto;/*margin-left:6.25% !important;*/}
.genjibu img {width:100%;}
.genjibu .caption {padding-top:31%;}

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


/*倖田來未　１*/
.koda {width:25%; height:auto;margin-left:12.5% !important;}
.koda img {width:100%;}
.koda .caption {padding-top:45%; }

@media screen and (max-width: 900px) {
.koda {width:50%; /*margin-left: 25% !important;*/}
}

/*郷ひろみ　１*/
.gohiromi {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.gohiromi img {width:100%;}
.gohiromi .caption {padding-top:45%;}

@media screen and (max-width: 900px) {
.gohiromi {width:50%; margin-left: 0% !important;}
}

/*こっちのけんと　１*/
.kento {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.kento img {width:100%;}
.kento .caption {padding-top:45%;}

@media screen and (max-width: 900px) {
.kento {width:50%; margin-left: 25% !important;}
}

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

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

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

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

/*Superfly　１*/
.fly {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.fly img {width:100%;}
.fly .caption {padding-top:45%;}

@media screen and (max-width: 900px) {
.fly {width:50%; margin-left: 25% !important;}
}

/*timelesz　1.5*/
.time {width:37.5%; height:auto;margin-left:12.5% !important;}
.time img {width:100%;}
.time .caption {padding-top:31%; }

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

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

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

/*TUBE×近藤真彦×織田哲郎　1.5*/
.tube {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.tube img {width:100%;}
.tube .caption {padding-top:31%; }

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


/*東方神起　１*/
.toho {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.toho img {width:100%;}
.toho .caption {padding-top:45%;}

@media screen and (max-width: 900px) {
.toho {width:50%; margin-left: 25% !important;}
}

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

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

/*Tresure　1.5*/
.tresure {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.tresure img {width:100%;}
.tresure .caption {padding-top:31%;}

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

/*中島健人　１*/
.nakajima {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.nakajima img {width:100%;}
.nakajima .caption {padding-top:45%;}

@media screen and (max-width: 900px) {
.nakajima {width:50%; margin-left: 25% !important;}
}

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

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

/*Number_i　1.5*/
.number {width:37.5%; height:auto;margin-left:12.5% !important;}
.number img {width:100%;}
.number .caption {padding-top:31%; }

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


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

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

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

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

/*HANA　1.5*/
.hana {width:37.5%; height:auto;/*margin-left:6.25% !important;*/}
.hana img {width:100%;}
.hana .caption {padding-top:31%;}

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


/*氷川きよし　１*/
.hikawa {width:25%; height:auto;/*margin-left:12.5% !important;*/}
.hikawa img {width:100%;}
.hikawa .caption {padding-top:45%;}

@media screen and (max-width: 900px) {
.hikawa {width:50%; margin-left: 25% !important;}
}


/*日向坂46　1.5*/
.hinata {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.hinata img {width:100%;}
.hinata .caption {padding-top:31%; }

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


/*平手友梨奈　１*/
.hirate {width:25%; height:auto;/*margin-left:12.5% !important;*/}
.hirate img {width:100%;}
.hirate .caption {padding-top:45%;}

@media screen and (max-width: 900px) {
.hirate {width:50%; margin-left: 25% !important;}
}


/*FANTASTICS　1.5*/
.fanta {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.fanta img {width:100%;}
.fanta .caption {padding-top:31%; }

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

/*FRUITS ZIPPER　1.5*/
.fruit {width:37.5%; height:auto;margin-left:12.5% !important;}
.fruit img {width:100%;}
.fruit .caption {padding-top:31%; }

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

/*BOYNEXTDOOR　1.5*/
.bnd {width:37.5%; height:auto;/*margin-left:13% !important;*/}
.bnd img {width:100%;}
.bnd .caption {padding-top:31%;}

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

/*ME:I　1.5*/
.mei {width:37.5%; height:auto;/*margin-left:18.75%;*/}
.mei img {width:100%;}
.mei .caption {padding-top:31%; }

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

/*三浦大知　１*/
.miura {width:25%; height:auto;/*margin-left:37.5% !important;*/}
.miura img {width:100%;}
.miura .caption {padding-top:45%; }

@media screen and (max-width: 900px) {
.miura {width:50%; margin-left: 25% !important;}
}

/*Mrs. GREEN APPLE　1.5*/
.mrs {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.mrs img {width:100%;}
.mrs .caption {padding-top:31%; }

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

/*MiLk　1.5*/
.milk {width:37.5%; height:auto;margin-left:12.5% !important;}
.milk img {width:100%;}
.milk .caption {padding-top:31%; }

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

/*LE SSERAFIM　1.5*/
.lesse {width:37.5%; height:auto;/*margin-left:31.25% !important;*/}
.lesse img {width:100%;}
.lesse .caption {padding-top:31%; }

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


/*west　2*/
.west {width:50%; height:auto;/*margin-left:13% !important;*/}
.west img {width:100%;}
.west .caption {padding-top:23%;}

@media screen and (max-width: 900px) {
.west {width:100%;/*margin-left:10% !important;*/}
.west .caption {padding-top:23%;}
}