@charset "utf-8";
/*NotoSerifJP*/
@font-face {
  font-family: 'NotoSerifJP-M';
  font-style: normal;
  font-weight: 500;
  src: url('./font/NotoSerifJP-M.woff2') format('woff2');
  font-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 {font-size:15px; line-height:160%; font-family: "Hiragino Kaku Gothic ProN", "Helvetica Neue", "Yu Gothic Medium", YuGothic,  -apple-system, BlinkMacSystemFont,Arial, Meiryo,sans-serif; overflow-x:hidden; }
ul,ol,li,dl,dt,dd{list-style: none;}
fieldset, { border: 0; vertical-align: middle; overflow: hidden; }
.clearfix::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}
a{ color:#9e006c;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus:none;-moz-user-select: none;}
a:hover{ text-decoration:none;}

.ahop08{transition: all 0.3s;}
.ahop08:hover{ opacity: 0.8; }

.align_center{ text-align: center; }

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

.fs28{font-size: 0.28rem;line-height: 160%;}
.fs30{font-size: 0.3rem;line-height: 178%;}
.fs32{font-size: 0.32rem;line-height: 178%;}
.fs34{font-size: 0.34rem;line-height: 178%;}
.fs36{font-size: 0.36rem;line-height: 178%;}
.fs40{font-size: 0.4rem;line-height: 160%;}
.fs48{font-size: 0.48rem;line-height: 160%;}
.fs56{font-size: 0.56rem;line-height: 120%;}
.fs60{font-size: 0.6rem;line-height: 120%;}
.fs64{font-size: 0.64rem;line-height: 120%;}
.fs76{font-size: 0.76rem;line-height: 120%;}
.fs86{font-size: 0.86rem;line-height: 120%;}
.fs96{font-size: 0.96rem;line-height: 110%;}

.fb085{font-size: 0.85em; line-height: 140%;}
.fb110{font-size: 1.1em; line-height: 140%;}
.fb120{font-size: 1.2em;line-height: 140%;}
.fb130{font-size: 1.3em;line-height: 140%;}
.fb140{font-size: 1.4em;line-height: 160%;}
.fb150{font-size: 1.5em;line-height: 160%;}

.fwb{font-weight: bold;}

.pd_a10{ padding:10px; padding:0.1rem;}
.pd_a20{ padding:20px; padding:0.2rem;}
.pd_a30{ padding:30px; padding:0.3rem;}
.pd_a40{ padding:40px; padding:0.4rem;}
.pd_a50{ padding:50px; padding:0.5rem;}

.pd_t10{ padding-top:10px; padding-top:0.1rem;}
.pd_t20{ padding-top:20px; padding-top:0.2rem;}
.pd_t30{ padding-top:30px; padding-top:0.3rem;}
.pd_t40{ padding-top:40px; padding-top:0.4rem;}
.pd_t50{ padding-top:50px; padding-top:0.5rem;}

.pd_b10{ padding-bottom:10px; padding-bottom:0.1rem;}
.pd_b20{ padding-bottom:20px; padding-bottom:0.2rem;}
.pd_b30{ padding-bottom:30px; padding-bottom:0.3rem;}
.pd_b40{ padding-bottom:40px; padding-bottom:0.4rem;}
.pd_b50{ padding-bottom:50px; padding-bottom:0.5rem;}
.pd_b70{ padding-bottom:70px; padding-bottom:0.7rem;}

.color_dred{color: #B60000;}
.color_or{color: #f67e0c;}
.color_pnk{color: #9e006c;}
.color_pur{color: #4d007b;}
.color_brown{color: #9d876a;}
.color_violet{color: #a55fb9;}

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

.animated{ opacity: 0; }
.animated.fadeIn{opacity: 1!important;}


:root{
  --htfontsize: 40px;
  --fontsize: 0.36rem;
}

/******************************index************************************************/
html{ font-size:var(--htfontsize);}
body{ position:relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #504650; word-break: break-all;font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}
.ytbopen{overflow: hidden;}

.wf-ZOM{font-family: 'Zen Old Mincho', serif; /*letter-spacing: -0.1em;*/}
.wf-GR{font-family: gunplay,sans-serif;font-weight: 400;font-style: normal;}
.cl_01{}



.warp{}

/* menu */
.ban_menuc{position: absolute;top:310px;left:calc(50% - 558px);z-index:1110;cursor: pointer;width: 0.9rem;height:0.9rem; /* transition: all .3s linear; */  }
.ban_menuc span{display: inline-block;transition: all .4s;position: absolute;right: 0px;height:0.04rem;border-radius: 0px;background-color: #fff;width: 100%;transform:rotate(0deg);transform-origin: 50% 50%;}
.ban_menuc span:nth-of-type(1) {top:0.23rem; }
.ban_menuc span:nth-of-type(2) {top:0.43rem;}
.ban_menuc span:nth-of-type(3) {top:0.63rem;}

.ban_menuc.active{ position: fixed; top:40px;}
.ban_menuc.active span{background-color: #fff;top:0.43rem; }
.ban_menuc.active span:nth-of-type(1) {transform:rotate(-45deg);width:100%; }
.ban_menuc.active span:nth-of-type(2) {opacity: 0;}
.ban_menuc.active span:nth-of-type(3){transform:rotate(45deg);width:100%;}

.menu_mob{display: flex;position: fixed;top: 0;left:-130vw; width:100%; height: 100vh; background:#5e535a; box-sizing: border-box; padding: 2%; z-index: 1100;justify-content: center;align-items: center;overflow-y: auto; transition: opacity .3s; opacity: 0;}
.menu_inner{ width: 380px;max-width:96%;  max-height: 90vh; }
.menu_inner .mlogo{padding-bottom: 7%;}
.menu_list li{padding-bottom: 5%;}
.menu_list li a{transition: opacity .3s;}
.menu_list li a[href]:hover{ opacity: 0.7; }

.menu_mbg{position: absolute;top:310px;left:calc(50% - 558px); width:0.9rem; height:0.9rem; transition: transform 0.3s linear;-webkit-transition: transform 0.3s linear; z-index:1000; transform:scale(1.5) rotate(45deg); -webkit-transform:scale(1.5) rotate(45deg); background: #504650; transform-origin: 50% 50%;}
.menu_mbg::after{content: ""; display: block; position: absolute;top: -4px;left:-4px; bottom: -4px;right: -4px; border:1px solid #000;}

.menusopen{/* overflow: hidden; */}
.menusopen .menu_mob{left:0vw;opacity: 1; transition-delay: 0.3s;}
.menusopen .menu_mbg{ transform:scale(120) rotate(45deg);-webkit-transform:scale(120) rotate(45deg);}
.menusopen .menu_mbg::after{display: none;}
/* menu */


header{ position: relative;text-align: center; z-index: 20;margin:0 7.8%;}
.mobmw{ width:1080px; max-width:100%; margin-left:auto; margin-right: auto; position: relative; }
.topnamsns{ position: absolute; top: 12%; left: 8%; display: block; width:8.4%; margin-top: 9%;z-index: 10; }
.topnamsns img{transition: transform 0.3s;}
.topnamsns:hover img{transform: translate(0,0.2rem);}

.banfir{outline: none; position:absolute; top:0; left:0; margin: -2.6875% 0 0 6.25%; width: 30.41%; padding-bottom: 26%; background: transparent; transform-origin: 50% 50%;transform: rotate(45deg); z-index: 10;}
.fir_tp{ position:absolute; top:0; left:0; margin: 1.6875% 0 0 6.25%; width:36.41%; z-index: 2; }
.tmplogo{ position: absolute; left: 10%; top: 0; margin-top:2%; width: 80%; z-index: 10;}
.ytbmvs{position: absolute; left: 50%; top: 0; margin-top:47.625%; width: 35.15%; z-index: 10;}

.topslidein{ width:100%; z-index: 5; position: relative; padding-top: 12%; margin: 0 auto; overflow: hidden;}
.tmptext{ position: absolute; left: 15%; top: 0; margin-top:90%; width: 70%; z-index: 10;}
.tmptext02{ position: absolute; left: 11%; bottom: 0; margin-bottom:4.5%; width: 78%; z-index: 10;}
.tmptext03{ position: absolute; left: 0%; bottom: 0; width: 100%; z-index: 10;}

.topslidein .swiper-slide{position: relative;box-sizing: border-box;}
header .mobmw .tops_point{ position: absolute; left: auto; bottom: 2.8rem; right:-1.5rem; width: 1.3rem; }
.tops_point span{ display: block; width: 1.9rem; height: 1.5rem; border-radius: 0; opacity: 1; padding-bottom: 0.3rem; background:url("../images/topsl_offbg.png") 0 0 no-repeat; background-size: 100% auto;line-height: 1.5rem;color: #fff;}
.tops_point span.swiper-pagination-bullet-active{background-image:url("../images/topsl_onbg.png"); color: #000;}

/* .tops_point span:nth-of-type(1){ background-image:url("../images/topsl_bn01_off.png");}
.tops_point span:nth-of-type(2){background-image:url("../images/topsl_bn02_off.png");}
.tops_point span:nth-of-type(1).swiper-pagination-bullet-active{ background-image:url("../images/topsl_bn01_on.png");}
.tops_point span:nth-of-type(2).swiper-pagination-bullet-active{ background-image:url("../images/topsl_bn02_on.png");}
 */

.main{ font-size: 0.36rem; line-height:200%; color: #4f454f; font-weight: 400;  }
.mobinner{padding: 2rem 7.8%; text-align: center; position: relative; z-index: 10;}
.mobc01{padding-top: 2.6rem;margin-top: -2rem;position: relative; }
.mobc01::after,.menu_leftbg::after{content: "";display: block; position: absolute;top: 0;bottom: 0; left: -50vw;right: -50vw; animation:slide 8s ease-in-out infinite alternate;background-image: linear-gradient(-60deg, rgba(227, 200, 51, 0.7) 0% 35%, rgba(157, 181, 242, 0.7) 35% 65%, rgba(192, 52, 64, 0.7) 65% 100%); z-index:-1;}
.mobc01::before,.menu_leftbg::before{content: "";display: block; position: absolute;top: 0;bottom: 0; left: -50vw;right: -50vw; animation:slide 10s ease-in-out infinite alternate;background-image: linear-gradient(-60deg, rgba(227, 200, 51, 1) 0% 35%, rgba(157, 181, 242, 1) 35% 65%, rgba(192, 52, 64, 1) 65% 100%);;z-index:-1;}

@keyframes slide {
  0% {
    transform:translateX(-50vw);
  }
  100% {
    transform:translateX(50vw);
  }
}
.ints_movie{}

.smnews{font-size: 1.2em;  color: #fff; letter-spacing: 0.3em; font-weight: 700; animation-duration: 1.2s; animation-direction: alternate; }
.intsmt{font-size: 1.6em; color: #fff; letter-spacing: 0.3em; padding: 0.3em 0 1em 0;}
.intsmoviecon img{ width: 100%; }
.intsmoviecon a{display: block; position: relative; border:0.8em solid #fff; line-height: 0; }
.intsmoviecon a::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.65) url("../images/page/ban_play.png") center center no-repeat; background-size: 8% auto; transition:background 0.4s; }
.intsmoviecon a:hover::before{ background-color:rgba(255, 255, 255, 0.1); }

.mobc01 .contnmob{ margin: 1.5rem 0; padding: 1rem; background-color: #fff; font-size: 1.1em; color:#504650; line-height: 180%; font-weight: 900; }
.intits{ font-weight: 700; font-size: 1.48em; line-height: 150%; }
.stitle{ text-align: center;margin-bottom: 0.2rem; }
.stitle img{ max-height: 1.32rem;}
.stitle2{ text-align: center; margin-bottom: 0.45rem; }
.stitle2 img{ max-height: 0.8rem;}
.intsct_tit{ max-width: 96%; display: inline-block; }
.intsline{ text-align: center; padding: 2.5em 0; width: 100%;}
.intsline img{ max-width: 40%; }



.mobc02{ font-size:1em; line-height: 200%; font-weight: 700;  }
.smnews{ font-size: 1.2em; color: #fff; letter-spacing: 0.3em; font-weight: 700; animation-duration: 1.2s; animation-direction: alternate; }
.smnews_onair{ margin-top: -2em; font-size: 1.2em; color: #B60000; letter-spacing: 0.3em; font-weight: 700; animation-duration: 1.2s; animation-direction: alternate; }
.mobc02 .onairfs .intits_re{ font-size: 1.08em; line-height: 150%; text-align: center; margin-top: -3.1%;}

.mobc03{ background-image: linear-gradient(300deg, #fff 0%, #c1b5bd 50%, #746970 50%, #5f545b 100%); font-size: 1.2em; line-height: 160%; }
.stitle img{ margin: 0.8rem 0; }
.mobc03 .contxin{display: flex;justify-content: center; flex-wrap: wrap; padding: 0 3.125%; text-align: left;}
.comnt_prein{ width:27%; margin: 0 2.5% 5% 2.5%; box-sizing: border-box; position: relative; padding: 1.5% 3% 3.5% 3%; background-color:rgba(255,255,255,0.65); }
.comnt_intit{ width: 100%; font-size:0.9rem; line-height: 115%;text-align: center; padding: 0.2rem 0 0.5em 0; font-family: 'Zen Old Mincho', serif;  letter-spacing: -0.05em; }

.mobc03 .comnt_new{ margin: -2% 0 1% 0; display: block; color:#B60000; font-size: 14px; line-height: 120%; font-family: 'Zen Old Mincho', serif; letter-spacing: 0.3em; font-weight: 700; animation-duration: 1.2s; animation-direction:alternate;}
.comnt_st{ display: block; font-size: 0.55em; line-height: 120%; white-space: nowrap;}

.contxinnews{display: flex;flex-wrap: wrap; text-align: left; }
.news_inmobs{ width: 48%; background: rgba(255,255,255,0.65); color: #504650; text-decoration: none; margin: 2% 4% 2% 0%; padding: 1.5em; box-sizing: border-box; overflow:hidden; display: block; position: relative; }


.news_inmobs::before{content: "";display: block; position: absolute; top: -30%;left: -330%; width: 160%; height: 160%;background-image: linear-gradient(-30deg, #f67e0c 0%,  #4d007b 100%);transform: skewX(-15deg); opacity: 0.8; transition: left 0.5s;transition-timing-function: cubic-bezier(0.49, -0.1, 0.09, 0.96); z-index: -1;}
.news_inmobs[href]:hover{text-decoration: none;}
.news_inmobs[href]:hover::before{left: -30%;}
.contxinnews .news_inmobs:nth-of-type(2n){margin: 2% 0% 2% 0%;}
.news_idtimes{ font-size: 1.4em; font-weight: 700; margin-bottom: 2%; }
.news_idtxt{ font-size:0.9em; line-height: 170%; font-weight: bold; }

.mobc04{padding-bottom: 3rem; margin-top: -1px; background-color: #746970; }
.tabm04{ display: flex; padding: 0 2.25%;flex-wrap: wrap;flex-direction: column;align-items: center;}
.innertwi{ width: 48%; padding-bottom:6%;}
.innertwi .stitle{margin-bottom: 0.9rem;}
.innersns .stitle{margin-bottom: 1.1vw;}

.mobc04 .stitle img{ max-height: 1.15rem; margin: 0;}
.bansnsinner img{ max-height: 0.68rem; padding: 0 0.5em;}
.ban_infoline a{margin: 0.1rem; display: inline-block;}
.ban_infoline img{max-width: 100%; margin-bottom: 0.5rem;}


.mobc05{background-image: linear-gradient(180deg, #fff 0%, #fff 6.5rem,#c1b5bd 1.5rem,#746970 100%);padding: 1rem 7.8%;}
.mobc05 .stitle{ position: relative; z-index: 50; }
.mobc05 .contxin{display: flex;justify-content: center; flex-wrap: wrap; padding: 0 3.125%; font-size: 0.38rem;line-height: 175%;text-align: left;}
.chara_prein{ width:38.5%; margin: 0 2.75%; box-sizing: border-box; position: relative; padding: 2% 0 2.5% 0; }
.chara_prein::before{ content:""; display: block; width: 100%; padding-bottom: 6.25%; background: url("../images/chara_el.png") top center no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; }
/* .chara_prein::after{ content:""; display: block; width: 100%; padding-bottom: 6.25%;background: url("../images/chara_el.png") top center no-repeat; background-size: 100% 100%;position: absolute; bottom: 0; left: 0; } */

.chara_intit{ height: 2.2em; width: 100%; font-size:0.76rem; font-family: 'Zen Old Mincho', serif; letter-spacing: -0.05em; line-height: 115%; font-weight: 700; align-items: center;justify-content: center; text-align: center; padding: 0.7rem 0 0 0;}
.chara_comt{ width: 45%; margin: 0 auto; padding: 0.01rem; color: #5f545b; background-color: #c7c4c6; border-radius: 100vh; font-size:0.32rem; font-family: 'Zen Old Mincho', serif; letter-spacing: 0.3em; font-weight: 700; align-items: center; justify-content: center; text-align: center;}
.chara_comt a{ color: #5f545b; text-decoration: none;}
.chara_comt a:hover{ color: #000; text-decoration: none;}
.chara_inph{padding: 2% 2% 4% 2%; text-align: center; }
.chara_st{ display: block; font-size: 0.7em; line-height: 120%; white-space: nowrap;}
.mobc05 .comnt_new{ position: absolute; top: -0.2%; left: 48%; margin:0; display: block; color:#B60000; font-size: 14px; line-height: 120%; font-family: 'Zen Old Mincho', serif; letter-spacing: 0.3em; font-weight: 700; animation-duration: 1.2s; animation-direction:alternate;}

.mobtwis{border: 0;margin:0.1rem; padding: 0.2rem; position: relative;box-sizing: border-box; /* height:600px; */}
.mobtwis::before{content: ""; display: block; border: 0.02rem solid #fff; position: absolute; top: -0.2rem; left: -0.2rem; width: calc(100% + 0.4rem); height:calc(100% + 0.4rem); box-sizing: border-box;pointer-events: none;}
/* .twitter-timeline{height: 500px;} */
.mobtwis iframe{ width: 100%!important;/*  height: 100%!important; */}

.innersns{padding:0 0 0 0%;width: 48%; box-sizing: border-box;}
.bansnsinner{ text-align: center; color: #fff; font-size: 0.6rem; }
.ban_infoline{padding-top: 1.25rem;}

.chara_slide{overflow: hidden; margin-top: -10%;}
.chara_slide .swiper-slide{position:relative; overflow: hidden; padding: 10% 0 5% 0;}
.chara_slbg{position: relative;}
.chara_slbg img{ width: 100%;}
.chara_pres{position: absolute; bottom:0; right:0;z-index: 10; transition: transform 0.1s;}
.chara_pbg01 .chara_pres{ width: 37.46%;margin: 0 4.9% -4% 0; }
.chara_pbg02 .chara_pres{ width: 45.33%;margin: 0 1.6% -4% 0; }
.chara_pbg03 .chara_pres{ width: 49.2%; margin: 0 -3.2% -3.2% 0;}
.chara_pbg04 .chara_pres{ width: 58.8%; margin: 0 -7.06% 8.7% 0;}

.chara_namec{ position: absolute; top:calc(50% - 12.6em) ; left:19.3%; width:61.4%; height: 23em;  padding: 2em; display: flex; flex-wrap: wrap; background: rgba(95, 84, 91, 0.5); justify-content: center;align-content: center; color: #fff; z-index: 15; font-size: 1.25em; line-height: 180%; box-sizing: border-box; animation: fadeupout 0.3s linear both;}
.chara_namec span{ display: block; width:100%;}
.chara_namec .chname01{ font-size: 1.11em; }
.chara_namec .chname02{ font-size: 4em; line-height: 110%; padding: 0.3em 0; }
.ban_charamore{display: block; position: absolute;bottom:calc(50% - 23em); left:calc(50% - 7em) ;font-size: 1em; line-height: 120%; letter-spacing: 0.2em; width: 14em; padding: 1.2em 0; border-radius:999px; background: #c7c4c6; color: #5f545b; text-decoration: none; z-index: 15;transition:background 0.4s;animation: fadeupout 0.3s linear both; animation-delay: 0.1s!important;}
.ban_charamore:hover{background: #fff;}
.chara_point{ position: absolute; bottom: 0; left: 0; margin-bottom: 6.5%; z-index: 15; }
.chara_point span{ background: #8e8988!important; opacity: 1; height: 2px; width: 3.1em; transition:background 0.3s; margin: 0.5em 0.9em!important; border-radius: 0;}
.chara_point span.swiper-pagination-bullet-active{background: #fff!important;}
.ban_charaslide{ position: absolute; display: block; width: 2em; height: 2em; top: calc(50% - 1em); z-index: 15; transform-origin: 50%; transform: rotate(45deg); }
.swiper-notification{ display: none!important; }
.banchara_prev{ left:-3.5em; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
.banchara_next{ right:-3.5em; border-top: 1px solid #fff; border-right: 1px solid #fff;  }
.swiper-button-disabled.ban_charaslide{ opacity: 0.3; }
.swiper-slide-active .chara_namec{ animation: fadeupin 0.8s linear both; }
.swiper-slide-active .ban_charamore{ animation: fadeupin 0.8s linear both;}
@keyframes fadeupin{
  0% {
    transform: translateY(6em); opacity: 0;
  }
  100% {
    transform: translateY(0%); opacity: 1;
  }
}
@keyframes fadeupout{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0;}
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5;}
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1;}
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0;}
}

.ban_pagemore{ text-align: center;font-size: 1.1em; line-height: 130%;white-space: nowrap; }
.ban_pagemore a{display:inline-block; position: relative; border: 1px solid #000;  padding: 0.6em; color: #fff; text-decoration: none;vertical-align: middle; overflow: hidden; }
.ban_pagemore a .t{ display: block; padding:1.5em 5em;  position: relative; z-index: 10; }
.ban_pagemore a .t::before{content:""; display:inline-block;width: 5em; height: 6px; vertical-align: middle; background: url("../images/ban_ctll.png") center center no-repeat; background-size: 100% auto; margin-right: 1.5em;}
.ban_pagemore a .t::after{content:""; display:inline-block;width: 5em; height: 6px;vertical-align: middle;background: url("../images/ban_ctlr.png") center center no-repeat; background-size: 100% auto;margin-left: 1.5em;}
.ban_pagemore::before{ content: ""; display:inline-block; height: 5.6em; width: 0.5em;vertical-align: middle;background: url("../images/ban_ctbl.png?v2") center center no-repeat; background-size: auto 100%;}
.ban_pagemore::after{ content: ""; display:inline-block; height: 5.6em; width: 0.5em;vertical-align: middle;background: url("../images/ban_ctbr.png?v2") center center no-repeat; background-size: auto 100%;}
.ban_pagemore a::before{position: absolute;content: '';display: inline-block;top: -180px;left: 0;width: 30px;height: 100%;background-color: #fff;animation: shiny-btn1 4s ease-in-out infinite;z-index: 5;}
.ban_pagemore a::after{position: absolute;content: '';display: inline-block; top:0.6em;left:0.6em;right:0.6em;bottom:0.6em; background: #504650; z-index: 2;transition: background 0.5s;}
.ban_pagemore a:hover::after{  background: #dc6d43; }





/* page */
.page{ min-height: 100vh; }
.page header{margin:0;}
.page .toplogo{ width: 60%; margin: 5% 0; }
.logols{position: absolute; top: 3vw; right: 3vw; width: 20%; /*padding:2px;*/ box-sizing: border-box; z-index: 0;--rotate: 0deg;}
.logols img{ position: relative; z-index: 2; }
/* .logols::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(var(--rotate), #f67e0c 0%, #9e006c 43%, #4d007b 100%); z-index: 1;animation: spin 6s linear infinite;
  -webkit-mask: url('../images/logo_bg01.png') center center no-repeat; -webkit-mask-size: 100% 100%;
  mask: url('../images/logo_bg01.png') center center no-repeat; mask-size: 100% 100%;
} */
.logols::after{content: ""; position: absolute; top: -4%; left: -8%; width: 116%; height: 116%; background-image: linear-gradient( var(--rotate), #f67e0c, #9e006c 43%, #4d007b); opacity: 0.2; z-index: 0;transform: scale(0.9);filter: blur(30px); border-radius: 9999px;
  animation: spin 6s linear infinite;}
.menuallmob{ position: fixed; top: 0; left: 0; width: 20%; z-index: 500;}

.page .menuallmob{height: 100vh; overflow: hidden; width: 20%; transition:width 0.3s; }
.page .ban_menuc{top: 2.5rem; left:calc(50% - 0.3rem); }
.page .ban_menuc.active{ position: absolute; /* left:0.1rem;top: 1rem; */ }
.page .menu_mbg{top: 2.5rem;left:calc(50% - 0.3rem);}
.page .mobmw{max-width:56%;}
.page .menu_mob{ left: 0; position:relative; opacity: 1;background: transparent;align-items: normal; margin-top: 6rem; padding: 0; }
.page .menu_mob .menu_list{ display: none; }
.topsns{ text-align: center; color: #fff; font-size: 0.4rem; padding-top: 0.3rem; }
.topintit{ display: block; font-size: 0.8em; line-height: 120%; letter-spacing: 0.07em; }
.topinsns{ display: inline-block; width: 0.9rem; height: 0.9rem; margin: 0.3rem 0.2rem; }
.menu_leftbg{ background: #ffb6b6; position: fixed; top: 0; left: 0; width: 23.5%; height: 130vh;  z-index:10;transform: rotate(11.7deg);transform-origin: 100% 0; transition: all 0.3s; overflow: hidden;}

.page.menusopen .menuallmob{width: 23.5%;}
.page.menusopen .menu_mob{padding-left: 0.5rem; width: 23.5%;background:#5f545b; position: fixed;transition:background 0.5s;transition-delay: 0.2s; align-items: center;margin-top: 0;flex-direction: column;justify-content: flex-start;padding-top: 4rem;}
.page.menusopen .menu_mob .menu_list{ display: block; text-align: center; }
.page.menusopen .menu_mbg{/* transform: scale(1.5) rotate(45deg);width: 100vh;height: 100vh; */}
.page.menusopen .menu_leftbg{/* transform: rotate(0deg); */}
.page .warp{}

.pagebgn{background: url("../images/mob_bg05.jpg") fixed center bottom no-repeat;background-size: cover; min-height:calc(100vh - 4rem)}
.pagebgn .mobinner{padding: 1rem 3.75% 2rem 3.75%;}
.newsmob{}
.newslist{text-align: left; font-size: 1.12em; line-height: 140%; width: 100%;}
.newslist li{padding-top: 1.2em;margin-top: 1.2em; border-top: 1px solid #504650;}
.newslist li:first-child{border-top: 0;margin-top: 0em;}

.newstime{ font-size: 1.7em; line-height: 120%; display: block; margin-bottom: 2%; }
.newslist a{ color: #504650; text-decoration: none; }
.newslist a:hover{ color: #d80094; }
.ban_pages{ text-align: center; padding: 5% 2% 2% 2%; }
.ban_pages a{margin: 0 0.2rem;}
.ban_pages a img{ width: 1.8rem; }


/* news */
.newsintime{ font-size: 1.45em; line-height: 120%; display: block; margin-bottom: 2%; }
.newsintit{ font-size: 1.4em; line-height: 150%; text-align: left; margin-top: 6%; display: block; }
.newsintxt{ padding-bottom: 10%; display: block; width:100%;}
.newsintxt img{ height: auto; }
.newsintxt p{ font-size: 1.07em; line-height: 170%; text-align: left; margin-bottom: 1.5em; display: block; }
/* news */

/* goods */
.pagein_nav{text-align:center; padding-bottom:2em;font-size:2em; line-height:110%;}
.pagein_nav a{  color: #909090; display: inline-block;vertical-align: middle; padding: 0.2em 0.9em; text-decoration: none}
.pagein_nav a:hover{color: #666666;}
.pagein_nav a.sel{color: #000;}
.pgnav_ico{ width: 1em; vertical-align: middle; }

.longmob{ width:120%; }
.tabflexpc{ display: flex; }
.tabgimg{width: 33.33%; padding-right:4.2%; }
.tabgcon{display: flex; width:62.47%;align-items: flex-end; text-align: left; }
.tacgconinfx{min-width: 80%;}

.goodslist{display: flex; flex-wrap:wrap; padding:6.67% 0 10% 0;}
.goodslist .goods_li{ width: 16.77%; display: inline-block; margin:0 4% 4.16% 0; transition:opacity 0.3s}
.goodslist .goods_li:nth-child(5n){margin:0 0 4.2% 0;}
.goodslist .goods_li[href]:hover{ opacity: 0.7; }

.musicpage{}
.musicpage .tabgimg{ width:45%;padding-right: 4%; }
.musicpage .tabgcon{ width:51%;align-items: flex-start }

.pagein_gdboxinner .boximg{ padding: 0.6rem 0 0 0; }
.pagein_gdboxinner .boximg img{ border: solid 1px #c1b5bd; }
/* .pagein_gdboxinner .boxthum{ display:flex; flex-wrap: wrap; padding:1.5% 0 0 0; max-width: 800px;margin: 0 auto;} */
.pagein_gdboxinner .boxthum{ display:flex; flex-wrap: wrap; padding:1.5% 0 0 0; max-width: 800px;margin: 0 auto;}
.pagein_gdboxinner .boxthum a{width: 24.4%; height: auto; margin: 0 0.8% 0.8% 0; opacity: 0.3;}
/* .pagein_gdboxinner .boxthum a img{max-height:100%;width: 200px;height: auto;} */
.pagein_gdboxinner .boxthum a:nth-of-type(4n){margin: 0 0 0.8% 0; }
.pagein_gdboxinner .boxthum a:hover,.boxthum a.sel{opacity: 1;}


/* >b_d< */

.pagesmnav{ text-align:center; margin-bottom: 7%; }
.pageinsm_ban{ display: inline-block; padding: 0.2em 1.2em;margin:0 0.8em 1.6em 0.8em; font-size: 1.2em; line-height: 130%; background:#504650; color: #fff; text-decoration: none; position: relative;min-width: 7em; }
.pageinsm_ban::before{content: ""; display: block; position: absolute;top: -0.2em; left: -0.2em; bottom: -0.2em; right: -0.2em; border: 1px solid #504650; box-sizing: border-box; transform-origin: center center; transform: scale(1.05,1.25);}
.pageinsm_ban:hover,.pageinsm_ban.sel{background: #dc6d43;}
.pageinsm_ban:hover::before,.pageinsm_ban.sel::before{border-color: #dc6d43;}

.bluraypage{}

.bd_contitle{background: linear-gradient(-20deg, #a10aa8 0%, #fd9304 100%); /* background:#5f545b; */ width: 100%; margin-bottom: 0.4rem; text-align: center;}
.bd_contitle .t{ display: block; padding:0.6em;  position: relative; z-index: 10;color: #fff; font-size: 1.5em; line-height: 120%;}
.bd_contitle .t::before{content:""; display:inline-block;width: 4em; height: 6px; vertical-align: middle; background: url("../images/ban_ctll.png") center center no-repeat; background-size: 100% auto; margin-right: 1.5em; margin-top: -0.28em;}
.bd_contitle .t::after{content:""; display:inline-block;width: 4em; height: 6px;vertical-align: middle;background: url("../images/ban_ctlr.png") center center no-repeat; background-size: 100% auto;margin-left: 1.5em; margin-top: -0.28em;}

.bluraypage .ban_pagemore a{padding: 0.4em;}
.bluraypage .ban_pagemore a::after{top: 0.4em;left: 0.4em;right: 0.4em;bottom: 0.4em;}
.bluraypage .ban_pagemore a .t{padding: 0.8em 5em;}
.bluraypage .ban_pagemore::before,.bluraypage .ban_pagemore::after{height:4.5em;}

.pagein_gdbox{ display: flex;flex-wrap:wrap; }
.pagein_gdboxin{ display: block; width:46%; margin: 2%;padding:0.6em; box-sizing:border-box;color: #fff; background: #746970; text-align: left;transition:background 0.4s; position: relative; text-decoration: none;}
.pagein_gdboxin:hover{ background:linear-gradient(-20deg, #a10aa8 0%, #fd9304 100%); }
.pagein_gdtext{ margin:0.5em 0 0.6em 0; position: relative; line-height: 120%; font-size: 1.45em; height: 3em; width: 100%; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
.pagein_gdtime{ position: absolute;left:0.5em; bottom: 0.04rem; color: #fff; font-size: 0.92em; }



/* staffcast */
.titleins{padding: 0.9em 0 0.7em 0;}
.pic_intextinline{text-align: left; padding-bottom: 1.3em; }
.pic_intextinline .dpl{ display: inline-block; width: 50%;text-align: right; }
/* staffcast */

/* story */
.storypg{}
.storypg .pagesmnav{margin-bottom: 5%;}
.storypg .pageinsm_ban{ min-width:6em;padding: 0.2em 1em;line-height: 120%;margin: 0 0.9em 1.8em 0.9em;}
.storypg .pageinsm_bantok{ min-width:12em;}
.storypg .pageinsm_ban::before{top: -0.5em;left: -0.5em;bottom: -0.5em;right: -0.5em;transform:scale(1);}
.storytxt{ font-size: 1.07em; line-height: 200%; }

.boximg{ padding: 0.4rem 0 0; }
.boxthum{ display:flex; flex-wrap: wrap; padding:1.5% 0 4.8% 0;}
.boxthum a{ width: 24.4%; height: auto; margin: 0 0.8% 0.8% 0; opacity: 0.3;}
.boxthum a:nth-of-type(4n){margin: 0 0 0.8% 0; }
.boxthum a:hover,.boxthum a.sel{opacity: 1;}

.storyinct{ text-align: left; }
.stitle_in{padding-top: 2em; }
.stitle_in img{height: 0.8rem; }
/* story */






/* onair */
.onairtxt{ font-size: 0.44rem; line-height: 160%; }
.onairtxt p{ padding-bottom: 4%; }
.onairtxt .intits{ font-size: 0.55rem;text-align-last: justify;width: 6em;display: inline-block; padding: 0 0.7em; background-color: #746970; color: #fff;}
.onairtxt .dtxt{ font-size: 0.55rem; color: #b50000; }
.textlfs {text-align: left;}
.textlfs .dpl02{ display: inline-block; width: 40%; text-align: right; }

.haishincon{text-align: center; }
.hstit{ color: #4d007b; }
.hssmtit{ padding: 0.6em 0; font-size: 0.41rem; font-weight: bold; }
.hsbanmob{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 2%; }
.hsbanmob li{ width: 47%;margin:1.5% 1.5%; }
.banshint{ display: block; padding: 1em 0.6em; font-size: 1.1em; line-height: 110%; background: #fff; color: #504650; text-decoration: none; border: 1px solid #504650; box-sizing: border-box; transition: all 0.4s; cursor: pointer;  }
.banshint:hover{background: #504650; color:#fff;}

/* onair */


/* character */
.page_character .stitle img{margin-bottom: 0.2rem;}

.page_character .mobinner{text-align: left;font-size:var(--fontsize);}
.character_list{ display: flex; flex-wrap: wrap;justify-content:center; padding: 0 1%; }
.character_list a{ width:14%;margin:0rem 1.3%;}
.pre_tn{transition:opacity 0.6s;}
.pre_tn:hover{opacity:0.7;}
.chara_pre_main{margin:0 ; padding: 8% 7% 22% 7%;position: relative; width: 116%;margin-left: -5.3%;}
.chara_pre_main .swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform,height;box-sizing: content-box; }
.chara_pre_main .swiper-wrapper .swiper-slide{pointer-events: auto;transition-property: opacity;flex-shrink: 0;width: 100%;/* height: 100%; */position: relative;}
.chara_pre_main .swiper-wrapper .swiper-slide-active{ z-index: 10; }
.chara_slcon{ box-sizing: border-box; position: relative; padding:0 0 18.2% 45.5%;min-height: 32em;}
.chara_prebody{ position: absolute; top: 0; left: 0; width: 40%; }
.chara_name_cv{padding:0 0 5% 0; position: relative;z-index: 12;}
.chshmob .chara_name_cv{padding: 3% 0 2% 0;}
.chara_name{font-size:2em; letter-spacing: -0.18em; white-space: nowrap; left: -0.2em; padding:0; position: relative; }
.chara_name::after{content: attr(Enname); display: block;padding-left: 0.2rem; margin-top: 0.3em; position: relative;z-index: 12; color:#ffb73f; font-size: 1.1em; line-height: 90%;font-weight: 700;font-style: italic; white-space: nowrap;}
.chara_name span{ position: relative;z-index: 15; font-weight: bold;}
.chara_cv{ font-size: 0.9em; position: relative;z-index: 18; }

.ban_lang{padding:0 0 3% 0;}
.ban_lang a{ display: inline-block;line-height: 155%; padding:0 1em; margin-right:0.7em; border: 1px solid #a55fb9; color:#a55fb9; transition: all 0.3s; font-weight: 700;}
.ban_lang a:hover{ background-color:#855d91; color: #fff; }
.ban_lang a.sel{ background-color:#a55fb9; color: #fff; }

.chara_inplist{display: flex;justify-content: center;}
.pre_tnins{width: 17%;margin-right: 2%;}
.chara_instit{margin:3% 0; font-size: 2.2em; line-height: 120%;}

.jsshowmob{display: none;}
.opjs_1{display: block;}

.chara_ptc{ line-height: 200%;}
.langen{ display: none; }
.chara_facelist{ display: flex;justify-content: space-between; position: absolute; bottom: 0; right: 0; width: 54.5%;}
.chara_facelist .cflinph{ width:30%;margin-right:3%;}
.chara_facelist .cflinph:nth-last-child(){margin-right:0%;}

.ban_swnext{ position: absolute; top:0;right:0; width: 0.64rem;z-index: 30;margin-top: 30%; cursor: pointer; }
.ban_swprev{ position: absolute; top:0;left: 0; width: 0.64rem;z-index: 30;margin-top: 30%; cursor: pointer; }
.ban_character{margin: -0.6rem 2rem 0 0;text-align: right;}
/* character */


/* movie */
.mvinlist{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; text-align: left; }
.mvinner{ width: 48.125%; padding-bottom:3%;  }
.mvtitle{ color: #4f454f; font-size: 0.36rem; line-height: 140%; }
.mvphiframe{ margin:3% 0 2% 0; position: relative; padding-bottom: 56.25%;z-index: 60; background: #eee; }
.mvphiframe iframe{ position: absolute; top:0; left: 0; width: 100%; height: 100%; }
/* movie */


/* special */
.page_special{}
.page .contxin{ display: flex; flex-wrap: wrap;width: 100%;/* justify-content: center; */}
.page_special .contxin{ width: 120%;}
.page_special .stitle{width: 120%;}
.page_special .stitle2{width: 120%;}
.page .comnt_prein{ background-color: rgba(0,0,0,0.05);margin: 0 2% 5% 2%;padding: 1.5% 3% 3.5% 3%;width: 29.3%;box-sizing: border-box;}
.page .comnt_incont{ text-align: left; }
.page .comnt_intit{font-size: 1.9em; line-height: 130%;}
.page .comnt_new {margin: -2% 0 1% 0;display: block;color: #B60000;font-size: 14px;line-height: 120%;font-family: 'Zen Old Mincho', serif;letter-spacing: 0.3em;font-weight: 700;animation-duration: 1.2s;animation-direction: alternate;}


.sptninner{width: 48.5%; margin-bottom:2%;}
.contxin .sptninner:nth-child(2n){margin-left:3%;}
.sptninner a{transition: opacity 0.3s; }
.sptninner a:hover{ opacity: 0.8; transition: opacity 0.3s; }
.sptninner img{ border: solid 1px #c1b5bd; }
.cown_tns{text-align: center; width: 100%; margin-bottom: 7%; font-size: 1.5em;}
.cown_con{width:47%;margin: 0 1.5% 7% 1.5%;}
.centermobs{margin-left: auto; margin-right: auto;}
.cown_con.line_ht{width:97%;margin: 0 1.5% 7% 1.5%;}
.cown_con.line_hc{width:97%;margin: 0 1.5% 7% 1.5%;}
.cown_contitle{background:#5f545b; width: 100%; margin-bottom: 0.4rem; text-align: center;}
.cown_contitle .t{ display: block; padding:0.8em;  position: relative; z-index: 10;color: #fff; font-size: 1.2em; line-height: 120%;}
.cown_contitle .t::before{content:""; display:inline-block;width: 4em; height: 6px; vertical-align: middle; background: url("../images/ban_ctll.png") center center no-repeat; background-size: 100% auto; margin-right: 1em; margin-top: -0.4em; }
.cown_contitle .t::after{content:""; display:inline-block;width: 4em; height: 6px;vertical-align: middle;background: url("../images/ban_ctlr.png") center center no-repeat; background-size: 100% auto;margin-left: 1em; margin-top: -0.4em; }
.cnftn{ font-size: 1.7em;padding: 0 0.2em; font-weight: 400; }
.cown_incont{display: flex; flex-wrap: wrap;}
.cown_insm{width:48.5%;width: 48.5%;margin: 0 3% 0 0;}
.cown_incont .cown_insm:nth-child(2){margin: 0;}
.cown_conph{margin:0 0 0.05rem 0; text-align: center;line-height: 0; font-size:0; box-sizing: border-box;}
.cown_conph img{ border: 1px solid #504650; box-sizing: border-box; }
.line_ht .cown_conph img{width: 48.5%;margin: 0 3% 0 0; display: inline-block; }
.line_ht .cown_conph img:nth-child(2){margin: 0;}
.cown_contx{ padding-top: 0.75rem;background: url("../teaser/images/chara_el.png") center top no-repeat; background-size: auto 0.5rem ;font-size: 1.2em; line-height: 160%; }
.cown_name{ display: block; font-size: 1.5em; line-height: 130%; }

.twiconin{padding-top: 0.4rem;}
.sptw_inner{width: 22%;padding:0% 4% 4% 0;}
.sptw_inner img{ display: block;}
.twiconin .sptw_inner:nth-child(4n){padding-right: 0;}
/* special */





/* page */



/* lbox */
.iframe_ytbbox {position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2000;}
.ifytbmoblist {width:100%;height:100vh;display:flex;justify-content:center;align-items:center;}
.iframe_ytbbox .iframe_con {width:1080px;max-width:100%;box-sizing:border-box;margin:0 auto;text-align:right;z-index: 2003; position: relative;}
.if_ytb {width:100%;padding-bottom:56.2%;position:relative;}
.if_ytb iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.js_ifbox {position:relative;margin:0.2rem;display:inline-block;top:0;left:0;}
.pp_banclase{position: static;font-size:2em;line-height: 130%;letter-spacing:0.1em;cursor:pointer;text-align:center;color: #fff; display: block; width: 100%; padding:0.5em 0;}
.lbox_ifbg{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.7); z-index: 2001;}
/* lbox */



.pagetop{ position: fixed;bottom:6.5rem; right: 1vw; display: block; width:2.6rem; display: none; z-index: 40;transition: bottom 0.3s;}
.pagetop img{transition: transform 0.3s;max-width: 70%;}
.pagetop:hover img{ transform: translate(0,-0.1rem);}
.footer{ text-align: center;color: #fff; font-size:0.3rem; line-height: 120%; padding: 0 0.3rem 0.9rem 0.8rem; background: #000; position: relative; z-index: 20; }
/* .footer{ text-align: center;color: #fff; font-size:0.3rem; line-height: 120%; padding: 0 0.3rem 0.7rem 0.8rem; background: #000; position: relative; z-index: 20; } */
.footer::after{content: ""; display: block;width: 100%;height: 100%;z-index: -1; position: absolute; top: 0;left: 0;margin-top: 0rem; transform: skewY(-2deg); transform-origin: 0 0;background: #000; }

/* foot menu */
.foot_nav{ width: 880px; max-width: 100%; margin: 0 auto; position: relative; padding: 0 3rem; /* box-sizing: border-box; */  text-align: center;}
.ftlogotn{ text-align: center; width: 100%; padding-bottom: 0.75em; }
.ftlogotn img{ width: 0.8rem; }
.navlist{ display: inline-block; padding: 0 2.8rem 1em 0; font-size: 1.1em; line-height: 120%; text-align: center;white-space: nowrap;}
.navlist li.navftin{display: inline-block; margin: 0.2rem 0.3rem; font-family: 'Zen Old Mincho', serif;}
.navlist li a{ color: #f67e0c; text-decoration: none; transition: all 0.3s; position: relative; display: block; }
.navlist li.navftin a::before{color: #fff;content: attr(data-hn);position: absolute;width: 100%;height: 100%; display: block; background-color: #000; transition: 0.3s;transform-origin: 50% 50%;transform-style: preserve-3d;}
.navlist li.navftin a:hover::before {  transform: translateY(1em) rotateX(-90deg);}

/* .navlist li a:hover{ color: #ff7800; opacity: 0.8; } */
.footcy{text-align: center; width: 100%; font-size: 0.85em; padding-top: 0.4rem; }
.ftlink{ position: absolute; top: 7%; left:calc(100% - 7.5rem); display: flex; }
.ftlink a{ display: block; width: 5rem;margin-left: 0.5rem; }


@property --rotate {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes spin {
  0% {--rotate: 0deg;}
  100% {--rotate: 360deg;}
}


@media screen and (max-width: 1500px){
  :root{
    --fontsize: 1.1vw;
  }
  .chara_slcon{min-height: 23em;}

  .textlfs .dpl02{ display: inline-block; width: 36%; text-align: right; }

}

@media screen and (max-width: 1430px){
.foot_nav{ width: 100%; margin: 0 auto;  padding: 0 9rem 0 0rem; box-sizing: border-box;text-align: right; }
.ftlink{left: auto; right: 1%;}
/*.navlist li.navftin{margin: 1em 0.6em;}*/
.ftlink a{margin-left: 0.4rem;}
}


@media screen and (max-width: 1290px){
  .ban_menuc,.menu_mbg{top:25.83vw; left:6.16vw;}
}


@media screen and (max-width: 1080px){
  :root{
    --htfontsize: 3.7vw;
  }
}


@media screen and (max-width: 768px){
html,body{ width: 100%; overflow-x: hidden; }
header{ overflow: hidden; margin:0;}
:root{
  --htfontsize: 13.2vw;
  --fontsize: 0.18rem;
}
.pc_none{display: block; }
.sp_none{display: none;}

.fs28{font-size: 0.14rem;line-height: 178%;}
.fs30{font-size: 0.15rem;line-height: 178%;}
.fs32{font-size: 0.16rem;line-height: 178%;}
.fs34{font-size: 0.17rem;line-height: 178%;}
.fs36{font-size: 0.18rem;line-height: 178%;}
.fs40{font-size: 0.2rem;line-height: 160%;}
.fs48{font-size: 0.24rem;line-height: 160%;}
.fs56{font-size: 0.28rem;line-height: 120%;}
.fs60{font-size: 0.3rem;line-height: 120%;}
.fs64{font-size: 0.32rem;line-height: 120%;}
.fs76{font-size: 0.38rem;line-height: 120%;}
.fs86{font-size: 0.43rem;line-height: 120%;}
.fs96{font-size: 0.48rem;line-height: 110%;}


.ban_menuc{ width: 0.3rem; height: 0.3rem;top:33.4vw; left:7.5vw;}
.ban_menuc span{display: inline-block;transition: all .4s;position: absolute;right: 0px;height:0.02rem;border-radius: 0px;background-color: #fff;width: 100%;transform:rotate(0deg);transform-origin: 50% 50%;}
.ban_menuc span:nth-of-type(1) {top:0.07rem; }
.ban_menuc span:nth-of-type(2) {top:0.12rem;}
.ban_menuc span:nth-of-type(3) {top:0.17rem;}

.menusopen{overflow: hidden;}
#top .ban_menuc.active{left: calc(50% - 0.2rem); top: 20px!important; width: 0.4rem; height: 0.4rem;}
.ban_menuc.active span{background-color: #fff;top:0.24rem; }
.menu_mbg{ width: 0.3rem; height: 0.3rem;top:33.4vw; left:7.5vw; transition: transform 0.5s linear;}
.menu_mbg::after{top:-2px;left:-2px; bottom:-2px;right:-2px;}
.menusopen .menu_mbg{ background-color: #5f545b; }
.menu_inner{ max-width: 65%;  max-height: 80vh;}

header{text-align: center;overflow: inherit;margin: 0 9.3%;}
.topnamsns{top: 2vw; right: 1.3vw; display: block; width:13%; margin-top:30%;}
.topnamsns:hover img{transform: translate(0,-1.3vw);}

.tops_point span{ width: 0.86rem; height: 0.66rem; line-height: 0.66rem; font-size: 80%;}


.banfir{margin: -5.6875% 0 0 -15.25%;width: 60.66%;padding-bottom: 38%;}
.fir_tp{margin: -2.6875% 0 0 -10.25%;width: 68.66%; }
.tmpimgh{/* margin: 15% auto 0 auto; max-width:100%;width:calc(89.34% - 0.6rem);   */ }
.tmplogo{ left: 5%; margin-top:3.5%; width: 93.33%;}
.tmptext{ left: 15%; margin-top:92%; width:70%;}
.ytbmvs{position: static; margin:0 auto 4.66% auto; width: 74.66%; z-index: 10;}

header .mobmw{padding-top: 1px;}
.topslidein{margin: 15% auto 0 auto; max-width:100%;}
header .mobmw .tops_point{ position: absolute; bottom: -0.96rem; right: 0; text-align: center; width: 100%; display: flex; justify-content: center; z-index: 10; }



.main{ font-size: 2vw; line-height:200%; font-weight: 400; position: relative; z-index: 3; }
.mobinner{padding: 12vw 9.3%; text-align: center;}
.mobc01{margin-top:-9vw;padding: 18vw 0 10vw 0;　}

.stitle{margin-bottom: 20vw;}
.stitle img{ max-height: 6vw; margin: 0.1rem 0 0 0; }
.stitle2{ text-align: center; margin: 0.45rem 0 0.25rem 0; }
.stitle2 img{ max-height: 0.4rem;}
.intits{ font-size: 1.4em; }

.index .stitle{margin-bottom: 4vw;}
.index .stitle img{max-height: 6.5vw;}

.mobc01 .contnmob{margin: 10% 9.3% 0rem 9.3%; padding: 0.4rem;}
.intsline img{max-width: 70%; }
.mobc01 .contnmob p{ text-align: left; }

.mobc02{line-height: 180%; }
.mobc02 .intits{ font-size: 3.5vw; }
.mobc02 .onairfs .intits{ font-size: 2.8vw; line-height: 180%; }
.mobc02 .onairfs .intits_re{ font-size: 2vw; line-height: 150%; text-align: center; margin-top: -5%;}

.mobc03{ padding-bottom: 5%;}
.comnt_intit{ font-size: 6vw;}
.news_inmobs{margin:2% 0%; width: 100%}
.contxinnews .news_inmobs:last-child{margin-bottom: 2em;}
.mobc03 .contxin{ padding: 0 ; font-size: 2.67vw;line-height: 175%;text-align: left; flex-wrap: wrap;justify-content: center;}
.mobc03 .comnt_new{ margin: -1% 0 1% 0; font-size: 11px;}

.mobc04{ padding:12vw 5.3vw 10vw 5.3vw;}
.tabm04{justify-content: center; padding: 0;}
.mobc04 .stitle img{max-height: 6.5vw;}
.innertwi{ width: 98%; }
.innertwi .stitle{ margin-bottom:7.3vw; }
.innersns{ width: 100%; padding: 3vw 0 5vw 0; }
.mobtwis{ /* height: 90vw; */padding: 2vw;}
/* .mobtwis iframe{ width: 100%!important; height: 100%!important;} */

.mobc05{background-image:linear-gradient(180deg, #fff 0%, #fff 6.5rem,#c1b5bd 1.5rem,#746970 100%);    padding: 5vw 0;}
.chara_intit{ font-size: 5.067vw; padding: 0.5rem 0 0 0;}
.chara_comt{  width: 50%; padding: 0.03rem; font-size:0.2rem; letter-spacing: 0.3em;}
.mobc05 .contxin{ padding: 0 ; font-size: 2.67vw;line-height: 175%;text-align: left; flex-wrap: wrap;justify-content: center; padding-bottom: 0.6rem;}
.chara_prein{ width:70.33%; /*margin-bottom: 6%;*/ padding-bottom: 2%; }
.chara_incont{ padding:0 0 3% 0; }
.mobc05 .comnt_new{ position: absolute; top: -0.1%; left: 45%; margin:0; font-size: 11px;}
.innersns .stitle{margin-bottom: 2.26vw;}
.bansnsinner{ font-size: 3.73vw; }
.bansnsinner img{max-height: 4.8vw;}
.ban_infoline{padding-top: 11vw}
.ban_infoline a{margin:0.66vw;}
.ban_infoline img{max-height: 40vw;}
.mobtwis::before{top: 0rem;left: 0rem;width:100%;height:100%;}

.chara_namec{ font-size: 0.85em; }
.ban_charamore{bottom: calc(50% - 18em); font-size: 0.95em;}
.banchara_prev{left: 1em}
.banchara_next{right: 1em;}

.ban_linesm{}
.ban_linesm.ban_pagemore a .t{padding: 1.5em 1.5em;}

.ban_pagemore::before{ width: 0.6em;}
.ban_pagemore::after{width: 0.6em;}





/* page */

.pagebgn{background: url("../images/mob_bg05_sp.jpg?01") fixed center bottom no-repeat;/*  background-position: center 100%; */ background-size: 100% auto;}
.pagebgn .mobinner{padding: 1rem 8%;}

.menuallmob{ position:static; height: auto; width: 100%;background: #746970;}
.page .menuallmob{height:auto; overflow: hidden; width: 100%; transition:none; }
.page .menu_mob{margin-top: 0; height: auto; display: block;}
.menu_inner{ display: flex;justify-content: space-between;align-items: center; width: 100%;max-width: 110%; padding: 3% 0;  flex-wrap: wrap;}
.menu_leftbg{ display: none; }
.menu_inner .mlogo{ width:36%;padding:0; }
.topsns{ font-size: 0.16rem;padding-top:0rem; display: flex; align-items: center; }
.topintit{ margin-right: 1.3em;}
.topinsns{ width: 0.4rem; height: 0.5rem;margin:0 0.2rem 0 0;}

.page .ban_menuc{top: 22vw;left:7.3%;}
.page .menu_mbg{top: 22vw;left:7.3%;}
.page.menusopen .menu_mob{ width: 100%;padding:0;margin: 1rem 0;}

.menusopen .menu_mob{height:calc(100vh - 2rem); display: flex;padding: 0;margin: 1rem 0;width: 100%;justify-content: center;align-content: flex-start;align-items: flex-start}

.menusopen .menu_inner{ display: block; max-width: 65%;}
.menusopen .menu_inner .mlogo{ width: 100%;padding-bottom: 7%;}
.menusopen .topsns{display: block;font-size: 0.26rem; padding-bottom: 2%;}
.menusopen .topsns h4{ padding-bottom: 2%; margin: 0;}
.menusopen .topinsns{width: 0.5rem; height: 0.5rem; margin: 0 0.1rem;}


.logols{top: -5vw; right: 30%; z-index: 6; width: 40%;}

.page .main{  }
.page .mobmw{ max-width: 100%; }
.ban_pages a{margin: 0.1rem;}
.ban_pages a img{ width: 1rem; }


/* story */
.storytxt{ font-size: 1.2em; line-height: 200%; }
.stitle_in img{height: 0.4rem; }


/* onair */
.onairtxt{ font-size: 0.22rem; line-height: 180%; }
.onairtxt .intsline{ padding: 3em 0;}
.onairtxt p{ padding-bottom: 5%; }
.onairtxt .intits{ font-size: 0.24rem; }
.onairtxt .dtxt{ font-size: 0.28rem; color: #b60000; }

.textlfs .dpl02{width:31%;}

.hssmtit{ margin-top: -2%; padding: 0 0 1em 0; font-size: 0.2rem; }
.hsbanmob{ margin-bottom: 8%; }

/* .textlfs .dpl02{width:30%;}
.onairtxt.textlfs {text-align:center;}
.onairtxt.textlfs .dpl02{ display:block; width:100%; text-align: center; } */





/* goods */
.pagein_nav{padding-bottom: 2em; font-size: 2.1em; line-height: 1.1;}

.longmob{width:100%;}
.tabflexpc{ display:block; padding:0.3rem 0.25rem 0 0.25rem; box-sizing: border-box;}
.tabgimg{width:auto; padding:0 0.9rem 0.15rem 0.9rem; text-align: center; box-sizing: border-box;}
.tabgcon{display:block; width:100%;text-align: center;}
.goodslist{padding:0.4rem 0 0.25rem 0;}
.goodslist .goods_li{ width: 31.25%; margin:0 3.125% 3.125% 0;}
.goodslist .goods_li:nth-child(5n){margin:0 3.125% 3.125% 0;}
.goodslist .goods_li:nth-child(3n){margin:0 0 3.125% 0;}
.goodslist .goods_li[href]:hover{ opacity: 0.7; }

.musicpage{}
.musicpage .tabgimg{ width: auto;padding:0 0.7rem 0.35rem 0.7rem; }
.musicpage .tabgcon{ width: auto;align-items: flex-start }


.pagein_gdboxinner .boximg{ padding: 0.3rem 0 0 0; }
.pagein_gdboxinner .boxthum{ padding:1.5% 0 0 0; }
.pagein_gdboxinner .boxthum a{/* max-height: 1.1rem; */}



/* >b_d< */
.pagesmnav{ margin-bottom: 4%; }
.pageinsm_ban{ padding: 0.4em 1.2em; font-size: 1.3em; line-height: 130%; }
.pageinsm_ban::before{ border: 0.8px solid #504650; }

.bd_contitle .t{ padding:0.8em; font-size: 1.7em;}



/* character */
.page_character{}
.character_list{padding:0 0 2% 0;}
.character_list a{ width:1.2rem; margin:0.1rem 0.1rem;}
.chara_pre_main{margin:0; padding: 0.4rem 0.5rem 0.2rem 0.5rem; width: 100%; box-sizing: border-box;}
.chara_slcon{ padding:0; min-height: 10px;}
.chara_prebody{ position: relative; width:90%;text-align: center;margin: 0 5% 0.35rem 5%;}
.chara_pblabel{right:-2%;width: 1.38rem; height:0.95rem;}
.chara_pblabel .cplintx{ font-size: 0.15rem;}

.chara_name_cv{padding:0% 0 0.15rem 0%; text-align: center;}
.chshmob .chara_name_cv{padding:1% 0 5% 0;}
.chara_name{font-size: 0.4rem; padding:0; left: 0;}
.chara_name::after{ font-size: 0.5rem;padding: 0;width: 120%;margin-left: -10%; margin-top: 0.1rem; }
.chara_name span{ position: relative;z-index: 15; font-weight: bold;}

.chara_cv{ font-size: 0.9em; position: relative;z-index: 18; }
.chara_ptc{ line-height: 200%;}
.chara_facelist{ width:100%; position: static; padding-top: 0.3rem;}

.ban_swnext{ width: 0.32rem;margin-top:74%;}
.ban_swprev{ width: 0.32rem;margin-top:74%;}

.ban_lang{ text-align:center;}
.ban_character{margin: 0;}
/* character */

/* movie */
.mvinlist{justify-content:center;}
.mvinner{ width: 100%; padding:0 0 0.6rem 0;  }
.mvtitle{ font-size: 0.25rem; line-height: 120%; }
.mvphiframe{ margin:0rem 0 0.2rem 0;}
/* movie */


/* special */
.page_special{ }
.page .contxin{font-size: 1.2em;}
.page_special .contxin{ width: 100%;}
.page_special .stitle{width: 100%;}
.page_special .stitle2{width: 100%;}
.page .comnt_prein{ width:96%;}

.contxin .sptninner:nth-child(2n){margin-left:0%;}
.sptninner{width: 100%; margin:0 0 0.6rem 0;}
.cown_con{ width: 100%; margin: 0 0 12% 0; }
.cown_con.line_ht{width: 100%;margin: 0 0 12% 0;}
.cown_con.line_hc{ width: 100%;margin: 0 0 12% 0; }
.cown_contitle{margin-bottom: 4%;}
.cown_contitle .t{ padding:1.2em 0; font-size: 1.3em;}
.cown_conph{margin:0 0 1% 0;}
.line_ht .cown_conph img{width: 100%;margin: 0 0 4% 0;}
.line_ht .cown_conph img:nth-child(2){}
.cown_contx{background-size: 100% auto; padding-top: 0.55rem;}
.cown_insm{width: 100%; margin:0 0 10% 0;}

.sptw_inner{width: 48%;padding:0% 4% 4% 0;}
.twiconin .sptw_inner:nth-child(2n){padding-right: 0;}
/* special */



/* lbox */
.pp_banclase{font-size:1.8em;}
/* lbox */


.footer{  font-size:2.133vw; line-height: 120%; padding:0vw 0 7.5vw 0; }
.footer::after{ display: none; }
.foot_nav{ padding: 0; }
.navlist{white-space: inherit; display: block; width: 100%; font-size: 1.2em;}
.navlist li.navftin{margin:0.9em 0.6em; width: 25%;}
.ftlink{ position: static;justify-content: center; padding: 3% 0; }
.ftlink a{ width: 2.3rem; margin:0.28rem; }
.ftlogotn {transform: translateY(-0.26rem); padding-bottom: 0.2em;}
.ftlogotn img{ width: 0.7rem; padding-bottom: 2%; }
/*   */


.pagetop{ position: fixed; bottom:1.3rem; right: -0.5vw;  width:12.6vw;}
.pagetop.seldown{ position:absolute; bottom: auto; top: 0;margin-top: -12vw; }




}