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

#artist1 .caption{background-color: #fff; color: #161616; padding: 5px; text-align: center; height: 25px;}
#artist2 .caption{background-color: #000; color: #fff; padding: 5px; text-align: center;height: 25px;}



.box { float:left;margin: 0px;}
#artist1 .box{background-color: #fff;}
#artist2 .box{background-color: #000;}

#artist1,
#artist2{margin: 0 auto; text-align:center; width: 100%; max-width: 1000px;　padding: 0;}

#artist1::after,
#artist2::after
{content: " "; display: block; clear: both;}

#artist1 h2,
#artist2 h2
{width: 100%; text-align: center; padding: 2px 0px 0px; font-size: 50px;
font-family: "Roboto", sans-serif;font-weight: 800;  font-style: normal; 
line-height: 135%; letter-spacing: 0.05em;
border-bottom: 15px solid #d71b1a;border-top: 15px solid #d71b1a;}

#artist1 h2{background-color: #fff; color: #000;}
#artist2 h2{background-color: #000; color: #fff;}

#artist1 h2 span.kanji,
#artist2 h2 span.kanji
{display: inline-block; font-size: 45px;font-weight: 900; font-family: "M PLUS 1p", sans-serif;}
#artist1 h2 span.red,
#artist2 h2 span.red
{display: inline-block; font-size: 40px;margin: 0 10px 0 0;color: #f3001d; }


@media screen and (max-width: 1040px){
#artist1,
#artist2{width: 96%;}
}

@media screen and (max-width: 900px){
#artist1 h2,
#artist2 h2
{font-size: 44px;}
}

@media screen and (max-width: 768px){
#artist1,
#artist2{width: 93%;}

#artist1 h2{font-size: 40px; margin-top:-55px; }
#artist2 h2{font-size: 40px; }

#artist1 h2,
#artist2 h2
{border-bottom: none;border-top:none;}

#artist1 h2 span.kanji,
#artist2 h2 span.kanji{font-size: 35px;}
#artist1 h2 span.red,
#artist2 h2 span.red{font-size: 30px; }
}

@media screen and (max-width: 630px){
#artist1 h2,
#artist2 h2{font-size: 36px;line-height: 170%;}

#artist1 h2 span.kanji,
#artist2 h2 span.kanji{font-size: 30px;}
#artist1 h2 span.red,
#artist2 h2 span.red{font-size: 28px; }
}


@media screen and (max-width: 500px){
#artist1 h2,
#artist2 h2{font-size: 28px;letter-spacing: 0em;}
#artist1 h2 span.kanji,
#artist2 h2 span.kanji{font-size: 23px; margin-left: 3px;}
#artist1 h2 span.red,
#artist2 h2 span.red{font-size: 26px; margin: 0 5px 0 -3px;}
}


#artist1 .a-list,
#artist2 .a-list2{margin:0px; padding: 20px 50px 40px; background-repeat: repeat-y; background-size: 100%;}

#artist1 .a-list{ background-image: url("img25/artistbg1.png");}
#artist2 .a-list2{ background-image: url("img25/artistbg2.png");}

#artist1 p.more{ color:#000; margin: 30px auto 0; font-size: 18px;}
#artist2 p.more{ color:#fff; margin: 30px auto 0; font-size: 18px;}

@media screen and (max-width: 768px){
#artist1 .a-list,
#artist2 .a-list2{padding: 10px 10px 20px;}

p.more{  margin: 20px auto 0px; font-size: 15px; }

}


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

#artist1 .box p.new{ background-color:#d12423;}
#artist2 .box p.new{ background-color:#1c9cd9;}


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

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

@media screen and (max-width: 650px) {
.box p.new{ width: 40px!important;font-size: 16px!important;height: 18px!important;line-height: 130%!important;}
}



/*/////////////////アーティスト１夜///////////////////*/


/*生田絵梨花　いくたえりか*/
.ikuta {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.ikuta img {width:100%; }

@media screen and (max-width: 768px) {
.ikuta {width:33.3%; margin-left:8.35% !important;}
}


/*CUTIE STREET　キューティーストリート*/
.cutie {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.cutie img {width:100%;}

@media screen and (max-width: 768px) {
.cutie {width:50%;/*margin-left:0% !important;*/}
}


/*THE RAMPAGE　ザランページ*/
.rampage {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.rampage img {width:100%;}

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


/*Snow Man スノウマン*/
.snowman {width:37.5%; height:auto;margin-left:12.5% !important;}
.snowman img {width:100%;}

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

/*Da-iCE　ダイス*/
.daice {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.daice img {width:100%;}

@media screen and (max-width: 768px) {
.daice {width:50%;/* margin-left:8.35% !important;*/}
}


/*超ときめき♡宣伝部　ちょうときめき*/
.tokimeki {width:37.5%; height:auto;margin-left:12.5% !important;}
.tokimeki img {width:100%;}

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


/*TWS　トゥアス*/
.tws {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.tws img {width:100%;}

@media screen and (max-width: 768px) {
.tws {width:50%;/* margin-left:8.35% !important;*/}
}


/*DOMOTO　どうもと*/
.domoto {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.domoto img {width:100%; }

@media screen and (max-width: 768px) {
.domoto {width:50%; /*margin-left:8.35% !important;*/}
}


/*德永英明　とくなが*/
.tokunaga {width:25%; height:auto;/*margin-left:12.5% !important;*/}
.tokunaga img {width:100%; }
.tokunaga .caption {padding-top: 0!important; padding-bottom: 10px!important;}
.tokunaga .caption img {width:65px; }


@media screen and (max-width: 768px) {
.tokunaga {width:33.3%; margin-left:8.35% !important;}
}


/*TREASURE　トレジャー*/
.treasure {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.treasure img {width:100%;}

@media screen and (max-width: 768px) {
.treasure {width:50%; /*margin-left:0 !important;*/}
}

/*Number_i なんばーあい*/
.numberi {width:37.5%; height:auto;margin-left:9.05% !important;}
.numberi img {width:100%;}

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


/*乃木坂48　のぎざか*/
.nogi {width:44.4%; height:auto;/* margin-left:2.7% !important;*/}
.nogi img {width:100%;}

@media screen and (max-width: 768px) {
.nogi {width:59.2%; margin-left:3.35% !important;}
}


/*HANA　はな*/
.hana {width:25%; height:auto;margin-left:12.5% !important; clear: left;}
.hana img {width:100%;}

@media screen and (max-width: 768px) {
.hana {width:33.3%;margin-left:0% !important; clear: inherit;}
}


/*Perfume　ぱふゅーむ*/
.perfume {width:25%; height:auto;/*margin-left:6.25% !important;*/}
.perfume img {width:100%;}

@media screen and (max-width: 768px) {
.perfume {width:33.3%;/*margin-left:16.7% !important;*/ clear: left;}
}

/*パペットスンスン*/
.sunsun {width:25%; height:auto;/*margin-left:8.35% !important;*/}
.sunsun img {width:100%; }

@media screen and (max-width: 768px) {
.sunsun {width:33.3%;/* margin-left:8.35% !important;*/}
}
@media screen and (max-width: 500px) {
.sunsun .caption {font-size:12px!important; padding-top: 7px!important ; padding-bottom: 3px !important;}
}

/*平手友梨奈 ひらて*/
.hirate {width:25%; height:auto;/*margin-left:12.5% !important;*/}
.hirate img {width:100%; }

@media screen and (max-width: 768px) {
.hirate {width:33.3%; /*margin-left:8.35% !important;*/}
}


/*FRUITS ZIPPER ふるーつ*/
.fruits {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.fruits img {width:100%;}

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

/*Hey! Say! JUMP　へいせい*/
.heysayjump{font-family:"Futura","Century Gothic","STSong","Comic Sans MS",sans-serif;}

.jump {width:37.5%; height:auto; /*margin-left:6.25% !important;*/}
.jump img {width:100%;}
.jump .caption {
font-family: 'Poppins', sans-serif; font-weight: 400;}

@media screen and (max-width: 768px) {
	.jump {width:49.95%; /*margin-left:8.35% !important;*/}
}





/*/////////////////アーティスト２夜///////////////////*/


/*IMP.　アイエムピー*/
.imp {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.imp img {width:100%;}

@media screen and (max-width: 768px) {
.imp {width:50%;margin-left:8.35% !important;}
}


/*aiko　あいこ*/
.aiko {width:25%; height:auto;/*margin-left:12.75% !important;*/}
.aiko img {width:100%; }

@media screen and (max-width: 768px) {
	.aiko {width:33.3%; margin-left:0% !important;}
}


/*ILLIT　あいりっと*/
.illit {width:37.5%; height:auto;/*margin-left:12.5% !important*/;}
.illit img {width:100%;}

@media screen and (max-width: 768px) {
	.illit {width:50%;/*margin-left:10% !important;*/}
}

/*CANDY TUNE　きゃんでぃー*/
.candy {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.candy img {width:100%;}

@media screen and (max-width: 768px) {
	.candy {width:50%;/*margin-left:10% !important;*/}
}


/*King & Prince　きんぐあんどぷりんす*/
.kinpri {width:25%; height:auto;/*margin-left:12.75% !important;*/}
.kinpri img {width:100%; }

@media screen and (max-width: 768px) {
	.kinpri {width:33.3%; margin-left:8.35% !important;}
}
@media screen and (max-width: 500px) {
	.kinpri .caption{font-size:13px!important; padding-top: 7px!important; padding-bottom: 3px!important;}
}


/*櫻坂46　さくらざか*/
.sakura {width:37.5%; height:auto;/*margin-left:6.25% !important;*/}
.sakura img {width:100%;}

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


/*JO1　じぇいおーわん　double*/
.jo1 {width:37.5%; height:auto;/*margin-left:6.25% !important;*/}
.jo1 img {width:100%;}

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

/*Superfly*/
.fly {width:25%; height:auto;/*margin-left:12.5% !important;*/}
.fly img {width:100%; }

@media screen and (max-width: 768px) {
.fly {width:33.3%; margin-left:0% !important;}
}


/*SixTONES　ストーンズ*/
.sixtones {width:37.5%; height:auto;/*margin-left:12.5% !important;*/}
.sixtones img {width:100%;}

@media screen and (max-width: 768px) {
.sixtones {width:50%;/*margin-left:8.35% !important;*/}
}


/*TOMORROW × TOGETHER　トゥモロウ*/
.txt {width:37.5%; height:auto;margin-left:18.75% !important;}
.txt img {width:100%;}

@media screen and (max-width: 900px) {
.txt .caption { letter-spacing: -0.04em;}
}

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

@media screen and (max-width: 600px) {
.txt .caption {font-size:12px!important; padding-top: 7px!important; padding-bottom: 3px!important;}
}


/*NiziU　にじう*/
.niziu {width:25%; height:auto;/*margin-left:12.75% !important;*/}
.niziu img {width:100%; }

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