@charset "UTF-8";

.container { overflow: hidden; margin-bottom: 200px;}
.body_in .container { padding-top:130px;}

.bg_wrap{ background: linear-gradient(178deg,rgba(155, 230, 233, 0) 0%, rgba(155, 230, 233, 0.4) 9%);padding-bottom: 200px;width: calc(100% - 1.5vw);margin: 0 auto; }


@media screen and (max-width: 768px) { 
  .container { margin-bottom: 100px; }
  .bg_wrap{padding-bottom: 100px; width: calc(100% - 6vw)}
	
.body_in .container { padding-top:90px;}
}


/*
.frame:after{position: absolute;content: "";width: calc(100% - min(6vw,40px));height: calc(100% - min(6vw,40px));top: min(3vw,20px);left: min(2.8vw,20px);border: 1px solid var(--key_color);z-index: -1;}
*/

.frame {
   --frame_s: 1vw;
   --frame_lh: 50vh;
   --frame_lw: 50vw;
}

.frame {position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);pointer-events: none; }
.frame:after{position:absolute; content:""; width:100%; height:100%; top:0; left:0; border:var(--frame_s) solid var(--logo_green); z-index:-1; box-sizing:border-box;}

.frame span {position: absolute;display: block;width: 100%;height: 100%;}

.frame span:before {position:absolute; content:""; width:var(--frame_s); height: var(--frame_lh);}

.frame span:after { position:absolute; content:""; width:var(--frame_lw); height: var(--frame_s);}

.frame span:nth-of-type(1){
  &:before{top:0; left:0;border-left: var(--frame_s) solid var(--logo_blue);}
  &::after{top: 0;right: 0;border-top: var(--frame_s) solid var(--logo_blue);}
}
.frame span:nth-of-type(2) {
  &:before{bottom: 0; right: 0;border-right: var(--frame_s) solid var(--logo_blue);}
  &::after{bottom: 0; left: 0;border-bottom: var(--frame_s) solid var(--logo_blue);}
}

.frame.frame_blue { border: 1px solid var(--light_blue);}
.frame.frame_blue span:before { border-color: var(--light_blue);}
.frame.frame_blue span:after { border-color: var(--light_blue);}

.frame.frame_pink { border: 1px solid var(--light_pink);}
.frame.frame_pink span:before { border-color: var(--light_pink);}
.frame.frame_pink span:after { border-color: var(--light_pink);}

.h_outer {text-align: center;}
.h_outer.tit_l{ text-align: left;}
.h_outer.tit_r{ text-align: right;}

@media screen and (max-width: 768px) { 
	
.frame {
   --frame_s: 3vw;
}
	
  .frame span:nth-of-type(1){
    &:before{}
    &::after{display: block;}
  }
}

