@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 {font-family: "M PLUS Rounded 1c","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; overflow-x:hidden; }
ul,ol,li,dl,dt,dd{list-style: none;}
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
img{ max-width:100%; box-sizing: border-box;}
a { color:inherit; text-decoration:none; transition:opacity 0.4s; }

.hop08:hover { opacity: 0.8;}

.cl_blu{ color:#00a0ff;}
.cl_cyan{ color:#84c9d9;}
.cl_pnk{ color:#e4007f;}
.cl_red{ color:#e8374a;}
.cl_gly{ color:#838d98;}
.cl_wht{ color:#fff;}
.cl_blk{ color:#000;}

.fs15{ font-size: 15px; font-size: 0.15rem; line-height:1.5;  }


.fb05{ font-size: 0.5em; line-height:1.67; }
.fb06{ font-size: 0.6em; line-height:1.67; }
.fb07{ font-size: 0.7em; line-height:1.67; }
.fb08{ font-size: 0.8em; line-height:1.67; }
.fb09{ font-size: 0.9em; line-height:1.4; }
.fb11{ font-size: 1.1em; line-height:1.6; }
.fb12{ font-size: 1.2em; line-height:1.6; }
.fb13{ font-size: 1.3em;}
.fb13_7{ font-size: 1.375em;}
.fb15{ font-size: 1.5em;}
.fb17{ font-size: 1.7em;}
.fb19{ font-size: 1.9em;}
.fb20{ font-size: 2em;}

.fws{ font-weight:400;}
.fwb{ font-weight:bold;}
.palt{ font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}

.fw-MPR{font-family: "M PLUS Rounded 1c", sans-serif;font-optical-sizing: auto;font-style: normal;}

.pd_t10{ padding-top: 0.1rem; }
.pd_t20{ padding-top: 0.2rem; }
.pd_t30{ padding-top: 0.3rem; }
.pd_t40{ padding-top: 0.4rem; }
.pd_t50{ padding-top: 0.5rem; }
.pd_t70{ padding-top: 0.7rem; }
.pd_t80{ padding-top: 0.8rem; }
.pd_b10{ padding-bottom: 0.1rem; }
.pd_b20{ padding-bottom: 0.2rem; }
.pd_b30{ padding-bottom: 0.3rem; }
.pd_b40{ padding-bottom: 0.4rem; }
.pd_b50{ padding-bottom: 0.5rem; }
.pd_b70{ padding-bottom: 0.7rem; }
.pd_b80{ padding-bottom: 0.8rem; }

.align_center{text-align: center;}
.palt{font-variant-east-asian: proportional-width; font-feature-settings: "palt";}

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

.inpv{ text-align: center; width: 800px; max-width: 100%;margin: 0 auto;}
.YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden; display: inline-block; width: 750px; max-width: 100%;}
.YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}

:root{
  --ecl: #f6396f;
  --titlecl: #f6396f;
  --headbg: #fa7291;
  --ftbg:#f6396f;
  --hf:100px;
  --bf: 0.2rem;
  --bgtime: 3s;


}

/******************************index************************************************/
html{ font-size:var(--hf);}
body{ font-size:var(--bf); position:relative; background: var(--ecl);}
  /* .bgcl01{--bgcl:rgba(49, 123, 103, 0.8);--lkcl:#317b67;--ftbg:rgba(0,0,0,0.2);}
  .bgcl02{--bgcl:rgba(175, 97, 34, 0.8);--lkcl:#8c6c01;--ftbg:rgba(0,0,0,0.2);}
  .bgcl03{--bgcl:rgba(98, 61, 133, 0.8);--lkcl:#5c199c;--ftbg:rgba(0,0,0,0.2);}
  .bgcl04{--bgcl:rgba(238, 119, 45, 0.8);--lkcl:#8a4113;--ftbg:rgba(0,0,0,0.2);}
  .bgcl05{--bgcl:rgba(134, 41, 128, 0.8);--lkcl:#680f62;--ftbg:rgba(0,0,0,0.2);} */

/* loading 
.loading{ position: fixed; top: 0; left: 0; width: 100%; height:100dvh; z-index: 300; background:var(--headbg); }
.loading_logo{ position: absolute; top: 50%; left: 50%; width: 7rem; max-width: 80%; transform: translate(-50%, -50%);}
  .overin .loading{opacity:0; width: 0; height: 0; transition: opacity 0.4s 0.5s,width 0.01s 0.9s,height 0.01s 0.9s; z-index: 19;}
  .overin .loading_logo{opacity:0; transition: opacity 0.5s;}
.overin{overflow-x:hidden; overflow-y: auto;}
.overout{overflow: hidden;}
 loading */

.warp{ position:relative; z-index:10;}

/* menu */

#menumob{font-size:1em;--andelay: 0.4s;--antime:0.6s; position: fixed; top: 0; right: 0; width:100%; z-index: 100; transition: all var(--andelay) ease-in-out; transform: translate(102%, 0); transition-delay: var(--andelay); }
  .menuinner{height:100vh; background: var(--ecl);box-sizing: border-box;padding: 1rem 0.3rem 0.95rem 0.3rem; display: flex; justify-content: center; align-items: center;align-content: center; text-align: center; flex-wrap: wrap;}
  .menulist{ width: 1000px; max-width:100%;font-size: 1.5em; line-height: 1.6;
     opacity: 0;transform: translateX(1rem);transition: all calc(var(--andelay) - 0.2s);transition-delay: 0s;
  }
  .menulogo{ width: 100%; width: 5rem; max-width: 90%; display: inline-block; margin-bottom: 0.5rem; }
  .menulist a{ display: block;padding:1em 0em 1.05em 0em;  color: #fff; max-width: 90%;margin: 0 auto; box-sizing: border-box; background: linear-gradient(to left,transparent 0%,#fff 50%,transparent 100%) 0 bottom no-repeat; background-size: 100% 2px; transition: all 0.4s;}
  .menulist a:hover{ letter-spacing: 0.3em; width:100%; }
  .menulist a.sel{letter-spacing: 0.3em; width:100%; }

  .ban_close{ position: fixed; top: 0.45rem; right: 0.45rem; z-index: 200; }
    #nav-icon {cursor: pointer; width: 0.74rem; height: 0.3rem; /* transition: all 0.3s ease;transform-origin:100% 50%; */}
    .line {fill: white;transform-origin: center;transition: all 0.3s ease;transform-origin:100% 50%;transform: scale(0.5, 1); width: 100%; height: 2px;}
    /* #nav-icon:hover{transform: scale(1.2, 1);} */
    #nav-icon:hover .line{transform: scale(0.7, 1);}
    .line-top {transition-delay: 0;}
    .line-middle {transition-delay: 0.1s;}
    .line-bottom {transition-delay: 0.2s;}
    /* .x-icon {fill: black;opacity: 0;transition: opacity 0.3s ease;} */
    #nav-icon.active{}
    #nav-icon.active .line-top {transform: rotate(35deg) translate(0px, 12px);transform-origin:50% 50%;}
    #nav-icon.active .line-middle {opacity: 0;}
    #nav-icon.active .line-bottom {transform:rotate(-35deg) translate(0px, -12px);transform-origin:50% 50%;}
    /* #nav-icon.active .x-icon {opacity: 1;} */

.menushow #menumob{transform: translate(0, 0);transition-delay: 0s;}
.menushow .menulist{transform: translate(0, 0); opacity: 1; transition-delay:calc(0.1s + var(--andelay));}
/* menu */



header{width: 100%; padding-bottom: env(safe-area-inset-bottom);box-sizing: border-box; background:var(--headbg); position: relative;}



  .header_inner{}
  .headinpre{ text-align: center;}
  .headinpre img{ max-width: 80%;}
  .top_logo{ position: absolute; top:0.4rem; left:0.4rem; width:3.1rem; z-index: 20; transform: translate(0%, 0%);}
  .top_tx01{ position: absolute; top: 0.4rem; left: calc(50% - 2.95rem); width: 5.9rem; }
  .top_tx02{ position: absolute; bottom:8.4%; left:0; width:100%; }
  .top_scroll{ position: absolute; bottom: 0.5rem; right: 0.5rem; writing-mode: sideways-rl; color: #fff; font-size: 12px; line-height: 1; overflow: hidden;}
    .tsx{ position: relative; padding-top: 7em; display: block;animation: linedw 1.5s linear infinite; }
    .tsx::before{ content: ""; position: absolute; top: 0; left:calc(50% - 0.5px); width: 1px; height: 6em; background: #fff;  }
    @keyframes linedw {
      from {transform: translateY(-50%); opacity: 0;}
      40% {opacity: 1;}
      80% {opacity: 1;}
      to {transform: translateY(0%);opacity: 0;}
    }
    @keyframes linees {
      from { height: 0em;}
      to { height: 6em; }
    }


.main{position: relative; background:var(--bgcl,rgba(255,255,255,1));  transition: background var(--bgtime);}

  /* .main::before{content: ""; position:absolute; top: 0; left: 0;display: block; width: 100%; height: 100vh; z-index: -1;  background: url("../images/bg.jpg") 0 0 no-repeat; background-size: 100% auto;}
  .scrollbg::before{ position: fixed;} */

.main .innermob{  position: relative; padding: 0.7rem 0 0.7rem 0;}
    .inner_con{width:1200px; max-width:100%; margin: 0 auto; padding: 0 1rem;box-sizing: border-box;}
      .title_h{font-size: 2.4em; line-height: 1.4; text-align: center; color: #fff; position: relative;margin: 0.7rem 0;}
      .titinner{ position: relative; display: inline-block; }
      .title_h::before{content: ""; display: block;height: 2px; width:calc(50% - var(--tw) / 2 - 0.4em); background: linear-gradient(to right,transparent 0%,#fff 100%); position: absolute; top:50%;left: 0%;}
      .title_h::after{content: ""; display: block;height: 2px;  width:calc(50% - var(--tw) / 2 - 0.4em); background: linear-gradient(to left,transparent 0%,#fff 100%); position: absolute; top:50%;right: 0%;}
      .inpv{ text-align: center; width:1200px; max-width:100%; margin:0 auto; border: 0.2rem solid rgba(255, 255, 255, 0.5); line-height: 0; box-sizing: border-box;}
      .YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden; display: inline-block; width:100%; max-width: 100%;}
      .YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}
      .pv_tx01{text-align: center; font-size:1.2em; line-height: 2; color: #fff; padding-top: 1.5em; font-weight: 300;}

      .cdbox{display: flex; flex-wrap: wrap; width:100%; padding:0.6rem 0;}
        .cdpic{ width:38%; }
        .cdpic img{border: 0.02rem solid #f6396f;}
        .cdcon{ width: 62%; box-sizing: border-box;padding-left: 3%; }
          .cdtitle{ font-size: 1.8em; line-height: 1.2em; margin-bottom: 0.4em; color: var(--titlecl); font-weight: 700;letter-spacing: -0.02em;}
          .cdscetit{font-size: 1.4em; line-height: 1.4em; color: var(--titlecl);  font-weight: 500; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; padding: 0.3em 0 0.8em 0;}
          .cdtextin{line-height: 1.7em;}

      .linkmob{ display: flex; flex-wrap: wrap;padding:;}
        .linkmob li{ padding: 0.1rem 0 0.3rem 0; width: 100%;}
        .linkmob .linkins{ display: flex; flex-wrap: wrap; width: 100%; position: relative;padding: 0.25rem 0.2rem;  border-radius: 0.14rem; box-sizing: border-box; }

        .linkins::before{content: ""; position: absolute;top: 0; left: 0; width:100%;height:calc(100% + 0.04rem); display: block; border-radius: 0.18rem; z-index: 1;  transition: all 0.5s; border: 0.02rem solid #7cb856;background: #fce6f3;}
        .linkins_icon{--bgcs:#7cb856;--linecl: #fff; position: absolute;top: calc(50% - 0.9em); right: -0.2rem; width:1.8em;height:1.8em;pointer-events: none; background:var(--bgcs); border-radius: 999px;z-index: 3;transition: background 0.4s;}
        .linkins_icon::before{content: ""; position: absolute;top: calc(50% - 1px);right: 0.55em; width:0.7em; height: 2px; display: block; z-index: 2; background:var(--linecl);border-right: 99px;transform: rotate(30deg); transform-origin: 100% 50%; }
        .linkins_icon::after{content: ""; position: absolute;top: calc(50% - 1px);right: 0.55em; width:0.7em; height: 2px; display: block; z-index: 2; background:var(--linecl);border-right: 99px;transform: rotate(-30deg); transform-origin: 100% 50%; }


        /* .linkins::after{content: ""; position: absolute;top: calc(50% - 0.9em); right: -0.2rem; width:1.8em;height:1.8em; display: block; z-index: 2; background: url("../images/icon_r_up.png"); background-size: 100% 100%;opacity: 1; pointer-events: none;transition: background 0.5s; } */


          .link_light{ position: relative; z-index: 5; width: 51%; color: #f6396f; box-sizing: border-box; padding-right: 2%; font-size: 0.8em; line-height: 1.7em;transition: color 0.3s; }
            .lktit{ display: inline-block; font-size:1.75em; padding-bottom: 0.4em; font-weight: 600;}
            .lktit > b{line-height: 1;}
          .link_black{ position: relative; z-index: 5; width: 49%; color: #000;font-size: 0.8em; line-height: 1.7em;transition: color 0.3s;}
          .link_black .lktit{color: #ff5f00;transition: color 0.3s; }
        .linkins[href]:hover::before{top: 0; left: -0.4rem; background: #7cb856; width: calc(100% + 0.8rem);}
        .linkins[href]:hover .linkins_icon{--bgcs:#fff;--linecl: #7cb856;}
        .linkins[href]:hover .link_light,.linkins[href]:hover .link_black{color: #fff;}
        .linkins[href]:hover .link_black .lktit{color: #fff; }

    .copylist2{ font-size: 0.7em; line-height: 1.7em; color: rgba(0, 0, 0, 0.6); font-weight: 300;}
    .copylist2 ul{ display: flex; flex-wrap: wrap; width: 100%;}
    .copylist2 li{ width: 50%;}




  .mobbgl{background-color: #ff72a5;background-image: radial-gradient(circle, #de0083 0.01rem, transparent 0.02rem), radial-gradient(circle, #f6396f 0.01rem, transparent 0.02rem);background-size: 0.5rem 0.5rem;background-position: 0 0, 0.25rem 0.25rem;}
    .mobtitle{text-align: center;--wl: 5em;--fc:#fff; font-size: 2.4em; line-height: 100%; color: var(--fc); margin: 0.1rem 0 0.8rem 0;}
      .mobtitle span{ position: relative; position: relative; }
          .mobtitle span::before{content: ""; display: inline-block; width: 5em; height: 0.28rem; margin-right: 0.4em; background-image: radial-gradient(circle, var(--fc) 0.04rem, transparent 0.05rem);background-size: 0.2rem 0.2rem; background-repeat: repeat-x; }
          .mobtitle span::after{content: "";  display: inline-block; width: 5em; height: 0.28rem; margin-left: 0.4em; background-image: radial-gradient(circle, var(--fc) 0.04rem, transparent 0.05rem);background-size: 0.2rem 0.2rem; background-repeat: repeat-x; }

    .longmob{ display: flex; flex-wrap: wrap; justify-content: center; }
      .disinner{ width: max(300px,17.3%); margin: 0.15rem 0.15rem 0.3rem 0.15rem; text-align: center;background: #fff;  border-radius: 2em 2em 0.5em 0.5em;box-sizing: border-box; padding: 0 0.2rem 0.2rem 0.2rem; position: relative; transition: box-shadow 0.5s;}
        .disinner::after{content: ""; position: absolute;bottom:-0.9em; left:calc(50% - 1.5em); width:1.8em;height:1.8em; display: block; z-index: 2; background: url("../images/icon_r02.png"); background-size: 100% 100%;opacity: 0; pointer-events: none;transition: all 0.6s; border-radius: 3em;}

        .disst{margin-top: -1em; border-radius: 10em; font-size: 0.8em; background-color: #000; color: #fff000;line-height: 1em; padding: 0.5em;white-space: nowrap;}
        .dispic{ display: flex; justify-content: center; align-items: center;margin: 0.2rem 0; }
        .dispic img{max-height: 100%; max-width: 100%; width: auto; height: auto;}
          .disname{ color:var(--titlecl); font-size: 1.2em; line-height: 1.3em; padding-bottom: 0.15rem; }
          .discv{font-size: 0.7em; line-height: 1.8em; padding-bottom: 0.1rem;}
          .discdname{font-size:1.2em; line-height: 1.3em; padding-bottom: 0.15rem; font-weight: 600; color: #ff7500;}

      /* .disinner[href]:hover{box-shadow: 0 0.12rem 0.12rem rgba(0, 0, 0, 0.3);}
      .disinner[href]:hover::after{opacity: 1; left:calc(50% - 0.9em); box-shadow: 0 0.12rem 0.12rem rgba(0, 0, 0, 0.3);} */
      .link_btn{ cursor: pointer; display: inline-block; padding: 0.2em 1.2em; margin: 0.6em 0 0.4em 0; background: #ff72a5; border-radius: 999px; color:#fff; transition:all 0.3s;}
      .link_btn:hover{background: #000; letter-spacing: 0.1em;}


  .newsmob{ background: #fce6f3; }
    .newsmob .mobtitle{--wl: 5em;--fc:#f6396f;}
      .newslist{}
      .newslist li{ position: relative;  padding: 0 1rem;}
        .newslist li::before{ content: ""; display: block; position: absolute; top: -2px; left: 0; width: 100%; height:calc(100% + 2px); background: #f6b8dc; z-index: 5; opacity: 0; transition: all 0.8s; }

        .newslist li:hover::before{opacity: 1;}

        .newslist li a{display:flex; width: 1000px; max-width: 100%; margin: 0 auto; border-bottom: 2px solid transparent; background: linear-gradient(to right,#fe9fd7 50%, transparent 50%) border-box 0 bottom repeat-x; background-size: 4px 2px; padding:1.2em 0; box-sizing: border-box; position: relative; z-index: 5;}
          .newstime{ color: #f6396f; width: 7em;}
          .newstit{ width: calc(100% - 7em); }
        .newslist li a:hover{ background: none;}


      .artistmob{ display: flex; flex-wrap: wrap; justify-content: center; }
        .artist_inners{width: 33.333%; position: relative; overflow: hidden;margin-bottom: 0.2rem;}
          .artph{overflow: hidden;}
          .artist_inners img{transition:transform 0.5s;}
          .artist_inners:hover img{transform: scale(1.1,1.1);}

        .artname{ font-size: 1.3em; line-height: 2; text-align: center; color: #fff; }

      .contx01{font-size: 1.5em; line-height: 1.6;}
        .ico_ri{display: inline-block; padding-right: 2em; position: relative;}
        .ico_ri::after{content:" "; position: absolute; right: 0.3em; top:calc(50% - 0.15em); border: 0.3em solid transparent; border-left: 0.6em solid #fff;}

        .link_cs01{display: inline-block; padding: 0.2em 0.8em; background: #fff; border-radius: 999px; color:var(--lkcl);transition:background 0.3s,color 0.3s;}
          .link_cs01 svg{vertical-align: middle; width:1em; height: 1.2em; padding-bottom: 0.2em}
              .drescl{fill: var(--lkcl);}
          .link_cs01:hover{background:rgba(255,255,255,0.8); color:var(--lkcl);}
        .link_cs02{display: inline-block; line-height: 1.2; padding: 0.1em 0.8em;margin: 0.2em 0; background: #fff; border-radius: 999px; color:var(--lkcl);transition:background 0.3s,color 0.3s;}
          .link_cs02:hover{background:rgba(255,255,255,0.8);color:var(--lkcl);}
        .pv_tx02{ font-size: 0.8em; line-height: 1.8; text-align: center; }



      .ticket_insmob{display: flex; flex-wrap: wrap; padding: 0.85rem; background: rgba(255,255,255,0.15);}
        .ticker_tit{width:28%; border-right: 1px solid #fff; box-sizing: border-box; font-size: 1.7em; line-height: 1.3; letter-spacing: 0.1em; font-weight:600;}
        .ticker_con{width: 72%;box-sizing: border-box; padding-left: 2em; }

      .insmob{padding: 0.85rem; background: rgba(255,255,255,0.15);}




.ban_mbs01{ width: 100%; }
  .ban_mbs01_ins{letter-spacing: 0.1em; display: inline-block; padding: 1em 1.7em 1em 1.3em; box-sizing: border-box; width: 100%; border-radius: 99em; background: linear-gradient(to right,#06a0ff 0%,#fe7bb3 50%,#81c2d3 100%); background-size: 220% 100%; color: #fff; text-align: left; position: relative; transition:background 0.3s ;}
    .ban_mbs01_ins::after{content: ""; display: block; width: 0.7em; height: 0.7em; border-top: 0.14em solid #fff;border-right: 0.14em solid #fff; transform:rotate(45deg) skew(-7deg,-7deg); position: absolute; top: calc(50% - 0.5em); right: 1.8em;z-index: 10;}
  .ban_mbs01_ins:hover{color: #fff; background-position: 100% 100%;}

.ban_snup{ padding-top:3em; }
  .ban_snup .ban_mbs01_ins{padding: 1.5em 2em 1.5em 2em;}

.textl01 li{padding-left: 1em; text-indent: -1em;}




/* page */
  .pageheader{background:var(--headbg); padding: 0.8rem 0}
  .pageheader .mobtitle{margin: 0;}

  .newsintit{text-align: center; font-size: 1.5em;line-height: 1.4em; padding: 0 0 0.6em 0;color: #dd0082;}
  .newsin_time{text-align: center; color: #a1929b; font-size: 0.9em;}
  .newsin_con{ padding:3em 0 0.6rem 0 ; margin-bottom: 0.6rem;background: linear-gradient(to right, #fe9fd7 50%, transparent 50%) border-box 0 bottom repeat-x;background-size: 4px 2px; }



  .banpagetop{ position:fixed;bottom:-1rem;right:0.3rem; width: 1.2rem; transition: opacity 0.4s,bottom 0.1s 0.4s,padding 0.4s; opacity: 0; z-index: 50; }
  .banpagetop:hover{padding-bottom: 0.1rem;}
  .scrollbg .banpagetop{ opacity: 1;bottom:0.3rem; transition: opacity 0.4s 0.2s,bottom 0.1s 0s,padding 0.4s; }
  .cls-1{fill:#fff;}
  .cls-2{fill:rgba(0,0,0,0.3); transition:fill var(--bgtime);}

.footmob{ padding:0.8rem 0;position: relative; background:var(--headbg); transition:background var(--bgtime); }
  .logolist{text-align: center;display: flex;justify-content: center; margin-bottom: 1em;}
    .logolist a img{ height: 100%;}
    .logolist a:hover{ opacity: 0.6; }
    .logolist a.ban_bandai{display: inline-block; height: 0.6rem; margin: 0 1.25em;}
    .logolist a.ban_lantis{display: inline-block; height: 0.33rem; margin: 0 1.25em;}
  .footlink{ text-align: center; padding: 0rem 0 0.4rem 0; font-size: 0.8em; }
  .footlink a{display: inline-block;margin: 0 1em; color: #ffccda;}
  .footlink a:hover{color: #ffce80;}
  .copylist{font-size: 0.8em; line-height: 1.6;color: #ffccda; text-align: center;}




.jsmob_fl{position: fixed; top: 0; left: 0;height:100vh; width: 100vw;box-sizing: border-box;z-index: -100;background: rgba(0,0,0,0.8);padding: 1rem 0;overflow-y: auto; pointer-events: none; opacity: 0; transition: opacity 0.5s;}
  .jsmob_fl.active{ pointer-events: auto; opacity: 1; z-index: 100;}
  .lbox_con{ width: 800px;max-width: 92%; margin: 0 auto; box-sizing: border-box; background: #fff; padding: 0.4rem; }
    .lbox_cdbox{display: flex; flex-wrap: wrap; width:100%; padding:0 0 0.5rem 0;}
    .lbox_cdbox .cdpic{ width:100%;}
    .lbox_cdbox .cdcon{ width: 100%; padding-left: 0%; padding-top: 1em;}
    .lbox_cdbox02{display: flex; flex-wrap: wrap; width:100%;}
    .lbox_cdbox02 .cdpic{ width: 30%;}
    .lbox_cdbox02 .cdcon{ width: 70%;}
    .lbox_link{ display: inline-block; padding: 0.6em 1.2em; background: var(--ecl); color: #fff;margin-top: 1.5em; border-radius: 0.5em; font-weight: 700; }
    .lbox_link:hover{ background-color: #f2289f;}



/* animation 
.headinpre{opacity: 0; animation: fup 1s 2.5s ease-in-out forwards;}
.top_time{opacity: 0; animation: fup 1s 3s ease-in-out forwards;}
.innermob,.footmob{opacity: 0; animation: fup 1s 3s ease-in-out forwards;}

@keyframes fup {
  to {opacity: 1;}
}
 */

.js_scrollani {opacity: 0;animation-duration: 1s;animation-fill-mode: both; }
.fadeIn{ animation-name: fadeIn; }
.fadeInUp{ animation-name: fadeInUp; }
.fade-in-blur {opacity: 0;filter: blur(1em); animation-name: fadeInBlur;}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(2em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ZoomIn {
  from {
    opacity: 1;
    transform: scale(0, 0);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}

@keyframes fadeInBlur {
  from {
    opacity: 0;
    filter: blur(1em); 
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

/* animation */
@media screen and (max-width:1700px){
  .longmob{ width: 1200px;max-width: 100%; margin: 0 auto; }
    .disinner{ width:min(350px,30%);}

}

@media screen and (max-width:1500px){
  .headinpre img{ max-width: 100%;}

}

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


}



@media screen and (max-width:1200px){
  :root{
    --hf:8.333vw;
  }

}

@media screen and (max-width: 750px){
  :root{
    --hf:13.333vw;
    --bf: 0.22rem;
  }

  body{ }

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


    #menumob{--andelay: 0.3s;--antime:0.6s;}
    #nav-icon:hover .line{transform: scale(0.4, 1);}
    #nav-icon.active .line-top {transform: rotate(35deg) translate(0px, 14px);transform-origin:50% 50%;}
    #nav-icon.active .line-middle {opacity: 0;}
    #nav-icon.active .line-bottom {transform:rotate(-35deg) translate(0px, -14px);transform-origin:50% 50%;}


  header{}
    .header_inner{padding:0;}
    /* .top_logo{left:calc(50% - 3rem);width:6rem; transform: translate(0, -50%);  } */
/*     .top_logo{top:1rem; left:calc(50% - 3rem); width:6rem;  }
    .top_tx01{ position: absolute; top:2.6rem; left: calc(50% - 2.9rem); width: 5.8rem; }
    .top_tx02{ bottom:0.4rem; left:calc(50% - 3.35rem); width:100%; width: 6.7rem; } */
    .top_scroll{display: none;}
  
  .ban_close{ top: 0.4rem; right: 0.4rem; }

  .main{}
  .main .innermob{padding: 0.5rem 0 0.5rem 0;}
  .inner_con{padding: 0 0.4rem 0 0.4rem; }

    .mobtitle span::before{ width: 1.8em;}
    .mobtitle span::after{ width: 1.8em;}

    .cdbox{justify-content: center; padding: 0.5rem 0; }
      .cdpic{ width: 100%; }
      .cdcon{ width: 100%; padding: 0.3rem 0; }
      .cdtitle{ font-size: 1.6em; }
      .cdscetit{font-size: 1.2em;}

      /* .linkins::before{left: -0.25rem;width: calc(100% + 0.5rem);} */
      /* .linkins_icon{ display: none;} */

      .link_light{ width:100%;padding:0 0 0.3rem 0;}
      .link_black{ width:100%; }

    .linkmob .linkins { padding: 0.25rem 0.25rem 0.15rem; }

    .copylist2 li{ width: 100%;}

    .newslist li{ padding: 0 0.4rem;}
    .newslist li a{ display: block;}
    .newstime{ display: block; margin-bottom: 0.4em;}

    .mobtitle{font-size: 2em;--wl: 4em;}

    .disinner{ width:calc(100% - 0.8rem); margin: 0 0.4rem 0.8rem 0.4rem; font-size: 1.4em; }

    .lbox_cdbox02{ display: block; text-align: center;}
    .lbox_cdbox02 .cdcon{ width: 100%; padding: 3% 0 0 0;}
    .lbox_cdbox02 .cdpic{ width: 60%; margin: 0 auto;}
    .lbox_cdbox02 .cdtextin{ text-align: left;}
   


/*   .artistmob{padding: 0 0.4rem;}
    .artist_inners{width:100%; position: relative;margin-bottom: 0.3rem;}
    .artname{ font-size: 1.5em; line-height: 2; }

  .title_h{font-size: 2.1em; font-weight: 500;}
    .ticket_insmob{padding: 0.3rem;}
      .ticker_tit{width:100%; border-right:0;border-bottom: 1px solid #fff;font-size: 1.7em; line-height: 1.3; letter-spacing: 0.1em; text-align: center; padding-bottom: 0.8em;}
      .ticker_con{width: 100%;padding-left: 0;padding-top: 1.5em; }

    .insmob{padding: 0.3rem; } */


  .banpagetop{bottom:-1rem;right:0.2rem; width: 1.2rem; }
  .scrollbg .banpagetop{ bottom:0.2rem;}

}

@media screen and (max-width: 480px){
  :root{
    --hf:13.333vw;
    --bf: 0.28rem;
  }
}