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


@media screen and (min-width: 700px) and (max-device-width: 3000px) {
	.pc{ display:inline;}
}


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

@media screen and (max-width: 1150px) {
body{ background-image: url('img/bg4_sp.jpg'); }

}

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

.toplive .inner-wrap{ width: 90%; }
.day{width: 500px;margin:60px 30px 30px 0%; }

.artists-list{width: 90%;}
.artists-list .inner-wrap{float: left; width: 65%;}
.artists-list .pposter img{width: 290px;}
.artists-list .pposter{float: right;}

}

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

.toplive .inner-wrap{ width: 90%; }

.artists-list .pposter{background-color:rgba(0,0,0,0); width: 300px;}
.artists-list .inner-wrap{width: 50%; margin: 0 auto 0 5%;}

#past5 .artists-list {width: 90%;margin: 0 auto; }
#past5 .artists-list .inner-wrap{padding: 0 ; float: left; width: 50%; }
.artists-list ul a li{margin: 10px 5px 5px; }

#past5 .artists-list .pposter{margin-top: 50px; text-align: center;float: left; width: 45%;}
#past5 .artists-list .pposter img{width: 290px; }

}

@media screen and (max-width: 991px) {
.pc{ display:none;}
.mp{ display: inline;}
.mpsp{ display: inline;}
.sp{display:none;}

#top{}
#top img{/*width: 96%; */margin-top: 20px;}


.newsin{display: block;}
.day{ width: fit-content; margin: 50px auto 40px; text-align: center;line-height: 36px;}
.day ul{margin: 0 auto;}
.day ul li{text-align: left;}
.day ul li:nth-of-type(1){text-align: center;font-size: 28px;}
.day ul li:nth-of-type(2){font-size: 60px; margin: 50px 0 ;line-height: 60px;text-align: center;}
.day ul li:nth-of-type(2) span{font-size: 40px;}
.day ul li:nth-of-type(3),
.day ul li:nth-of-type(4){ margin: 30px 0;text-align: center; font-size: 28px; line-height: 36px;}
.day ul li:nth-of-type(4) span{font-size: 14px; display: inline-block; margin-left: 5px;}
.day ul li:nth-of-type(5){ margin: 50px 0;text-align: left;font-size: 24px; line-height: 36px;}
.day ul li:nth-of-type(5) a span{font-size: 20px;}

.topposter{text-align: center; width: 100%;}
.newsin img{width: 50%;margin: 20px 25% 0;}

#artists ul a li{ border: 1px solid rgba(255,255,255,0.5);}

.artists-list .inner-wrap{width: 90%; margin: 0 auto 30px; float: none;}
.artists-list ul.artist_photo{margin-top: 30px;}
.artists-list ul.artist_photo li{ width: 32%;}
.artists-list .pposter{float: none; }
.artists-list .pposter img{width: 40%; margin:0 30% ;}

.artists-list h3{ margin:0px auto 30px 130px;}

#past5 .artists-list {width: 90%;margin: 0 auto; }
#past5 .artists-list .inner-wrap{padding: 0 ; float: none; width: 90%; }
#past5 .artists-list ul{width: fit-content; margin-left: 10%;}
#past5 .artists-list ul a li{margin: 10px 5px 5px; }

#past5 .artists-list .pposter{margin-top: 30px;float: none;}
#past5 .artists-list .pposter img{width: 40%;margin:0 30% ;float: none;}
}

@media screen and (max-width:870px) {
#past5 .artists-list .inner-wrap{width: 95%; }
#past5 .artists-list ul{ margin-left: 5%;}

}

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

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

}

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

body::before {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url('img/bg4_sp.jpg');
  background-size: 250%;
  background-repeat: no-repeat;
  z-index: -1;background-position: center top;
}


.mp{ display:none;}
.sp{ display:inline-block;}

#top img{width: 85%; max-width:  500px;}

#artists{width: 460px; margin: 5% auto ; background-position: top left;  padding-top: 130px;}

#artists ul a:last-of-type li{margin-left: 27.5%;}


/*リード*/
#lead{padding: 20px;width: 100%;}
#lead p{font-size: 16px; text-align: left;}
#lead p br{display: none;}
#lead p br:nth-of-type(3),
#lead p br:nth-of-type(4){display:block;}
#lead p br:nth-of-type(4){margin-bottom: 20px;}


#past5 .artists-list .pposter{margin-top: 30px; margin-bottom: 20px;}
#past5 .artists-list ul{margin-left: -10px; padding-left: 7px;}
#past5 .artists-list ul a li{ width: 110px; height: 110px; padding-top: 42px;margin: 10px 4px 5px; font-size: 13px;}

.artists-list .inner-wrap{width: 95%; }
.artists-list ul.artist_photo li{ width: 49%;}
.artists-list .pposter img{width: 50%; margin:0 25% }

/*
#past2 .artists-list ul a:nth-of-type(1) li,
#past2 .artists-list ul a:nth-of-type(4) li,
#past1 .artists-list ul a:nth-of-type(3) li
{ padding-top: 36px;line-height: 18px;}

#past3 .artists-list ul a:last-of-type li,
#past2 .artists-list ul a:nth-of-type(5) li,
#past1 .artists-list ul a:nth-of-type(1) li
{ padding-top: 33px; line-height: 18px;}

#past3 .artists-list ul a:first-of-type li
{ letter-spacing: -0.03em;}
#past2 .artists-list ul a:nth-of-type(7) li
{ letter-spacing: -0.08em;}*/


}


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

}

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

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

body::before {
  background-size: 270%;
  background-repeat: no-repeat;
  z-index: -1;background-position: center top;}


.mw600{ display: inline-block;}

#top{}
.day ul li:nth-of-type(2){font-size: 50px; margin: 50px 0 ;line-height: 50px;}
.day ul li:nth-of-type(3),
.day ul li:nth-of-type(4){font-size: 24px; line-height: 28px;}
.day ul li:nth-of-type(4) span{font-size: 14px; display: inline-block; margin-left: 5px;}
.day ul li:nth-of-type(5){ margin: 50px 0;}
.day ul li:nth-of-type(5) a span{font-size: 16px;}
.day ul li:nth-of-type(5) a{margin: 10px 0 ;font-size: 20px; line-height: 24px;}

.newsin img{width: 94%;margin: 20px 3%;}

#tw{width: 85%;}

#artists{width: 340px; margin: 5% auto ; background-position: top center;  padding-top: 100px; background-size: 100%;}
#artists ul a li{ width: 150px; height:150px; padding-top: 60px;margin: 20px 10px;}
#artists ul a:last-of-type li{ padding-top: 50px;}

.artists-list ul.artist_photo li{ font-size: 14px;}
.artists-list .pposter img,
#past5 .artists-list .pposter img{width: 70%; margin:0 15% }
#past3 .artists-list ul.artist_photo li:last-of-type{font-size: 12px; }

#past5 .artists-list .inner-wrap{width: 100%; }

}

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

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

@media screen and (max-width:500px) {
.day ul li:nth-of-type(5) a{margin: 10px 0 ;font-size: 16px;}

}

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

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

}