@charset "UTF-8";
 body {
   font-family: "メイリオ", Meiryo, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", sans-serif;
   position:relative;
   color: #fff;
   position:relative;
   margin: 0;
   text-align: center;
   position:relative;
   }

 *, *::before, *::after {
  box-sizing: border-box;
}

a {
  outline: none;
  color: #fff;
  word-wrap:break-word;
  text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

/* h1 {
  font-family: fot-matisse-pron, sans-serif;
  font-style: normal;
  font-weight: bold;
} */

.center{
    text-align:center;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.back {
  margin: 0 ;
  padding: 0 ;
  font-size: 15px ;
  background-repeat: no-repeat;
  width: 100%;
  text-align: left;
}

.back a {

}

.back::before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
}

main {
  background-color: #eb0b00;
  font-family: "ryo-gothic-plusn", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt";
}

main p {
  font-family: "ryo-gothic-plusn", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6em;
}
  
main h1,main h2,main h3,main h4 {
  font-family: "ryo-gothic-plusn", sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 1.3em;
}

.wrapper {
  /* padding: clamp( 2rem, calc( 0rem + 8vw ), 6rem ) 1rem; */
  padding: clamp( 2rem, calc( 0rem + 8vw ), 6rem ) 0rem;
}


.wrapper_color {
  background-color: #afafaf;
}

.wrapper_maxwidth {
  max-width: 1280px;
  margin: 0rem auto;
}

/* ///////////////////////////////////////////メニューボタン/////////////////////////////////////////// */

.menu_block {
  font-size: 16px;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 105px;
  z-index: 1000;
  background-color: #231815;
}

.menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  margin: 0rem auto;
  max-width: 100%;
  width: 100%;
  text-align: center;
  font-weight: 900;
  line-height: 1.3;
}

.menu p {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.3;
}

.menu a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp( 0.5rem, calc( 0.25rem + 1vw ), 1rem ) 0.5rem;
  border: solid #231815 2px;
  color: #231815;
  font-size: clamp( 14px, calc( 12px + 0.5vw ), 18px );
  font-weight: 700;
  /* background-color: #e50113; */
  box-shadow: 0 5px 0 #231815;
  transition: 0.3s;
  text-decoration: none
}

.menu a:hover {
  transform: translateY(3px);
  text-decoration: none;
  box-shadow: 0 2px 0 #8f8f8f50;
}

.menu_small {
  font-size: 14px;
}

.menu_guidelines,.menu_guidelines,.menu_inquiry {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
}

