﻿@charset "UTF-8";
/* @use 'variables' as *; */
/*----------------------------------------
    top page
------------------------------------------*/

/* fix bg */
.fix_bg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;z-index: 20;}
.fix_bg .left{position: absolute;background-image: url(../images/2025/fixed_right.svg);background-position: center top;background-repeat: no-repeat;background-size: 100%;width: min(80vw,1000px);height: 8vw;top: 0;left: 0;}
.fix_bg .right{position: absolute;background-image: url(../images/2025/fixed_left.svg);background-position: center bottom;background-repeat: no-repeat;background-size: 100%;width: min(80vw, 1000px);height: 8vw;bottom: 0;right: 0;}

/* top bnr */
.top_bnr_box{width: 85%;bottom: 4%;left: 50%;position: fixed;z-index: 20001;transform: translate(-50%, 0);}
.top_bnr_box .bnr_btn{display: flex;flex-wrap: wrap;width: 100%;padding: 20px;background-color: #0e31c0b3;border: 1px solid #fff;transition: 0.2s;gap: 0 1%;}
.top_bnr_box .bnr_btn .img_tit{width: 28%;display: flex;align-items: center;}
.top_bnr_box .bnr_btn .img_tit img{width: 84%;margin: 0 auto;}
.top_bnr_box .bnr_btn a{display: flex;position: relative;background-color: #fff;color: #0E31C0;width: 23%;font-size: min(1.5vw,20px);font-weight: bold;justify-content: center;align-items: center;padding: 0.7em 0.7em 0.7em 0;line-height: 1.5em;flex-wrap: wrap;}
.top_bnr_box .bnr_btn a .small{display: block;font-size: 0.7em;line-height: 1.5em;width: 100%;}
.top_bnr_box .bnr_btn a:after{position: absolute;content: "";background-color: #0E31C0;height: calc(tan(60deg) * 0.6em / 2);width: 0.6em;clip-path: polygon(50% 0, 100% 100%, 0 100%);right: 0.7em;transform: rotate(-30deg);}
.top_bnr_box .bnr_btn a:hover{transform: translateY(-3px);}


@media only screen and (max-width: 835px) {
  .top_bnr_box{bottom: 2%; width: 94%;}
  .top_bnr_box .bnr_btn{padding: 12px;gap: 6px 1.33%;}
  .top_bnr_box .bnr_btn .img_tit{width: 100%;margin-bottom: 8px;}
  .top_bnr_box .bnr_btn .img_tit img{width: 66%;}
  .top_bnr_box .bnr_btn a{width: 32.4%;font-size: 3.8vw;padding: 0.7em 0;font-weight: 900;line-height: 1.25em;}
  .top_bnr_box .bnr_btn a:after{display: none;}
}


/* fv
------------------------------------------*/

/* main logo */
#fv {position: relative;width: 100%;height: calc(100vh + 80px);}
#fv .logo {position: absolute;top: 43%;left: 50%;transform: translate(-50%, -60%);width: 45%;z-index: 2;}
#fv .logo img {display: block;width: 100%;}
#fv .logo .layer2, #fv .logo .layer3 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#fv .logo .layer1 {position: relative;}

/* bg */
#fv .bg_box{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;pointer-events: none;}
#fv .bg_box .main_bg{background-image: url(../images/2025/main_bg_txt.svg);background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;opacity: 0.2;}
#fv .bg_box .left{position: absolute;top: 0;left: 0;width: min(86vw,1000px);}
#fv .bg_box .right{position: absolute;bottom: 0;right: 0;width: min(76vw,1000px);}

@media only screen and (max-width: 835px) {
  /* main logo */
  #fv {  height: calc(100vh - 32.5vw);}
  #fv .logo {top: 50%; width: 85vw;}

  /* bg */
  #fv .bg_box .main_bg{background-size: 120%;}
}


/* news
-------------------------------*/
#news {position: relative;width: 100%;height: auto;padding: 60px 0;background-color: rgba(14, 49, 192, 0.5);line-height: 1.7em;text-align: left;}
#news .h_title_news {position: absolute;display: block;top: 0;left: 0;transform: translate(0, -140%);width: 30%;}
#news .h_title_news img {width: 100%;}
#news .news_list {border-top: 1px solid #3d5079;margin-bottom: 20px;}
#news .news_list li .news_rack {position: relative;display: flex;padding: 1.4em 1.2em 1.3em;border-bottom: 1px solid #3d5079;color: #fcfcfc;font-size: 16px;overflow: hidden;transition: 0.4s;}
#news .news_list li .news_rack::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 1000%;height: 100%;background: repeat-x url(../images/2025/bmgjt2025.webp);background-size: contain;background-position: center;opacity: 0;transition: 0.2s;animation: move_l 360s linear infinite;}
#news .news_list li .news_rack .date {position: relative;display: block;margin-right: 1.5em;white-space: nowrap;margin-bottom: 0.4em;}
#news .news_list li .news_rack .title {position: relative;display: block;text-align: left;}
#news .news_list li .news_rack:hover {background-color: rgba(0, 0, 0, 0);}
#news .news_list li .news_rack:hover::before {opacity: 0.2;}
#news .more{display: block;width: 100%;text-align: center;background-color: #fff;padding: 1em 0;color: #0E31C0;font-family: var(--font_en);font-size: 1.6em;font-weight: bold;line-height: 1.5em;}
#news .more:hover{opacity: 0.8;}

.new_tag{display: inline-block;background-color: #ff3418;font-size: 0.8em;font-weight: bold;line-height: 1.5em;padding: 0.2em 1.5em;margin-left: 1em;}

@media only screen and (max-width: 835px) {
  #news {padding: 10% 0;}
  #news .h_title_news { width: 50%;}
  #news .news_list li .news_rack { flex-direction: column;  padding: 1.3em 0 1.2em;}
  #news .more{font-size: 1.2em;}

  .new_tag{font-size: 0.7em;}
}


/* about
-------------------------------*/
#about {position: relative;display: block;width: 100%;aspect-ratio: 1500/1260;overflow: hidden;}
#about .about_img_main {position: absolute;bottom: 0;left: 0;width: 100%;height: auto;transform: translateY(40%);}
#about .about_img_main img {display: block;width: 100%;height: auto;}

@media only screen and (max-width: 835px) {#about {aspect-ratio: 390/460;}
  #about .about_img_main {  transform: translateY(0%);}
}


/* whats blue man
-------------------------------*/
#whats_blue_man {position: relative;display: block;width: 100%;aspect-ratio: 1500/770;}
#whats_blue_man .main_img_outer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
#whats_blue_man .main_img_outer .main_img {position: absolute;top: 0;right: 0;width: 70%;height: auto;transform: translate(20%, -10%);}
#whats_blue_man .main_img_outer .main_img img {width: 100%;}
#whats_blue_man .catch {position: absolute;top: 15%;left: 0;width: 55%;height: auto;margin-bottom: 0;}
#whats_blue_man .catch img {width: 100%;}
#whats_blue_man .img_slide {position: absolute;bottom: 0;left: 0;display: flex;width: 100%;transform: translateY(50%) rotateZ(-4deg);z-index: 1;}
#whats_blue_man .img_slide img {display: block;width: 140vw;max-width: inherit;-webkit-animation: hor_move_r 40s linear infinite;animation: hor_move_r 40s linear infinite;}

@media only screen and (max-width: 835px) {#whats_blue_man {  aspect-ratio: 390/500;}
  #whats_blue_man .main_img_outer .main_img {  top: 27%;  right: 50%;  width: 120%;  transform: translate(50%, 0%);}
  #whats_blue_man .catch {  top: 0%;  width: 100%;}
  #whats_blue_man .img_slide img{width: 200vw;}
}


/* gallery
-------------------------------*/
#gallery {position: relative;}
#gallery .gallery_grid {position: relative;--grid_gap:0px;display: grid;grid-template-columns: repeat(2, calc((100% - var(--grid_gap) * 1) / 2));grid-row-gap: var(--grid_gap);grid-column-gap: var(--grid_gap);}
#gallery .gallery_grid li {display: block;width: 100%;}
#gallery .gallery_grid li img {width: 100%;}

@media only screen and (max-width: 835px) {#gallery .gallery_grid {  grid-template-columns: repeat(1, 100%);}
}


/* blank area
-------------------------------*/
#blank_area {position: relative;display: block;width: 100%;height: inherit;}
#blank_area.top{height:100vh;}
#blank_area .sp_sns_links {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: min(300px, 60%);}
#blank_area .sp_sns_links .links {display: flex;justify-content: center;gap: 5%;margin-bottom: 10px;width: 100%;}
#blank_area .sp_sns_links .links li {display: block;width: 16%;}
#blank_area .sp_sns_links .links li a {display: block;width: 100%;height: auto;}
#blank_area .sp_sns_links .links li a img {display: block;width: 100%;height: auto;}
#blank_area .sp_sns_links .text {display: block;width: 100%;height: auto;}
#blank_area .sp_sns_links .text img {display: block;width: 100%;height: auto;}

@media only screen and (max-width: 835px) {
  #blank_area {  height: 20vw;}
  #blank_area .sp_sns_links {transform: translateX(-50%);top: inherit;left: 50%;bottom: 2vw;}
}


/* in news
-------------------------------*/
#in_news .news_list {border-top: 1px solid #0e31c0;margin: 0 auto calc(var(--main_distance)* 1);}
#in_news .news_list li .news_rack {position: relative;display: flex;flex-direction: column;padding: 1.3em 1em 1.2em;border-bottom: 1px solid #0e31c0;color: #fcfcfc;font-size: 16px;overflow: hidden;transition: 0.4s;text-align: left;}
#in_news .news_list li .news_rack .date_box{display: flex; margin-bottom: 8px;}
#in_news .news_list li .news_rack .date {position: relative;display: block;white-space: nowrap;width: 5em;background-color: #F9CD00;color: #000;font-family: var(--font_en);font-size: 1.1em;font-weight: 500;text-align: center;line-height: 1.2em;padding-top: 0.2em;}
#in_news .news_list li .news_rack .title {position: relative;display: block;text-align: left;}
#in_news .news_list li .news_rack:hover {background-color: #0e31c06b;}


/* info
-------------------------------*/

/* common */
.info_sec {padding: 130px 0 240px;text-align: left;position: relative;overflow: clip;}
.info_sec .info_tit{transform: rotate(-5deg);width: 58%;margin: 0 auto 160px;}
.info_sec .stit {font-size: 1.4em;line-height: 1.5em;margin-bottom: 0.8em;}
.info_sec .stit span {font-size: 0.7em;}
.info_sec .sstit {font-size: 1.1em;line-height: 1.5em;margin-bottom: 0.6em;}
.info_sec .note_txt {font-size: 0.7em; text-decoration: underline;}
.info_sec .note {font-size: 0.9em;line-height: 1.7em;margin-bottom: min(40px,6vw);}
.info_sec a{text-decoration: underline;}

.strong{font-size: 1.1em;font-weight: bold;line-height: 1.5em;}
.strong.s01{color: #ee0577;}

/* contents parts */
.contents_outer{margin-bottom: 80px;}
.contents_outer .contents_box:last-child{margin-bottom: 0;}
.contents_box{padding: 40px;border: 1px solid #fff;background-color: rgba(0, 0, 0, 0.7803921569);margin-bottom: 40px;}
.contents_box.flex{display: flex;justify-content: space-between;align-items: center;}
.contents_box.flex .left{width: 50%;}
.contents_box.flex .right{width: 50%;text-align: right;}
.contents_box.flex .right figure{width: 50%;margin-left: auto;}

/* coming soon */
.contents_box .cs_txt{text-align: center;margin: 0;}
.contents_box .cs_txt .main_txt{font-family: var(--font_en);display: block;font-size: 5em;font-weight: bold;line-height: 1em;}

/* lead */
.info_sec .lead_box{text-align: center;margin-bottom: 120px;font-size: 1.2em;line-height: 2em;}

/* 座席表 */
.seat_box {display: flex;align-items: baseline;justify-content: center;}
.seat_box figure {width: 33.33%;}
.seat_box figure img {width: 100%;}

/* vip席 */
.info_sec .vip_area{margin-bottom: 12px;}

/* チケット料金 */
.price_area {margin-bottom: 80px;}
.price_area .price_table {width: 100%;margin-bottom: 20px;}
.price_area .price_table .head {display: flex;}
.price_area .price_table .head div:first-of-type {width: 30%;}
.price_area .price_table .head div:nth-child(3) {width: 14%;text-align: center;font-size: 0.8em;}
.price_area .price_table .head div:nth-child(2) {width: 14%;text-align: center;font-size: 0.8em;}
.price_area .price_table .head div:last-of-type {width: 42%;}
.price_area .price_table .list {display: flex;margin-bottom: 4px;flex-wrap: wrap;}
.price_area .price_table .list .tit {padding: 1em;font-size: 1em;line-height: 1.5em;border: 1px solid;width: 30%;display: flex;align-items: center;}
.price_area .price_table .list .tit.p_icon{position: relative;display: flex;align-items: center;gap: 0 10px;}
.price_area .price_table .list .tit.p_icon:before{position: relative;content: "";display: block;background-image: url(../images/seat/icon_pocho.svg);background-position: center;background-repeat: no-repeat;background-size: contain;width: 50px;height: 50px;}
.price_area .price_table .list .tit.p_icon.en:before{background-image: url(../images/eng/icon_pocho_en.svg);}
.price_area .price_table .list .tit .small_txt{margin: 0;display: inline-block;font-size: 0.8em;line-height: 1.5em;padding-left: 0.5em;}
.price_area .price_table .list .price {padding: 1em;font-size: 1.2em;line-height: 1em;text-align: center;border: 1px solid;width: 14%;display: flex;align-items: center;border-left: none;background-color: rgba(0, 0, 0, 0.7803921569);}
.price_area .price_table .list .price span {font-size: 0.6em;white-space: nowrap;}
.price_area .price_table .list .txt {padding: 1em;font-size: 0.9em;line-height: 1.5em;border: 1px solid;width: 42%;display: flex;align-items: center;background-color: rgba(0, 0, 0, 0.7803921569);}
.price_area .price_table .list .flex{display: flex; align-items: center;}
.price_area .price_table .list .in {width: 100%;}
.price_area .price_table .list.p_01 .tit {background-color: #00A6FF;border-color: #00A6FF;}
.price_area .price_table .list.p_01 .price {border-color: #00A6FF;}
.price_area .price_table .list.p_01 .txt {border-color: #00A6FF;}
.price_area .price_table .list.p_02 .tit {background-color: #70AF0C;border-color: #70AF0C;}
.price_area .price_table .list.p_02 .price {border-color: #70AF0C;}
.price_area .price_table .list.p_02 .txt {border-color: #70AF0C;}
.price_area .price_table .list.p_03 .tit {background-color: #FFB400;border-color: #FFB400;}
.price_area .price_table .list.p_03 .price {border-color: #FFB400;}
.price_area .price_table .list.p_03 .txt {border-color: #FFB400;}
.price_area .price_table .list.p_04 .tit {background-color: #B666CA;border-color: #B666CA;}
.price_area .price_table .list.p_04 .price {border-color: #B666CA;}
.price_area .price_table .list.p_04 .txt {border-color: #B666CA;}
.price_area .price_table .list.p_05 .tit {background-color: #FF3418;border-color: #FF3418;}
.price_area .price_table .list.p_05 .price {border-color: #FF3418;}
.price_area .price_table .list.p_05 .txt {border-color: #FF3418;}
.price_area .price_table .list.p_06 .tit {background-color: #048b50;border-color: #048b50;}
.price_area .price_table .list.p_06 .price {border-color: #048b50;}
.price_area .price_table .list.p_06 .txt {border-color: #048b50;}
.price_area .price_table .list.p_07 .tit {background-color: #ee0577;border-color: #ee0577;}
.price_area .price_table .list.p_07 .price {border-color: #ee0577;}
.price_area .price_table .list.p_07 .txt {border-color: #ee0577;}
/* チケット料金 cs */
.price_area .price_table .list.cs .txt{width: 70%; text-align: center;}

/* チケットの購入 */
.tk_contents{border: 4px solid #F9CD00;background-color: rgba(0, 0, 0, 0.7803921569);color: #F9CD00;padding: 80px 40px;text-align: center;font-size: 1.2em;font-weight: bold;line-height: 1.6em;margin-bottom: 12px;}
.tk_contents .tk_tit{width: 60%;margin: 0 auto 40px;}
.tk_contents .tk_btn{display: block;width: auto;margin: 0 auto;text-decoration: none;}

/* チケットボタン */
.tk_area .tk_block .pg_box {margin-bottom: 24px;display: flex;justify-content: space-between;}
.tk_area .tk_block .pg_box.one li {width: 100%;}
.tk_area .tk_block .pg_box.three li {width: 32.33%;}
.tk_area .tk_block .pg_box.three li .btn {padding: 1.5em 5% 0.75em 5%;}
.tk_area .tk_block .pg_box .btn {color: #0E31C0;background-color: #fff;display: block;padding: 1.5em 5% 1em 5%;font-size: 22px;line-height: 1.5em;font-weight: bold;border-radius: 10px;position: relative;text-align: center;transition: 0.3s;}
.tk_area .tk_block .pg_box .btn span {display: block;background-color: #0E31C0;color: #fff;font-size: 0.7em;margin-top: 1.5em;line-height: 1.5em;padding: 0.5em 0;}
.tk_area .tk_block .pg_box .btn:hover {opacity: 0.8;}

/* グッズボタン */
.goods_btn{position: relative;display: block;width: 100%;text-align: center;background-color: #fff;padding: 1em 3em 0.5em;color: #0E31C0;font-family: var(--font_en);font-size: 1.6em;font-weight: bold;line-height: 1.5em;position: relative;text-decoration: none !important;margin-top: 160px;}
.goods_btn:after{position: absolute;content: "";background-image: url(../images/svg/arrow.svg);background-position: center;background-repeat: no-repeat;background-size: contain;width: 36px;height: 36px;right: 1em;top: 50%;transform: translateY(-50%);}
.goods_btn:hover{opacity: 0.8;}
.goods_btn .small{display: block;font-size: 0.8em;line-height: 1em;}
.goods_btn .large{font-size: 2em;line-height: 1.1em;}

/* bg */
.info_sec .bg_box{position: absolute;top: 0;height: 100%;width: 100%;background-color: #000000d1;}
.info_sec .bg_box .bg{position: sticky;top: 0;height: 0;}
.info_sec .bg_box .bg .bg_01{position: absolute;bottom: 76%;max-width: inherit;left: 50%;transform: translateX(-50%);z-index: 0;width: 100%;}
.info_sec .bg_box .bg .bg_02{position: absolute;top: 76%;max-width: inherit;left: 50%;transform: translateX(-50%);z-index: 0;width: 100vw;}
.info_sec .bg_box .bg .bg_03{position: absolute;top: -72%;max-width: inherit;right: -42%;transform: rotate(23deg);width: 80%;z-index: -1;}
.info_sec .bg_box .bg .bg_04{position: absolute;bottom: -60%;max-width: inherit;left: -47%;transform: rotate(215deg);width: 80%;z-index: -1;}

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

  /* common */
  .info_sec {padding: 16vw 0 26vw;}
  .info_sec .info_tit{width: 90%;margin: 0 auto 60px;}
  .info_sec .stit {font-size: 1.2em;}

  /* contents parts */
  .contents_outer{margin-bottom: 40px;}
  .contents_box{padding: 20px;margin-bottom: 20px;}
  .contents_box.flex{flex-direction: column;}
  .contents_box.flex .left{width: 100%;}
  .contents_box.flex .right{width: 100%;}
  .contents_box.flex .right figure{position: relative;width: 100%;height: 0;padding-bottom: 60%;border: 1px solid #666;}
  .contents_box.flex .right figure img{position: absolute;width: auto;height: auto;max-width: 100%;max-height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}

  /* coming soon */
  .contents_box .cs_txt{font-size: 0.7em;}

  /* lead */
  .info_sec .lead_box{margin-bottom: 60px;font-size: 1em;}

  /* 座席表 */
  .info_sec .seat_box {  display: block;  padding: 20px;}
  .info_sec .seat_box figure {  width: 100%;  margin-bottom: 20px;}

  /* チケット料金 */
  .price_area { margin-bottom: 40px;}
  .price_area .price_table .head { display: flex;}
  .price_area .price_table .head div:first-of-type { width: 33.33%;}
  .price_area .price_table .head div:nth-child(3) { width: 33.33%;}
  .price_area .price_table .head div:nth-child(2) { width: 33.33%;}
  .price_area .price_table .list .tit { width: 33.33%;padding: 0.5em;}
  .price_area .price_table .list .tit.p_icon{display: block;}
  .price_area .price_table .list .tit.p_icon:before{width: 40px;height: 40px;margin-bottom: 6px;}
  .price_area .price_table .list .tit .small_txt{padding: 0;margin-top: 0.4em;}
  .price_area .price_table .list .flex{flex-direction: column;}
  .price_area .price_table .list .price { width: 33.33%;}
  .price_area .price_table .list .txt { width: 100%; border-top: none;}
  .price_area .price_table .list.nagoya .price { width: 66.66%;}
  .price_area .price_table .list.nagoya .txt { width: 100%;}
  /* チケット料金 cs */
  .price_area .price_table .list.cs .txt{width: 66.67%; border: 1px solid; border-top: 1px solid;}
  .price_area .price_table .list.p_01.cs .txt{border-color: #00A6FF;}
  .price_area .price_table .list.p_02.cs .txt{border-color: #70AF0C;}
  .price_area .price_table .list.p_03.cs .txt{border-color: #FFB400;}
  .price_area .price_table .list.p_04.cs .txt{border-color: #B666CA;}
  .price_area .price_table .list.p_05.cs .txt{border-color: #FF3418;}
  .price_area .price_table .list.p_06.cs .txt{border-color: #048b50;}
  .price_area .price_table .list.p_07.cs .txt{border-color: #ee0577;}

  /* チケットの購入 */
  .tk_contents{padding: 40px 16px;font-size: 1em;}
  .tk_contents .tk_tit{width: 100%;margin: 0 auto 20px;}

  /* グッズボタン */
  .goods_btn{margin-top: 20vw;padding: 1em 0 0.5em;}
  .goods_btn:after{width: 22px;height: 22px;right: 0.5em;}

  /* bg */
  .info_sec .bg_box .bg .bg_01{width: 130%;bottom: 84%;}
  .info_sec .bg_box .bg .bg_02{width: 100%;top: 88%;}
  .info_sec .bg_box .bg .bg_03{transform: rotate(23deg);top: -9%;}
  .info_sec .bg_box .bg .bg_04{transform: rotate(215deg);bottom: -9%;}
}


/* info EN
-------------------------------*/
.en_page .info_sec{padding: 80px 0;}
.en_page .info_sec .lead_box{margin-bottom: 80px;padding-bottom: 60px;border-bottom: 1px solid #fff;}
.en_page .info_sec .lead_box .lead_tit{font-family: "Teko", "Noto Sans JP", sans-serif;font-size: 4em;text-align: center;color: #f9c809;line-height: 0.9em;}
.en_page .info_sec .lead_box .lead_tit .small{font-size: 0.6em;line-height: 1.2em;display: block;}

.en_page .info_sec .lead_txt {margin-bottom: 80px;}
.en_page .info_sec .lead_txt dl {display: flex;flex-wrap: wrap;align-items: baseline;}
.en_page .info_sec .lead_txt dl dt {background-color: #000;color: #fff;font-weight: bold;width: 8em;display: inline-block;text-align: center;font-size: 1em;line-height: 2em;margin-right: 1.1em;margin-bottom: 1em;}
.en_page .info_sec .lead_txt dl dd {width: calc(100% - 10em);margin-bottom: 1em;}
.en_page .info_sec .lead_txt dl dd .venue_img{background-color: rgba(0, 0, 0, 0.7803921569);position: relative;height: 0;padding-top: 50%;margin: 8px 0;border: 1px solid #fff;}
.en_page .info_sec .lead_txt dl dd .venue_img img{position: absolute;width: auto;height: auto;max-width: 100%;max-height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.en_page .info_sec .lead_txt .large {font-size: 1.5em;line-height: 1.5em;}
.en_page .info_sec .lead_txt a {text-decoration: underline;}

.en_page .en_last_bottom{margin-bottom: 180px;}

@media only screen and (max-width: 835px) {
  .en_page .info_sec{padding: 60px 0 40px;}
  .en_page .info_sec .lead_box{margin-bottom: 40px;padding-bottom: 30px;}
  .en_page .info_sec .lead_box .lead_tit{ font-size: 3.2em;margin-bottom: 0.6em;}
  .en_page .info_sec .lead_box .lead_tit .small{font-size: 0.5em;}

  .en_page .info_sec .lead_txt {  margin-bottom: 40px;  font-size: 16px;}
  .en_page .info_sec .lead_txt .stit {  text-align: center;}
  .en_page .info_sec .stit .note_txt {display: block;}
  .en_page .info_sec .lead_txt dl dt {  width: 100%;  font-size: 1em;  background-color: #fff;  color: #000;  margin-right: 0;}
  .en_page .info_sec .lead_txt dl dd {  width: 100%;  margin-bottom: 2em;}
  .en_page .info_sec .lead_txt dl dd .venue_img{padding-top: 80%;}

  .en_page .en_last_bottom{margin-bottom: 80px;}
}



/* guest list */
.guest_list{display: flex;gap: 20px 2%;flex-wrap: wrap;margin-top: 34px;}
.guest_list li{width: 32%;}
.guest_list li a{display: block;}
.guest_list li a img{width: 100%; height: auto;}

@media only screen and (max-width: 835px) {
  .guest_list{flex-direction: column;gap: 24px 0;}
  .guest_list li{width: 100%;}
}



/* band member
-------------------------------*/
.b_member_main{position: relative;}
.b_member_main:before{content: "";position: fixed;width: 100%;height: 100lvh;top: 0;left: 0;background-image: url(../images/band_member/bg.jpg);background-position: center;background-size: cover;z-index: -1;}
.b_member #blank_area{display: none;}

.b_member .bg_box{position: fixed;z-index: -1;width: 100%;height: 100dvh;top: 0;left: 0;}
.b_member .bg_box .top_bg{position: absolute;top: 0%;}

.b_member{padding: 20vw 0 180px;text-align: left;}
.b_member .page_tit_block{margin-bottom: 60px;}
.b_member .page_tit_block .page_tit{margin: 0 auto;font-family: "Teko", "Noto Sans JP", sans-serif;text-align: center;filter: drop-shadow(10px 8px 18px black);}
.b_member .page_tit_block .page_tit .top{display: block;font-size: 1.5em;line-height: 1em;margin-bottom: 0.3em;}
.b_member .page_tit_block .page_tit .main{display: block;font-size: 10em;font-weight: 600;line-height: 0.8em;}
.b_member .page_tit_block .page_tit .bottom{display: block;font-size: 0.9em;line-height: 1em;margin-top: -1em;}

.b_member .member_list_outer{}
.b_member .member_list{}
.b_member .member_list .contents{background-image: url(../images/band_member/member_box_bg.png);background-color: #0E31C0;background-position: center;background-size: contain;display: flex;justify-content: space-between;padding: 20px;position: relative;margin-bottom: 40px;}
.b_member .member_list .contents .b_img{width: 40%;}
.b_member .member_list .contents .b_img img{}
.b_member .member_list .contents .txt_box{width: 58%;}
.b_member .member_list .contents .txt_box .name{}
.b_member .member_list .contents .txt_box .name .pc_span{background-color: #f9cd00;color: #0e31c0;font-family: "Teko", "Noto Sans JP", sans-serif;display: inline-block;font-size: 3em;font-weight: bold;line-height: 0.8em;text-transform: uppercase;padding: 0.2em 0.2em 0;margin-bottom: 0.2em;}
.b_member .member_list .contents .txt_box .name_kana{font-size: 1.2em;font-weight: 500;line-height: 1.5em;}
.b_member .member_list .contents .txt_box .txt_list{margin-bottom: 12px;}
.b_member .member_list .contents .txt_box .txt_list li{font-size: 0.8em;line-height: 1.8em;border-bottom: 1px dotted #fff;padding-bottom: 0.5em;margin-bottom: 0.5em;}
.b_member .member_list .contents .txt_box .com{margin: 0; margin-bottom: 0.5em; font-size: 0.95em;line-height: 1.8em;}
.b_member .member_list .contents .left_logo{position: absolute;top: -8px;left: -10px;}

.b_member .top_btn {display: block;position: relative;border: 1px solid #fff;border-radius: 10px;color: #fff;text-align: center;padding: 1em;font-size: 1.2em;margin: 80px 0 0;background-color: #0009;}
.b_member .top_btn::after {content: "▶";position: absolute;font-size: 16px;right: 16px;top: 50%;transform: translateY(-50%);transition: 0.2s;}
.b_member .top_btn:hover::after {right: 12px;}

/* blue man */
.b_member.blueman{padding: 26vw 0 180px;}
.b_member.blueman .bg_box{background-image: url(../images/blueman_member/bg_blumanmember.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.b_member.blueman .bg_box .top_bg{background-image: url(../images/blueman_member/blumanmember_img.webp);background-position: top center;background-size: cover;background-repeat: no-repeat;position: absolute;top: 0;left: 0;width: 100%;height: 40vw;}
.b_member.blueman .member_list .contents{background-color: #000000bf;}
.b_member.blueman .member_list .contents .txt_box .name .pc_span{background-color: #0e31c0;color: #fff;}


@media only screen and (max-width: 835px) {
  .b_member #blank_area{display: block; height: inherit;text-align: center;margin-top: 80px;}
  .b_member #blank_area .sp_sns_links{transform: translateX(-50%);position: relative;top: inherit;left: 50%;}

  .b_member{padding: 74vw 0 40px;}
  .b_member .page_tit_block{margin-bottom: 8vw;}
  .b_member .page_tit_block .page_tit .main{font-size: 6.5em;margin-bottom: 0.1em;}

  .b_member .member_list_outer{width: 94%; margin: 0 auto;}
  .b_member .member_list .contents{flex-direction: column;margin-bottom: 20px;}
  .b_member .member_list .contents .b_img{width: 90%;margin: 0 auto;}
  .b_member .member_list .contents .txt_box{width: 100%;}
  .b_member .member_list .contents .txt_box .name .pc_span{background-color: transparent;padding: 0;margin-top: -20px;position: relative;white-space: nowrap;}
  .b_member .member_list .contents .txt_box .name .sp_span{background-color: #f9cd00;display: inline-block;line-height: 0.8em;padding: 0.2em 0.1em 0;margin-bottom: 0.1em;white-space: nowrap;}

  .b_member .top_btn {margin: 40px auto;width: 94%;}

  /* blue man */
  .b_member.blueman{padding: 42vw 0 40px;}
  .b_member.blueman .bg_box .top_bg{width: 140%;left: -20%;height: 58vw;}
  .b_member.blueman .member_list .contents{background-color: #00000057;}
  .b_member.blueman .member_list .contents .txt_box .name .pc_span{background-color: transparent;}
  .b_member.blueman .member_list .contents .txt_box .name .sp_span{background-color: #0e31c0;}
}