@charset "utf-8";
/* Cal Sans は HTML 側の <link> で読み込む（@import によるレンダリングブロック解消） */
/* @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap'); */


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:"Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; font-variant-east-asian: proportional-width;/*  font-feature-settings: "palt"; */font-weight: 400;font-style: normal;}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
a{color: #274783;  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:#fff;}
.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: #009754;}
.color_egreen{color: #8cca8e;}
.color_orge{ color: #fc7b04;}
.color_cucu{ color: #852a8a;}
.color_gray{ color: #8b8c8b;}

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

.mt-15 { margin-top: 15px; }
.mt-30 { margin-top: 30px; }
.mt-50 { margin-top: 50px; }
.mt-70 { margin-top: 70px; }
.mt-100 { margin-top: 100px; }

.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }
.mb-70 { margin-bottom: 70px; }
.mb-100 { margin-bottom: 100px; }
  
.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-title{font-family: "Matemasie", sans-serif;font-weight: 400;font-style: normal;}
/* .wf-title02{font-family: "Crimson Text", serif;font-weight: 600;font-style: italic;} */
.wf-km{font-family: "Kosugi Maru", sans-serif; font-weight: 400; 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;
  --ftH: 92px;
}


/******************************************************************/
html{ font-size:var(--htf);}
body{font-size:var(--bdf);line-height: 1.5;background:#14cbf7;}
.headmob{ position: relative;animation: bgSlideshow 6s infinite;}
.top_banner{position: relative; text-align: center;}
.tpx_ph{ padding: 0.65rem 0 1.4rem 0; width: 1000px; max-width:100%; margin:0 auto; text-align: center; }
.tpx_ph img{ }

/* mobbg */
.mobbg{--sh: 750px; position: absolute; top: 0; left: 0; width: 100%; height: calc(var(--sh) + 48vw); background: #1bcdf8; z-index: 1; }
  .mobbg.bgscll{position: fixed; bottom: 0;top: auto;}
  .skyani{ position: relative; z-index: 1; width: 100%; height: var(--sh); overflow: hidden; }
  .SeaBeach{ position: absolute;bottom: 0;left: 0; z-index: 2; width: 100%; height:100%;margin-top: calc(0 - var(--sh)); background: url("../images/bg.png") center bottom no-repeat; background-size: 100% auto; }
    .clouds_ani{position: absolute;top: 0; left: 0;animation: clouds_fly var(--tim,12s) infinite linear; opacity: 0; }
    .clouds01{--rw:-50vw; --sc: 1.1;--tim: 50s; width: 3.9rem;margin:calc(var(--sh) * 0.02) 0 0 30%;}
    .clouds02{--rw:-50vw; --sc: 1.5;--tim: 60s; width: 2.15rem;margin:calc(var(--sh) * 0.11) 0 0 45%; animation-delay: 10s;}
    .clouds03{--rw:-50vw; --sc: 1.2;--tim: 60s; width: 2.7rem;margin:calc(var(--sh) * 0.5) 0 0 45%;}
    .clouds04{--rw:50vw; --sc: 1.3;--tim: 60s; width: 3.9rem;margin:calc(var(--sh) * 0.06) 0 0 65%; animation-delay: 10s;}
    .clouds05{--rw:50vw; --sc: 1.1;--tim: 60s; width: 3.9rem;margin:calc(var(--sh) * 0.42) 0 0 70%;}
    .clouds_d01{top:auto; bottom: 0;--rw:-30vw; --sc: 1;--tim: 160s; width: 10.67rem;margin:calc(var(--sh) * 0.42) 0 0 -10%;animation: clouds_d var(--tim,12s) infinite linear;}
    .clouds_d02{top:auto; bottom: 0;--rw:30vw; --sc: 1;--tim: 160s; width: 7.64rem;margin:calc(var(--sh) * 0.42) 0 0 80%;animation: clouds_d var(--tim,12s) infinite linear;}

@keyframes clouds_fly {
  0%{opacity: 0; transform: translate(0, 0) scale(1,1);}
  10%{opacity: 1; transform: translate(calc(var(--rw) * 0.1), 0) scale(1,1);}
  70%{opacity: 1; transform: translate(calc(var(--rw) * 0.7), 0) scale(var(--sc),var(--sc));}
  100%{opacity: 0.6; transform: translate(var(--rw), 0) scale(1,1);}
}
@keyframes clouds_d {
  0%{opacity: 0; transform: translate(0, 0) scale(1,1);}
  2%{opacity: 1; transform: translate(calc(var(--rw) * 0.02), 0) scale(1,1);}
  70%{opacity: 1; transform: translate(calc(var(--rw) * 0.7), 0) scale(var(--sc),var(--sc));}
  100%{opacity: 0.6; transform: translate(var(--rw), 0) scale(1,1);}
}
/* mobbg */




/* menu */
.menu_mob{width: 100%;margin: 0 auto; font-size:30px; line-height: 100%; position: absolute; bottom: -1em; left: 0; padding:0; z-index: 20; }

.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-left: -0.06rem; }
  .menu_inlist a{--cl:#fff; position:relative; display:block; color:var(--cl)!important;  padding:0.3em 1em;border-radius:3em;overflow: hidden; text-decoration: none; border:0.06rem solid #fff;background-color: var(--bgcl,#7e62a9); transition: all 0.3s ease-in-out;}
  .menu_inlist a:hover,.menu_inlist .sel a{--bgcl:#548118;--cl:#fff;}

  .bmn-Schedule a,.schedule_inmob{--bgcl:#fc7b04;}
  .bmn-Ticket a,.ticket_inmob{--bgcl:#34bfdb;}
  .bmn-Goods a,.goods_inmob{--bgcl:#e73c98;}
  .bmn-News a,.news_inmob{--bgcl:#b61059;}
  .bmn-Info a,.info_inmob{--bgcl:#27ceb2;}

/* 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 1s both; }
@keyframes fadeIn {
  0%{ opacity: 0;}
  100%{opacity: 1;}

}
.fadeUp{ animation: fadeUp 1s both; }
@keyframes fadeUp {
  0%{ transform: translateY(0.5rem); opacity: 0;}
  100%{transform: translateY(0); opacity: 1;}

}


.wrap{ position: relative; z-index: 5; padding-bottom: 0.2rem; }

.menupx .wrap{ padding-top:var(--mnH);}
.menupx .mobinbg{position: fixed; top:84px;height: calc(100vh - 84px - 92px); }

.mob_binner{ position: relative;/*  background:var(--bgcl,#7d61a8); */ color:#000; padding:1px 0;}
  .pgae_tit{text-align: center;color: #a96622; font-size: 1.5em; line-height:1.5; font-weight: 400; padding: 3em 0 0 0;}
  .index .pgae_tit{display: none;}
  .mobin_pz{ position: relative; z-index: 10;width:1000px; max-width:96%; margin:0.8rem auto 0 auto; box-sizing:border-box; padding:0 0.15rem 0.15rem 0.15rem; background-color:var(--bgcl); border-radius: 0.26rem; }
    .in_tt{text-align: center; max-width:100%; padding:0.3em 0;  font-size: 3em; line-height: 100%;display: flex;justify-content: center;align-items: center;height: 1.5em;}
    .tt_en{font-weight: 600; color: #fff; transform-origin: 0 0; display: inline-block; padding: 0 0.5em 0.2em 0.5em; position: relative; }

    .mobincon{border-radius: 0.26rem; background-color: #fff; padding: 0.3rem;}

    .boxins{ margin-bottom:2.5em;position: relative; display: flex; flex-wrap: wrap; }
      .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);}

      .boxin_title{width:10em;line-height: 1.66em; z-index: 20; text-align: center;  font-weight: 400;padding-right: 1em;margin-right: 2em; border-right:0.02rem solid #fc7b04; box-sizing: border-box;}
      .boxin_con{ width: calc(100% - 13em); }
        .banlink{ display: inline-block; font-size: 0.9em; padding: 0.2em 0.4em; text-decoration: none; background: #00a0bf; color: #fff; border-radius: 0.3em; transition: background 0.4s; }
        .banlink[href]:hover{background: #1fd1af; color: #fff;}


      .mobin_title{text-align: center;font-size: 1.6em; line-height: 1;}
        .mobin_title span{display: inline-block; padding: 0.4em 1.5em; border-radius: 6em; background: #fdb068;color: #fff;margin: 0.4rem 0}

      .stitle{ font-size: 1.2em; line-height: 1; font-weight:500;margin-bottom: 0.1rem; }
        .stitle span{ display: inline-block; padding: 0.2em 0.3em; background: #50860b; color: #fff; border-radius: 0.2em; }




  /*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.3rem; 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: #fff; 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: #fff; box-shadow: inset 0 0 0 0.04rem #fff,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{ background: rgba(0, 0, 0, 0.05);margin-bottom: 1em; display: flex; flex-wrap: wrap; width:100%;box-sizing: border-box;}
    .soldout_tit{width:100%; display: flex;align-items: center; justify-content: center;  box-sizing: border-box; font-size: 1.5em; padding: 0.5em 1em; background: #ababab; font-weight: bold; color: #fff;}
    .soldinmob .soldout_tit{background: #43bcc5;}
    .soldout_list{width: 100%;padding:1.5em;box-sizing: border-box; text-align: center;}
    .soldout_list a{ display: inline-block; padding: 0.2em 0; color: #000;}
    .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-top: 0.5rem; }
.goodslistmob .goodsints:nth-child(2n){margin-right: 0;}

.gd_phnf{ margin-bottom: 3%; border-radius: 8px; overflow: hidden;}

.gd_txin{ text-align: left; font-size: 0.8em; line-height: 1.5; }
.gd_instit{ font-size: 1.4em; line-height: 130%;text-align: center; padding-bottom: 0.3em; }
.gd_pri{ font-size: 1.2em; line-height: 120%; font-weight: bold;text-align: center; padding-bottom: 0.7em;color: #fff; }
.goods_new{ display: inline-block; padding: 0.2em 0.8em; color: #fff; background-color:#ea5432; font-size: 0.9em; line-height: 100%; margin: 5px;}

.glslide{overflow:hidden; position: relative;}
.glsprev{ position: absolute; top:calc(50% - 0.15rem); left:-0.2rem; 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; 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:#fff; background: #000; border-radius: 0.3em; text-decoration: none; transition: all 0.3s; }
.banshow_ph[href]:hover{color:#000;background: #fff; }
.show_ph{ display: none; }



/*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; z-index: 5; bottom: 0; left: 0; width: 100%; font-size: 12px; line-height: 1.6;}
.foot{ padding:40px 0; color: #000; text-align: center;  }


.pgtp{position: fixed; bottom: 0.6rem; right:0.3rem; text-align: center; text-decoration: none; border-radius: 6px; display: none; z-index: 100; width: 0.86rem;}
.pgtp:hover{text-decoration: none;opacity: 0.7;}


.ban_more{ margin: 3%; 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:#fff; background-color: #000; border-radius: 0.5em; font-weight: 500; }
.ban_more a:hover{ color: #fff;background-color: #03348f;}


@media screen and (max-width:1480px) {
  /* .mobinbg{ width: calc(100% - 0.8rem); } */



}



@media screen and (max-width:1200px) {
  :root{
    --htf: 8.33vw;
  }
  .menu_mob{ font-size:1.8em;}
}
@media screen and (max-width:768px) {

  :root{
    --htf: 13.02vw;
  }

html,body{ width: 100%; overflow-x: hidden;background:#fef1c7; }

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

.headmob{ position: relative; z-index: 80; }
.top_banner{ text-align: center; padding-bottom:0.6rem; }
.tpx_ph{padding: 0.5rem 0;}

.top_banner .ban_tps01{float: none; width: 100%;}
.top_banner .ban_tps02{float: none; width: 100%;}

/* mobbg  */
  .mobbg{--sh:6.2rem;    height: calc(var(--sh) + 47.5vw);}
    .clouds01{width: 2.7rem;}
    .clouds02{width: 1.4rem;}
    .clouds03{width: 1.89rem;}
    .clouds04{width: 2.73rem;}
    .clouds05{width: 2.73rem;}
    .clouds_d01{width: 7.47rem;margin:0 0 0 -10%;}
    .clouds_d02{width: 5.35rem;margin:0 0 0 80%;}
/* mobbg  */




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

  .ban_tpnsc{ text-align: center; height: 0.5rem; position: absolute; bottom: 0rem; left: 0; width: 100%;}

  .ban_op{ display:inline-block; background: #e73c98; border-radius: 999px; border:0.05rem solid #fff;  line-height: 0; position: relative; padding:0.41rem 0.21rem; width: 1rem;height: 1rem; box-sizing:border-box; z-index: 351; transform: scale(1.2);}
  .ban_op::before{content: "";display: block; width:0.5rem; height: 0.07rem;background: #fff; position:absolute; top:0.3rem; 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: #fff; position:absolute; bottom:0.3rem; 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: #fff;transition:all 0.3s; border-radius: 99px; opacity: 0; }
  .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;}

  .menupx.menuopen .ban_op{ position: absolute; right: 0.1rem;top: 0.1rem;}
  .menupx.menuopen .ban_op.sel{background:none; border: 0;}
    .menupx.menuopen .ban_op.sel::before{ width: 0.8rem;}
    .menupx.menuopen .ban_op.sel::after{ width: 0.8rem;}
/* menu */


.wrap{padding-top: 0.6rem;}
  .mobin_pz{max-width: 90%;}

  .in_tt{font-size: 2.6em; line-height: 100%;}
  .boxin_title{ width: 100%; border: 0; margin: 0; padding: 0 0 0.5em 0; }
  .boxin_con{ width: 100%; text-align: center; }


  .inner_mb{  width: 100%;padding:0.4rem 0; display: none; position:absolute; z-index: 301; }
  .inner_mb ul{padding:1rem 0 0.4rem 0; background: none; display: block!important; }
  .inner_mb ul li{ float: left; width:92%; box-sizing:border-box; margin:4% 4%; }
  .menu_inlist a{--bgcl: transparent;border: 0;}
  .menu_inlist a:hover,.menu_inlist .sel a{--bgcl:#fff; color: #00ab12!important;}

  .pfix .ban_tpnsc{position:static;}
  .pfix .inner_mb{position:absolute;top:100%; left: 0;}
  .menu_mob.pfix{padding:0.1rem 0 0 0; background-color: #1fcff9; }
  .menu_mob.pfix .inner_mb ul{padding:0.4rem 0;}
  .menuopen .menu_mob::before{ height:100vh;bottom:-100vh; background-color: #1fcff9; }


  .mobbg.bgscll{ position: absolute; top: 0; }

/*artist*/
.fly_op02{top: 0;}

.artist_inmob{padding-bottom:0.2rem; }
.ar_inpre{ float: none; width:94.68%; margin:0 2.66% 4.93% 2.66%;position: relative;}
.ar_name{ font-size: 0.35rem; }
.ar_name .in_smfn{ font-size: 0.13rem; line-height:120%; }
.ar_banner a{ width: 40.2%; margin:2.8% 4% 0 0; }
.ar_banner a:last-child{ margin-right:0%;}

.inp_08 .ar_name{white-space: nowrap;}


/*special*/
.spec_incon{ float:none; width:94.68%; margin:0 2.66% 4.93% 2.66%; 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;}

/*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; }


.pic_02 {transform: translateY(50%);}
.pic_03 {right: 5%; bottom: 6%;}
.pic_10 {left: 3%;}

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



}


@media screen and (max-width:375px) {
  .f14{font-size:8px;line-height:145%; }
  .f16{font-size:10px;line-height:156%; }
  .f18{font-size:12px;line-height:156%; }
  .f20{font-size:14px;line-height:120%; }
  .f24{font-size:18px;line-height:120%; }
  .f36{font-size:30px;line-height:120%; }


}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}