@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-size:16px; line-height:150%; overflow-x:hidden; -webkit-font-smoothing:antialiased; /*chrome、safari*/ -moz-osx-font-smoothing:grayscale;/*firefox*/ }

ul, ol, li, dl, dt, dd{ list-style:none; }
fieldset, img{ border:0; vertical-align:middle; overflow:hidden; }

img{ max-width:100%; }
a{ text-decoration:none; color:inherit; padding:0; margin:0;outline:none;-webkit-tap-highlight-color: rgba(255,255,255,0);transition:opacity linear 0.3s,background linear 0.3s,color linear 0.3s;}
/* ::selection{ background:#0a2d42; color:#fff; } */

a.hop08{ transition:opacity linear 0.3s;}
a.hop08:hover{ opacity:0.8; }
a[href]{cursor: pointer;}

.f14{ font-size: 14px; font-size: 0.14rem; line-height:180%;}

.fsn05{ font-size: 0.5em; line-height:155%;}
.fsn06{ font-size: 0.6em; line-height:155%;}
.fsn07{ font-size: 0.7em; line-height:155%;}
.fsn08{ font-size: 0.8em; line-height:155%;}
.fsn09{ font-size: 0.9em; line-height:155%;}
.fsn110{ font-size: 1.1em; line-height:155%;}
.fsn120{ font-size: 1.2em; line-height:155%;}
.fsn140{ font-size: 1.4em; line-height:160%;}
.fsn160{ font-size: 1.6em; line-height:160%;}
.fsn180{ font-size: 1.8em; line-height:160%;}

/* .wf_dsmp_M{font-family: dnp-shuei-mincho-pr6n,sans-serif;font-weight: 500;font-style: normal;}
.wf_dsmp_B{font-family: dnp-shuei-mincho-pr6n,sans-serif;font-weight: 600;font-style: normal;} */

