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

body{ /*background-color:#0d1a40;*/ font-size:14px; letter-spacing:0.05em;font-family: 'Noto Sans JP', sans-serif; font-weight:400; color:#fff; line-height:150%;}

.pc{ }
.mp,
.sp,
.mw600{display:none;}

#tw{margin: 5% auto;width: 500px; }
@media screen and (max-width: 768px) {
#tw{margin: 10% auto;width: 90%; }
}

.top-boshu{width:100%; margin:3% auto; text-align: center; }
.top-boshu img{ width: 600px;}


@media print {
	#allCon{ display:none;}
	}

.b{ font-weight:bold;}
.n{ font-weight:normal;}

#fp-content a:link,
#fp-content a:visited {color:#F36;text-decoration:none;}
#fp-content a:active,
#fp-content a:hover {color:#BE3C3E;}

#fp-content a img:hover{opacity: 0.72;}

#photo img, .photo, #archive img {pointer-events: none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;}
	
	
#fp-content img{ /* SPの長押し禁止 */
	    -webkit-touch-callout:none;
	    -webkit-user-select:none;
	    -moz-touch-callout:none;
	    -moz-user-select:none;
	    user-select:none;
	}
	



.fclear{clear:both;}

.Gradation_1 {
  width: 100%; padding-bottom: 100px;
  background: linear-gradient(270deg, #0c1729, #162ed0);
  background-size: 200% 200%;
  animation: Grad 5s ease infinite;
  align-items: center;
  justify-content: center;
}

/*
@keyframes Grad {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}*/


.Gradation_6 {
  background-image: linear-gradient(90deg, #0c1729 0%, #162ed0 50%, #d1bf3f 75%, #0c1729 100%);
  background-position: 0% 0%;
  background-size: 3000px 100%;
  animation: Grad 5s linear infinite;
  animation-delay: 0.5s;
}



@keyframes Grad {
	0% {
		background-position: 0 0%;
	}
	100% {
		background-position: 3000px 0%;
	}
}


ul{all: unset;}
ul li{ margin: 0!important;}

.member{ width: 100%; max-width: 1100px; margin: 50px auto 0;}
.member ul{ float: left; width: 24%; box-sizing: border-box; /*margin-top: -13px;　*/display: inline-block;margin-right: 1.5px; margin-bottom: 1.5px;}



@media screen and (max-width: 1110px) {
.member{width: 95%; }
}
@media screen and (max-width: 991px) {
.member ul{  width: 32.3%; }
}

.member ul li:nth-child(odd){margin-top: -13px!important;}
.member ul li:nth-child(even){height: 80px;}


.member ul li img{width: 100%;}
.member ul li { color: #fff; padding: 13px 0 0;box-sizing: border-box; list-style: none; }

.member ul li p{font-weight: bold; }
.member ul li p:nth-of-type(1){ font-size: 24px; }
.member ul li p:nth-of-type(2){ font-size: 12px; margin-top: 10px;line-height: 1.3;}
.member ul li span{ font-size: 15px; display: inline-block;font-weight: bold; margin-bottom: 7px;}

.kokubu{ letter-spacing: -0.1em;}
.tomoda span{letter-spacing: -0.05em;font-size: 14px; }

.member ul li.single{ padding-top: 27px;}
/*.member ul li.single p:nth-of-type(2){ margin-top: 24px;line-height: 1.4;}*/


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

@media screen and (max-width: 768px) {
.member ul li p{ font-size: 20px;}
.member ul li span{ margin-bottom: 4px;}

.member ul{  width: 49%; }

}

@media screen and (max-width: 600px) {
.kokubu{ font-size: 21px!important; letter-spacing: -0.13em;}
.tomoda span{letter-spacing: -0.05em;font-size: 12px!important;  }
}

.member::after,
.kao::after{ content: " "; display: block; clear: both;}


#top{ text-align:center; width: 100%; max-width: 1200px;margin: 0 auto;}

.topimg{width:100%; margin:0 auto; max-width: 1200px; }
.topimg img{ z-index:0; width:100%;}


.kao{margin: 30px auto; width: 100%; max-width: 1000px; padding-bottom: 20px;}

@media screen and (max-width:1040px) {
.kao{width: 100%;}
}


 .bgR{background-color:#cc0000;}
 .bgB{background-color:#0000cc;}
 .bgY{background-color:#FFB100;}
 .bgG{background-color:#63b62e;}
 .bgP{background-color:#cc00cc;}
 
.jizen .member ul li:nth-child(even){height: 120px;background-color:#16BAD5!important;}


 p.oadate{ text-align:center;  color:#fff; font-size:42px; padding:20px 5px 15px; font-weight: bold; background-color:#c30d23; width:80%; margin: 0 auto; margin-top:-5px; border-radius: 240px 50px 100px 50px / 30px 200px 30px 185px; border: 6px solid #ffcad8; line-height:85%; z-index:200;}

 .text{font-size:60px; width:100%; font-weight:bold; padding:50px 0 60px; line-height:120%; color:#d3dd00; transform: rotate(-3deg);
  text-shadow: 4px 2px 5px rgba(141, 147, 114, 1);
  -webkit-text-stroke: 1.5px #FFF; text-stroke: 1.5px #FFF;}
 .text p{margin:0 auto;}

 .kao{width:100%; margin:5% auto 0;}
 .kao_logo{width:56%; float:left; margin-bottom:2%;}
 .kao_logo img{width:100%;}

.kaoIn{ width: 85%; margin: 0 auto 50px; box-sizing: border-box;}

 .kao_text{width:44%; color:#d0f491; margin-top:50px; font-size:24px; float:right; line-height:130%; 
 transform: rotate(3deg); font-weight: 600;
 text-shadow: 4px 2px 5px rgba(127, 138, 75, 1);-webkit-text-stroke: 1px #FFF; text-stroke: 1px #FFF;}

 .cast_kao{width:31%; text-align:center; float:left; margin:1%; color:#666; box-sizing: border-box; }
/* .cast_kao:nth-child(even){background-color:#ffcad8;}
 .cast_kao:nth-child(odd){background-color:#d0f491;}*/

.cast_kao:nth-of-type(7){margin-left: 16.5%;}

.cast_kao:nth-of-type(9),
.cast_kao:nth-of-type(10){width:48%;}

 .cast_kao img{width:100%; border-radius: 50%; border: 1px #ffcc33 solid;box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
 .cast_kao h2{color:#666;font-size: 25px; font-weight: bold;height:37px;margin:25px 0 15px;}
 .cast_kao h2 span{ font-size: 18px; display: inline-block; margin-right: 10px;}
 
  p.last{text-align:center; font-size:36px; margin:30px auto 50px;color:#d0f491; transform: rotate(-3deg); font-weight: 600;
 text-shadow: 4px 2px 5px rgba(127, 138, 75, 1);-webkit-text-stroke: 1px #FFF; text-stroke: 1px #FFF; line-height: 130%;}
 
.cast_kao:nth-of-type(2) img.f-time{position: absolute; width: 100px; border: none; margin: -100px 0 0 -130px;}  
.cast_kao:nth-of-type(10) img.f-time{position: absolute; width: 100px; border: none; margin: -250px 0 0 -180px;}  



 
 /*放送後*/
 
  .result{width: 100%; max-width: 1000px; margin: 0 auto;}
 .result::after { content: " "; display: block; clear: both;}

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

 
ul.block{width:31%; margin:2% 1%; padding:2% 0 0; float:left; list-style:none;
background-repeat: no-repeat; background-size: 100%; 
background-position: bottom;}


ul.block:nth-of-type(1){background-image:url("photo/2024castA.jpg");
-moz-box-shadow: 0px 0px 10px 6px rgba(255, 140, 157, 1);
-webkit-box-shadow: 0px 0px 10px 6px rgba(255, 140, 157, 1);
-ms-box-shadow: 0px 0px 10px 6px rgba(255, 140, 157, 1);
box-shadow: 0px 0px 10px 6px rgba(255, 140, 157, 1);}

ul.block:nth-of-type(2){background-image:url("photo/2024castB.jpg");
-moz-box-shadow: 0px 0px 10px 6px rgba(99, 190, 255, 1);
-webkit-box-shadow: 0px 0px 10px 6px rgba(99, 190, 255, 1);
-ms-box-shadow: 0px 0px 10px 6px rgba(99, 190, 255, 1);
box-shadow: 0px 0px 10px 6px rgba(99, 190, 255, 1);}

ul.block:nth-of-type(3){background-image:url("photo/2024castC.jpg");
-moz-box-shadow: 0px 0px 10px 6px rgba(255, 182, 99, 1);
-webkit-box-shadow: 0px 0px 10px 6px rgba(255, 182, 99, 1);
-ms-box-shadow: 0px 0px 10px 6px rgba(255, 182, 99, 1);
box-shadow: 0px 0px 10px 6px rgba(255, 182, 99, 1);}

ul.block:nth-of-type(4){background-image:url("photo/2024castD.jpg");
margin-left: 17%;
-moz-box-shadow: 0px 0px 10px 6px rgba(130, 217, 150, 1);
-webkit-box-shadow: 0px 0px 10px 6px rgba(130, 217, 150, 1);
-ms-box-shadow: 0px 0px 10px 6px rgba(130, 217, 150, 1);
box-shadow: 0px 0px 10px 6px rgba(130, 217, 150, 1);}

ul.block:nth-of-type(5){background-image:url("photo/2024castE.jpg");
-moz-box-shadow: 0px 0px 10px 6px rgba(192, 158, 255, 1);
-webkit-box-shadow: 0px 0px 10px 6px rgba(192, 158, 255, 1);
-ms-box-shadow: 0px 0px 10px 6px rgba(192, 158, 255, 1);
box-shadow: 0px 0px 10px 6px rgba(192, 158, 255, 1);}



ul.block li,
.final ul li{margin:2% 0; padding:10px 0; font-size:16px; border-bottom:dotted 1px;
font-weight: bold; line-height: 1.2;}

ul.block li span,
.final ul li span{font-size:13px;}

ul.block li:first-child
{ text-align:left; font-size:20px; padding:0 0 15px 30px; font-weight:bold;}
ul.block li:first-child span{font-size: 26px; display: inline-block;}
ul.block li:first-child span:nth-of-type(2){ margin-left: 5px;}

ul.block:last-child li:first-child {padding-left: 10px;letter-spacing: -0.07em;}
ul.block:last-child li:first-child span:nth-of-type(1){}

ul.block li:last-child{ padding-bottom: 130px;}

.final ul li:first-child
{ text-align:center; font-size:36px; padding:10px 0 36%; font-weight:bold;
background-image:url("photo/2024final.jpg"); background-position: bottom;
background-repeat: no-repeat; background-size: 100%;}



ul.block li:last-child,
.final ul li:last-child{ border-bottom: none;}

.final{width: 70%; padding: 30px 20px; margin: 40px auto;-moz-box-shadow: 0px 0px 10px 6px rgba(255, 140, 157, 1);
-webkit-box-shadow: 0px 0px 10px 6px rgba(255, 140, 157, 1);
-ms-box-shadow: 0px 0px 10px 6px rgba(255, 140, 157, 1);
box-shadow: 0px 0px 10px 6px rgba(255, 140, 157, 1);}
.final ul{ width: 100%;}
.final ul li{font-weight: bold;font-size:22px; padding: 15px 0; line-height: 130%;}

.win{margin: 30px auto;}
.win img{width: 90%; max-width: 600px;}
.win p{ text-align:center; font-size:36px; font-weight:bold; margin: 25px auto;
text-shadow: 4px 2px 5px rgba(127, 138, 75, 1);-webkit-text-stroke: 1px #FFF; text-stroke: 1px #FFF;}

 .bottom{ margin:5% auto 10%; text-align: center;width: fit-content;}
.link{margin: 25px auto ;padding-bottom: 100px;}

img.oubo{width: 640px;}
img.kohaku{width: 350px; margin: 25px auto;}

.archive{padding:0 0 15px;}
.back{margin:20px auto 0; font-size:14px; font-weight: bold;}





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

p.oadate{ font-size:32px; width:92%; line-height:115%; padding:15px 0 5px; }

 .text{font-size:46px; padding:40px 0 25px; line-height:110%;}
 .text p{margin:2% auto 3%; line-height:130%;}


 .kao_logo{width:90%; float:none; margin:5% auto 0; }
 .kao_text{width:95%; margin:1% auto 8%; font-size:28px; float:none; line-height:120%;transform: rotate(0deg);}

 .cast_kao{width:45%; margin: 2%;}

.cast_kao:nth-of-type(7){margin-left:0%;margin: 2%;}

.cast_kao:nth-of-type(9),
.cast_kao:nth-of-type(10){width:60%; margin: 5% auto; float: none;}


 
 /*
.boshu{width:95%; float:none; margin:5% auto 3%;}*/

.link{/*width:75%; float:none; margin:5% auto ;*/}
.link img{width:300px;}

ul.block{width:46%; margin:2% 2%; padding:2% 0 0; height: 420px; }
ul.block:nth-of-type(4){margin-left:2%;height: 420px; }
ul.block:nth-of-type(5){margin-left:27%;height: 420px; }
.final{width: 75%;}


@media screen and (max-width:768px) {
.pc{ display:none;}
.mp{ display:none;}
.sp{ display:inline-block;}
.kaoIn{ width: 95%; }

ul.block{width:80%; margin:5% 10%;  height: auto; padding-bottom: 200px; }
ul.block:nth-of-type(4){margin-left:10%;height: auto; }
ul.block:nth-of-type(5){margin-left:10%;height: auto; }
.final{width: 85%; padding: 20px 10px;}

.win img{width: 95%; }

.text{font-size:40px;}

}

@media screen and (max-width:650px) {
 .cast_kao h2{font-size: 20px;height:37px;margin:25px 0 15px;}
 .cast_kao:nth-of-type(4) h2{letter-spacing: -0.07em;}
 
  .kao_text{ letter-spacing: -0.05em;font-size:24px;}

ul.block{padding-top: 20px; padding-bottom: 150px;}

.final{width: 80%; padding: 10px 10px;}
.final ul li:first-child
{ padding:5px 0 36%; }
.final ul li{font-size:18px;} 
.win p{  font-size:26px; }

.win img{width: 100%; }

.cast_kao{width:48%; margin: 2% 1%;}
.cast_kao:nth-of-type(7){margin: 2% 1%;}

.cast_kao:nth-of-type(9),
.cast_kao:nth-of-type(10){width:70%; margin: 5% auto;}



.cast_kao:nth-of-type(2) img.f-time{width: 80px; margin: -70px 0 0 -100px;}  
.cast_kao:nth-of-type(10) img.f-time{width: 90px; margin: -150px 0 0 -160px;}  

img.oubo{width: 90%;}
img.kohaku{width: 300px; margin: 25px auto;}
}


@media screen and (max-width:600px) {
.mw600{display: inline-block;}

ul.block{padding-bottom: 120px;}
.final ul li{font-size:18px;} 

.text{font-size:30px;}

}


/* animate delay*/
.animate__delay-01s {animation-delay: calc(var(--animate-delay) * 0.1);}
.animate__delay-02s {animation-delay: calc(var(--animate-delay) * 0.2);}
.animate__delay-03s {animation-delay: calc(var(--animate-delay) * 0.3);}
.animate__delay-04s {animation-delay: calc(var(--animate-delay) * 0.4);}
.animate__delay-05s {animation-delay: calc(var(--animate-delay) * 0.5);}
.animate__delay-06s {animation-delay: calc(var(--animate-delay) * 0.6);}
.animate__delay-07s {animation-delay: calc(var(--animate-delay) * 0.7);}
.animate__delay-08s {animation-delay: calc(var(--animate-delay) * 0.8);}
.animate__delay-09s {animation-delay: calc(var(--animate-delay) * 0.9);}