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


#special a{ color: #fff; }
#special a:hover{ color: #868686; }
#special2 a{ color: #313131; }
#special2 a:hover{ color: #868686; }

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



#special::after,
.specialin,
#special2::after
{content: " "; display: block; clear: both;}

#special .mask{ background-color: rgba(0,0,0,0.7);}
#special2 .mask{ background-color: rgba(0,0,0,0.7);}

#special .eff .caption,
#special2 .eff .caption
{font-size:20px; font-weight:bold;font-family:  'M PLUS 1p', sans-serif;}
#special .eff .caption2,
#special2 .eff .caption2
{font-size:14px;letter-spacing:0;}


#special h2,
#special2 h2
{width: 100%; text-align: center; padding: 2px 0px 0px; margin: 0px auto; font-size: 60px;
font-family: "Roboto", sans-serif;font-weight: 700;  font-style: normal; color: #fff;
line-height: 135%; letter-spacing: 0.05em;background-color: #f3bd00;}


/*第２夜が終わったら隠す*/
#special{padding-bottom: 29px;}
#artist1{padding-bottom: 20px;}
/*#special .specialin{display: none;}
#artist1 .a-list{display: none;}*/
#special h2 img,
#special2 h2 img{width: 270px; display: inline-block; margin: 0px 0 11.5px 20px;}
#artist1 h2 img{width: 150px; display: inline-block; margin: 0px 0 11.5px 20px;}

@media screen and (max-width: 900px) {
#special h2 img,
#special2 h2 img{width: 270px; margin: 0px auto 7px;display: block;}
#special h2,
#special2 h2{padding-bottom: 7px;}
#artist1 h2 img{width: 155px; margin: 0px 0 0px 20px;}
}

@media screen and (max-width: 768px) {
#special h2 img,
#special2 h2 img{width: 230px;}
#artist1 h2 img{width: 155px; margin: 0px auto 10px;}
#artist1 h2{padding-bottom: 15px;}
}
@media screen and (max-width: 630px){
}

@media screen and (max-width: 500px){
#special h2,
#special2 h2{padding-bottom: 5px;}
#artist1 h2 img{width: 130px; margin: 0px auto 10px;}
}
/*ここまで*/

/*NEW*/
#special .box p.new{ background-color:#f3bd00; font-size:16px; width: 50px; left: 50px;}

/*コラボ*/
.box p.clb_day1,
.box p.clb_day2
{ position:absolute; width: 50px; color: #fff; line-height: 150%;
font-family: "Roboto", sans-serif;font-weight: 700;  font-style: normal; font-size: 16px; bottom: 0; left: 0;}

.box p.clb_day1{ background-color:#d12423;}
.box p.clb_day2{ background-color:#1c9cd9;}

@media screen and (max-width: 650px) {
#special .box p.new{ left: 40px;}

.box p.clb_day1,
.box p.clb_day2
{ position:absolute; width: 40px; height: 18px!important;line-height: 130%!important;}

}



.specialin{ width: 100%; margin: 0px auto;  background-color: #161616; padding: 10px 0 40px; }
.sp-list{ width:46%; float: left;}
.sp-kitty{ width:60%; float: none; margin:10px 20% 30px 20%;}
/*.collabo1{margin-left: 27.5%!important; margin-bottom: 30px;}*/
.sp-collabo1{ width:60%; float: none; margin:10px 20% 30px 20%;}
.sp-kinashi{width:46%; float: none; margin-left:27.5%!important; }

.specialin .l-left{margin: 10px 1.25% 30px 2.5%;}
.specialin .l-right{margin: 10px 2.5% 30px 1.25%;}
.specialin .l-center{margin: 10px 27% 30px;}

.sp-list ul {border-left: #fff solid 3px; height: 90px; margin: 0;}
.sp-list ul::after{ content: " "; display: block; clear: both;}

.sp-list ul li{text-align: left; line-height: 140%;}



.sp-list ul.day1 li:nth-of-type(1){ font-size: 17px;color: #d91c1a; letter-spacing: 0.05em;padding: 2px 10px 0 10px;font-family: "Inter", sans-serif; font-weight:700; margin-top: 10px;}
.sp-list ul.day2 li:nth-of-type(1){ font-size: 17px;color: #23c8db; letter-spacing: 0.05em;padding: 2px 10px 0 10px;font-family: "Inter", sans-serif; font-weight:700; margin-top: 10px;}

.sp-list ul li:nth-of-type(1) span{ color: #fff; font-size: 17.5px; display: inline-block; margin: 0 7px;font-weight: 600;}
.sp-list ul li:nth-of-type(1) p{ float: right;display: inline-block; margin: 0 10px 0 0;font-family: "Inter", sans-serif; font-weight:700; color: #f3bd00;}

.sp-list ul li:nth-of-type(2){ font-size: 16px; color: #fff;padding: 0px 10px 0 13px;font-family: "Roboto", sans-serif;font-weight: 700;  font-style: normal; word-break :keep-all;}

.sp-list ul li:nth-of-type(2) span.click{ color: #fff; display: inline-block;font-family: "Inter", sans-serif; font-weight:700;  cursor: pointer; }
.sp-list ul li:nth-of-type(2) span.click:hover{color: #767676; }

.sp-list ul.day1 li:nth-of-type(2) span.click{border-bottom: 2px solid #d91c1a;}
.sp-list ul.day2 li:nth-of-type(2) span.click{border-bottom: 2px solid #23c8db;}

.sp-list ul.day_both li:nth-of-type(1){font-size: 17px;color: #fff; letter-spacing: 0.05em;padding: 2px 10px 0 10px;font-family: "Inter", sans-serif; font-weight:700; margin-top: 10px;}

.sp-list ul.day_both li:nth-of-type(1) span:nth-of-type(1)
{color: #d91c1a; display: inline-block; margin: 0 7px 0 0;}

.sp-list ul.day_both li:nth-of-type(1) span:nth-of-type(2)
{color: #d91c1a; display: inline-block; margin: 0 7px ;}

.sp-list ul.day_both li:nth-of-type(1) span:nth-of-type(3),
.sp-list ul.day_both li:nth-of-type(1) span:nth-of-type(4)
{color: #23c8db;display: inline-block; margin: 0 7px ;}

@media screen and (max-width: 600px) { 
.sp-list ul.day_both li:nth-of-type(1){font-size: 16px;}
.sp-list ul.day_both li:nth-of-type(1) p{ margin: 0 -20px 0 0;font-size: 15px;}

.sp-list ul.day_both li:nth-of-type(1) span:nth-of-type(1)
{margin: 0 5px 0 0;}

.sp-list ul.day_both li:nth-of-type(1) span:nth-of-type(2)
{margin: 0 5px ;}

.sp-list ul.day_both li:nth-of-type(1) span:nth-of-type(3),
.sp-list ul.day_both li:nth-of-type(1) span:nth-of-type(4)
{margin: 0 5px ;}
}

.sp-list ul li:nth-of-type(2) span{ font-size: 12px!important; display: inline-block;}

li.sang{line-height: 110%!important; margin-top: 2px;}
.kakko{color: #000; display: inline-block; margin-left: -5px; margin-right: -5px;}

.sp-list ul::after
{ content: " "; display: block; clear: both;}


.opcollabo,
.opcollabo_new,
.opcollabo_new2
{display: none; padding: 0px 0px 20px; clear: left;width: 100%; box-sizing: border-box;}

/*.opcollabo{display: inline-block;}*/

.opcollabo::after,
.opcollabo_new::after,
.opcollabo_new2::after
{ content: " "; display: block; clear: both;}


.opcin{  display: inline-block; height: auto;background-color:#000; width: 90%;padding: 0 20px 20px;margin: 0 auto;}

.opcollabo h5,
.opcollabo_new h5,
.opcollabo_new2 h5
{  color: #fff; font-size: 30px; font-family: "Roboto", sans-serif;font-weight: 700;  font-style: normal; display: inline-block; text-align: left;  padding: 20px 2%;background-color: #000; width: 90%; margin: 0 auto;}

.batsu{ display: inline-block; float: right; margin-top: -20px; cursor: pointer;}
.batsu:hover { color: #767676;}


@media screen and (max-width: 1040px) { 
#special,
#special2
{  width: 96%; height: auto;}
}

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

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

@media screen and (max-width: 768px) { 
#special,
#special2
{  width: 93%; height: auto;}
#special h2,
#special2 h2
{font-size: 50px;}

.specialin{ padding: 10px 0 40px; }
.sp-list{ width:80%; float: none; }
.sp-list ul { height: auto;}

.sp-list ul.day1 li:nth-of-type(1),
.sp-list ul.day2 li:nth-of-type(1){ font-size: 15px;margin: 15px 0 0px;}

.sp-list ul li:nth-of-type(1) span{ font-size: 17.5px; }
.sp-list ul li:nth-of-type(2){ font-size: 14px; }


.specialin .l-left,
.specialin .l-right,
.specialin .l-center,
.sp-kitty,
.sp-collabo1,
.sp-kinashi
{margin: 10px auto 30px!important;}

.sp-list ul li{text-align: left; line-height: 160%;}

li.sang{line-height: 140%!important;}

@media screen and (max-width: 1100px) { 
br.lion{ display: none!important;}
}

.opcin{   width: 95%;padding: 0 5px 20px;}

.opcollabo h5,
.opcollabo_new h5,
.opcollabo_new2 h5
{  width: 95%; }

}

@media screen and (max-width: 600px) { 
#special h2,
#special2 h2
{font-size: 40px;letter-spacing: 0.02em;}

.sp-list{ width:90%;margin: 0px auto ;}
.specialin .l-left,
.specialin .l-right{margin: 10px auto 30px;}
}

@media screen and (max-width: 500px) { 
#special h2,
#special2 h2{}
}

/*///////////////////////////ダンス////////////////////////////*/

/*dance*/
.sp-dance {width:33.2%; margin-left: 0% !important;}
.sp-dance img{width:100%; }
.sp-dance .caption {padding-top:22%; font-size: 20px !important;}
.sp-dance .caption span{font-size: 13px !important;}
.dance_br{}

@media screen and (max-width: 900px) {
.sp-dance{width:50%;margin-left:0% !important;}
.sp-dance .caption {padding-top:22%; }
.sp-dance .caption span{font-size: 11px !important;}
}
@media screen and (max-width:768px) {
.dance_br{display: none;}
}
@media screen and (max-width:600px) {
.sp-dance .caption {padding-top:18%;font-size: 17px !important;}
.dance_br{display: inline-block;}

}

/*///////////////////////////コラボ////////////////////////////*/

/*sp-kudo_koda_mihi*/
.sp-kudo_koda_mihi {width:46.15%; margin-left: 11.5% !important;}
.sp-kudo_koda_mihi img{width:100%; }
.sp-kudo_koda_mihi .caption {padding-top:15%; font-size: 16px !important;}
.sp-kudo_koda_mihi .caption span{font-size: 13px !important;}

@media screen and (max-width: 900px) {
.sp-kudo_koda_mihi{width:60%;margin-left:0% !important;}
.sp-kudo_koda_mihi .caption {padding-top:14%; font-size: 18px !important;}
.sp-kudo_koda_mihi .caption span{font-size: 11px !important;}
}
@media screen and (max-width:768px) {
.sp-kudo_koda_mihi{}
.sp-kudo_koda_mihi .caption {padding-top:11%; font-size: 16px !important;}
}
@media screen and (max-width:600px) {
.sp-kudo_koda_mihi .caption {padding-top:6%;font-size: 14px !important; }
}

/*sp-kudo_masuda*/
.sp-kudo_masuda {width:30.77%; margin-left: 0% !important;}
.sp-kudo_masuda img{width:100%; }
.sp-kudo_masuda .caption {padding-top:23%; font-size: 16px !important;}
.sp-kudo_masuda .caption span{font-size: 13px !important;}

@media screen and (max-width: 900px) {
.sp-kudo_masuda{width:40%;margin-left:0% !important;}
.sp-kudo_masuda .caption {padding-top:22%; font-size: 18px !important;}
.sp-kudo_masuda .caption span{font-size: 11px !important;}
}
@media screen and (max-width:768px) {
.sp-kudo_masuda{}
.sp-kudo_masuda .caption {padding-top:18%; font-size: 16px !important;}
}
@media screen and (max-width:600px) {
.sp-kudo_masuda .caption { padding-top:13%; font-size: 13px !important;}
}

/*sp-missing*/
.sp-missing {width:61.53%; margin-left: 3.85% !important;}
.sp-missing img{width:100%; }
.sp-missing .caption {padding-top:10%; font-size: 16px !important;}
.sp-missing .caption span{font-size: 13px !important;}
.mw1000{display: none;}

@media screen and (max-width: 1000px) {
.mw1000{display: block;}
.sp-missing .caption {padding-top:6%; }
}
@media screen and (max-width: 900px) {
.sp-missing{width:80%;margin-left:10% !important;}
.sp-missing .caption {padding-top:10%; font-size: 18px !important;}
.sp-missing .caption span{font-size: 11px !important;}
.mw1000{display: none;}
}
@media screen and (max-width:768px) {
.mw1000{display: block;}
.sp-missing .caption {padding-top:6%; font-size: 16px !important;}
}
@media screen and (max-width:600px) {
.sp-missing .caption {padding-top:4%; font-size: 13px !important; line-height: 130%!important;}
}


/*sp-mone_miyano*/
.sp-mone_miyano {width:30.77%; margin-left: 0% !important; }
.sp-mone_miyano img{width:100%; }
.sp-mone_miyano .caption {padding-top:23%; font-size: 16px !important;}
.sp-mone_miyano .caption span{font-size: 13px !important;}

@media screen and (max-width: 900px) {
.sp-mone_miyano{width:40%;margin-left:5% !important;clear: inherit;}
.sp-mone_miyano .caption {padding-top:21%; font-size: 18px !important;}
.sp-mone_miyano .caption span{font-size: 11px !important;}
}
@media screen and (max-width:768px) {
.sp-mone_miyano .caption {padding-top:21%; font-size: 16px !important;}
}
@media screen and (max-width:600px) {
.sp-mone_miyano .caption {padding-top:20%; font-size: 12px !important;}
}

/*sp-gosu_masuda*/
.sp-gosu_masuda {width:38.46%; margin-left:15.375% !important;}
.sp-gosu_masuda img{width:100%; }
.sp-gosu_masuda .caption {padding-top:19%; font-size: 16px !important;}
.sp-gosu_masuda .caption span{font-size: 13px !important;}

@media screen and (max-width: 900px) {
.sp-gosu_masuda{width:50%;margin-left:0% !important;}
.sp-gosu_masuda .caption {padding-top:19%; font-size: 18px !important;}
.sp-gosu_masuda .caption span{font-size: 11px !important;}
}
@media screen and (max-width:768px) {
.sp-gosu_masuda{}
.sp-gosu_masuda .caption {padding-top:16%; font-size: 16px !important;}
}
@media screen and (max-width:600px) {
.sp-gosu_masuda .caption {padding-top:11%; font-size: 12px !important;}
}

/*sp-koda_t5*/
.sp-koda_t5 {width:30.77%; margin-left: 0% !important;}
.sp-koda_t5 img{width:100%; }
.sp-koda_t5 .caption {padding-top:23%; font-size: 16px !important;}
.sp-koda_t5 .caption span{font-size: 13px !important;}

@media screen and (max-width: 900px) {
.sp-koda_t5{width:40%;margin-left:/*10%*/ 30%!important;}
.sp-koda_t5 .caption {padding-top:22%; font-size: 18px !important; }
.sp-koda_t5 .caption span{font-size: 11px !important;}
}
@media screen and (max-width: 768px) {
.sp-koda_t5{width:45%;/*margin-left:5% !important;*/}
.sp-koda_t5 .caption {padding-top:19%; font-size: 16px !important; }
}
@media screen and (max-width:600px) {
.sp-koda_t5 .caption {padding-top:13%; font-size: 13px !important;}
}