.menu_guidelines a {
  /* background-color: #e50113; */
  /* background-image: radial-gradient(#e52423 20%, transparent 20%), radial-gradient(#e52423 20%, transparent 20%);
  background-size: 3px 3px;
  background-position: 0 0, 3px 3px; */
  background-image: linear-gradient(139deg, #e4c566, #ffec92 50%, #c0912a);

}
.menu_inquiry a {
  /* background-color: #00a758; */
  background-image: linear-gradient(139deg, #e4c566, #ffec92 50%, #c0912a);
}

.menu_block_sp {
  display: none;
}

/* ///////////////////////////////////////////ヘッダー画像/////////////////////////////////////////// */

.top {
      display: flex;
    justify-content: center;
    align-items: center;
  position: relative;
  background-image: url(../images/top_back.webp);
background-size: cover;
    background-position: center;
    padding: 4rem 1rem;
    /* height: 60vh; */
    max-height: 750px;

}

.top img {
  display: block;
  /* max-width: 1920px; */
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  /* animation: heartbeat 1.8s ease-in-out infinite;
  transform-origin: center; */
}


/* @keyframes heartbeat {
  0%, 100% { transform: scale(1);
  filter: drop-shadow(0 0 0px rgba(255, 0, 128, 0)); }

  14% { transform: scale(1.003);
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.068)); }

  28% { transform: scale(1);
  filter: drop-shadow(0 0 0px rgba(255, 0, 128, 0)); }

  42% { transform: scale(1.003);
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.068));  }
  70% { transform: scale(1);
  filter: drop-shadow(0 0 0px rgba(255, 0, 128, 0)); }
} */


/* ///////////////////////////////////////////スタッツ/////////////////////////////////////////// */

.status_label {

  border-top: 4px solid #000000;
  border-bottom: 4px solid #000000;
  padding: clamp( 0.5rem, calc( -0.25rem + 3vw ), 2rem );
  /* opacity: 0.8; */
  background: radial-gradient(#292929 15%, transparent 16%) 0 0, radial-gradient(#292929 15%, transparent 16%) 5px 5px, radial-gradient(#292929 15%, transparent 20%) 0 1px, radial-gradient(#292929 15%, transparent 20%) 5px 6px;
  background-color: #141414;
  background-size: 10px 10px;
}

.status_label p {
  font-size: clamp( 22px, calc( 9px + 3.25vw ), 48px );
  font-style: normal;
  transform: skewX(-25deg); 
  font-weight: 900;
  color: #e6c35d;
  text-align: center;
}

.final {
  margin: clamp( 2rem, calc( 0rem + 8vw ), 6rem ) 1rem 0rem 1rem;
text-align: center;
}

.final img {
  width: 100%;
  max-width: 800px;

}

/* ///////////////////////////////////////////番組概要/////////////////////////////////////////// */

.wording {
  text-align: center;
  /* max-width: 1280px; */
  width: 100%;
  margin: 0 auto;
  padding: clamp( 3rem, calc( 1.5rem + 6vw ), 6rem ) 0.5rem;
  background-color: #141414;
  /* background-image: radial-gradient(circle, #6b0103 0.8px, transparent 0.8px); */
  background-size: 25px 10px;
  /* border-radius: 5px; */
  border: solid 2px #000000;

  background: repeating-linear-gradient(45deg, #3f0000 0px, #3f0000 2px, transparent 2px, #000000 40px),
              repeating-linear-gradient(135deg, #3f0000 0px, #990000 2px, #000000 2px, #000000 40px), #000000;
}

.wording h1 {
  margin: 0rem auto clamp( 3rem, calc( 1.5rem + 6vw ), 6rem ) auto;
  font-size: clamp( 42px, calc( 19px + 5.75vw ), 88px );
  color: #f71004;
  text-shadow: 0 0 10px #4d0400, 0 0 20px #4d0400, 0 0 40px #4d0400;
}

.wording p {
  font-size: clamp( 17px, calc( 13.5px + 0.8750000000000001vw ), 24px );
  margin-bottom: clamp( 2rem, calc( 1.5rem + 2vw ), 3rem );
  font-weight: 600;
  color: #ebebeb;
}

/* .wording p:last-child {
  margin-bottom: 0rem;
} */

.wording_color {
  color: #f71004;
  font-size: clamp( 22px, calc( 17px + 1.25vw ), 32px );
  font-weight: 800;
}

.poster {

}

.poster img {
  width: 100%;
  max-width: 1000px;
  /* box-shadow: 0px 0px 40px #4b4b4b; */
  box-shadow: 0px 0px 40px #000000;
}

/* ///////////////////////////////////////////MC/////////////////////////////////////////// */

.wrapper_mc {
  padding: 0rem 1rem clamp( 2rem, calc( 0rem + 8vw ), 6rem ) 1rem;
}

.mc_block {
  display: flex;
gap: 1rem clamp( 1rem, calc( -0.5rem + 6vw ), 4rem );
  justify-content: center;
}

.mc_block img {
  width: 100%;
  max-width: 300px;
  margin-bottom: 1rem;
  /* box-shadow: 0px 0px 40px #bb0900; */
}

.mc_block h3 {
   font-size: clamp( 18px, calc( 17px + 0.25vw ), 20px );
   font-weight: 500;
       border-bottom: solid 2px #e4c566;
    color: #e4c566;
}

.name {
      font-size: clamp( 24px, calc( 20px + 1vw ), 32px );
    font-weight: 900;
        color: #e4c566;
}

/* ///////////////////////////////////////////スケジュール/////////////////////////////////////////// */

.wrapper_schedule {
  padding: clamp( 2rem, calc( 0rem + 8vw ), 6rem ) 1rem;
  background-color: #000000;
opacity: 1;
background-image:  repeating-linear-gradient(0deg, transparent, transparent 19px, #1f1f1f 19px, #1f1f1f 20px, transparent 20px, transparent 39px, #1f1f1f 39px, #1f1f1f 40px), repeating-linear-gradient(90deg, transparent, transparent 19px, #1f1f1f 19px, #1f1f1f 20px, transparent 20px, transparent 39px, #1f1f1f 39px, #1f1f1f 40px), radial-gradient(circle at 20px 20px, #1f1f1f 1.6px, transparent 2.1px), radial-gradient(circle at 0px 0px, #1f1f1f 1.2px, transparent 1.7px), radial-gradient(circle at 40px 0px, #1f1f1f 1.2px, transparent 1.7px), radial-gradient(circle at 0px 40px, #1f1f1f 1.2px, transparent 1.7px), radial-gradient(circle at 40px 40px, #1f1f1f 1.2px, transparent 1.7px);
background-size: 40px 40px;
}

.schedule_block {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

.schedule_block h2 {
  font-size: clamp( 40px, calc( 32px + 2vw ), 56px );
  margin-bottom: clamp( 1rem, calc( 0.5rem + 2vw ), 2rem );
  text-shadow: 2px 3px 0 #630500, 4px 3px #630500, 1px -1px #630500, -1px 1px #630500, -1px -1px #630500;
  color: #f71004;
}

.schedule {
  width: 100%;
  max-width: 1000px;
  background-color: #000000;
  /* padding: clamp( 1rem, calc( 0.5rem + 2vw ), 2rem ); */
  margin: 0rem auto clamp( 0.5rem, calc( 0.25rem + 1vw ), 1rem ) auto;
  /* border: solid 2px #000000; */
  border-radius: 5px;

  display: grid;
grid-template-columns: 1fr 5fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.schedule p,.selection p {
  font-size: clamp( 24px, calc( 20px + 1vw ), 32px );
  font-weight: 600;
}

.selection .selection_p_small {
  font-size: clamp( 18px, calc( 17px + 0.25vw ), 20px );
}

.schedule .schedule_p_small {
  font-size: clamp( 18px, calc( 17px + 0.25vw ), 20px );
}

.schedule_selection {
  width: 100%;
  max-width: 1000px;
  background-color: #000000;
  /* padding: clamp( 1rem, calc( 0.5rem + 2vw ), 2rem ); */
  margin: 0rem auto clamp( 0.5rem, calc( 0.25rem + 1vw ), 1rem ) auto;
  /* border: solid 2px #000000; */
  border-radius: 5px;
  padding: 1rem 0rem;
  text-align: center;

  display: grid;
grid-template-columns: 1fr 5fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;

    background-color: #eb291c;
    background-size: 13px 13px;
    background-image: repeating-linear-gradient(45deg, #cd0d00 0, #cd0d00 1.3px, #eb291c 0, #eb291c 50%);
}

.schedule_selection .div1{
  background-color: #29292900;
}

.selection {
  text-align: center;
}


.div1 { 
  border-radius: 5px 0px 0px 5px;
  grid-area: 1 / 1 / 2 / 2;
  text-align: center;
  padding: 1rem 0rem;
  background-color: #e4c566;
  place-content: center;
  place-items: center;
 }

 .div1 p { 
  color: #292929;
  font-size: clamp( 20px, calc( 14px + 1.5vw ), 32px );
 }

.div2 {
  border-radius: 0px 5px 5px 0px;
    grid-area: 1 / 2 / 2 / 3;
    text-align: center;
    padding: 1rem 0rem;
    background-color: #eb291c;
    background-size: 13px 13px;
    background-image: repeating-linear-gradient(45deg, #cd0d00 0, #cd0d00 1.3px, #eb291c 0, #eb291c 50%);
}

/* ///////////////////////////////////////////応募ボタン/////////////////////////////////////////// */

.btn_area {
  padding: 4rem 1rem;
  border-top: 4px solid #000000;
  border-bottom: 4px solid #000000;
  background: radial-gradient(#292929 15%, transparent 16%) 0 0, radial-gradient(#292929 15%, transparent 16%) 5px 5px, radial-gradient(#292929 15%, transparent 20%) 0 1px, radial-gradient(#292929 15%, transparent 20%) 5px 6px;
  background-color: #141414;
  background-size: 10px 10px;
}

 .btn_area button,.btn_apply_area button {
    width: 100%;
    max-width: 600px;
    position: relative;
    padding: 1rem;
    font-size: clamp( 24px, calc( 20px + 1vw ), 32px );
    font-weight: 900;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.4s ease;
    overflow: hidden;
    color: #d62119;
    font-feature-settings: "palt";
    border: solid 2px #9e7200;
    }

  .btn-container {
    /* display: flex;
    justify-content: center;
    align-items: center; */
    text-align: center;
    margin: 0 auto;
    }

  .btn-effect-9 {
     /* background: #e4c566; */
     background-image: linear-gradient(139deg, #e4c566, #ffec92 50%, #c0912a);
     box-shadow: 0 5px 0 #bc8600;
    }

  .btn-effect-9:hover {   
    transform: translateY(3px);
    text-decoration: none;
    box-shadow: 0 2px 0 #aaaaaa;
    animation: pulse 1.1s infinite;
     }

    @keyframes pulse {
      0% { transform: scale(1); box-shadow: 0 0 0 0 rgb(182, 131, 89); }
      70% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(155, 89, 182, 0); }
      100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(155, 89, 182, 0); }
    }

.btn_p_small {
  display: block;
  transform: skewX(-25deg); 
}


.btn_apply_area {
  /* padding: 0rem 1rem clamp( 3rem, calc( 2rem + 4vw ), 5rem ) 1rem; */
    padding: clamp( 3rem, calc( 2rem + 4vw ), 5rem ) 1rem 0rem 1rem;

}

/* /////////////////////////////////////////// X /////////////////////////////////////////// */


.x {
  margin: clamp( 2rem, calc( 1rem + 4vw ), 4rem ) 1rem ;
  text-align: center;
  
}

.x img {
  max-width: 700px;
  width: 100%;
  vertical-align: middle;
  border: solid 2px #919191;
}

.x a{
    max-width: 700px;
  width: 100%;
    display: block;
    transition: all .3s ease-in-out;
    margin: 0 auto;
}

.x a:hover{
    opacity: .8;
}

/* ///////////////////////////////////////////協賛/////////////////////////////////////////// */

.wrapper_banner {
  padding: 0rem 1rem 1rem;
}

.Sponsorship_block {
    background-color: #fff;
    padding: 4rem 1rem;
    border-radius: 5px;
    text-align: center;
}

.Sponsorship_block h2 {
    font-size: clamp( 18px, calc( 15px + 0.75vw ), 24px );
    font-weight: 700;
    color: #141414;
    margin-bottom: 1rem;

}

.Crownsponsor img {
    width: 100%;
    max-width: clamp( 200px, calc( -200px + 100vw ), 300px );
    
}

.sponsor img {
    width: 100%;
    /* max-width: clamp( 300px, calc( 275px + 6.25vw ), 350px ); */
        max-width: 300px;
}

.Crownsponsor {
    margin-bottom: 2rem;
}

.sponsor_flex {
width: 650px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0rem 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    /* place-content: center; */
    /* grid-column-gap: 16px; */
    /* grid-row-gap: 22px; */
    gap: 1rem clamp( 2rem, calc( 1.5rem + 2vw ), 3rem );
    justify-content: center;
    align-items: center;
}


.pc_br {
  display: block;
}

.sp_br {
  display: none;
}


@media screen and (max-width: 1299px) {
.menu_block {
  top: 60px;
}

}


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

  .top {
  background-image: url(../images/top_back_sp.webp);
  height: 65vh;
  /* padding-bottom: 1rem; */
}

  .top img {

  padding-bottom: 1rem;
}

.menu_block_sp {
  display: block;
  bottom: 0px;
    font-size: 16px;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1000;
  background-color: #231815;
}

.menu_block {
  display: none;
}


}

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

/* .sponsor_flex {
    gap: 2rem;
} */

}

@media screen and (max-width: 500px) {
  .schedule_selection {
    display: block;
}

.schedule_selection .div1 {
    display: none;
}
}

@media screen and (max-width: 460px) {
.sp_br {
  display: block;
}
}