.sec_h {/*margin-bottom: 0.6em;padding-bottom: 0.7em; font-size: min(18vw,140px);*/ position: relative; font-size: 11vw; line-height: 0.9em;font-weight: 300;font-family: var(--font_en);color: #fff; text-align: left; background-color: var(--logo_blue); display: block; margin-bottom: 0.5em; padding:0 0.25em; width: 70%; }
.sec_h .text { position: relative; z-index: 2;}
.sec_h.right{ text-align: right; margin-left: auto;}

.h_outer.tit_l .sec_h{ }

.wrap_r{ position: relative;}
.wrap_r:before{ display: block; position: absolute; content: ""; width: 97%; height: calc(100% - (150px + 3.5vw)); right: 0; top: 0; background-color: rgba(255,255,255,0.5);top: calc(150px + 3.5vw); z-index: 0; }
.wrap_r .con_inner{ position: relative;}

/*
.sec_h:before {position: absolute;content: "";background-image: url(../images/h_deco.svg);background-repeat: no-repeat;background-position: center;background-size: contain;width: 3.5em;height: 0.2em;bottom: 0.4em;left: 50%;transform: translateX(-50%);}

.sec_h:after {position: absolute;content: attr(data-heading_jp);color: var(--key_color);font-size: 0.12em;line-height: 1.5em;left: 50%;transform: translateX(-50%);bottom: 0;border: 1px solid;border-radius: 50px;padding: 0.1em 2em;}
*/

.con_h { border: 1px solid var(--ac_color); text-align: center; font-weight: bold; font-size: 30px; line-height: 1.4em; padding: 18px; position: relative; margin-bottom: 60px;}
/* .con_h:before { position: absolute; content: ""; background: url(../images/ob_star_blue.svg) no-repeat center; background-size: contain; top: 10px; left: 10px; width: 31px; height: 14px;}
.con_h:after { position: absolute; content: ""; background: url(../images/ob_star_blue.svg) no-repeat center; background-size: contain; bottom: 10px; right: 10px; width: 31px; height: 14px;} */

.block_tit {background: var(--ac_color);text-align: center;font-weight: bold;font-size: 24px;line-height: 1.3em;padding: 8px 0;position: relative;margin-bottom: 0;color: #000;}
.block_tit.dis{ background-color: #ddd; color: #aaa; }

/* .block_tit:before { position: absolute; content: ""; width: 14px; height: 14px; border-top: 2px solid #fff; border-left: 2px solid #fff; top: -4px; left: -5px;} */
/* .block_tit:after { position: absolute; content: ""; width: 14px; height: 14px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; bottom: -4px; right: -5px;} */

.note_txt { border: 1px solid var(--light_blue); font-weight: bold; color: var(--light_blue); font-size: 24px; line-height: 1.3em; padding: 0.5em 20px; text-align: center;  margin: 0 auto; width: 80%;}

@media screen and (max-width: 768px) { 
  .h_outer {}
  .sec_h { font-size: 13vw; width: 80%;}
  .sec_h:before {}
  .sec_h:after {}
  .con_h { font-size: 20px; line-height: 1.4em; padding: 10px; margin-bottom: 30px; }
  .block_tit { font-size: 18px; line-height: 1.5em; }
  .note_txt { font-size: 14px; line-height: 1.4em; padding: 10px; width: 100%; }
	
	.wrap_r:before{ width: 100%;top: calc(80px + 6vw); height: calc(100% - (80px + 6vw)); }
}

#fv {position: relative;height: 100svh;margin-bottom: 0vw; z-index: 10;}
#fv .kv {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#fv .kv img { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-object-fit: cover;  object-fit: cover;}
#fv .text_block { position: absolute; width: min(800px, 88%); margin: 0 auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#fv .text_block .logo { margin-bottom: 5vh;}
#fv .text_block .logo img { max-height: 48vh; max-width: 50vw; -o-object-fit: contain;  object-fit: contain; margin: 0 auto;}
#fv .text_block .date { width: 80%; margin: 0 auto;}
#fv .text_block .date img { max-height: 18vh;max-width: 40vw;  -o-object-fit: contain;  object-fit: contain; margin: 0 auto;}

@media screen and (max-width: 768px) { 
  #fv { margin-bottom: 40px; }
  #fv .kv { width: calc(100% - 20px); height: calc(100% - 20px); }
  #fv .text_block{ width: 70%;}
  #fv .text_block .logo { margin-bottom: 30px; }
  #fv .text_block .date { width: 98%; }
  #fv .text_block .logo img { max-width: inherit;}
  #fv .text_block .date img { max-width: inherit;}
	
}

#movie{ margin-bottom:140px; }
.yt_block { max-width: 800px; width: 92%; margin: 0 auto;}


@media screen and (max-width: 768px) { 
	#movie{ margin-bottom: 30px;}
}

#under_fv_text { position: relative;}
#under_fv_text .text_block {display: block; width: 96%; max-width: 1000px; margin: 0 auto; background-color: rgba(0,0,0,0.8); padding: 40px min(50px , 6vw); border: 3px solid #ff0000;}
#under_fv_text .text_block p {font-size: clamp(15px , 2vw , 18px); line-height: 1.9em; margin-bottom: 1.5em;}
#under_fv_text .text_block p strong {color: #ff7272; font-weight: bold;}

.catch_block {position: relative;padding: 14vw 0;z-index: 1;}
.catch_block:after{position: absolute;content: "";background: url(https://d2nnm86yxj7l6q.cloudfront.net/inkigayo/images/into_bg_circle.svg) no-repeat center;background-size: contain;background-position: center;width: min(80vw,1000px);height: min(80vw,1000px);top: 50%;left: 50%;transform: translate(-50%,-50%);pointer-events: none;z-index: -1;opacity: 0.6;}

.catch_block .tit {text-align: center;display: flex;flex-direction: column;align-items: center;margin: 0 auto 60px;font-size: 2.7vw;font-weight: 900;line-height: 1.5em; color: var(--logo_blue);}
.catch_block .tit span { display: inline-block; background:linear-gradient(120deg, #e6647c, #9198e5); color: #fff; font-weight: 800; font-size: min(3vw, 32px); line-height: 1.4em; padding: 10px 20px;}
.catch_block .tit span:not(:last-of-type) { margin-bottom: 30px;}
.catch_block .text_block {text-align: center;line-height: 2.4em;font-size: 1.5vw;font-weight: bold; color: #023067;}

@media screen and (max-width: 768px) { 
	#catch{ margin-bottom: 150px;}
	
  .catch_block {padding: 0 4%; }
  .catch_block .tit {margin-bottom: 8vw;font-size: 4.4vw;}
  .catch_block .tit span { font-size: 5.6vw; line-height: 1.4em; padding: 2vw 4vw; }
  .catch_block .tit span:not(:last-of-type) { margin-bottom: 2vw; }
  .catch_block .text_block { font-size: 3.8vw; line-height: 2em; text-align: left;}
}

#artists{}
/* #artists .sec_h{ margin-bottom: 0;} */

.artist_block figure {position: relative;margin-bottom: 0;}
.artist_block figure img {padding: 0;}
.artist_block figure .frame { --bd_w:5px; --frame_size:18px;}
.artist_block .name {text-align: center;font-weight: 500;font-size: 1.8vw;line-height: 1.4em;font-family: var(--font_en02);background-color: var(--logo_blue);color: #fff;padding: 0.5em 0;}
.artist_block.mc_block .name { font-size: 26px; line-height: 1.4em;}


.artist_block.new{ position: relative;}
.artist_block.new:before{ display: block; content: "NEW";font-family: var(--font_en); font-size: 1.8vw; position: absolute;  z-index: 10; background-color: var(--key_color); right: -0.5vw; top: -1.2vw; padding: 0.1em 0.5em; line-height: 1em;}

.artist_wrap {width: 100%;margin: 0 auto;}
.artist_wrap:not(:last-of-type) { margin: 0 auto 140px;}
.artist_wrap .flex-box {gap: 8px 0.5%;justify-content: flex-start;}
.artist_wrap .flex-box .box03{width: 33%;}

/* .artist_wrap .flex-box .box03:nth-child(2n) .name{ background-color: var(--logo_green);} */

.artist_wrap .day_block{margin-bottom: 12vw;}
.artist_wrap .andmore{text-align: center;font-family: var(--font_en);font-size: 2vw;font-weight: 400;line-height: 1.5em;margin-top: 8vw;color: var(--key_color);}

.artist_wrap .daytit{text-align: center;font-family: var(--font_en);font-size: 5vw;line-height: 1.5em;margin-bottom: 1em;font-weight: bold;width: 100%;margin: 0 auto 0.5em;}
.artist_wrap .daytit span{font-size: 0.7em;line-height: 1.5em;display: inline-block;}
.artist_wrap .day_block.day1 .daytit{ color: var(--logo_green); }
.artist_wrap .day_block.day2 .daytit{ color: var(--logo_blue);}
.artist_wrap .day_block.day1 .name{background-color: var(--logo_green);}
.artist_wrap .day_block.day2 .name{background-color: var(--logo_blue);}
.artist_wrap .day_block.day1 .andmore{color: var(--logo_green);}
.artist_wrap .day_block.day2 .andmore{color: var(--logo_blue);}

.artist_wrap.mc_wrap{margin-top: 8vw;
  .con_inner{max-width: 800px;width: 70%;
    .con_h{border: none;padding: 0;font-size: min(30px,6vw);line-height: 1em;margin-bottom: 1em;
      &.day1{color: var(--logo_green);}
      &.day2{color: var(--logo_blue);}
      span{font-size: 0.7em;font-weight: 900;}
    }
    .flex-box{
      &.mc{justify-content: center;}
    }
    .artist_block{
      .name{font-size: min(20px, 1.6vw);line-height: 1.2em;}
    }
  }
}

@media screen and (max-width: 768px) { 
  .artist_block figure {}
  .artist_block figure img {}
  .artist_block figure .frame { --bd_w:3px; --frame_size:10px; }
  .artist_block .name {font-size: min(3.6vw, 22px);line-height: 1.4em; font-weight: 600;}
  .artist_block.mc_block .name { font-size: 12px; line-height: 1.4em; }
  .artist_wrap .con_inner { width: 100%; }
  .artist_wrap:not(:last-of-type) { margin: 0 auto 70px; }
  .artist_wrap .flex-box {gap: 8px 2%;margin-bottom: 0px;}
  .artist_wrap .flex-box .box03 {width: 49%;}
	
    
  .artist_wrap .day_block{margin-bottom: 80px;}
  .artist_wrap .daytit{font-size: 10vw;}
	.artist_wrap .daytit span{}
  .artist_wrap .andmore{ font-size: 18px;}
  .artist_wrap .note_txt{  margin-top: -40px;margin-bottom: 120px;}
  .artist_block.new:before{ font-size: min(3.6vw, 20px); top: -1.6vw;}

  .artist_wrap.mc_wrap{
    .con_inner{width: 100%;
      .flex-box{
        &.mc{
          .box03{width: 32%;}
        }
      }
      .artist_block{
        .name{font-size: 3vw;}
      }
    }
  }
}

.bg_deco{position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none;
  .deco{position: absolute;width: 100%;height: 100%;
    &:before,
    &:after{position: absolute; content: ""; background: url(https://d2nnm86yxj7l6q.cloudfront.net/inkigayo/images/deco_01.svg) no-repeat center; background-size: contain; width: 20px; height: 20px; pointer-events: none;}
    &.top{top:0;
      &:before{left:0;transform: scale(-1, 1);}
      &:after{right:0;}
    }
    &.bottom{
      &:before{bottom:0;left:0;transform: scale(-1, -1);}
      &:after{bottom:0;right:0;transform: scale(1, -1);}
    }
  }
}

.tk_block .tk_list{padding: min(4vw,40px);}
.tk_block .tk_list dl {border-bottom: 1px dashed #000;display: flex;justify-content: space-between;padding-bottom: 30px;margin-bottom: 30px;font-size: 30px;line-height: 1.4em;font-weight: bold;}
.tk_block .tk_list dl:last-of-type { margin-bottom: 20px;}
.tk_block .tk_list dl.add { padding-top: 20px; position: relative;}
.tk_block .tk_list dl.add:before { position: absolute; content: "＋追加料金"; color: var(--logo_green); font-size: 14px; line-height: 1.4em; top: 0; left: 0;}
.tk_block .tk_list dl dt span { font-size: 20px; line-height: 1.4em;}
.tk_block .tk_list dl dd span { font-size: 20px; line-height: 1.4em;}
.tk_block .tk_list dl.dis { opacity: 0.25;}
.tk_block .tk_list dl.dis.add:before{ color: #5872aa;}
.tk_block .tk_list .text-list { font-size: 14px; line-height: 1.4em;}
.tk_block .tk_list .text-list .stit{ font-size: 16px; line-height: 1.7em;}

.tk_block.cs{}

.tk_wrap:not(:last-of-type) { margin-bottom: 120px;}
.tk_wrap .con_h {margin-bottom: 1em;border: none;background-color: var(--logo_blue);color: #fff; }
.tk_wrap .tk_block{border: 1px solid var(--key_color);background-color: #fff;}
.tk_wrap .tk_block:not(:last-of-type) { margin-bottom: 40px;}

.tk_btn_wrap {position: relative; border: 1px solid var(--key_color); position: relative; padding: 60px 30px; background-color: rgba(255, 255,255, 0.6);}
.tk_btn_wrap .txt_block{margin-bottom: 40px;}
.tk_btn_wrap .btn_tit {font-size: 28px;line-height: 1.4em;font-weight: bold;text-align: center;margin-bottom: 0.6em;padding: 0;}
.tk_btn_wrap .text {text-align: center;font-size: 22px;line-height: 1.5em;font-weight: bold;margin-bottom: 0;color: #000;}

.tk_btn_wrap .note_block { margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--key_color);}
.tk_btn_wrap .note_block p { font-size: 15px; line-height: 1.7em; margin-bottom: 1.5em;}
.tk_btn_wrap .note_block .upgrade_box {display: block; width: min(650px , 100%); margin: 0 auto 1em;}
.tk_btn_wrap .note_block .upgrade_box .img_block {display: block; width: 100%; margin-bottom: 0.5em;}
.tk_btn_wrap .note_block .upgrade_box .texts {display: block; width: 100%;}
.tk_btn_wrap .note_block .upgrade_box .texts p { font-size: 14px; line-height: 1.6em; margin-bottom: 0.5em;}

.tk_btn_wrap .button.dis a{ background: #ccc;pointer-events: none;}


.note_wrap .note_block { border: 1px solid var(--light_blue); padding: 40px 34px;}
.note_wrap .note_block:not(:last-of-type) { margin-bottom: 20px;}
.note_wrap .note_block .tit { font-size: 20px; line-height: 1.4em; padding-left: 26px; color: var(--light_blue); position: relative; margin-bottom: 15px; font-weight: bold;}
.note_wrap .note_block .tit:before { position: absolute; content: ""; background: var(--light_blue); width: 18px; height: 18px; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);   clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); top: 50%; transform: translateY(-50%); left: 0;}
.note_wrap .note_block .flex-box .text_block { width: 65%;}
.note_wrap .note_block .flex-box .img_block { width: calc(35% - var(--flex-gap));}
.note_wrap .note_block .text p { font-size: 15px; line-height: 1.7em; margin-bottom: 1.5em;}

#tickets{ padding-bottom:80px;}

@media screen and (max-width: 768px) { 
  .bg_deco{
    .deco{
      &:before,
      &:after{width: 10px;height: 10px;}
    }
  }
	#tickets{ padding-bottom: 40px;}

  .tk_block .tk_list dl { flex-direction: column; font-size: 16px;    padding-bottom: 20px;
    margin-bottom: 20px; }
  .tk_block .tk_list dl dt { margin-bottom: 0.3em; }
  .tk_block .tk_list dl dt span { font-size: 16px; line-height: 1.4em; }
  .tk_block .tk_list dl dt .min { /*display: block;*/ }
  .tk_block .tk_list dl dd { font-size:24px; line-height: 1.4em; text-align: right;}
  .tk_block .tk_list dl dd span { font-size: 16px; line-height: 1.4em; }
  .tk_wrap .tk_block:not(:last-of-type) { margin-bottom: 20px; }
    .tk_wrap .tk_block .block_tit{}
  .tk_btn_wrap { padding: 40px 10px;    }
  .tk_btn_wrap .btn_tit { font-size: 16px; line-height: 1.4em; }
  .tk_btn_wrap .text { font-size: 16px; line-height: 1.4em; }
  .tk_btn_wrap .button a { font-size: 18px; line-height: 1.4em; }
	
	.tk_wrap:not(:last-of-type){ margin-bottom: 60px;}
	
	
  .note_wrap .note_block { padding: 24px 16px; }
  .note_wrap .note_block .tit { font-size: 18px; line-height: 1.4em; }
  .note_wrap .note_block .flex-box .text_block { width: 100%; margin-bottom: 0px; }
  .note_wrap .note_block .flex-box .img_block { width: 100%; }
  .note_wrap .note_block .text p { font-size: 12px; line-height: 1.7em; margin-bottom: 1.5em;}
  .tk_btn_wrap .note_block p { font-size: 12px; line-height: 1.7em; margin-bottom: 1.5em;}
  .tk_btn_wrap .note_block .upgrade_box .texts p { font-size: 12px; line-height: 1.6em; margin-bottom: 0.5em;}
}
.news .news_link {position: relative;padding: 36px 100px 36px 30px;display: block;border: 1px solid var(--key_color);background: #fff;transition: 0.2s;filter: drop-shadow(6px 6px 0px var(--key_color));}
.news .news_link:before {position: absolute;content: "";background: url(https://d2nnm86yxj7l6q.cloudfront.net/inkigayo/images/btn_arrow.svg) no-repeat center;background-size: contain;width: min(3vw,40px);height: min(4vw,46px);top: 50%;transform: translateY(-50%);right: 30px;}
.news .news_link.dis { pointer-events: none;}
.news .news_link.dis:before { opacity: 0.3;}
.news .news_link:hover { transform: scale(1.02); transition: 0.2s; opacity: 1;}
.news .date {color: var(--light_blue);margin-bottom: 1em;}
.news .date span{background-color: var(--logo_green);color: #fff;font-size: 1em;font-weight: 900;line-height: 1.5em;padding: 0.2em 0.7em;}
.news .news_tit {font-size: 18px;line-height: 1.5em;}
.news .frame span:before { border-color: var(--light_blue);}
.news .frame span:after { border-color: var(--light_blue);}

.news_wrap ul { margin-bottom: 50px;}
.news_wrap ul li:not(:last-of-type) { margin-bottom: 20px;}

.single_wrap .news { margin-bottom: 50px;}
.single_wrap .news_tit_block { position: relative; border: 1px solid var(--light_blue); padding: 32px 28px; margin-bottom: 20px; background: rgba(0, 0, 0, 0.4862745098);}
.single_wrap .news_content_block { position: relative; padding: 38px 38px; border: 1px solid var(--light_blue); background: rgba(0, 0, 0, 0.4862745098);}
.single_wrap .news_content_block .content h2 { padding-left: 30px; position: relative; color: var(--light_blue); font-size: 20px; line-height: 1.4em; margin-top: 30px; margin-bottom: 10px;}
.single_wrap .news_content_block .content h2:before { position: absolute; content: ""; background: var(--light_blue); border-bottom: 1px dashed var(--light_blue); width: 18px; height: 18px; top: 50%; left: 0; transform: translateY(-50%);}
.single_wrap .news_content_block .content h3 { margin-top: 30px; color: var(--light_blue); font-size: 19px; line-height: 1.4em; border-left: 3px solid var(--light_blue); padding-left: 14px; margin-bottom: 10px;}
.single_wrap .news_content_block .content h4 { font-size: 17px; line-height: 1.4em; margin-bottom: 10px;}
.single_wrap .news_content_block .content hr { border-color: var(--light_blue); margin: 40px 0;}
.single_wrap .news_content_block .content p:not(:last-of-type) { margin-bottom: 1em;}
.single_wrap .news_content_block .content a { color: #fff; text-decoration: underline;}
.single_wrap .news_content_block .content strong { font-weight: bold; color:#ff7272;}

@media screen and (max-width: 768px) { 
    .news .news_link { padding: 26px 20px; }
    .news .news_link:before { transform: initial; top: 26px; display:none;}
    .news .news_tit { font-size: 15px; line-height: 1.4em; }
    .news_wrap ul { margin-bottom: 50px; }
    .news_wrap ul li:not(:last-of-type) { margin-bottom: 14px; }
    .single_wrap .news_tit_block { padding: 24px 20px; }
    .single_wrap .news_content_block { padding: 24px 20px; }
}

.notice_wrap .notice_block:not(:last-of-type) { margin-bottom: 80px;}
.notice_wrap .notice_block .text_block { text-align: center;}
.notice_wrap .notice_block .text_block p { font-size: 24px; line-height: 1.6em; font-weight: bold;}
.notice_wrap .notice_block .text_block p .min { font-size: 18px; line-height: 1.4em;}

@media screen and (max-width: 768px) { 
    .notice_wrap .notice_block .block_tit { margin-bottom: 20px; font-size: 16px; }
    .notice_wrap .notice_block .text_block p { font-size: 16px; }
}
.guide_block { position: relative; border: 1px solid var(--light_blue); padding: 50px 40px; margin-bottom: 40px; background: rgba(255, 255, 255, 0.8);}
.guide_block .frame { --bd_w:5px; --frame_size:18px;}
.guide_block .block:not(:last-of-type) { margin-bottom: 40px;}
.guide_block .block .tit { color: var(--light_blue); font-weight: bold; font-size: 20px; line-height: 1.4em; border-bottom: 1px dashed var(--light_blue); padding-bottom: 5px; margin-bottom: 16px;}
.guide_block .text-list ul li:not(:last-of-type) { margin-bottom: 0.4em;}

@media screen and (max-width: 768px) { 
    .guide_block { padding: 30px 20px; }
    .guide_block .block .tit { font-size: 16px; line-height: 1.4em; }
}
.fix_bg { position: fixed; width: 100%; height: 100vh; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; background: url(https://d2nnm86yxj7l6q.cloudfront.net/inkigayo/images/bg.webp) no-repeat center; background-size: cover; z-index: -2; opacity: 1;}
.fix_bg:before{content: ""; display: block; background-image: url("https://d2nnm86yxj7l6q.cloudfront.net/inkigayo/images/bg2.webp"); background-repeat: no-repeat; background-attachment: fixed; background-size: 100%; width: 100%; height: 100vh; left: 0; top: 0; position: fixed; z-index: -1; mix-blend-mode: color-burn;}

.fix_front { position: fixed; width: 100%; height: 100dvh; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 20;}
.fix_front .fix_txt { position: absolute; width: min(2vw, 28px); left: 10px; bottom: 50px;}

.fix_btn {position: fixed;bottom: min(3.4vw,26px);right: min(3.4vw,26px);width: min(14vw,200px);height: min(14vw,200px);z-index: 100;transition: 0.2s;}
.fix_btn:hover { opacity: 1; transform: translateY(-10px); transition: 0.2s;}
.fix_btn a { display: block; width: 100%; height: 100%;}
.fix_btn a:hover { opacity: 1;}
.fix_btn .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 34px; padding-bottom: 10px; text-align: center; color: #fff; font-family: var(--font_en);}
.fix_btn .text:before { position: absolute; content: "チケット"; bottom: -20px; font-size: 14px; left: 50%; transform: translateX(-50%);}
.fix_btn .text:after { position: absolute; content: ""; background: url(https://d2nnm86yxj7l6q.cloudfront.net/inkigayo/images/tik_arrow.svg) no-repeat center; background-size: contain; width: 20px; height: 28px; left: 50%; transform: translateX(-50%); bottom: -50px;}

@media screen and (max-width: 768px) { 
    .fix_bg { background-image: url("https://d2nnm86yxj7l6q.cloudfront.net/inkigayo/images/bg_sp.webp")  }
    .fix_btn {width: min(20vw,100px);height: min(20vw,100px);transition: 0.3s;}
    .fix_btn a:before { top: 11px; left: -6px; }
    .fix_btn .text { font-size: 20px; line-height: 1.2em; padding-left: 8px; }
    .fix_btn .text:before { bottom: -8px; font-size: 10px; line-height: 1.4em; }
    .fix_btn .text:after { bottom: -36px; }
    .fix_btn.active { right: -150px; transition: 0.3s; }
    .fix_front .fix_txt { display: none; }
}
.btn_tit { position: relative;  width: 92%; margin: 0 auto 100px; padding: 5px; overflow: hidden;}
.btn_tit a { background: rgba(68, 157, 175, 0.8); display: block; color: #fff; padding: 30px 30px 50px 30px; position: relative; font-size: 38px; line-height: 1.4em; font-family: var(--font_en); transition: 0.3s;}
.btn_tit a:before { position: absolute; content: attr(data-heading) ""; font-size: 14px; top: 66px;}
.btn_tit a:after { position: absolute; content: ""; background: url(https://d2nnm86yxj7l6q.cloudfront.net/inkigayo/images/btn_arrow.svg) no-repeat center; background-size: contain; width: 36px; height: 37px; top: 50%; transform: translateY(-50%); right: 30px;}
.btn_tit a:hover { transform: scale(1.04); transition: 0.3s;}

#sponsors {position: relative; display: block; width: 100%; height: auto; background: #fff; padding: 80px 0;}
#sponsors .sec_title {text-align: center; font-family: var(--font_en); font-size: clamp(22px, 3vw , 33px); line-height: 1.5em; margin-bottom: 1.5vw; color: #000; }
#sponsors .sponsors_list {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 90%; height: auto; max-width: 1600px; margin: 0 auto;}
#sponsors .sponsors_list li {display: block; width: clamp(150px , calc(100% / 7) , 300px ); height: auto;}
#sponsors .sponsors_list li a {display: block; width: 100%; height: 100%;}
#sponsors .sponsors_list li a img {display: block; width: 100%; height: auto;}

@media screen and (max-width: 768px) { 
  #sponsors .sponsors_list li {width: min(250px, 50%);}
}


#about .sec_h{ margin-bottom: 0; position: relative; z-index: 2;}
.about_wrap{ padding: 5% 0; padding-top: calc(4vw + 3% );
	background-color: rgba(59,83,175,0.4); color: #fff; position: relative; margin-top: -4vw;
	background: linear-gradient(178deg, rgba(59,83,175,0.6) 0%, rgba(56,173,166,0.2) 100%);
}

.about_wrap dl{ display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #eee; padding: 1em 0; font-size: 20px; font-weight: 500; line-height: 1.5em;}
.about_wrap dl:last-of-type{ border-bottom: none; padding-bottom: 0;}
.about_wrap dt{ width: 14em; font-size: 18px; color: #ddf6f5;}
.about_wrap dd{ width: calc(100% - 9em);}
.about_wrap dd .txts{ font-size: 0.8em;; line-height: 1.7em;}
.about_wrap dd .min{ font-size: 14px; line-height: 1.4em;}
.about_wrap dd .subtxt{ font-size: 16px; line-height: 1.7em; margin: 2em 0;}

.about_wrap .access_btn{ display: block;  border: 1px solid #fff; color: #fff; text-align: center; font-size: 16px; max-width: 320px; line-height: 1em; padding: 0.5em 0;}

@media screen and (max-width: 768px) {
	.about_wrap{background:linear-gradient(178deg, rgba(59,83,175,0.6) 0%, rgba(56,173,166,0.6) 100%);}
	.about_wrap dl{ display: block; font-size: 16px;}
	.about_wrap dt{ width: 100%; font-size: 15px; }
	.about_wrap dd{ width: 100%;}
	.about_wrap dd iframe{ height: 250px;}
}

/* ================================= アニメーション =================================== */
#fv .text_block .logo { transform: translateY(10%); opacity: 0;}
#fv .text_block .date { transform: translateY(10%); opacity: 0;}

.intro_on #fv .kv img { -webkit-animation: on 0.5s cubic-bezier(0.77, 0, 0.175, 1) both;   animation: on 0.5s cubic-bezier(0.77, 0, 0.175, 1) both;}
.intro_on #fv .text_block .logo { transform: translateY(0%); opacity: 1; transition: 0.8s; transition-delay: 0.4s;}
.intro_on #fv .text_block .date { transform: translateY(0%); opacity: 1; transition: 0.8s; transition-delay: 0.4s;}

@-webkit-keyframes on { 
    0% { transform: translate(-50%, -50%) scale(0, 0); }
  20% { transform: translate(-50%, -50%) scale(1.1, 0.015); }
  30% { transform: translate(-50%, -50%) scale(0.015, 0.015); }
  50% { transform: translate(-50%, -50%) scale(0.015, 1.1); }
  60% { transform: translate(-50%, -50%) scale(0.015, 0.015); }
  70% { transform: translate(-50%, -50%) scale(1, 0.015); }
  80% { transform: translate(-50%, -50%) scale(1, 1.02); }
  90% { transform: translate(-50%, -50%) scale(1, 0.98); }
  100% { transform: translate(-50%, -50%) scale(1, 1); }
}

@keyframes on { 
    0% { transform: translate(-50%, -50%) scale(0, 0); }
  20% { transform: translate(-50%, -50%) scale(1.1, 0.015); }
  30% { transform: translate(-50%, -50%) scale(0.015, 0.015); }
  50% { transform: translate(-50%, -50%) scale(0.015, 1.1); }
  60% { transform: translate(-50%, -50%) scale(0.015, 0.015); }
  70% { transform: translate(-50%, -50%) scale(1, 0.015); }
  80% { transform: translate(-50%, -50%) scale(1, 1.02); }
  90% { transform: translate(-50%, -50%) scale(1, 0.98); }
  100% { transform: translate(-50%, -50%) scale(1, 1); }
}



/*# sourceMappingURL=style.css.map */