.wf_dsmp_M{font-family: "joly-display","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-weight: 400;font-style: normal;}
.wf_dsmp_B{font-family: "joly-display","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-weight: 700;font-style: normal;}


.color_wi{color: #fff;}
.color_dkblue{color: #282864;}
.color_or{color: #D2B450;}
.color_ye01{color: #f5dc54;}
.color_ye02{color: #b99428;}

.bg_ye{background-color: #b99428;}


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

.pc_none{ display:none!important;}
.sp_none{ display:block!important;}
.pc_inlinenone{ display:none!important;}
.sp_inlinenone{ display:inline-block!important;}

.align_left{text-align: left;}
.align_right{text-align: right;}
.align_center{text-align: center;}

.an_scl{ opacity:0;animation-fill-mode: forwards;animation-iteration-count: 1;animation-duration: 1s;opacity: 0;-webkit-animation-fill-mode: forwards;-webkit-animation-iteration-count: 1;-webkit-animation-duration: 1s;}

.ytbmob{max-width: 100%; /*margin-left: auto;*/ margin-right: auto;}
.ytbinner{position: relative; width: 100%; padding-bottom: 56.25%;height: 0;}
.ytbinner iframe{position: absolute; top: 0; left: 0; width: 100%;height: 100%;}



:root{
    --htmlfz: 100px;
}



/********************************index top************************************/
html{ font-size:var(--htmlfz); opacity: 0; transition: opacity 1s;}
html.wf-active { visibility: visible; opacity: 1; }
body{ font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt"; font-size: 0.2rem; line-height: 180%; color: #282864; font-family: "joly-display","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-weight: 400;font-style: normal;}
.boxshowfc{overflow-y: hidden;}
.boxshowfc body{overflow-y: hidden;}



.wrap{position: relative; overflow: hidden;background-image: url('../images/bgtop_pc.jpg'), url('../images/bgend_pc.jpg');background-position: top left, bottom left; background-repeat: no-repeat;background-size: 100% auto;}


/* menu */
.menumob{position:fixed; width: 100%; max-height: 100vh; z-index: 999;background:transparent; box-sizing: border-box; transform: translate(calc(1.2rem - 100%),calc(1.2rem - 100%));transition:transform 0.5s,background 0.1s 0.5s; display: none; }
.menuinnerms{ overflow-y: hidden;overflow-x: hidden; box-sizing: border-box; max-height: 95vh; padding:0 0 0.7rem 0rem;  text-align: center; color: #fff;}
.menu_logo{ width: 3.92rem; max-width: 90%; display: inline-block; padding-top: 0.16rem; }
.menulist{display: flex;justify-content: center;flex-direction: column; font-size: 1.9em; line-height: 110%;padding: 0.5rem 0;}
.menuinban{margin: 0.4em;}
.menuinban:hover{color: #f4dc53;}

.ban_menuc{ position: absolute; bottom: 0; right: 0; width: 1.2rem; height: 1.2rem; margin:0 0 0 0; background: url('../images/ban_open.png') 0 0 no-repeat;  background-size: 100% 100%; transition:none; }

.top_menu{ width: 28%; font-size: 1.5em; line-height: 110%; display: flex; flex-wrap: wrap;align-content: center; padding-bottom: 8em;}
.top_menu .topmenuin{display: block; width: 100%; box-sizing: border-box; margin:0 0 0 8%; padding: 0.5em 0 0.5em 1.3em; color: #b89327; position: relative; }
.topmenuin::before{content: ""; display: block; position: absolute; top: -0.05em;left: 0; width: 1em; height: 100%; background: url("../images/ban_ico.png") 0 center no-repeat; background-size: 100% auto; opacity: 0; transition: opacity 0.4s;}
.topmenuin:hover::before{opacity: 1;}
.spmenusns{ text-align: center;}
.spmenusns a{display: inline-block; width: 0.46rem; font-size: 1em; line-height: 1;}
.spmenusns a:hover{ opacity: 0.6; }
.snstx{font-size: 0.12rem; line-height: 140%; display: block; width: 120%; margin-left: -10%;}
.menuclosedom{display: none;}

     /* -menuopen-  */
.menuopen{overflow: hidden;}
.menuopen .menumob{transform: translate(0,0);background: rgba(185,148, 40, 0.95);transition:transform 0.5s,background 0s 0s;}
.menuopen .menuinnerms{ overflow-y: auto; }

.menuopen .ban_menuc{margin: 0;bottom: 0;background-image: url('../images/ban_close.png');transition: background 0.3s;transition-delay: 0s; }
.menuopen .menuclosedom{position: fixed; top: 0;left: 0; width: 100vw;height:110vh; z-index: 600; display: block;}



/* menu */


.newsmob{padding: 0.5rem 0 0 0;}
.widthmob{width: 1060px; max-width: 100%; margin:0 auto; box-sizing: border-box; padding-left:0.3rem; padding-right:0.3rem; position: relative; }
header{display: block;z-index: 30;}
.logo{width: 72.5%; margin: 0 auto; padding: 5% 0;}
.top_mob{display: flex; flex-wrap: wrap; padding-bottom: 6%;}
.top_img { width:72%; position: relative;}
.top_text{ position: absolute; width: 63.61%;bottom: 0; right: -41%; margin-bottom: -1.3%; }


.pvmob{background: url("../images/pv_bg.jpg") 0 0 no-repeat; background-size: cover; padding: 0.6rem 0 0.25rem 0; }
.pvslidein{ width: 700px; max-width: 70%; margin: 0 auto; }
.pvslidein .swiper-slide{transform: scale(0.9, 0.9); transition:transform 0.3s;}
.pvslidein .swiper-slide.swiper-slide-active{transform: scale(1);}
.pvslidein-pagination{ text-align: center; padding-top: 0.28rem; line-height: 0; }
.pvmob .pvslidein-pagination span{ background-color: #fff; width: 0.11rem;height: 0.11rem;margin: 0 0.12rem!important;}

.newsmob{padding-top: 0.45rem;padding-bottom: 0.45rem;}
.mobendbg{padding-bottom:0.54rem; background: url('../images/mob_endbg.png') center bottom no-repeat; background-size: 100% auto;}
.titleinline{font-size:3.5em; line-height: 100%; text-align: center; color: #b99428; padding: 0 0 0.1em 0; background: url('../images/title_bg.png') center bottom no-repeat; background-size: 100% auto;}
.newslistmob{}
.newslistmob li{ margin:0.25rem 0.25rem 0.1rem 0.25rem; padding: 0 0 0.22rem 0;background: url('../images/bg_line.png') left bottom repeat-x; background-size: auto 0.02rem; line-height: 140%;}
.newslistmob li:last-child{background: none;}
.newslistmob li a:hover{color: #9b7914;}

.banpvplay{display: block; position: relative;}
.banpvplay::before{content: ""; display: block; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.3) url("../images/ban_play.png") center center no-repeat; background-size: 10% auto; z-index: 10; transition: all 0.3s;}
.banpvplay:hover::before{background-color:rgba(0,0,0,0.15);}


.main{position: relative; z-index: 40;}
.mobinner{ word-break: break-all; padding-bottom: 0.4rem; background: linear-gradient(-45deg,transparent 0.8rem,rgba(255,255,255,0.8) 0.8rem,rgba(255,255,255,0.8) calc(100% - 0.8rem),transparent calc(100% - 0.8rem)); padding: 0.25rem 0.5rem; box-sizing: border-box; margin-bottom: 0.5rem; }
.innerst{text-align: center; font-size: 1.1em; line-height: 210%;}
.innerst::before{content: ""; display: block; padding-bottom:1.2rem; background: url("../images/line_up.png") center -1px no-repeat; background-size: auto 100%;margin-bottom: 0.5em;overflow: hidden;}
.innerst::after{content: ""; display: block; padding-bottom:1.2rem; background: url("../images/line_dw.png") center top no-repeat; background-size: auto 100%;margin-top: 0.5em;}


/* page */
.page{}
.page .wrap{background:#fff url('../images/bgend_pc.jpg')  bottom left no-repeat;background-size: 100% auto; min-height: calc(100vh - 3.55rem);}
.page header{background: url('../images/page_topbg.jpg') top center no-repeat; background-size: cover; display: block;}
.page .logo{width: 4.06rem; display:block;padding:0.07rem 0;}
.main a:hover{color: #c08f00;}

.pagenav{font-size: 1.5em; line-height: 133%; display: flex; flex-wrap: wrap; justify-content: center; padding: 0.45rem 0 0.2rem 0; width:calc(100% + 1em); margin-left: -0.5em;}
.pagenav a{color:#b99428; width:8.18em; background: url("../images/nav_off_bg.png?01") 0 0 no-repeat; background-size: 100% 100%; text-align: center; margin:0 0.3em 0.2rem 0.3em; }
.pagenav .navs02{width: 10.5em;}
.pagenav a:not([href]){opacity: 0.5;}
.pagenav a[href]:hover,.pagenav a.sel{ background-image: url("../images/nav_on_bg.png?01"); color: #fff;}
.pagenav a.inspg{width:2em; background-image: url("../images/nav_off_bg02.png?01");}
.pagenav a.inspg[href]:hover,.pagenav a.inspg.sel{ background-image: url("../images/nav_on_bg02.png?01");}
 





.sinnavlist{display: flex; justify-content: center; font-size: 1.1em; line-height: 110%; padding-bottom: 0.55rem;}
.sinnavlist a{ padding: 0 1em; border-left: 1px solid #282864; color: #bebed0; }
.sinnavlist a:first-child{border-left: 0; }
.sinnavlist a:hover,.sinnavlist a.sel{color: #282864;}

.mobinste{padding: 0.6rem 0;}

.page .footin{ justify-content: center;padding: 0.4rem 0.2rem 0.2rem 0.2rem; }
.page .footban{ height: auto; }
.page .foottwitter{ display: none; }
.page .bannewsln{padding: 0.3rem 0;}



/* news */
.newsinmob{padding: 0.35rem 0.25rem 0.75rem 0.25rem;}
.newsinmob p{margin-bottom: 1em;}
.newtitle{ font-size: 1.1em; line-height: 140%; padding-bottom: 1.2em;background: url('../images/bg_line.png') left bottom repeat-x; background-size: auto 0.02rem;}
.newscon{ padding: 0.4rem 0; font-size: 0.9em; line-height: 166%; }
.ban_pg{ display: flex;justify-content: space-between; padding-top: 0.8rem;width: calc(100% + 0.5rem); margin-left: -0.25rem; }
.ban_pg a{ width: 0.8rem; }


/* product */
    /* -books- */
.bookslist{ display: flex; flex-wrap: wrap; padding: 0.45rem 0 0.3rem 0; }
.booksphin{width: 22.525%; margin:0 3.3% 3.3% 0 ;}
.bookslist .booksphin:nth-child(4n){ margin-right: 0; }
.booksphin img{border: 1px solid #b99428;}

    /* music */ 
.music_cdname{ font-size: 2.2em; line-height: 130%; }
.music_prname{font-size: 2em; line-height: 130%;}
.tabltwo{display: flex; flex-wrap: wrap;}
.tabinph{ width:3rem; padding-right: 0.3rem;}
.tabintx{ width: calc(100% - 3.3rem); }

.mus_tits01{font-size: 2.2em; line-height: 130%;}
.mus_tits02{ font-size: 0.9em; line-height: 150%; color: #fff; background: #282864; display: inline-block; }
.music_info{font-size: 0.8em; line-height: 140%; display: block;padding-bottom: 0.4em;}
.ban_msup{margin-top: 0.1rem;}
.ban_mons{ --bgcolor: #b99428; display: inline-block; position: relative; border: 0.04rem solid var(--bgcolor); background: var(--bgcolor);color: #fff; font-size: 1.1em; line-height: 100%; padding: 0.4em 1em; transition: all 0.3s; }
.ban_mons::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #fff; }
.ban_mons:hover{ --bgcolor: #282864; color: #fff!important; }

.ban_mons.ban_m02{ --bgcolor: #282864;--flcolor: #ffd900;  color: var(--flcolor); }
.ban_mons.ban_m02::before{ border: 1px solid var(--flcolor);}
.ban_mons.ban_m02:hover{ --bgcolor: #b99428;--flcolor: #282864; color: var(--flcolor)!important; }
.ban_mons.ban_m02:hover::before{}


.uptime{ font-size: 2.2em; line-height: 110%; padding: 0.3rem 0; color: #b89327; }

.blcn_mob{background: linear-gradient(-45deg,transparent 0.3rem,#282864 0.3rem,#282864 calc(100% - 0.3rem),transparent calc(100% - 0.3rem)); color: #fff; padding: 0.35rem 0.5rem;margin-bottom: 0.6rem; position: relative;}
.blcn_intx{font-size: 0.8em; line-height: 170%; padding: 0.6em 35% 2em 0; }
.blcn_inph{position: absolute; top: 0.3rem; right: 10%; width: 2.8rem; }
.blcn_enmob .blcn_inph{top: 0.5rem; right:0.5rem;}

.ban_snsinlist{}
.ban_snsinlist a{line-height: 100%; display: inline-block; padding: 0.2em; width:9em;text-align: center; border: 1px solid;margin-right: 0.4em; }
.ban_snsinlist .twis{ font-size:0.8em; line-height: 100%; display: inline-block; }

    /* bd */
.title_sld{font-size: 1.2em; line-height: 130%; padding:1.5em 0 0.2em 0; border-bottom: 1px solid #b99428; margin-bottom: 0.2em;}
.tit_icon{font-size: 0.8em; line-height: 110%; display: inline-block; padding: 0.2em 1em; background-color: #b99428;color: #fff; }
.ban_osdt{ line-height: 130%; display: inline-block; padding: 0.2em 1.5em;text-align: center; border: 1px solid #fff; color: #fff; transition: all 0.4s; margin: 0.5em 0;}
.ban_osdt:hover{ border: 1px solid #b99428; color: #b99428;}


.pageostin .pgincontent::after{content: "";height: 0;clear: both; display: block;}
.pageostin{}
.pageostin .tabltwo{ width: 3rem; padding-right: 0.3rem; float: left; }
.pageostin .tabltwo .tabinph{ width:100%; padding-right: 0 }
.pageostin .tabltwo .tabintx{ width:100%; }

.cdlistins{display: flex; flex-wrap: wrap;margin:0 0 0.6rem 0; float: right;width: calc(100% - 3.3rem); padding: 0; }
.cdins{ width:50%; }
.cdinline{width: 100%;}

.tablond{}
.tabinph_mobs{display: flex;justify-content: space-between;}
.tpinst{ text-align: center; }
.tpinst .ph_inh{height: 2.5rem;}





/* onair */
.onairtxin{display: inline-block;}
.osn01{display: inline-block; width:6.5em; padding-right: 0.5em; vertical-align: top; text-align: right;}
.osn02{display: inline-block; }
.onairbanlist{ display: flex; flex-wrap: wrap; justify-content: center;margin: 1% 0 4% 0; }
.onairbanlist .ban_mons{ width:45%;margin:0 1% 2% 1%;box-sizing: border-box; }

.onairtab{ width:32em; max-width: 100%; margin: 0 auto; }
.onairtab td{ text-align: left; vertical-align: top; padding: 0.2em 0.5em; }
.onairtab .tdn01{text-align: right; width:8em;}
.onairtab .tdn02{width:4em;}
.onairtab .tdn03{width:20em;}



/* staffcast */
.stc_titles{display: inline-block; width: 3rem;}
.ban_combox{ display:inline-block; width: 4.6em; margin-left: 0.5em; }
.stc_titles{ padding-top: 0.4rem; }
.insc_com{ padding:0.2rem 0 0.4rem 0; }
.dpl{ display: inline-block; width: 50%; text-align: right; }


/* movie */
.moviemob{ display: flex; flex-wrap: wrap; padding: 0.3rem 0; }
.mvinlist{ width: 46%;margin:2% ; line-height: 0;}
.mvtit{ font-size: 1.2em; line-height: 130%;padding-top: 0.5em; text-align: center; font-weight: 700; }


/* character */
.charactermob{ padding: 1.3rem 0.5rem 0.1rem 0.5rem;margin-bottom: 0.2rem; position: relative;}
.chara_slide{}
.swiper-slide{ position: relative; }
.chara_intext{ padding: 0.6rem 0 1rem 0.5rem; width: 50%; }
.chname{ font-size: 2em; line-height: 130%; }
.othercn{color: #b99428;}
.cvname{font-size: 1.1em;line-height: 130%; padding-bottom: 1.5em;}

.ban_chprev{ position: absolute; top: calc(50% - 1rem); left: 0%; width: 0.6rem; z-index: 50; }
.ban_chnext{position: absolute; top: calc(50% - 1rem); right: 0%; width: 0.6rem; z-index: 50;}
.swiper-button-disabled{ opacity: 0.4; }
.chara_per{ position: absolute; top:0;right:0; }
.cps01{ width:18.9%;margin:-14% 18% 0 0;}
.cps02{ width:25.95%;margin:-12.6% 11% 0 0;}
.cps03{ width:34.25%;margin:-10.3% 5.5% 0 0;}
.cps04{ width:34.15%;margin:-16.6% 2.9% 0 0;}
.cps05{ width:31.25%;margin:-12.5% 6% 0 0;}
.cps06{ width:31.65%;margin:-12.6% 5.5% 0 0;}
.cps07{ width:25.95%;margin:-14.2% 10.5% 0 0;}
.cps08{ width:30.95%;margin:-11.6% 5.5% 0 0;}


/* special */
.specialslidein{ padding: 0.2rem 0 0.7rem 0;width: 56.4%; margin: 0 auto; }
.special_img{text-align: center; height: 7.2rem; display: flex; justify-content: center;align-items: center;}
.special_img img{ height:100%; max-width: none; border: 1px solid #000;aspect-ratio: 3/4;}
.special_img .otherph{aspect-ratio: 5/7;}
.special_tn{text-align: center; font-size: 1.1em; line-height: 130%; padding: 0.65rem 0 0.4rem 0; opacity: 0;transition: opacity 0.4s;}
.swiper-slide-active .special_tn{opacity: 1;  width: auto;}
.special-pagination{text-align: center; }
.special-pagination span{ width:0.11rem; height:0.11rem; background: #b99428;margin: 0 0.12rem 0!important; }
.specialslidevoice{ padding: 0.2rem 0 0.7rem 0; width:800px; max-width: 80%; margin: 0 auto;}
.special_voice{ position:relative; cursor: pointer; }
.special_voice audio{display: none;}
.special_voice::before{ content: ""; width: 100%; height: 100%; position:absolute; top: 0; left: 0; background: url("../special/mp3/img/ban_play.png") center center no-repeat; background-size:15% auto; opacity: 0.9; transition: all 0.4s;}
.special_voice:hover::before{ opacity: 0.6; }
.special_voice.pause::before{background-image: url("../special/mp3/img/ban_pause.png")}
.koutou_smt{ padding: 0 0 0 3em; }

.special_utlist{ width: 90%; display: flex; flex-wrap: wrap;margin: 1.3% auto;}
.special_utlist .special_utlink{ width:16.667%;margin: 0; padding: 0; height: auto; position: relative; opacity: 1; }
.special_utlist .special_utlink::before{content: ""; display: block; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.6;transition: opacity 0.5s; }
.special_utlist .special_utlink:hover::before{opacity: 0;}


/* story */
.mobin_storylist{max-width: 85%;margin: 0 auto;}
.storyin_title{font-size: 1.1em; line-height:130%; padding: 0 0 0.9em 0;  }
.story_slidemob{position: relative;}
.story_slide{ overflow: hidden; }
.story_slide .story-pagination{ width: 100%; display: flex; flex-wrap: wrap; position: static;margin-top: 1.3%; }
.story_slide .story-pagination span{ width:16.667%!important;margin: 0!important; padding: 0!important; height: auto!important; position: relative; opacity: 1!important; }
.story-pagination span::before{content: ""; display: block; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.6;transition: opacity 0.5s; }
.story-pagination span:hover::before{opacity: 0; }
.story-pagination .swiper-pagination-bullet-active::before{opacity: 0; }

.story_slidemob .ban_chprev{left: -1.45rem;}
.story_slidemob .ban_chnext{right: -1.45rem;}
.storyin_tx{ padding: 1em 0 2em 0; }



/* lbox */
.lbox_com{ position: fixed; top: 0; left: 0; display:none; width: 100%; height:100vh; z-index: 500; overflow-y: auto;box-sizing: border-box; padding:1px 0; background: rgba(0, 0, 0, 0.6);}
.lbox_incommon{ position: relative; z-index: 550; background: #b99428; color: #1e1e3c; margin: 7% auto; padding: 0.35rem 0.35rem 0.65rem 0.35rem; }
.lbox_bg{ position: fixed; top: 0; left:0; z-index:510; width: 100%; height: 100%;}
.ban_lboxclose{ position: absolute; top: 0.2rem; left: 0.2rem; display: block; width: 0.8rem; }
.lbox_tit{ color: #fff; font-size: 1.7em; line-height: 130%; }
.lbox_tit img{  width: 2rem; }
.lbox_titname{ color: #fff; font-size: 1.7em; line-height: 130%; position: relative;margin: 0.3em 0 1.2em 0;}
.lbox_titname span{ display: inline-block; padding:0.7em 1.5rem 0 1.5rem; position: relative; }
.lbox_titname span::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 1.06rem; height: 2em; background: url("../images/tit_ll.svg") 0 100% no-repeat;background-size: 100% auto;}
.lbox_titname span::after{content: ""; display: block; position: absolute; top: 0; right: 0; width: 1.06rem; height: 2em; background: url("../images/tit_lr.svg") 100% 100% no-repeat; background-size: 100% auto;}
.lbox_num{ font-size: 2.2em;}
.lbnewstime{padding: 0.3rem 0;}
.lbnewstitle{font-size: 1.1em; line-height: 130%;}
.bannewsln{display: flex;justify-content: space-between; padding-top: 0.8rem;}
.bannewsln a{ width: 0.8rem; height: 100%; }
.lbox_incommon a:hover{color: #d9b2fd;}
/* lbox */

.pagetop{ position: fixed; bottom: 0.8rem; right: 0.3rem;width: 1rem; display: none; box-sizing: border-box; z-index: 200; }


.footer{position: relative; background-color: #000; z-index: 50; background: url("../images/footbg.jpg?02") center top repeat-y; background-size:100% 100%;}
.footin{ position: relative; display: flex;/* align-items: center;  */flex-wrap: wrap; width: 1250px; padding: 0.65rem 0.2rem 0.5rem 0.2rem;}
.footlmobs{width: 40%; }
.innertitle{ color: #fff; font-size: 0.4rem; line-height: 120%; text-align: center; }
.footnews .innertitle{text-align:  center; height: 0.3rem; padding-bottom: 0.1rem;}
.footnews .innertitle img{max-height: 100%;vertical-align: top;}
.newsinlist{ padding:0.2rem; background:rgba(0,0,0,0.3); margin: 0.1rem 0 0.6rem 0; font-size: 1em;line-height: 130%; height: 20em; overflow-y: auto; }
.newsinlist::-webkit-scrollbar {width: 10px;}
.newsinlist::-webkit-scrollbar-thumb {background-color: #680050; border-radius: 999px;}
.newsinlist::-webkit-scrollbar-track {background-color: #ffd3f5;}


.newstime{ color: #b99428; font-size: 1.1em; display: block;  padding-bottom: 0.3em; }
.newsinlist li{ padding-bottom: 1em; }
.newsinlist a{color: #fff;}
.newsinlist a:hover{color: #d9b2fd; }



.specialinpg .mobinner{background: linear-gradient(-45deg,transparent 0.8rem,#8c5d80 0.8rem,#8c5d80 calc(100% - 0.8rem),transparent calc(100% - 0.8rem)); color: #fff; margin-top: 0.5rem}
.backban{ text-align: center; }
.ban_pgback{ display: inline-block; font-size: 1.4em; line-height: 100%; padding: 0.4em 1.2em;color: #fff;background: linear-gradient(-45deg,transparent 0.4em,#b99428 0.4em,#b99428 calc(100% - 0.4em),transparent calc(100% - 0.4em));}
.ban_pgback:hover{ opacity: 0.8;}

.spec_tab{display: flex; flex-wrap: wrap;}
.splec_tabin{ width:2rem; padding-right:0.3rem; }
.splec_tabtxin{ width:calc(100% - 2.3rem); }




.footban{height: calc(100% - 1.6rem); display: flex; flex-wrap: wrap;align-items: center;justify-content: center}
.footban a{ width: 80%; }

.footsns{ width: 100%; padding-top: 0.3rem; }
.ftsnslist{text-align: center;color: #fff; font-size: 1.2em; padding-top: 0.6em; }
.ftsnslist a{padding: 0.25rem; }
.ftsnslist a:hover{color: #282864; }
.foottwitter{ width:52.8%; padding-left: 7.2%;}
.foottwitter .innertitle{text-align:  center; height: 0.3rem; padding-bottom: 0.2rem;}
.foottwitter .innertitle img{max-height: 100%;vertical-align: top;}
.foottwitter .innertitle_tx{ font-size: 2.2em; line-height: 100%; text-align:center;font-size: ; color: #fff; padding-bottom: 0.2em;}
.timeline{ padding: 0.5em; border: 1px solid #fff; }
.foot_copy{ color: #fff; font-size:0.16rem;line-height: 130%; padding: 0.35rem 0; text-align: center;  }




.bgprot{--runup: -500vh;--inccolor: #f6f0dd; pointer-events: none;}

.bgprot span{ position: absolute; top:90%; left: 0%; display: block; filter: blur(3px); width:0.15rem; height: 0.15rem; border-radius: 999px;background: transparent;
    box-shadow: 1731px 769px var(--inccolor), 278px 1346px var(--inccolor), 574px 806px var(--inccolor), 1779px 193px var(--inccolor), 26px 1025px var(--inccolor), 1306px 1926px var(--inccolor), 1669px 1285px var(--inccolor), 237px 1232px var(--inccolor), 956px 1306px var(--inccolor), 143px 1619px var(--inccolor), 1083px 1041px var(--inccolor), 1728px 1605px var(--inccolor), 1016px 653px var(--inccolor), 1369px 1578px var(--inccolor), 1990px 1037px var(--inccolor), 931px 618px var(--inccolor), 1523px 1874px var(--inccolor), 1966px 11px var(--inccolor), 1716px 1758px var(--inccolor), 97px 1504px var(--inccolor), 503px 1523px var(--inccolor), 1753px 392px var(--inccolor), 496px 164px var(--inccolor), 1350px 901px var(--inccolor), 823px 1282px var(--inccolor), 716px 1244px var(--inccolor), 82px 1645px var(--inccolor), 1654px 1752px var(--inccolor), 299px 1027px var(--inccolor), 861px 1808px var(--inccolor), 913px 366px var(--inccolor), 124px 760px var(--inccolor), 1728px 1496px var(--inccolor), 125px 1474px var(--inccolor), 1616px 1208px var(--inccolor), 908px 1864px var(--inccolor), 823px 1629px var(--inccolor), 1020px 909px var(--inccolor), 1173px 1596px var(--inccolor), 1816px 347px var(--inccolor), 1368px 1583px var(--inccolor), 1519px 1646px var(--inccolor), 1643px 1954px var(--inccolor), 179px 1975px var(--inccolor), 23px 1353px var(--inccolor), 1546px 528px var(--inccolor), 284px 1267px var(--inccolor), 1166px 1911px var(--inccolor), 1802px 184px var(--inccolor), 1707px 657px var(--inccolor), 399px 1166px var(--inccolor);
	    animation: slideunc 70s linear infinite;
}

.bgprot span:nth-child(2){
	top: 50%;
	animation: slideunc 80s linear infinite; animation-delay:0s;
}
.bgprot span:nth-child(3){
	display: none;
	filter: blur(0px);
	width: 0.3rem; height: 0.3rem;
	animation: slideunc 100s linear infinite; animation-delay:0s;
}
.bgprot span:nth-child(4){
	display: none;
	bottom: 50%;
	animation: slideunc 120s linear infinite; animation-delay:0s;
}
.bgprot span:nth-child(5){
	width: 0.2rem; height: 0.2rem;
	animation: slideunc 200s linear infinite; animation-delay:0s;
}
.bgprot span:nth-child(6){
	animation: slideunc 90s linear infinite; animation-delay:20s;
}
.bgprot span:nth-child(7){
	display: none;
	animation: slideunc 120s linear infinite; animation-delay:50s;
}


@keyframes slideunc {
	0%{transform: translateY(0px); opacity: 0;}
	3%{transform: translateY(-1rem);opacity: 1;}
	95%{opacity: 1;}
	100%{transform: translateY(var(--runup));opacity: 0;}
}



@media screen and (min-aspect-ratio: 14/10){

}
/* 
@media screen and (max-width:1400px){
 .top_lm{left:calc(50% - 52vw);}
}
*/



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

    :root{
        --htmlfz: 8.6vw;
    }


	/* .widthmob{margin-left:0.4rem;margin-right:0.4rem;max-width: calc(100% - 0.8rem);}
	.footin.widthmob{margin: 0;max-width:100%;} */

} 

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


    :root{
        --htmlfz: 13.02vw;
    }



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

	.pc_none{ display:block!important;}
	.sp_none{ display:none!important;}
	.pc_inlinenone{ display:inline-block!important;}
	.sp_inlinenone{ display:none!important;}

	.fancybox-slide{ padding: 10% 0; }

	.widthmob{padding-left:0.2rem;padding-right:0.2rem;max-width:100%; width: auto;}

	.logo{ width: 82.85%; padding: 0.25rem 0 0.2rem 0;}
    header{}
    .top_menu{display: none;}
    .top_img{width: 100%;}
    .top_text{right: -3.2%;}


    .menumob{transform: translate(calc(1rem - 100%),calc(1rem - 100%));}

    .ban_menuc{width: 1rem; height: 1rem;}
    .menu_logo{width: 4.15rem;padding-top: 0.32rem;}




/* 	.topimg { padding-bottom: 174.67%; }
	.ban_toptwi{ top: 1.35rem;right:0.1rem; width: 0.75rem;}
	.tp_logo{ left:6.7%;top: 0.15rem; width:86.67%; }
	.top_lm{top:3rem;bottom: auto;left:0; width: 34.66%; text-align: center; }
	.top_tn03{  width:67.3%;margin-top:0; margin-left: 0; }
	.top_tn02{ bottom:3.9rem;right:0.1rem; width:55.33%;}
	.top_tnspecila{margin:95.8% 0 0 3%;width:28.67%;right: auto; left: 0;}
	.top_pv{margin:0 0 6% 12.5%; width: 75%;}
    .image-switch-icons{top: 2.35rem;right: 0.2rem;}
 */


	.wrap{background-image: url('../images/bgtop_sp.jpg'), url('../images/bgend_sp.jpg');}
    .mobendbg{background-image: url('../images/mob_endbg_sp.png');}
    .titleinline{ background-image: url('../images/title_bg_sp.png') ;}



    /* page */
    .page{}
    .page .wrap{background-image:url('../images/bgend_sp.jpg');}
    .page header{background:none;}
    .page .logo{width: 4.15rem; display:block;padding:0.18rem 0;}
    .pagenav a{}

    .newsmob{padding-bottom: 0.76rem;}


    /* product */
        /* -books- */
    .bookslist{ display: flex; flex-wrap: wrap; padding: 0.45rem 0 0.3rem 0; }
    .booksphin{width: 31.69%; margin:0 2.46% 2.46% 0 ;}
    .bookslist .booksphin:nth-child(4n){ margin-right: 2.46%; }
    .bookslist .booksphin:nth-child(3n){ margin-right: 0%; }



        /* music */ 
    .blcn_intx{ font-size: 0.8em; line-height: 170%; padding: 0.6em 0 2em 0; }
    .blcn_inph{  position: static; width: 2.8rem; margin: 0 auto 0.2rem auto; }

    .blcn_enmob{}

    .ban_snsinlist{ text-align: center; }
    .ban_snsinlist a{line-height: 100%; display: inline-block; padding: 0.2em; width:10em;text-align: center; border: 1px solid;margin: 0.2em; }
    .ban_snsinlist .twis{ font-size:0.8em; line-height: 100%; display: inline-block; }

    .pageostin .tabltwo{ width: 100%;padding-right:0;float:none;}
    .pageostin .tabltwo .tabinph{width: 3rem; padding-right: 0.3rem; }
    .pageostin .tabltwo .tabintx{width: calc(100% - 3.3rem);}

    .cdlistins{padding-left:0;width:100%;margin:0.2rem 0 0.6rem 0;float:none;}
    .cdins{ width:33%;}



        /* bd */
    .tpinst .ph_inh{height: 1.7rem;}









    /* movie */
    .moviemob{ display: flex; flex-wrap: wrap; padding: 0.3rem 0; }
    .mvinlist{ width: 96%;margin:2%;}
    .mvtit{ font-size: 1.2em; line-height: 130%;padding-top: 0.5em; text-align: center; font-weight: 700; }


    /* .character */
    .charactermob{ padding: 0.42rem 0.2rem 0.4rem 0.2rem;margin-bottom:0rem;}
    .chara_slide{}
    .swiper-slide{}
    .chara_intext{ padding: 1.85rem 0 1.6rem 0.45rem; width: 46.875%; line-height: 180%; }
    .chname{font-size: 2em; line-height: 130%; }
    .othercn{}
    .cvname{}

    .ban_chprev{left:-0.1rem;  }
    .ban_chnext{right:-0.1rem;}
    .swiper-button-disabled{}
    .chara_per{ top: 50%;left: auto; right: 20%; transform: translate(50%,-50%); }
    .cps01{ width:29.5%;margin:1% 8% 0 0;}
    .cps02{ width:42.48%;margin:0 0% 0 0;}
    .cps03{ width:53.43%;margin:0;}
    .cps04{ width:53.274%;margin:0 -2% 0 0;}
    .cps05{ width:48.75%;margin:0;}
    .cps06{ width:49.374%;margin:6% -2% 0 0;}
    .cps07{ width:42.374%;margin:1.5% 6% 0 0;}
    .cps08{ width:49.374%;margin:2% 0% 0 0;}

    /* special */
    .specialslidein{}
    .special_img{ height: 5.45rem;}
    .special_img img{ }
    .koutou_smt{ padding: 0; }

    .special_utlist{ width:100%;}
    .special_utlist .special_utlink{ width:33.333%}







    /* story */
    .mobin_storylist{max-width: 90.1%;}
    .storyin_title{font-size: 1.1em; line-height:130%; padding: 0 0 0.9em 0;}
    .story_slide .story-pagination{margin-top: 3.125%; }
    .story_slide .story-pagination span{ width:33.333%!important;}
    .story_slidemob .ban_chprev{left: -.5rem;top: calc(50% - 1.7rem); width: 0.5rem;}
    .story_slidemob .ban_chnext{right: -.5rem;top: calc(50% - 1.7rem); width: 0.5rem;}
    .storyin_tx{ padding: 1em 0 2em 0; }







	.footer{background-image:url('../images/footbg_sp.jpg?02');}
	.footin{padding: 0.37rem 0.4rem 0.25rem 0.4rem;align-items: center;flex-direction: column-reverse}
	.footlmobs{ width:450px; max-width: 70%; margin: 0 auto; padding-bottom: 0rem; }
	.innertitle{ font-size: 0.45rem; }

    .footban{ height: auto; }
	.footsns{ width:100%; padding-top: 0.3rem; }
	.foottwitter{ width: 100%; padding: 0 0 0.28rem 0; }
    .foot_copy{ font-size: 0.14rem;padding: 0 0 0.26rem 0; }

	.pagetop{margin:0; right: 0.18rem}



	/* lbox */
	.lbox_com{ }
	.lbox_incommon{padding: 0.35rem 0.35rem 0.8rem 0.35rem; }
    .ban_lboxclose{ top:auto; bottom: 0.3rem; left:calc(50% - 0.4rem); display: block; width: 0.8rem; }



}