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

.top_title{
background-image: url("img2410/index2410.jpg");  }


@media screen and (max-width: 768px){
.top_title{
background-image: url("img2410/index_sp_2410.jpg");}
}



body{margin: 0;background-color:#08041e;}

.mplusr{font-family: 'M PLUS Rounded 1c', sans-serif;}
.smincho{font-family: 'Shippori Mincho', serif;}
.mplus{font-family:  'M PLUS 1p', sans-serif;}

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


@media print {
	#no_print{display:none; text-align: center;}
	#fp-wrap{ display:none;}
	}
	

@media screen and (max-width: 930px){
.pc{ display:none;}
.mp{display:inline-block;}
}
@media screen and (max-width: 768px){
.confetti canvas{ display:none;}
.sp{ display:inline-block;}
.mp{display:none;}

}

.confetti canvas {
   height: 100%;
  width: 100%;
  position: absolute; }


.top_waku{max-width: 1300px;margin: 0 auto !important;}
.top_title{ width: 100%;  display: block; padding-top: 60%; 
background-repeat: no-repeat;background-size:cover; background-position:center top;

/*background-image: url("img/hr1.png"),url("img/hr2.png"); 
background-repeat: no-repeat; background-position: top,bottom;
background-size: 100%;*/
color: #fff; text-align: center; /*padding:25px 0  55px;*/
}


.top_title h1{display: none;}

h2.hr_top{font-size: 70px; margin: -2.6% auto 0;line-height: 100%;padding: 70px 0 0px; color: #fff; font-style: italic;font-family:  'M PLUS 1p', sans-serif; font-weight: 800;
background-image: url("img/hr1.png"); 
background-repeat: no-repeat; background-position: top;
background-size: 100%;}

.top_title h2 span{ display: inline-block; font-size: 28px; color: #fff;}
.top_title h2 span:first-child{ margin-right: 10px;}
.top_title h2 span:nth-of-type(2){margin: 0 -5px 0 5px;}
.top_title h2 span:nth-of-type(3){ margin-right: 20px;}
.top_title h2 span:nth-of-type(4){ margin-right: 10px;}
.top_title h2 span:nth-of-type(5){ margin-right: 10px;}
.top_title h2 span:last-of-type{ font-size: 18px; margin: -50px auto 30px; font-weight: normal; display: inline-block; letter-spacing: 0.1em;}

.sns{ width: 600px; margin: 0 auto 5%;display: inline-block; }

@media screen and (min-width: 1100px){
.top_title h2{padding: 100px 0 0;}
}


@media screen and (max-width: 900px){
.top_title h2{font-size: 50px; }
}
@media screen and (max-width: 768px){

.top_title{padding-top: 126.5%;}

.top_title h2{font-size: 50px; line-height: 55px;}
.top_title h2 span:nth-of-type(2){margin: 0 0px 0 5px;}
.top_title h2 span:nth-of-type(3){ margin-left: 5px; margin-right: 0px;}
.sns{ width: 500px;margin: 0 auto ; }
}


@media screen and (max-width: 600px){
.top_title h2{font-size: 33px; line-height: 45px;padding: 50px 0 0px;}
.sns{ width:90%; display: inline-block;}

}

.contents {width: 100%; max-width: 1100px; margin: 0 auto 0;}
.contents ul li img{ width: 100%;}
.contents ul::after { content: " "; display: block; clear: both;}


.first ul li{ list-style: none; float: left; width: 50%; }
.second ul li{ list-style: none; float: left; width: 50%; }
/*.third ul li{ list-style: none; float: left; width: 33%; margin-top: 0px;}*/
.third ul li{ list-style: none; float: left; width: 40%; margin: 1% 5%;}
.fourth ul li{ list-style: none; float: left; width: 50%; margin-top: -30px;}
.fifth ul li{ list-style: none; float: left; width: 33%; margin-top: 0px;}
/*.sixth ul li{ list-style: none; float: left; width: 33%; margin-top: 0px;}*/
.sixth ul li{ list-style: none; float: left; width: 40%; margin: 1% 5%;}
.seventh ul li{ list-style: none; float: left; width: 33%; margin-top: 0px;}
.eighth ul li{ list-style: none; float: left; width: 50%; margin-top: 0px;}
.nineth ul li{ list-style: none; float: left; width: 50%; }


.contents h2:first-letter{font-size:60px;}
.contents h2{ margin:20px 3% 10px; font-size:36px; font-style: italic;z-index: 10;
color:#e7fcff ; line-height:140%; font-family:  'M PLUS 1p', sans-serif; font-weight: 800;}
.contents h3{ margin:0px 3% ; font-size:26px; font-style: italic;
color:#e7fcff ; line-height:140%;  font-weight:800; font-family:  'M PLUS 1p', sans-serif; }
.contents p{position: absolute; font-style: italic;font-family:  'M PLUS 1p', sans-serif; font-weight: 800;display : inline-block; font-size:22px; line-height: 130%;
text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;}
	   
.contents .hatsu{ width: 100px; position: absolute; background-image: url("img/f-time.png");
background-repeat: no-repeat; background-size: 100px; height: 117px; margin: 0px;}

.contents .honnin{ width: 159px; position: absolute; background-image: url("img/honnin.png");
background-repeat: no-repeat; background-size: 150px; height: 117px; margin: 0px 0 0 0px;}

.first ul li:nth-of-type(5) {width: 64%;  margin-left: 18%;}
.first ul li:nth-of-type(5) p{ margin: 380px 0 0 0;}

.fourth ul li:nth-of-type(1),
.fourth ul li:nth-of-type(2){ margin: 50px 0;}

.docchi ul li:nth-of-type(1),
.docchi ul li:nth-of-type(2){ margin: 0px 0 30px;}

h2.etc{ margin: 250px 0 30px ;}

.sixth ul li:nth-of-type(3) {margin: -10px 0 0 30%; }


.eighth ul li:nth-of-type(n+3){ margin-top: -30px;}

@media screen and (max-width: 1150px){
.contents p{ font-size:22px;}

.first ul li:nth-of-type(3),
.first ul li:nth-of-type(4){margin-top: 0px;}

.contents h2{margin:30px 5% 10px; }
.contents h3{ margin:0px 5%;font-size:22px; }

h2.etc{ margin: 250px 0 30px ;}

}

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

@media screen and (max-width: 1000px){
.first ul li,
.third ul li{ margin-bottom: 30px;}
.fifth ul li{ margin-bottom: 50px;}

}

@media screen and (max-width: 930px){
.contents h2{font-size:33px;  }
.contents p{ font-size:22px;}

h2.etc{ margin: 200px 0 30px ;}

.first ul li,
.first ul li:nth-of-type(5),
.second ul li,
.fourth ul li,
.eighth ul li,
.nineth ul li
{  width: 70%; margin: 0 auto 0; float: none;}

.third ul li,
.sixth ul li{ width: 44%; margin: 2.5%;}


.fourth ul li:nth-of-type(1){ margin: 50px auto;}
.fourth ul li:nth-of-type(2){ margin: 50px auto;}

.docchi ul li:nth-of-type(1),
.docchi ul li:nth-of-type(2){ margin: 0px auto 30px;}

.fifth ul li{ width: 45%; margin: 2.5% 2% 0;}
.fifth ul li:nth-of-type(3){ margin-left: 27%;}

}

@media screen and (max-width: 780px){
.fifth ul li{ width: 60%; margin: 3% 20%;}
.fifth ul li:nth-of-type(3){ margin-left: 20%;}
}

@media screen and (max-width: 768px){
.first ul li,
.first ul li:nth-of-type(5),
.second ul li,
.fourth ul li,
.nineth ul li
{  width: 90%; margin-bottom: 30px;}

.third ul li{ width: 46%; margin: 3% 1.5%;}
.sixth ul li,
.sixth ul li:nth-of-type(3) { width: 60%; margin: 3% 20%;}


h2.etc{ margin: 160px 0 30px ;}



}

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

.first ul li,
.first ul li:nth-of-type(5),
.second ul li,
.fourth ul li,
.eighth ul li,
.nineth ul li{ width: 100%; }

.second ul li{ margin-bottom: 40px;}
.second ul li:last-of-type,
.third ul li:last-of-type{ margin-bottom: 50px;}

.third ul li
{ width: 46%; margin: 0% 1.5%;}
h2.etc{ margin: 130px 0 30px ;}

.fifth ul li{ width: 70%; margin: 10% 15%;}
.fifth ul li:nth-of-type(3){ margin-left: 15%;}

}


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

@media screen and (max-width: 500px){
.contents h2{font-size:23px; margin:20px 15px 10px 15px; }
.contents h3{  font-size:19px;margin:20px 15px 10px 15px; }

.contents p{ font-size:22px;}

.first ul li,
.second ul li{ margin-bottom: 0px;}

h2.etc{ margin: 100px 0 30px ;}

.fourth ul li:nth-of-type(1){ margin: 50px auto 90px;}
.fourth ul li:nth-of-type(2){ margin: 50px auto 70px;}

.docchi ul li:nth-of-type(1){margin: -30px auto 30px;}
.docchi ul li:nth-of-type(2){ margin: 0px auto 100px;}


}


/*first IDOL*/
.first h2{text-align: left;
text-shadow:0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 6px #f386fd, 0 0 2px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd;}/*ピンク*/

.first p{ margin: 280px 0 0 0;}
.first ul li:nth-of-type(1) p{color: #F702F0; }/*ピンク*/
.first ul li:nth-of-type(2) p{color: #0CB824; }/*みどり*/
.first ul li:nth-of-type(3) p{color: #2555DB; }/*あお*/
.first ul li:nth-of-type(4) p{color: #FF8A0B; }/*オレンジ*/
.first ul li:nth-of-type(5) p{color: #F1373A; }/*あか*/



@media screen and (max-width: 930px){
.first p,
.first ul li:nth-of-type(5) p{ margin: 35% 0 0 0px;}

}

@media screen and (max-width: 768px){
.first p,
.first ul li:nth-of-type(5) p{ margin: 45% 0 0 0px;}
.first h2{ text-align: center;}
}


@media screen and (max-width: 600px){
.first p,
.first ul li:nth-of-type(5) p{ margin: 220px 0 0 20px; }
}

/*second　周年メドレー*/
.second h2, .second h3{text-align:right; margin-bottom: 30px;
text-shadow:0 0 4px #774ae5, 0 0 4px #774ae5, 0 0 4px #774ae5, 0 0 6px #b59eed, 0 0 2px #b59eed, 0 0 6px #b59eed, 0 0 6px #f9c1a8, 0 0 6px #f386fd;}/*むらさき*/

.second p{ margin: 280px 0 0 20px; text-align:left}
.second ul li:nth-of-type(1) p{color: #FF8A0B; }/*オレンジ*/
.second ul li:nth-of-type(2) p{color: #BB1AFF; }/*むらさき*/
.second ul li:nth-of-type(3) p{color: #2555DB; }/*あお*/
.second ul li:nth-of-type(4) p{color: #F1373A; }/*あか*/

@media screen and (max-width: 1150px){
/*.second p{font-size:22px;}*/
}

@media screen and (max-width: 930px){
.second p{ margin: 38% 0 0 0;}
}
@media screen and (max-width: 768px){
.second p{ margin: 50% 0 0 0;}
}

@media screen and (max-width: 600px){
.second h2, .second h3{text-align:center; margin-top: 0;}
.second p{ margin: 50% 0 0 20px;}
}

@media screen and (max-width: 500px){
.second p{ margin: 56% 0 0 20px;}
}


/*third　番組パロディ*/
.third h2,.third h3{text-align:left; color: #fff;
text-shadow:0 0 4px #e4ac00, 0 0 4px #e4ac00, 0 0 4px #e4ac00, 0 0 6px #b0a172, 0 0 2px #b0a172, 0 0 6px #b0a172, 0 0 6px #b0a172, 0 0 6px #b0a172;}/*きいろ*/

.third h3{ margin-bottom: 50px;}

.third p{ margin: 320px 0 0 0px; text-align:left; font-size: 24px;}
.third ul li:nth-of-type(1) p{color: #FFC926; }/*きいろ*/
.third ul li:nth-of-type(2) p{color: #0CB824; }/*みどり*/
.third ul li:nth-of-type(3) p{color: #BB1AFF; }/*むらさき*/
.third ul li:nth-of-type(4) p{color: #2555DB; }/*あお*/
.third ul li:nth-of-type(5) p{color: #F1373A; }/*あか*/

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

@media screen and (max-width: 1000px){
.third p{ margin: 230px 0 0 0;}

}

@media screen and (max-width: 930px){
.third p{ margin: 32% 0 0 0;}
}

@media screen and (max-width: 600px){
.third h2{font-size:23px; margin-left: 20px; letter-spacing: -0.05em;}
.third h3{font-size:19px; margin-left: 20px;}
.third p{margin: 34% 0 0 20px; font-size: 20px;}

}


/*fourth　etc*/
.fourth h2{text-align:center; margin-bottom: 80px;
text-shadow:0 0 4px #ec7e4d, 0 0 4px #ec7e4d, 0 0 4px #ec7e4d, 0 0 6px #f9c1a8, 0 0 2px #f9c1a8, 0 0 6px #f9c1a8, 0 0 6px #f9c1a8, 0 0 6px #f9c1a8;}/*オレンジ*/



.fourth p{ margin: 280px 0 0 0; }

.fourth ul li:nth-of-type(1) p{color: #FF8A0B; }/*オレンジ*/
.fourth ul li:nth-of-type(2) p{color: #0CB824; }/*みどり*/

.docchi ul li:nth-of-type(1) img{ margin-top: 100px; width: 90%;}
.docchi ul li:nth-of-type(2) p{color: #F702F0; margin: 300px 0 0 0; }/*ピンク*/


@media screen and (max-width: 1150px){
.fourth p{font-size:22px;}
}


@media screen and (max-width: 1100px){
.docchi ul li:nth-of-type(1) img{ margin-top: 120px; width: 90%;}
.docchi ul li:nth-of-type(2) p{margin: 270px 0 0 0; }
.docchi ul{margin-bottom: 50px;}
}


@media screen and (max-width:930px){
.fourth h2{}
.fourth ul li:nth-of-type(3){}
.fourth p{ margin: 40% 0 0 0; }

.docchi ul li:nth-of-type(1){text-align: center;}
.docchi ul li:nth-of-type(1) img{ margin: 30px auto 0; width: 90%;}
.docchi ul li:nth-of-type(2) p{margin: 40% 0 0 0; }

}

@media screen and (max-width:768px){
.fourth h2{margin: 0;}
.fourth p{ margin: 50% 0 0 0; }
.docchi ul li:nth-of-type(2) p{margin: 51% 0 0 0;}

}

@media screen and (max-width:600px){
.docchi ul li img{ margin: 0px auto 0; }
.fourth p{ margin: 52% 0 0 20px; }
.docchi ul li:nth-of-type(2) p{margin: 55% 0 0 20px;}
}

@media screen and (max-width:500px){
.fourth p{ margin: 240px 0 0 20px; }
.docchi ul li:nth-of-type(2) p{margin: 55% 0 0 20px;}
}

/*fifth　令和のヒット曲*/
.fifth h2,.fifth h3{text-align:left;
/*text-shadow:0 0 4px #0CB824, 0 0 4px #0CB824, 0 0 4px #0CB824, 0 0 6px #b9ffb7, 0 0 2px #b9ffb7, 0 0 6px #b9ffb7, 0 0 6px #b9ffb7, 0 0 6px #b9ffb7;/*みどり*/

text-shadow:0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 6px #f386fd, 0 0 2px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd;/*ピンク*/}

.fifth{padding-bottom: 50px;}

.fifth p{ margin: 280px 0 0 20px; text-align:left;}
.fifth ul li:nth-of-type(1) p{color: #F702F0; }/*ピンク*/
.fifth ul li:nth-of-type(2) p{color: #0CB824; }/*みどり*/
.fifth ul li:nth-of-type(2) p span{ font-size: 80%;}
.fifth ul li:nth-of-type(3) p{color: #2555DB; }/*あお*/
.fifth ul li:nth-of-type(3) p span{font-size: 80%;}


@media screen and (max-width:1150px){
.fifth p{ margin: 250px 0 0 20px; text-align:left;}
}
@media screen and (max-width:930px){
.fifth p{ margin: 280px 0 0 20px; }
}

@media screen and (max-width:800px){
.fifth p{ margin: 310px 0 0 0px;}
.fifth ul li:nth-of-type(2) p span,
.fifth ul li:nth-of-type(3) p span{font-size: 100%;}
}

@media screen and (max-width:700px){
.fifth p{ margin: 270px 0 0 0px;}
}
@media screen and (max-width:600px){
.fifth p{ margin: 240px 0 0 -25px;}
}

/*
@media screen and (max-width:650px){
.fifth p{ margin: 180px 0 0 0px;font-size: 18px;}
}
@media screen and (max-width:500px){
.fifth p{ margin: 160px 0 0 0px;font-size: 16px;}
.fifth h2{ text-align: center;}
}*/

/*sixth　勝手に予想紅白歌合戦*/
.sixth h2,.sixth h3{text-align:right; margin-bottom: 30px;
text-shadow:0 0 4px #2555DB, 0 0 4px #2555DB, 0 0 4px #2555DB, 0 0 6px #99eff9, 0 0 2px #99eff9, 0 0 6px #99eff9, 0 0 6px #99eff9, 0 0 6px #99eff9;}/*あお*/


.sixth p{ margin: 320px 0 0 20px; text-align:left;}
.sixth ul { margin-bottom: 30px;}
.sixth ul li:nth-of-type(1) p{color: #F1373A; }/*あか*/
.sixth ul li:nth-of-type(2) p{color: #2555DB; }/*あお*/
.sixth ul li:nth-of-type(3) p{color: #FFC926; }/*きいろ*/



@media screen and (max-width: 1150px){
.sixth p{font-size:22px;}
}

@media screen and (max-width: 1000px){
.sixth p{ margin: 230px 0 0 0;}
.sixth p{font-size:22px;}
}

@media screen and (max-width: 930px){
.sixth p{ margin: 32% 0 0 0;}
}

@media screen and (max-width: 768px){
.sixth p{ margin: 50% 0 0 -30px;}
}

@media screen and (max-width: 600px){
.sixth h2{ text-align:center; margin-top: 0;margin-bottom: 0px;}
.sixth h3{ text-align:center; }

.sixth p{font-size:20px;margin: 50% 0 0 -30px;}
.sixth ul li:nth-of-type(3){margin-bottom: 50px;}
}


/*顔だけ*/
.seventh h2,.seventh h3{text-align:left;
text-shadow:0 0 4px #ff4949, 0 0 4px #ff4949, 0 0 4px #ff4949, 0 0 6px #ffd6d6, 0 0 2px #ffd6d6, 0 0 6px #ffd6d6, 0 0 6px #ffd6d6, 0 0 6px #ffd6d6;}/*あか*/

.seventh h2{margin-bottom: 90px; line-height: 160%;}
.seventh h3{margin: 100px auto 0px; text-align: center;}
.seventh h3 span{font-size: 80%;}

.seventh { margin-top: 50px;}

.shimofuri{position: absolute; background-image: url("img/kao_logo.jpg"); background-repeat: no-repeat; 
background-position: right top;background-size: 400px; margin: -80px 0 0 750px; width: 400px; display: flex; height: 300px;padding-top: 180px;}

.seiya{width: 150px; height: 150px;}
.soshina{width: 150px; height: 150px; margin-left: 100px;}

.seventh .shimofuri p{color: #fff; text-align: center; text-shadow: none; margin:60px 0 0 142px; font-size: 18px;}

.seventh ul li p {margin: 20px 0 0 20px; position: absolute;}
.seventh ul li:nth-of-type(1) p{color: #F1373A; }/*あか*/
.seventh ul li:nth-of-type(2) p{color: #BB1AFF; }/*むらさき*/
.seventh ul li:nth-of-type(3) p{color: #FFC926; }/*きいろ*/
.seventh ul li:nth-of-type(4) p{color: #2555DB; }/*あお*/
.seventh ul li:nth-of-type(5) p{color: #FF8A0B; }/*オレンジ*/
.seventh ul li:nth-of-type(6) p{color: #0CB824; }/*みどり*/

.seventh .mvp{position: absolute; margin: 200px 0 0 0px; width:130px !important;}


@media screen and (max-width: 1250px){
.shimofuri{margin: -60px 0 0 55%;}
}

@media screen and (max-width: 1024px){
.seventh .mvp{margin: 17% 0 0 0px; width:130px !important;}

}

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

.seventh h2{ margin: -50px auto 30px; text-align: center;}
.seventh h3{margin: 70px auto 0px; }

.shimofuri{margin: -80px auto 0; position: relative;width: 600px;background-size: 600px;padding-top: 270px;}
.seiya{width: 200px; height: 200px;}
.soshina{width: 200px; height: 200px; margin-left: 170px;}
.seventh .shimofuri p{margin:70px 0 0 210px; font-size: 24px;}

.seventh .mvp{margin: 17% 0 0 0px; width:110px !important;}

}

@media screen and (max-width:800px){
.seventh ul li p {font-size: 18px;}
.seventh ul li:nth-of-type(6) {clear: left; margin-left: 0%; width: 100%;}
.seventh h3{margin: 30px auto 50px; }


}


@media screen and (max-width:768px){
.seventh h2{margin: -50px auto 30px; text-align: center !important; width: 100%;}
.seventh ul li p {margin: 10px 0 0 20px; font-size: 18px;line-height: 20px;}

.seventh .mvp{margin: 18% 0 0 0px; width:80px !important;}

}

@media screen and (max-width: 650px){
.seventh h2{margin: -50px auto 30px; text-align: center !important; width: 100%;}

.seventh h3{font-size:18px; }

.shimofuri{margin: -50px auto 0; width: 400px;background-size: 400px;padding-top: 180px;}
.seiya{width: 150px; height: 150px;}
.soshina{width: 150px; height: 150px; margin-left: 100px;}
.seventh .shimofuri p{margin:60px 0 0 142px; font-size: 18px;}
.seventh ul li p {font-size: 16px;}

.seventh .mvp{margin: 18% 0 0 -10px; width:80px !important;}

}

@media screen and (max-width: 500px){
.seventh h2{margin: -120px auto 30px; text-align: center !important; width: 100%;}
.seventh h3{font-size:17px; text-align: center;}

.seventh ul li p {margin: 0px 0 0 10px; font-size: 12px;line-height: 14px;}
.seventh .mvp{margin: 17% 0 0 -10px; width:60px !important;}

}



/*eighth　ものまねショート*/
.eighth h2,.eighth h3{text-align:right;
text-shadow:0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 6px #f386fd, 0 0 2px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd;}/*ピンク*/

.eighth{background-image: url("img/short_logo.jpg"); background-repeat: no-repeat; 
background-position:100px top;background-size: 350px; padding-top: 10px; }

.eighth .pce{ }

.eighth .mvp{position: absolute; margin: 0; width: 150px !important;}

@media screen and (max-width: 1000px){
.eighth{background-position:50px top;}
}

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

.eighth{background-position:center top;background-size: 500px; padding-top: 300px;} 
.eighth h2{text-align: center;}
.eighth h3{text-align: left;}

.eighth ul li:nth-of-type(2){ margin-top: -30px;}
/*.eighth ul li:nth-of-type(3){ margin-left: auto; margin-top: -30px;}*/

.eighth .pce{display: none;}

}

@media screen and (max-width: 768px){
.eighth h2{text-align: center !important; margin: 80px auto 0;margin-left: auto; width: 100%;}
.eighth .mvp{ width: 120px !important;}
}

@media screen and (max-width: 600px){
.eighth{background-size: 400px; padding-top: 200px;} 
}

@media screen and (max-width: 500px){
.eighth h2{ }
.eighth .mvp{ width: 100px !important;}

}



/*nineth　豪華メンバー*/
.nineth h2{text-align:left; 
text-shadow:0 0 4px #ec7e4d, 0 0 4px #ec7e4d, 0 0 4px #ec7e4d, 0 0 6px #f9c1a8, 0 0 2px #f9c1a8, 0 0 6px #f9c1a8, 0 0 6px #f9c1a8, 0 0 6px #f9c1a8;}/*オレンジ*/

.nineth p{ margin: 280px 0 0 20px; text-align:left}
.nineth ul li:nth-of-type(1) p{color: #FF8A0B; }/*オレンジ*/
.nineth ul li:nth-of-type(2) p{color: #2555DB; }/*あお*/
.nineth ul li:nth-of-type(3) p{color: #BB1AFF; }/*むらさき*/
.nineth ul li:nth-of-type(4) p{color: #F1373A; }/*あか*/

@media screen and (max-width: 1150px){
/*.nineth p{font-size:22px;}*/
}

@media screen and (max-width: 930px){
.nineth p{ margin: 38% 0 0 0;}
}
@media screen and (max-width: 768px){
.nineth p{ margin: 50% 0 0 0;}
}

@media screen and (max-width: 600px){
.nineth h2{text-align:center; margin-top: 0;}
.nineth p{ margin: 50% 0 0 20px;}
}

@media screen and (max-width: 500px){
.nineth p{ margin: 56% 0 0 20px;}
}




.hr_red, .hr_purple, .hr_blue, .hr_pink, .hr_green, .hr_yellow, .hr_orange{ 
border: none; background-position: top; background-size: 100%; height: 60px; background-repeat: no-repeat;}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
.hr_red, .hr_purple, .hr_blue, .hr_pink, .hr_green, .hr_yellow, .hr_orange{ height: 80px; }
}

@media screen and (min-width: 1400px){
.hr_red, .hr_purple, .hr_blue, .hr_pink, .hr_green, .hr_yellow, .hr_orange{ height: 100px;}
}


.hr_red{ background-image: url("img/hr_red.png");}
.hr_purple{ background-image: url("img/hr_purple.png");}
.hr_pink{ background-image: url("img/hr_pink.png");}
.hr_yellow{ background-image: url("img/hr_yellow.png");}
.hr_orange{ background-image: url("img/hr_orange.png");}
.hr_blue{ background-image: url("img/hr_blue2024.png");}
.hr_green{ background-image: url("img/hr_green.png");}



.snsarea{ width: 800px; margin: 10% auto;
 display: flex;  font-family:  'M PLUS 1p', sans-serif; font-weight: 800; }

.snsarea .twx { padding: 40px 20px; font-size: 24px; text-align: center;line-height:140%; 
margin: 0px 30px 0 0; height: 100px; width: 350px;font-weight: 800;
text-shadow:0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 6px #f386fd, 0 0 2px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd;
box-shadow:0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 4px #ce02e1, 0 0 6px #f386fd, 0 0 2px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd;}
.snsarea .twx a{color: #fff; text-decoration: none; padding-top: 30px;font-weight: 800;}
.snsarea .twx:hover{box-shadow:0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 6px #f386fd, 0 0 2px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd, 0 0 6px #f386fd;}

@media screen and (max-width: 930px){
.snsarea{ display: inline-block; width: 100%;}
.snsarea .twx {margin: 30px auto;padding: 40px 10px; width: 75%;}
.boshu_bnr{ }
}


/*バナー　過去リンク*/
.boshu_bnr{ width: 700px;}
.boshu_bnr img{width: 100%;}
.boshu_bnr img:hover{box-shadow:0 0 1px #6ffe4e, 0 0 1px #6ffe4e, 0 0 1px #6ffe4e, 0 0 10px #c4ff8b, 0 0 5px #c4ff8b, 0 0 10px #c4ff8b, 0 0 10px #c4ff8b, 0 0 10px #c4ff8b;}

.selectbox {
    /*width:180px;*/width: fit-content;
    margin:1em auto;
	position:relative;
}

select{width: fit-content; font-weight:bold;
  padding:10px 20px; 
  box-sizing:border-box;
  font-size:18px; text-align:left;
  line-height:1.6; color:#000066;
  pointer-events: all;
}

select:hover{box-shadow:0 0 1px #6ffe4e, 0 0 1px #6ffe4e, 0 0 1px #6ffe4e, 0 0 10px #c4ff8b, 0 0 5px #c4ff8b, 0 0 10px #c4ff8b, 0 0 10px #c4ff8b, 0 0 10px #c4ff8b;}

.selectbox::after {color:#000033;}

.back{margin:20px auto 40px; font-size:15px; font-weight: bold;width: fit-content; }
.back a{ color: #fff; text-decoration: none;}
.back a:hover{text-shadow:0 0 1px #6ffe4e, 0 0 1px #6ffe4e, 0 0 1px #6ffe4e, 0 0 10px #c4ff8b, 0 0 5px #c4ff8b, 0 0 10px #c4ff8b, 0 0 10px #c4ff8b, 0 0 10px #c4ff8b;}

@media screen and (max-width:930px){
.boshu_bnr{margin: 50px auto 0px; width: 80%;}

@media screen and (max-width:763px){
.boshu_bnr{width: 90%;}}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	cursor: pointer;
	width: 100%;
}

select:focus {
	border: 1px solid rgba(0, 0, 0, 0.32);
	box-shadow: none;
	outline: none;
}

}