@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
body { overflow-x: hidden;font-family: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif; font-variant-east-asian: proportional-width;/*  font-feature-settings: "palt"; */font-weight: 500;font-style: normal;}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
a{color: #c57a20;  cursor: pointer;}
a[href]:hover { color: #cb1212; }
.tuline { text-decoration: underline; }
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%; height:auto;}

.hop08{transition: opacity 0.4s;}
.hop08:hover{ opacity: 0.8; }

.color_whi{ color:#ffffff;}
.color_red02{ color:#a20303;}
.color_red{ color:#ff3200;}
.color_ered{color: #e5001b;}
.color_pink{ color: #ec6d74;}
.color_yellow{ color: #f6e400;}
.color_inblue{ color: #1d4282;}
.color_upblue{ color: #00b1d4;}
.color_green{ color: #009e3b;}
.color_egreen{color: #8cca8e;}
.color_orge{ color: #ca9500;}
.color_cucu{ color: #852a8a;}
.color_gray{ color: #8b8c8b;}

.fs80{font-size:0.8em; line-height: 1.6;}
.fs90{font-size:0.9em; line-height: 1.6;}
.fs110{font-size:1.1em; line-height: 1.5;}
.fs120{font-size:1.2em; line-height: 1.5;}
.fs150{font-size:1.5em; line-height: 1.4;}
.fs180{font-size:1.8em; line-height: 1.4;}
.fs200{font-size:2em; line-height: 1.3;}


  
.align_center{text-align: center;}
.fwb{ font-weight: bold;}

.inner_ytbp{ position: relative; padding-bottom: 56.25%;  margin:1% 0 4% 0;}
.inner_ytbp iframe{ position: absolute; top: 0; left: 0; width: 100%;height: 100%; }

.an_scl{ opacity: 0; }
.pc_none{ display: none; }
.sp_none{ display: block; }


.wf-MPR{font-family:"Noto Sans JP", sans-serif;font-style: normal;}
.wf-NSerif{font-family:"Noto Serif JP", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "MS PMincho", serif;font-style: normal;}


.ytb_mob{ padding:0 0 3% 0;width:900px; max-width: 100%; margin:0 auto;box-sizing: border-box;}
.ytb_inst{ width: 100%; padding-bottom: 52.6%; position: relative;}
.ytb_inst iframe{ position: absolute; top: 0; left:0; width: 100%; height: 100%; }

:root{
  --htf: 100px;
  --bdf: 0.2rem;
  --mnH: 84px;
  --headbg:#fff;
  --contcolor: #fff;
  --navcolor: #000000;
  --navcolor-hover: #e30214;
  --maincolor: #009e3b;

}


/******************************************************************/
html{ font-size:var(--htf); overflow-x: hidden;}
body{font-size:var(--bdf);line-height: 1.5;background: var(--maincolor) url("../images/bg.png") 0 0 repeat; background-size: 1.05rem auto; }
.headmob{ position: relative; width: 100%; margin-bottom: 1rem; }
.headmob::before{
  content: "";
  position: absolute; top: 0; left: 0;
  width: 100%; height: calc(100% + 2.05rem);
  background: var(--headbg) url("../images/bg_day.png") 0 0 repeat; background-size: 1.06rem auto;
  mask-image: radial-gradient(circle at 50% 455%, transparent 0%, transparent 80%, #000000 80.07%);
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  z-index: 0;
}
.headmob > *{ position: relative; z-index: 1; }

.top_banner{position: relative; text-align: center; z-index: 50;}
.tpx_ph{ padding: 0.7rem 0 0.6rem 0;}
.tpx_ph img{ width: 1000px; max-width:90%; margin: 0 auto; }


/* dark */
.darkmob{
  --headbg:#000;
  --contcolor: #efefef;
  --navcolor: #23477b;
  --maincolor: #006f29;
}
.dark_ins{display: none;}
.darkmob .headmob::before{ background-image: url("../images/bg_night.png"); }
.darkmob .dark_ins{display: block;}
.darkmob .light{display: none;}

/* dark */


/* menu */
.menu_mob{width: 100%;margin: 0 auto; font-size:1.35em; line-height: 100%;padding:0; z-index: 20; }
.ban_tpnsc{display:none;}

.menu_mob.pfix{ position: fixed; left: 0; top: 0;bottom:auto; z-index: 300;height: auto; }
  .inner_mb{width: 100%;  margin: 0 auto; top: 0;display: flex; justify-content: center; align-items: center;}
  .menu_mob ul{ display: flex; justify-content: center; padding: 0 0.5em 0 calc(0.5em + 0.06rem); }
  .menu_mob.pfix ul{ animation: msslid 0.45s both; }

  .inner_mb ul li{ position: relative; margin:0.1em 0; overflow: hidden; margin:0 -0.06em; }

  .menu_inlist a{--cl:#fff; position:relative; display:block; color:var(--cl)!important; padding: 0.5em 1.5em;font-weight: bold;  background: var(--navcolor); text-decoration: none; transition: all 0.3s ease-in-out; box-sizing: border-box;  border-radius: 20em; border:0.12em solid var(--navcolor); }
  .menu_inlist a::before{ content:""; display:block; position:absolute; inset:0; border:0.16em solid #fff;border-radius: 20em; z-index:0;}

  .bmn-Schedule{padding-left: 1em;}
  .bmn-Info{padding-right: 1em;}

  .menu_inlist a:hover,.menu_inlist .sel a{ background: var(--navcolor-hover);}
  .goodsnav .bmn-Goods a{background: var(--navcolor-hover)!important;}
  .ticketnav .bmn-Ticket a{background: var(--navcolor-hover)!important;}
  .infonav .bmn-Info a{background: var(--navcolor-hover)!important;}

/* menu */

/**/


@keyframes msslid {
  0%{ transform: translateY(60%); opacity: 0;}
  100%{transform: translateY(0); opacity: 1;}
}

@keyframes lineus {
  0%{ transform: scale(1, 1);}
  50%{ transform: scale(1.3, 1.3);}
  100%{transform: scale(1, 1);}
}



.fadeIn{ animation: fadeIn 0.7s ease-out both; }
@keyframes fadeIn {
  0%{ opacity: 0;}
  100%{opacity: 1;}

}
.fadeUp{ animation: fadeUp 0.7s ease-out both; }
@keyframes fadeUp {
  0%{ transform: translateY(0.28rem); opacity: 0;}
  100%{transform: translateY(0); opacity: 1;}

}
.fadeInfo{animation:fadeInfo 0.6s ease-out both;}
@keyframes fadeInfo {
  0%{transform:translateY(0.18rem); opacity:0;}
  100%{transform:translateY(0); opacity:1;}
}


.wrap{ position: relative; width: 1000px; max-width: 92%; margin:0 auto; padding-bottom: 0.2rem; }


  .music_icon{ position:absolute;top:var(--pot);left:calc(50% - var(--pol)); width:var(--pow);animation: floatNote var(--ant) var(--and) linear infinite; opacity: 0; transition:top 0.3s; }
  .menupx .music_icon{ position:fixed;top:calc(var(--pot) - 0.6rem); }
  .music_01{--pot:1.1rem;--pol:6rem;--pow:0.83rem;--ant:8s;--and:0.2s;}
  .music_02{--pot:5rem;--pol:7.1rem;--pow:0.42rem;--ant:8s;--and:2.3s;}
  .music_03{--pot:9.3rem;--pol:6.7rem;--pow:0.85rem;--ant:6s;--and:0.5s;}
  .music_04{--pot:1.2rem;--pol:-5.3rem;--pow:0.85rem;--ant:7s;--and:0.6s;animation-name: floatNote02;}
  .music_05{--pot:6.3rem;--pol:-5.95rem;--pow:0.42rem;--ant:6s;--and:1s;animation-name: floatNote02;}
  .music_06{--pot:9.3rem;--pol:-6.8rem;--pow:0.83rem;--ant:7s;--and:1.1s;animation-name: floatNote02;}

@keyframes floatNote {
  0% {
      opacity: 0;
      transform: translateX(0.2rem) rotate(15deg) scale(0.9);
  }
  10% {
      opacity: 0.95;
      transform: translateX(0.05rem) rotate(8deg) scale(1);
  }
  25% {
      opacity: 1;
      transform: translateX(0.1rem) rotate(2deg) scale(1.02);
  }
  50% {
      opacity: 0.98;
      transform: translateX(0) rotate(-5deg) scale(1);
  }
  75% {
      opacity: 0.6;
      transform: translateX(-0.1rem) rotate(-10deg) scale(0.98);
  }
  100% {
      opacity: 0;
      transform:translateX(-0.2rem) rotate(-16deg) scale(0.92);
  }
}
@keyframes floatNote02 {
  0% {
      opacity: 0;
      transform: translateX(-0.2rem) rotate(15deg) scale(0.9);
  }
  10% {
      opacity: 0.95;
      transform: translateX(-0.05rem) rotate(8deg) scale(1);
  }
  25% {
      opacity: 1;
      transform: translateX(-0.1rem) rotate(2deg) scale(1.02);
  }
  50% {
      opacity: 0.98;
      transform: translateX(0) rotate(-5deg) scale(1);
  }
  75% {
      opacity: 0.6;
      transform: translateX(0.1rem) rotate(-10deg) scale(0.98);
  }
  100% {
      opacity: 0;
      transform:translateX(0.2rem) rotate(-16deg) scale(0.92);
  }
}



.menupx .wrap{ padding-top:var(--mnH);}

.mob_binner{ position: relative; color:#231815; padding:1px 0;}
  .pgae_tit{text-align: center; font-size: 1.5em; line-height:1.5; color:#fff; font-weight: 400; padding: 0.1em 0; margin: 0.3rem auto 0.3rem;}
  .mobin_pz{ position: relative; z-index: 10; width:100%; box-sizing:border-box; padding:0.8rem 0 0.7rem 0; background: var(--contcolor); border-radius:0.5rem; border:0.1rem solid var(--maincolor); box-shadow: -0.02rem -0.02rem 0 var(--contcolor), 0.02rem 0.02rem 0 var(--contcolor), -0.02rem 0.02rem 0 var(--contcolor), 0.02rem -0.02rem 0 var(--contcolor);  }
  
    .title_h2{text-align: center; max-width:100%;font-size: 3.4em; line-height: 100%;display: flex;justify-content: center;align-items: center; margin:0.7em 0 -0.5em 0; position: relative;z-index: 15; }

    .title_h2::before{content: ""; display: block; position: absolute; top: 0.22em; left:calc(50% - 1.19em); width:2.38em;height:0.4em; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYyIDI2IiA+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgZD0iTTE1OC42MTMsMjUuNTIwIEMxNTcuOTc1LDI1LjUyMCAxNTcuMzMzLDI1LjMxNSAxNTYuNzg4LDI0Ljg5MiBDMTQyLjc5NSwxNC4wMTkgMTEzLjA0Niw2Ljk5MyA4MC45OTksNi45OTMgQzQ4Ljk1Myw2Ljk5MyAxOS4yMDQsMTQuMDE5IDUuMjEwLDI0Ljg5MiBDMy44OTgsMjUuOTExIDIuMDE2LDI1LjY2MyAxLjAwNywyNC4zMzYgQy0wLjAwMiwyMy4wMDggMC4yNDUsMjEuMTA2IDEuNTU3LDIwLjA4NiBDMTYuNzYyLDguMjcxIDQ3LjIwMywwLjkzMSA4MC45OTksMC45MzEgQzExNC43OTUsMC45MzEgMTQ1LjIzNiw4LjI3MSAxNjAuNDQxLDIwLjA4NiBDMTYxLjc1NCwyMS4xMDYgMTYyLjAwMCwyMy4wMDggMTYwLjk5MiwyNC4zMzYgQzE2MC40MDEsMjUuMTEyIDE1OS41MTIsMjUuNTIwIDE1OC42MTMsMjUuNTIwIFoiLz4KPC9zdmc+") 0 0 no-repeat; background-size:100% auto; }

    .tt_en{font-weight: 600; color:#fff; display: inline-block; position: relative; padding:0.5em 0 0.1em 0;-webkit-text-stroke: 0.26em var(--maincolor);paint-order: stroke fill;-webkit-font-smoothing: antialiased;text-rendering: geometricPrecision; padding:0.8em 0.8em 0 0.8em; }
    .tt_en::before{content: ""; display: block; position: absolute; top: 0; left:0; width:0.9em;height:1.2em; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiAgdmlld0JveD0iMCAwIDYxIDc4Ij4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiAgZmlsbD0icmdiKDI1MiwgMjAwLCAwKSIKIGQ9Ik01NS4yNDgsNDYuNjgwIEw0Mi4xMDgsOC4xMjYgQzQxLjY3Myw2Ljg1MCA0Mi4yODIsNS40NTMgNDMuNTE4LDQuODk1IEw1My40NjEsMC40MDQgQzU1LjEzNiwtMC4zNTIgNTcuMDU3LDAuNzc5IDU3LjE5MiwyLjYwMCBMNjAuMzg4LDQ1LjY0NSBDNjAuNjE2LDQ4LjcyMCA1Ni4yNDQsNDkuNjAwIDU1LjI0OCw0Ni42ODAgWk00NC42MTYsNjAuMzIxIEwxMy45NDMsMzMuMzI0IEMxMi45MjgsMzIuNDMwIDEyLjc1OSwzMC45MTggMTMuNTUyLDI5LjgyNSBMMTkuOTQyLDIxLjAyNSBDMjEuMDE3LDE5LjU0NCAyMy4yNTAsMTkuNTc5IDI0LjI3OCwyMS4wOTQgTDQ4LjU2MSw1Ni44OTAgQzUwLjI5NSw1OS40NDcgNDYuOTM5LDYyLjM2NiA0NC42MTYsNjAuMzIxIFpNNDQuODY0LDc3LjQxOCBMMy44ODEsNzcuODU4IEMyLjUyNCw3Ny44NzMgMS4zNzYsNzYuODY0IDEuMjI2LDc1LjUyNSBMMC4wMTMsNjQuNzQzIEMtMC4xOTEsNjIuOTI4IDEuNDg3LDYxLjQ2NiAzLjI3Myw2MS45MDQgTDQ1LjQ2OCw3Mi4yNDQgQzQ4LjQ4Myw3Mi45ODQgNDcuOTY4LDc3LjM4NSA0NC44NjQsNzcuNDE4IFoiLz4KPC9zdmc+") 0 0 no-repeat; background-size:100% auto; }
    .tt_en::after{content: ""; display: block; position: absolute; top:0.82em; right:0.6em;width:0.28em;height:0.35em;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjIiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjUyLCAyMDAsIDApIgogZD0iTTE5Ljk1NCwxMS44MzIgTDEzLjI5MSwxNC4zMDggTDExLjU2NywyMS40MzEgTDcuMTM3LDE1LjU5MiBMMC4wMzksMTUuOTg5IEwzLjk2NCw5LjkwNSBMMS4zMDIsMy4wMjYgTDguMTU4LDUuMTA1IEwxMy42MTAsMC40NTYgTDEzLjkyMiw3LjgyNiBMMTkuOTU0LDExLjgzMiBaIi8+Cjwvc3ZnPg==") 0 0 no-repeat; background-size:100% auto; }


    .text_cont{width: 100%;box-sizing: border-box; padding: 2em;}
    .index .info_inmob .mobin_pz{padding-top:0.4rem;}
    .index .info_inmob .text_cont{padding-top:1em;}
    .title_02{font-size:2em; font-weight: 600; margin-bottom: 0.4rem; color: #e30113; text-align: center;}
    .ticon{display: inline-block; font-size: 0.7em; line-height: 1.5; width: 1.5em;height: 1.5em; color: #fff; background: #66c589; border-radius:100%; margin-left:0.3em;transform: translateY(-0.1em);}

    .timebox{ text-align: center; }
    .schedule-venue-block{max-width:900px;margin:0 auto;}
    .schedule-venue{font-size:1.8em;line-height:1.35;font-weight:700;color:var(--maincolor);margin:0 0 1.4em;}
    .schedule-day{padding:0 0 1.3em;}
    .schedule-day + .schedule-day{border-top:2px dotted #c8c8c0;padding-top:1.3em;}
    .schedule-day-badge{display:block;width:max-content;margin-left:auto;margin-right:auto;padding:0.12em 1.4em;border-radius:999px;background:#f5a000;color:#fff;font-size:1.3em;line-height:1.3;font-weight:700;margin-bottom:0.45em;}
    .schedule-day-two .schedule-day-badge{background:#1d4282;}
    .schedule-date,.schedule-showtime{font-size:1.5em;line-height:1.45;}
    .schedule-day{white-space:nowrap;}
    .schedule-day .schedule-date,.schedule-day .schedule-showtime{display:inline;}
    .schedule-day .schedule-showtime{margin-left:0.35em;}
    .schedule-contact{font-size:1.2em;margin:0.9em 0 0;}
    .schedule-venue-final{border-top:2px solid var(--maincolor);margin-top:1.8em;padding-top:1.8em;}
    .schedule-venue-final .schedule-venue{margin-bottom:0.65em;}
    .schedule-coming{color:var(--maincolor);font-size:1.8em;line-height:1.3;font-weight:700;margin-top:0.7em;}


  .stitle{font-size:1.2em;line-height:1.3;font-weight:600;margin-bottom:0.15rem;color:#006b2b;}
  .stitle span{display:inline-block;max-width:100%;box-sizing:border-box;padding:0.2em 0.8em;border:0.035rem solid #fcc800;border-radius:999px;background:var(--contcolor);}
  .infonav .info_block{font-size:0.9em;line-height:1.6;font-weight:400;}
  .infonav .info_block .stitle{font-size:1.333em;}
  .infonav .info_block .texinli{font-size:1em;}
  .info_block + .info_block{margin-top:1.5em;}



.boxins{padding:1em 2em 2em 2em; margin-bottom: 2.5em;position: relative; border: 0.04rem solid var(--maincolor); }

    .soldout{position: relative;}
        .soldout::before{ content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(134,100,186 ,0.8); z-index: 10; }
        .soldout::after{content: "SOLD OUT";position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(-10deg);font-weight: bolder; font-size: 2.6em; color: #f00; z-index: 11;}
    
    .tyfcso_ins{position: relative;position:absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
        .tyfcso_ins::before{ content: "";  position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1; }
        .tyfcso_ins span{font-size: 2.2em; line-height: 1.2; font-weight: bolder;color: #ca9500; z-index: 10;transform:rotate(-7deg);}


      .title_is{display: inline-block; padding: 0.2em 0.4em; color: #fdfff2; background-color: #000; margin: 2em 0 0.7em 0; }


    .ban_mobins{display: inline-flex;align-items: center; padding: 0.2em 0.8em; margin:0 0.5em; text-decoration: none; color: #000;background-color:#fdde66; line-height: 1.2em; transition: all 0.3s; border-radius: 22em;}
      .ban_mobins[href]:hover{background-color:#856200; color: #fdfff2;}

    .linkline{display: inline-block; padding: 0.2em 0.3em; border-radius: 0.2em; font-size: 0.8em; line-height: 1.1; color: #000;background-color: #fdde66;transition: all 0.3s; text-decoration: none;}
    .linkline[href]:hover{background-color:#856200;color: #fdfff2;}





  /*news*/
  .news_inmob{position: relative;}

  .newsin_box{ width: 900px;max-width: 100%; margin: 0 auto; font-size:1em;  line-height: 150%; color: #000;}
  .newsin_box li{ padding-bottom: 1em; padding-left: 6em; text-indent: -6em; }
    .newstime{padding-right: 1em;}
  .newsin_box li a{color: #000;}
  .newsin_box li a:hover{color: #0888ac;}
  .news_inmob .inn_eds{background-color:#f5ac73; top: 0rem; bottom: -0.5rem; height:auto;transform: skewY(-5deg);transform-origin: 0 0;}

  .newspg .news_inmob{ padding:4% 8.33% 6% 8.33%; z-index: 3;}
  .newspg .mobin_txlin{ text-align:left; color:#000;background-color:rgba(255,255,255,0.7);}
  .newspg .ne_inmob{ padding-bottom:5%; }
  .newspg .nw_tit{ text-align:center; font-weight:bold;}
  .newsline{height:0.5em; background:#ffd0a8;margin:0.5em 0;}


  .fly_op{ position: relative; top: -0.85rem; display: block; height: 0;  }
  .fly_op02{ position: relative; top: -0.7rem; display: block; height: 0;  }
  .fly_op03{ position: relative; top: -2.95rem; display: block; height: 0;  }

  .titlbg{padding-bottom: 0.3em;}
  .titlbg span{ display: inline-block;padding: 0.3em 0.6em; background:#f5ac73; color: #fdfff2; line-height: 120%; font-size: 0.22rem; }

  .texinli{font-size: 0.9em;line-height: 160%; font-weight: 400;}
  .texinli li{margin-left: 1em; list-style: '・';}
  .texinli02{font-size: 0.9em;line-height: 160%; font-weight: 400;}
  .texinli02 li{margin-left: 1em; list-style: '※';}
  ul li.nolist{margin-left:0; padding-left: 1em; text-indent: -1em; list-style: none;}


/*about*/
.about_inmob{text-align: center;padding-top: 0.7rem;}
.about_inmob .inn_eds{background-color:#f5ac73; top: 0; bottom: 0; height: 100%;transform-origin: center;transform: skewY(-5deg);}


/*ticket*/
  .link_out{display: flex; width: 900px; max-width: 100%; margin: 2em auto 0 auto; padding: 2em;background: #fdfff2; box-shadow: inset 0 0 0 0.04rem #fdfff2,inset 0 0 0 0.08rem #ff9016;box-sizing: border-box; border-radius: 0.2rem;}
    .link_out dt{ width: 30%; border-right: 0.02rem solid #ff9016; display: flex; justify-content: center; align-items: center; font-size: 1.3em; color: #666666; }
    .link_out dd{ width: 66%; margin-left:4%; padding: 0.5em 0; line-height: 120%; color: #666666; }
    .link_out dd a{display: inline-block; padding: 0.2em 0;color: #666666; text-decoration: none;}
    .link_out dd a[href]:hover{color: #d26d00;}


.soldoutmob{ margin: 0.5rem 2em 0.2rem 2em;box-sizing: border-box; border:0.04rem solid var(--maincolor); border-radius: 0.8em;}
    .soldout_tit{ font-size:1.8em; line-height:1.2; font-weight:bold; letter-spacing:0.4em;padding:0 1em; color:var(--maincolor); }
    .soldout_list{width: 100%;padding:1.5em;box-sizing: border-box; text-align: center; }
    .soldout_list a{ display: inline-block; padding: 0.3em 0; color: #000; text-decoration: none;}
    .soldout_list a[href]:hover{color:#ee7700;}


.txin_01{text-indent:-1em; padding-left: 1em; display: block;}


/*goods*/
.goods_inmob .inn_eds{background-color:#f5ac73;}
.goodslistmob{display: flex; flex-wrap: wrap;}
.goodsints{width: 48.5%;margin: 0 3% 0.3rem 0%;position: relative;padding-bottom: 0.5rem; }
.goodslistmob .goodsints:nth-child(2n){margin-right: 0;}

.gd_phnf{ margin-bottom: 3%; border-radius: 8px; overflow: hidden; border:0.03rem solid #f4a300;}
.gd_txin{ text-align: left; font-size: 0.8em; line-height: 1.5; }
.gd_instit{ display: block;font-size: 1.3em; line-height: 130%;text-align: center; padding-bottom: 0.3em; }
.gd_pri{display: block; font-size: 1.1em; line-height: 120%; font-weight: bold;text-align: center; padding: 0 0 0.5em 0; color: var(--maincolor); }
.goods_new{ display: inline-block; padding: 0.2em 0.8em; color: #fdfff2; background-color:#ea5432; font-size: 0.9em; line-height: 100%; margin: 5px;}

.glslide{overflow:hidden; position: relative;}
.glslide-track{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain;}
.glslide-track::-webkit-scrollbar{display:none;}
.glslide-item{flex:0 0 100%; scroll-snap-align:start;}
/* .glslide::before{content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; background: url("../images/hand_icon.png") center center no-repeat; background-size: 30% auto; opacity: 0.5; pointer-events: none; transition: opacity 0.3s; }
.glslide:hover::before{ opacity: 0; } */
.glsprev{ position: absolute; top:calc(50% - 0.15rem); left:-0.2rem; width:0; height:0; padding:0; background:none; border: 0.15rem solid transparent; border-left-width: 0.3rem;border-right:0.3rem solid #000; opacity: 0.5; z-index: 30; transition: opacity 0.3s; cursor: pointer; }
.glsnext{ position: absolute; top:calc(50% - 0.15rem); right:-0.2rem; width:0; height:0; padding:0; background:none; border: 0.15rem solid transparent; border-right-width: 0.3rem;border-left:0.3rem solid #000; opacity: 0.5; z-index: 30; transition: opacity 0.3s;cursor: pointer;}
.glsprev:hover,.glsnext:hover{opacity: 0.8;}
.tx_id01{padding-left: 1em; text-indent: -1em; display: block;}
.tx_id02{padding-left: 2em; text-indent: -2em; display: block;}
.tx_id03{padding-left: 3em; text-indent: -3em; display: block;}
.tx_id04{padding-left: 4em; text-indent: -4em; display: block;}
.tx_id05{padding-left: 5em; text-indent: -5em; display: block;}


.txgline li{ padding-left: 1em; text-indent: -1em; }
.banshow_ph{ display: inline-block; padding:0.1em 1em; color:#fdfff2; background: #000; border-radius: 0.3em; text-decoration: none; transition: all 0.3s; }
.banshow_ph[href]:hover{color:#000;background: #fdfff2; }
.show_ph{ display: none; }
.show_ph.is-open{display:block;}



/*special*/
.special_inmob{text-align: center;background-color: #f5ac73;}

.special_inmob a:hover{text-decoration: underline; }

.spec_inmob{ text-align: left; color: #8b8c8b; }
.spec_incon{ float: left;  width:46.25%; margin:3.33% 0 0 2.5%; display: table;}
.spec_incon .spec_inph{ display: table-cell; width:21.6%;  }
.spec_incon .spec_intxb{ display: table-cell; vertical-align: top;}
.spec_incon .spec_intt{ font-weight: bold; padding-bottom:0.1rem;}



footer{ position: relative; bottom: 0; left: 0; width: 100%; font-size: 12px; line-height: 1.6;}
.foot{ padding:40px 0; color: #fff; text-align: center;  }


.pgtp{position: fixed; bottom: 0.6rem; right:0.2rem; text-align: center; text-decoration: none; border-radius: 6px; display:block; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.3s; z-index: 30; width: 0.86rem;}
.pgtp.is-visible{opacity:1; visibility:visible; pointer-events:auto;}
.pgtp:hover{text-decoration: none;opacity: 0.7;}


.ban_more{ margin: 5%; text-align: center; }
.ban_more a{ display: inline-block; font-size:0.26rem;  padding: 0.5em 1.5em; line-height: 100%; text-decoration: none;  transition:all 0.4s; color:#fdfff2; background-color: #000; border-radius: 0.5em; font-weight: 500; }
.ban_more a:hover{ color:#fff;background-color:var(--maincolor);}


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

}



@media screen and (max-width:1200px) {
  :root{
    --htf: 8.33vw;
    --bdf: max(18px, 0.2rem);
  }
  .menu_mob{ font-size:1.4em;}
}
@media screen and (max-width:768px), screen and (orientation:landscape) and (max-height:500px) and (max-width:1100px) {

  :root{
    --htf: 13.02vw;
    --bdf: max(12px, 0.2rem);
    --mnH: 0;
  }

html,body{ width: 100vw; overflow-x: hidden; }

.pc_none{ display: block; }
.sp_none{ display: none; }

.headmob{ position: relative; margin-bottom:0.5rem;}
.headmob::before{height: calc(100% + 1.15rem);}
.top_banner{ text-align: center; padding-bottom:0rem; }
.tpx_ph{padding:0.8rem 0 0.2rem 0;}
.top_h3{ padding: 0.2rem 0 0.8rem 0;}
.top_h3 img{ width: 400px; max-width:80%; }
.pgae_tit{font-size:clamp(14.5px, 4.35vw, 32px);padding:0;}
.showtime{white-space:nowrap;}
.ticket-price{font-size:clamp(15px, 4.76vw, 31px);}
.schedule-venue{font-size:1.8em;margin-bottom:1.15em;}
.schedule-date,.schedule-showtime{font-size:clamp(15px, 4.5vw, 25px);}
.schedule-day{white-space:normal;}
.schedule-day .schedule-date,.schedule-day .schedule-showtime{display:block;}
.schedule-day .schedule-showtime{margin-left:0;}
.schedule-contact{font-size:1.2em;}

.inner_mb .tpx_ph{ display: block;padding:0.2rem 1.2rem; }
.inner_mb .top_h3{ display: block; padding: 0.4rem 0 0 0;}


h2{ font-size: 1.9em; margin: 0.4rem auto 0.3rem; }
/* h2::before { top: -54px; background-size: 220px auto;}
h2::after { bottom: -54px; background-size: 220px auto;} */

.wrap{ margin:0.6rem auto 0;position:relative; }



/* menu */
.menu_mob{z-index: 201;padding: 0; font-size:2em;border:0; bottom: 0; /* background: #fdfff2; */}
  .menu_mob::before{content: "";height:0.14rem; width: 100%; z-index: 201; position: absolute; bottom:-0.14rem;left: 0; transition: height 0.4s,bottom 0.4s; }

  .ban_tpnsc{ display:block; position: fixed; top: 0.2rem; right: 0.3rem; width: 1rem; height: 1rem; z-index: 351;}

  .ban_op{ display:inline-block; background:var(--maincolor); border-radius: 999px; border:0.05rem solid #fdfff2;  line-height: 0; position: absolute; top: 0; right: 0; padding:0.41rem 0.21rem; width: 1rem;height: 1rem; box-sizing:border-box; z-index: 351; transform: scale(1.2); cursor:pointer;}
  .ban_op::before{content: "";display: block; width:0.5rem; height: 0.07rem;background:var(--opcls,#fdfff2); position:absolute; top:0.24rem; left:0.21rem; transition:all 0.3s; transform-origin: 0 100%; border-radius: 99px; }
  .ban_op::after{ content: ""; display: block; width:0.5rem; height: 0.07rem;background:var(--opcls,#fdfff2); position:absolute; bottom:0.24rem; left:0.21rem;transition:all 0.3s;    transform-origin: 0 0; border-radius: 99px;}
  .ban_op span{ display: block;width:0.5rem;  height:0.07rem; background:var(--opcls,#fdfff2);transition:all 0.3s; border-radius: 99px; }
  .ban_op.sel::before{transform: rotate(45deg) translateX(0);transform-origin: 50% 50%;
      top: 0.425rem;}
  .ban_op.sel::after{transform: rotate(-45deg) translateX(0);transform-origin: 50% 50%;
      top: 0.425rem;bottom:auto;}
  .ban_op.sel span{ opacity:0;}

  .menuopen .ban_op{ right: 0;top: 0;}
  .menuopen .ban_op.sel{background:none; border: 0; }
    .menuopen .ban_op.sel::before{ width: 0.8rem;}
    .menuopen .ban_op.sel::after{ width: 0.8rem;}


  .in_tt{padding: 0.8em 0 0.5em 0;  font-size: 3em; line-height: 100%;}
  .inners_con{ margin: 0 0 1.6em 0.8em;}

  .inner_mb{  width: 100%;max-height: 100dvh; overflow-y: auto; padding:0.4rem 0; display: none; position:absolute; z-index: 301;  }
  .inner_mb.is-open{display:block; animation:menuOpen 0.4s ease-out both;}
  @keyframes menuOpen {
    0%{opacity:0; transform:translateY(-0.15rem);}
    100%{opacity:1; transform:translateY(0);}
  }
  .inner_mb ul{padding:1rem 0 0.4rem 0; background: none; }
  .menuopen .inner_mb ul{position:relative; top:-0.45rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
  .inner_mb ul li{ width:70%; box-sizing:border-box; margin:2% 4%; }
  .bmn-Schedule,.bmn-Info{padding: 0;}
  .menu_inlist a:hover,.menu_inlist .sel a{--bgcl:#fdfff2;}


  /* .pfix .inner_mb{position:absolute;top:100%; left: 0;} */
  .menu_mob.pfix ul{ animation:none; }
  .menu_mob.pfix{padding:0.1rem 0 0 0; /*background-color: var(--maincolor);*/ }
  .menu_mob.pfix .inner_mb ul{padding:1rem 0;}

.menuopen .menu_mob{position: fixed; top: 0; left: 0; height: 100vh;}
.menuopen .top_banner{z-index: 70;}
.menuopen .menu_mob::before{ height:110vh;top:0; bottom: auto;background: #009e3b;}

/* menu */


/*artist*/
  .fly_op02{top: -1.2rem;}
  .boxins{padding: 0 0.2rem 0.25rem 0.2rem;}
  .boxin_title{position: static;margin:0 -0.2rem 0 -0.2rem; width: calc(100% + 0.4rem); }
    .btis{ background: var(--maincolor); color: #fdfff2; display: block; padding: 0.5em 1em;}

  .infoinner.w50{ width: 100%; padding: 0; }
  .texinli{font-size: 1em; line-height: 1.5em;}
  .infonav .info_block{font-size:1em;line-height:1.5;}
  .infonav .info_block .stitle{font-size:1.2em;}


/*goods*/
.goodsints{width:94.68%;margin: 0 2.66% 4.93% 2.66%;position: relative;padding-top: 0.2rem; }
.gd_txin{ text-align: left; }
.gd_instit{ font-size: 1.3em; line-height: 130%;text-align: center; padding-bottom: 0.3em; }
.gd_pri{ font-size: 1.1em; line-height: 120%; font-weight: bold;text-align: center; }




.foot{ width: 100%;font-size:10px; position: relative; }



}

@media screen and (orientation:landscape) and (max-height:500px) and (min-width:769px) and (max-width:1100px) {
  :root{--htf:min(13.02vw, 13.02vh);--bdf:12px;}
  .tpx_ph img{width:min(62vw, 480px);max-width:100%;}
  .inner_mb{box-sizing:border-box;}
  .inner_mb ul,.menu_mob.pfix .inner_mb ul{padding:0.45rem 0 0.15rem;}
  .inner_mb ul li{margin:1% 4%;}
}

@media (prefers-reduced-motion: reduce) {
  .fadeIn,
  .fadeUp,
  .fadeInfo,
  .inner_mb.is-open,
  .menu_mob.pfix ul{animation-duration:0.01ms!important; animation-delay:0s!important;}
}



/* SP */
@media screen and (max-width: 440px) {
  :root{
    --bdf: 12px;
  }

}




 .toggle-icon-btn {
  --size: 0.8rem;
  --icon-size: 0.3rem;
  --padding: 0.08rem;
  --slider-size: calc(var(--size) - var(--padding) * 2);

  position:fixed;
  bottom: 1.6rem;
  right: 0.24rem;
  z-index: 60;

  display: flex;
  align-items: center;
  width: var(--size);
  height: var(--size);
  padding: var(--padding);
  border: none;
  border-radius: 999px;
  cursor: pointer;
  background: #ffffff;
  /*box-shadow: 
    0 10px 24px rgba(0, 0, 0, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.04),
    inset 0 0 0 1px rgba(0, 0, 0, 0.02);*/
  transition: background 0.4s ease, box-shadow 0.4s ease, transform 0.15s ease;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

.toggle-icon-btn:hover {
  transform: translateY(-2px);
  /*box-shadow: 
    0 14px 28px rgba(0, 0, 0, 0.12),
    0 4px 12px rgba(0, 0, 0, 0.06),
    inset 0 0 0 1px rgba(0, 0, 0, 0.02);*/
}

.toggle-icon-btn:active {
  transform: translateY(0) scale(0.97);
}


.toggle-icon-btn .slider {
  position: absolute;
  top: var(--padding);
  left: var(--padding);
  width: var(--slider-size);
  height: var(--slider-size);
  border-radius: 50%;
  background: #184790;
/*  box-shadow: 0 0 12px #9ac8ff, 0 0 4px #ffffffcc;*/
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
              background 0.4s ease,
              box-shadow 0.4s ease;
  z-index: 1;
}

/* 图标通用 */
.toggle-icon-btn .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--icon-size);
  line-height: 1;
  z-index: 2;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s ease, color 0.4s ease;
}

.toggle-icon-btn .icon-moon {
  opacity: 1;
  transform: scale(1);
  color: #1e2b3c;
  text-shadow: none;
}

.toggle-icon-btn .icon-sun {
  opacity: 0;
  transform: scale(0.6);
}

html.darkmob .toggle-icon-btn {
  background: #1e2b3c;
  /*box-shadow: 
    0 10px 24px rgba(0, 0, 0, 0.5),
    0 2px 8px rgba(0, 180, 255, 0.1),
    inset 0 0 0 1px rgba(100, 180, 255, 0.2);*/
}

html.darkmob .toggle-icon-btn:hover {
  /*box-shadow: 
    0 14px 28px rgba(0, 0, 0, 0.6),
    0 4px 12px rgba(0, 180, 255, 0.2),
    inset 0 0 0 1px rgba(100, 180, 255, 0.3);*/
}

/* 夜晚：滑块移动到右侧，变成太阳橙 */
html.darkmob .toggle-icon-btn .slider {
  transform: translateX(calc(var(--size) - var(--padding) * 2 - var(--slider-size)));
  background: #f5b342;
/*  box-shadow: 0 0 14px #f5b342, 0 0 6px #ffdd88;*/
}

/* 夜晚：月亮淡出，太阳出现 */
html.darkmob .toggle-icon-btn .icon-moon {
  opacity: 0;
  transform: scale(0.6);
}

html.darkmob .toggle-icon-btn .icon-sun {
  opacity: 1;
  transform: scale(1);
  color: #ffffff;
/*  text-shadow: 0 1px 2px rgba(0,0,0,0.15);*/
}