@charset "utf-8";
/*Regular*/
@font-face {
  font-family: 'NotoSansJP-Medium';
  font-style: normal;
  font-weight: 300;
  src: url('./font/NotoSansJP-Medium.woff2') format('woff2');
  src: url('./font/NotoSansJP-Medium.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'NotoSansJP-black';
  font-style: normal;
  font-weight: 900;
  src: url('./font/NotoSansJP-Black.ttf') format('truetype');
  font-display: swap;
}

body,h1,h2,h3,h4,i,em,ul,ol,li,a,img,div,p,dl,dt,dd,table,tr,td{ margin:0; padding:0;}
div{vertical-align:top;}
ul,li,dl,dd,dt{ list-style: none;}
a{ color: inherit; text-decoration: none; outline: none; transition: all 0.4s;}
a:hover{ text-decoration:none; }
img{ vertical-align:bottom; border:none; max-width:100%;height:auto;}
.clearfix{clear:both;zoom:1;}
.clearfix:after{content:" ";clear: both;display: block;visibility:hidden;height:0;}
.clear{ clear:both;}
::selection{ background:#958c00; color:#fff;}
.hop08{transition: opacity 0.4s}
.hop08:hover{opacity: 0.8;}

.color_pink{color:#a1636e;}
.color_og{color:#b07017;}
.color_blue{color: #0085eb;}

.bg_red{background: #e40000;}
.bg_blue{background: #009df7;}


.wf-ct{font-family: 'Crimson Text', serif;}
.wf-bk{font-family: 'NotoSansJP-black', serif;}

.fs08{font-size: 0.8em;line-height: 160%;}
.fs09{font-size: 0.9em;line-height: 155%;}
.fs110{font-size: 1.1em;line-height: 150%;}
.fs120{font-size: 1.2em;line-height: 150%;}
.fs130{font-size: 1.3em;line-height: 150%;}
.fs140{font-size: 1.4em;line-height: 145%;}
.fs150{font-size: 1.5em;line-height: 140%;}
.fs160{font-size: 1.6em;line-height: 135%;}
.fs170{font-size: 1.7em;line-height: 135%;}
.fs180{font-size: 1.8em;line-height: 135%;}
.fs190{font-size: 1.9em;line-height: 135%;}
.fs200{font-size: 2em;line-height: 130%;}

.inlineblock{ display: inline-block; }
.pc_none{ display:none!important;}
.sp_none{ display:block!important;}
.index .indexnone{display: none!important;}

.algin_left{text-align: left;}
.algin_center{text-align: center;}
.algin_right{text-align: right;}
.font_feature{font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}

.newsin_pv{ width: 800px; max-width: 100%; margin: 2em auto; }
.yutubemob{position:relative;padding-bottom:56.25%;overflow:hidden; }
.yutubemob iframe{position:absolute ;top:0;left:0;height:100%;width:100% ;}


:root{
  --htmlfont: 100px;
  --bodybg: #a37e39;
  --menubg: #b7b7b7;
  --spmenuopenbg: #41c8aa;
  --menubanbg: #000000;
  --menubanhover: #d6000a;
  --spmenubanhover: #000000;
  --topimgmobbg: #003289;
  --tophoverbbg:#dbf1fb;
}
/*----------------------------------------------------------*/


html{font-size:var(--htmlfont); width:100%; overflow-x:hidden; }
body{font-family:'NotoSansJP-Medium', 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Yu Gothic', 'Meiryo', sans-serif; overflow-x:hidden;color:#333333; -webkit-font-smoothing:antialiased; /*chrome、safari*/ -moz-osx-font-smoothing:grayscale;/*firefox*/font-size:0.16rem; line-height: 150%; position:relative; background-color: var(--bodybg);padding-top: 1px;}



/****************************header css ****************************/
.menusopen{ overflow: hidden; }

.menumob{ position: absolute;top: 0; left: 0; width: 100%; z-index: 200; }
.menuinnerms{ width:1400px; max-width: 100%; margin: 0 auto; position: relative;}
.logo{ width: 39.7%;padding-left: 3.6%; display: block; position: relative; z-index: 21;}
.mlsmob{ position: absolute;top:0; right: 0;width:58.5%; margin-right:7.2%; justify-content: flex-end;align-items: center; z-index: 21;}
.toptit{ width: 100%; text-align: right; font-weight: bold; font-size: 1.125em; color: #000; line-height: 100%; padding: 0.23rem 0 0.18rem 0;position: relative;right: -1em; }
.toptit i{margin:0 0.2em 0 -0.3em;}

.menulistmob{}
.ban_menuc{display: none;}
.ban_menuinclose{display: none;}
.spmenusns{display: none;}
.menulist{display: flex;width: 100%;overflow: hidden;margin-left: 9.1%;}
.menulist li{font-size: 1em; line-height: 1; font-weight: bold; position: relative;background: var(--menubanbg); color: #fff;transform: skewX(-45deg); transform-origin: 100% 100%;margin:0 0.1em;overflow: hidden;}
.menulist li a{display: block; position: relative; padding:0.875em 1.5em; z-index: 2100}
.menulist li .mnt{ position: relative; z-index: 2100;transform: skewX(45deg); display: block; }
.menulist li.mnt_first{overflow: visible;margin-left: 0;}
.menulist li.mnt_first a{padding-left: 0.3em;}
.menulist li.mnt_first::before{content: ""; display: block; position: absolute;top: 0; left: 0; width: 100%; height: 100%;background: var(--menubanbg);transform: skewX(45deg); transform-origin: 100% 100%;}
.mut_cli{ position: absolute; bottom: 0;left:-0.3em; width:2.3em; height: 100%; transform: skewX(47deg); transform-origin: 0 100%;overflow: hidden; z-index: 2100;}
.mut_cli::before{content: ""; display: block; position: absolute; top: -5%; right: 40%; width:220%; height: 140%; border-radius: 999px; background:var(--menubg); transform: rotate(-15deg); z-index: 2100;}
.menulist li a::before{content: ""; display: block; position: absolute;top: 0; left: 0; width:0%; height: 100%;background:var(--menubanhover);transform-origin: 100% 100%; transition: width 0.2s linear; z-index: 1;}
.menulist li.mnt_first a::after{ content: ""; display: block; position: absolute; top: 0;left:-2.9em; width:0; height: 100%;background:var(--menubanhover); z-index: 1; transition: width 0.05s linear;transition-delay: 0.2s;}
.menulist li a:hover::before{ width: 100%; transition-delay: 0.05s;}
.menulist li a:hover::after{width:3em;transition-delay: 0s;}
.menulist li.sel a::before{width: 100%; transition-delay: 0.05s;}
.menulist li.sel a::after{width:3em;transition-delay: 0s;}

.menubg{ position: absolute; top: 0;left: 0; width:100%;height: 1.6rem;border-bottom: 0.1rem solid #000; background-color: var(--menubg); }



.warp{ position: relative;margin-top: 1.69rem; min-height:calc(100vh - 4.7rem);}
.warp::before{content: ""; position: absolute; top: 0;left:calc(50% + 4.28rem); display: block; width: 200vw;min-width: 2600px; height: 70%; transform: skewX(-45deg);transform-origin: 0 0; background: var(--bodybg); z-index: 3;}
.warp::after{content: ""; position: absolute; bottom: 0;left:0; display: block; width: 100%; height:calc(100% - 20rem); background: var(--bodybg); z-index: 3;}

.topimgmob{ position: absolute; top: 0; right: calc(50% - 6rem);  width:100vw; text-align: right;height:100%; background:var(--topimgmobbg);}
.topimg{ position: absolute; top: -1.7rem; right:0; z-index: 2; }
.topbg_sl{ position: absolute; top: 0; right: 0; width: 100%;height: 100%; z-index: 1; display: none;}


.main{position: relative; z-index: 30; width:1400px; max-width: 100%; margin: 0 auto;padding: 0 1rem; box-sizing: border-box;padding-top: 1px; padding-bottom: 0.5rem;}
.topbookscon{margin-top: -0.42rem;position: relative; z-index: 50;}
.topimg_uds{position: absolute; top: 100%;left: 0; width: 100%; display: none;}

.topslide{}
.topslide .swiper-slide{transform: scale(0.9); transition: transform 0.5s;  position: relative;box-shadow: 0 0.03rem 0.05rem rgba(0, 0, 0, 0.3); overflow: hidden;}
.topslide .swiper-slide::before{content: ""; display: block; position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);opacity: 1; z-index:10;  transition: opacity .3s 0s,top 0s 0s;}
.topslide .swiper-slide.swiper-slide-active{transform: scale(1);box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.3);}
.topslide .swiper-slide.swiper-slide-active::before{opacity: 0; top: -120%;transition: opacity .3s 0s,top 0s 0.25s;}
.topslide .swiper-slide.swiper-slide-prev{transform-origin: 100% 50%;}
.topslide .swiper-slide.swiper-slide-next{transform-origin: 0 50%;}

.topslide-pagination{ text-align: right; padding: 0.2rem 0; box-sizing: border-box; }
.topslide-pagination span{ width: 0.85em; height: 0.85em; border-radius: 0; background: #fff;margin-right:0.65em; }

.pgtitle{ color: #fff; position: relative; padding-right: 2em; font-size: 1em; }
.pgtitle>img{height: 0.45rem}
.ban_titmore{font-size: 0.875em; font-weight: 400; line-height: 100%; position: absolute; top:calc(50% - 0.438em)!important;right: 0;}
.ban_titmore.ban_titmore02{ width: auto; border: 0; border-radius: 0; }
.ban_titmore.ban_titmore02::before{display: none;}
.ban_titmore.ban_titmore02::after{display: none;}
.ban_titmore:hover{ color: #3b3b3b; }

.ban_titmore02{ position: absolute; top: calc(50% - 0.7em); right: 0; width: 1.4em; height: 1.4em; border: 2px solid #fff; border-radius: 999px; }
.ban_titmore02::before{content: ""; display: block; position: absolute; top: calc(50% - 1px); right:15%; width: 70%; height: 2px; background-color: #fff; transform-origin: center; transform: rotate(90deg); transition: all 0.3s;}
.ban_titmore02::after{content: ""; display: block; position: absolute; top: calc(50% - 1px); right:15%; width: 70%; height: 2px; background-color: #fff; transform-origin: center; transform: rotate(0deg); transition: all 0.3s;}
.ban_titmore02:hover::before{ transform-origin: 100% 50%;transform: rotate(35deg); }
.ban_titmore02:hover::after{ transform-origin: 100% 50%;transform: rotate(-35deg); }

.mobinner{position: relative;}
.nextinfotop_mob{ background-color: #fff;padding: 0.3rem 0.15rem; box-sizing: border-box; overflow: hidden; }

.nttop_insl{ width: calc(50% - 0.3rem);margin: 0 0.15rem; border: 1px solid #cccccc; box-sizing: border-box; transition:background 0.4s;height: auto; }
.nttop_title{font-size: 1.25em; line-height: 130%; padding: 0.18rem 0.18rem 0.18rem 0.18rem; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; text-align: justify;}
.nttop_txins{ padding: 0 0.18rem 0.18rem 0.18rem; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; text-align: justify;}
.nttop_insl[href]:hover{background-color:var(--tophoverbbg);}

.ban_nttop_right{ position: absolute; top:calc(50% - 0.29rem); right: -0.6rem; cursor: pointer; z-index: 15; width:0.46rem; }
.ban_nttop_left{ position: absolute;top:calc(50% - 0.29rem); left:-0.6rem; cursor: pointer; z-index: 15; width:0.46rem;  }
.ban_nttop_right:hover,.ban_nttop_left:hover{opacity: 0.8;}

.tablinemob{ padding-top: 4.177%; display: flex; flex-wrap: wrap; }
.newinfomob{ width: 48.33%;margin-right:3.34% ; }
.newinfomob_in{ padding: 0.3rem; background: #fff;}
.nwi_insltop{display: block;margin-bottom:0.1rem;padding-bottom:0.2rem;transition:color 0.4s ;}
.nwi_insltop[href]:hover{/* background-color:var(--tophoverbbg); */color: #3d88ff; opacity: 0.9;}
.nwitop_ph img{ width: 100%; }
.nwitop_txcon{padding-top: 0.8em; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; text-align: justify;}
.smfico{ font-size: 0.8em; line-height: 150%; color: #e53600; display: block; margin-bottom:0.5em; }
.newsinslide{ overflow: hidden; width: 100%;}
.nwi_insl{transition:color 0.4s; padding-bottom: 0.2rem;}
.nwi_insl[href]:hover{/* background-color:var(--tophoverbbg); */color: #3d88ff; opacity: 0.9;}

.banslin{padding-top: 10px; text-align: right; position: relative; z-index: 30;}
.banslin a{ display: inline-block;margin-left: 0.5em;cursor: pointer; }
.banslin a:hover{opacity: 0.7;}
.banslin a.swiper-button-disabled{opacity: 0.4;cursor:auto;}

.newtopmob{width: 48.33%;}
.newinmob_in{padding: 0.3rem 0.2rem; background:#fff;height:7rem;}
.newinmob_inslide{height:6rem;overflow:hidden;margin-top: -0.1rem;margin-bottom: 0.1rem;}
.new_insl{ display: flex; width: 100%;padding: 0.1rem; box-sizing: border-box;transition:color 0.4s; }
.new_insl[href]:hover{/* background-color:var(--tophoverbbg); */color: #3d88ff; opacity: 0.9;}
.newstop_ph{ width:44.23%;padding-bottom: 29.3%; overflow: hidden; position: relative; margin-right: 3.77%; height: 0;}
.newstop_ph img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }




.newstop_txcon{width:52%}
.newsin_timeline{padding-bottom:1.2em; }
.news_ltimes{ font-size: 0.875em; color: #666666;display: inline-block; }

.news_ico{font-size: 1em; line-height: 1; padding: 0.3em 0.7em;color: #fff; display: inline-block;margin-right:1em;}
/* .news_ico1{font-size: 1em; line-height: 1; padding: 0.3em 0.7em; background-color: #336bf1;color: #fff; display: inline-block;margin-right:1em;}
.news_ico2{font-size: 1em; line-height: 1; padding: 0.3em 0.7em; background-color: #a818b2;color: #fff; display: inline-block;margin-right:1em;}
.news_ico3{font-size: 1em; line-height: 1; padding: 0.3em 0.7em; background-color: #ff3845;color: #fff; display: inline-block;margin-right:1em;} */

.news_titlest{line-height: 1.5em; max-height: 6em; display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; text-align: justify;}

.vjbmob{ padding-top: 4.177%;}
.vjbookstop_mob{padding: 0.3rem; background-color: #fff;box-sizing: border-box;}
.vjbookstop_inslide{overflow:hidden;}
.vjbooksinner_insl{padding: 0.2rem; background-color: #e8e8e8;  display: flex; flex-wrap: wrap;box-sizing: border-box; height: auto; }
.vjb_ph{width: 31.06%;margin-right: 3.34%;}
.vjb_conin{width:65.6%;}
.vjb_tico{ font-size: 1em;line-height: 110%;padding: 0.15em; color: #fff;display: inline-block; }

.vjb_toptitle{font-size: 1.125em; line-height: 135%; font-weight: bold; padding: 0.8em 0 1.5em 0;font-family: 'NotoSansJP-black', serif; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";}
.vjb_txcon{ line-height: 155%；font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; text-align: justify;}

.vjb_banlist{display: flex; flex-wrap: wrap; width: 100%;justify-content: space-between;}
.vjb_banlist a{display: block; width:46.155%;margin-top: 0.2rem;}
.ban_vjsmore{text-align: center;font-size: 1.25em; line-height: 2.9em;height: 2.9em;color: #fff; background: #00a0e9;}
.ban_vjsmore:hover{background: #50c4f9;}
.ban_vjsma:hover{opacity: 0.8;}
.vjbslide-pagination{text-align: center; padding-top: 0.2rem}
.slidepagination span{width: 0.85em;height: 0.85em; border-radius: 0;background: #000; opacity: 0.5;margin: 0.4em!important;}
.slidepagination  .swiper-pagination-bullet-active{opacity: 1;}

.vjgamingtop_mob{ padding: 0.15rem; box-sizing: border-box; background: #fff; }
.vjgamingtop_intab{ display: flex; flex-wrap: wrap;overflow: hidden; }
.vjg_innersl{width:3.9rem; padding: 0.15rem; box-sizing: border-box;transition:background 0.4s;}
.vjg_innersl[href]:hover{background-color:var(--tophoverbbg);}
.vjg_ph{position:relative; width: 100%; border-radius: 0.2rem; aspect-ratio:16 / 9; overflow: hidden;}
.vjg_ph img{display:block;width:100%;height:100%;object-fit:cover;}

.vjg_contx{line-height: 1.5em; max-height: 3em; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;margin:0.7em 0 0.5em 0; }
.vjglinum{font-size: 0.9em; color: #8a8192;}

.twittertop_mob{padding: 0.3rem 0.3rem 0.1rem 0.3rem; background: #fff; display: flex; flex-wrap: wrap;}
.twitp_inslide{ width:17.5%; height: 2rem; margin: 0 3% 3% 0; background: #e8e8e8; }
.twittertop_mob .twitp_inslide:nth-child(5n){margin: 0 0 3% 0;}

.linktop_mob{padding: 0.2rem; box-sizing: border-box; background: #fff; }
.vj_bn{display: flex; flex-wrap: wrap;}
.vj_bn a{margin:0.05rem;max-width: 23.5%; width: 118px;}
.vj_bn a[href]:hover{opacity: 0.6;}

.othertop_mob{padding: 0; text-align: center;}



/* page */
.page{background: #6f6f6f;}
.page .menubg{ position: absolute; top: 0;left: 0; width:100%;height: 2.3rem;border-bottom: 0; background: var(--menubg) url("../images/menupage_bg.png") 0 0 repeat-x; background-size: auto 100%; }
.page_topph{ position: absolute; top: 0; left:39%; width: 5.2rem; z-index: 20; }
.page_title{ position: absolute; top: 1.6rem; left:71%; font-size:3.5em; line-height: 0.7rem; height: 0.7rem; font-family: 'NotoSansJP-black', serif; color: #fff; z-index: 30; padding: 0 0.6em; z-index: 20; }
.page_title::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; transform: skewX(-40deg); transform-origin: 50%; }
.ptinsn{ position: relative; z-index: 40;background-image: linear-gradient(to bottom, #fff, var(--menubg)); -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.page .warp{margin-top: 2.3rem;}
.page .warp::before{ display: none; }
.page .warp::after{ display: none; }
.page .main{padding-top: 0.3rem; padding-bottom: 0.3rem;}
.pagetoptx{padding:0 0 1.5em 0 ; font-size:1.25em; line-height:180%; text-align: left; color: #fff; position: relative; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; text-align: justify;}
.newinfotitle{ font-size:1.5em; line-height: 120%;overflow: hidden; background: var(--menubg); position: relative;  }
.nitis{ position: relative; padding: 0.5em 5em 0.5em 1.2em; color: var(--menubg); max-width:calc(90% - 5em); display: inline-block; z-index: 10; background: linear-gradient(-45deg,transparent 0%,transparent 3.5em,#000 3.5em); font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";}
.newinfoinners{ display: block;transition: background 0.4s;margin-bottom:0.3rem;background: #fff;}
.newinfoinners[href]:hover{background-color:var(--tophoverbbg);}
.newinfolistmob{display: flex; flex-wrap: wrap; padding: 2em; }
.newinph{width: 35.08%; padding:0 2.62% 0 0;}
.newinph img{ width: 100%; }
.newintxcon{ width: 62.3%; text-align: justify;}
.nis_tn01{font-size: 1.25em; line-height: 140%; padding-bottom: 0.7em; display: block;color: #e53600; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";}
.pginstitle{font-size: 1.625em; line-height: 150%; font-weight: bold; padding-bottom: 0.5em; letter-spacing: 0.04em; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt";}
.nis_listcon{padding-bottom: 1em;}
.nis_copy{ font-size:0.875em; line-height: 150%; }

.pageft_btn{}
.bantabs{ display: flex; flex-wrap: wrap; }
.bantabs li{ width: 32%; padding:0 2% 2% 0; }
.bantabs li:nth-child(3n){padding-right:0%; }


/* -news- */
.newsnavmob{overflow:hidden;padding-top: 0.1rem;margin-top: -0.1rem;}
.newsnavmob .swiper-slide{ width: auto; font-size: 1.25em; line-height:2.5em; color: #fff; background: #b64ca7; text-align: center; width:1.3rem; transition: padding 0.3s ,margin 0.3s;}
.newsnavmob .newsnav00{ width: 1.62rem; }
.newsnavmob .newsnav01{ background: #3d88ff; }
.newsnavmob .newsnav02{ background: #2d83cd; }
.newsnavmob .newsnav03{ background: #fe2c39; }
.newsnavmob .newsnav04{ background: #ff8f1e; }
.newsnavmob .newsnav05{ background: #04cc4b; }
.newsnavmob .newsnav06{ background: #fe56e2; }
.newsnavmob .newsnav07{ background: #db16e9; }
.newsnavmob .newsnav08{ background: #848484; }
.newsnavmob .sel{padding-top: 0.1rem;margin-top: -0.1rem; background: #fff!important; color: #000!important;}
.newsnavmob .swiper-slide:hover{padding-top: 0.1rem;margin-top: -0.1rem;}

.newslistmob{padding: 0.3rem; background: #fff; display: flex; flex-wrap: wrap;}
.newslistinner{width: 23.5%;margin:0 2% 2% 0; transition:all 0.3s;}
.newslistinner[href]:hover{color: #3d88ff; opacity: 0.9;}
.newslistmob .newslistinner:nth-child(4n){margin-right:0;}
/* .news_lti_ph{position: relative; padding-bottom: 66%;margin-bottom: 0.1rem;}
.news_lti_ph img{position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%)} */

.news_lti_ph {
  position: relative;
  padding-bottom: 66%;
  /* height:160px; */
  margin-bottom: 0.1rem;
}

.news_lti_ph img {position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;object-fit: cover;}

.newstabt{ display: flex; align-items: center;justify-content: space-between;padding: 0 0 0.7em 0;}
.newdico{ color: #fff;background: #b64ca7;font-size: 0.875em; line-height: 130%; padding: 0.1em 0.6em;margin-right: 0.2rem;}
.bgfnav01{ background: #3d88ff; }
.bgfnav02{ background: #2d83cd; }
.bgfnav03{ background: #fe2c39; }
.bgfnav04{ background: #ff8f1e; }
.bgfnav05{ background: #04cc4b; }
.bgfnav06{ background: #fe56e2; }
.bgfnav07{ background: #db16e9; }
.bgfnav08{ background: #848484; }

.news_lti_time{font-size: 0.875em; line-height: 130%;color: #666666;}
.newstextcont{padding: 0.5rem; background: #fff;}
.newstextcont .newstabt{justify-content: flex-start; font-size: 1.25em;}
.newsin_title{ font-size: 1.5em; line-height: 140%; padding-bottom: 1.5em; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; text-align: justify;}
.newsin_txcon{font-size:1.125em; line-height: 150%; text-align: justify;}
.newsin_txcon p,.newsin_txcon div,.newsin_txcon img{margin-bottom: 1.5em;}

.tabls{display: flex;flex-wrap: wrap; padding: 1.8em 0; width: 100%;}
.tabls_tx{ width: 60%;box-sizing: border-box; padding-right: 3%; }
.tabls_ph{ width: 40%; }
.newsin_sbox{padding: 1em; background: #ececec;margin:1.5em 0;}


/* -nextinfo- */
.nextinfolistmob{padding: 0.3rem; background: #fff; display: flex; flex-wrap: wrap; /* justify-content: space-evenly; */ overflow: hidden;}
.nextinfolistmob .nttop_insl{width: 49%;margin:0 2% 2% 0; transition:background 0.3s;}
.nextinfolistmob .nttop_insl[href]:hover{background-color:var(--tophoverbbg);}
.nextinfolistmob .nttop_insl:nth-child(2n){margin-right:0;}
/* .nextinfolistmob .nttop_ph img{ width: 100%; } */
.nttop_ph {
  position: relative;
  padding-bottom: 53%;
  /* height:160px; */
  margin-bottom: 0.1rem;
}

.nttop_ph img {position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;object-fit: cover;}

.pagemumob{ position: relative; margin: 1em 0.3em; min-height: 2em; --allcolors: #fff; }
.pagenumlist{display: flex; flex-wrap: wrap; justify-content: center; padding: 0.3em 7em;}
.pagenumlist a{display: block; color: var(--allcolors); border: 1px solid var(--allcolors); padding: 0.3em 0.5em; font-size: 1.1em; line-height: 1em; margin: 0.3em;}
.pagenumlist a:hover,.pagenumlist a.sel{ background-color: var(--allcolors); color: #000; }

.ban_pagest{position: absolute; top:0.2em;font-size: 1.6em;line-height:1.4em; color: var(--allcolors); transition: none; }
.ban_pagest:hover{--allcolors: #000;}
.ban_pageprev{left: 0; padding-left: 0.7em; }
.ban_pagenext{right: 0;padding-right: 0.7em;  }
.ban_pagest::before{content: ""; display: block; width: 0.2em; height: 0.2em;border: 0.35em solid transparent; border-top: 0.35em solid var(--allcolors);border-left: 0.35em solid var(--allcolors);}
.ban_pageprev::before{ position: absolute; top: 0.3em;left: 0; transform: rotate(-45deg)}
.ban_pagenext::before{ position: absolute; top: 0.3em;right: 0; transform: rotate(135deg)}


/* -vjbooks- */
.vjbookspgmob{}
.vjbooksnavmob{overflow:hidden;padding-top: 0.1rem;margin-top: -0.1rem;}
.vjbooksnavmob .swiper-slide{ width: auto; font-size: 1.25em; line-height:2.2em; color: #fff; background: #000; text-align: center; width:1.2rem; transition:all 0.3s;}
.vjbooksnavmob .sel{padding-top: 0.1rem;margin-top: -0.1rem; font-size: 1.5em; line-height: 1.84em; background: #fff!important; color: #000!important;}
.vjbooksnavmob .swiper-slide:hover{padding-top: 0.1rem;margin-top: -0.1rem; background-color:var(--menubg);}


.vjbookspgmob .newstextcont{padding: 0.3rem;}
.title_time{ position: relative; font-size:1.25em ; line-height: 140%; margin:0.1rem 0 0.2rem 0; }
.title_time::after{content: "";display: block; width: calc(100% - 6.5em); height: 0.9em; position: absolute; top: calc(50% - 0.2em);right: 0;
 background-image:linear-gradient(-45deg,transparent calc(50% - 0.5px),#000 calc(50% - 0.5px),#000 calc(50% + 0.5px),transparent calc(50% + 0.5px)); background-size: 4px 4px;}
.vjblistmob{display: flex; flex-wrap: wrap;background: #fff;}
.vjblistmob .vjb_insmob{width:48.7%;margin:0 2.6% 2.6% 0; box-sizing: border-box;padding: 0.2rem; background: #e8e8e8; display: flex;flex-wrap: wrap;}
.vjblistmob .vjb_insmob:nth-child(2n){margin-right: 0;}
.vjb_pginsmob{display: flex;flex-wrap: wrap; font-weight: bold; margin-bottom: 0.5rem}
.vjb_pginsmob .vjb_toptitle{padding: 0.5em 0 ; font-size:1.8em;line-height: 140%; }
.vjb_pginsmob .vjb_times{font-size:1.5em; line-height: 1.6em; color: #900;}
.vjb_pginsmob .ban_vjsma{margin-top: 1em; display: inline-block;}

.vjb_contitle{ font-size: 1.4em; line-height: 140%; }


/* -comic- */
.comicpage{}
.comicpage .nttop_insl{width: 31.6%; margin: 0 2.6% 2.8% 0;position: relative;}
.comicpage .nttop_insl:nth-child(2n){margin-right:2.6%;}
.comicpage .nttop_insl:nth-child(3n){margin-right:0;}
.comicins_ph{ position: relative; padding-bottom: 71.5%; width: calc(100% + 2px);margin-left: -1px; }
.comicins_ph img{position: absolute; bottom: 0; left:0%; width: 100%;}
.comicins_txcon{ border-top: 0; padding-bottom: 6em;  box-sizing: border-box;}
.comicilogo{ padding: 0.3em 0 1em 0;}
.comicins_txins{  }
.comicins_ban{ position: absolute; bottom: 1.5em;left: 0; width: 100%; text-align: center; display: flex; justify-content: center;}
.comicins_ban .ban_vjsmore{display: block; padding: 0.2em 2.4em;font-size: 1em;}




/* page */



.footer{ text-align: center; padding:0.5rem 0.2rem; background-color: #000; color: #fff;}
.ftcopy{font-size: 0.875em; line-height: 150%; color: #cccccc;}
.ftincp{ color: #fff; text-decoration: underline; }

.scllrmob{ position: fixed; bottom: 0.7rem; right: 0.3rem; width:0.6rem; z-index: 200; display: none; }
.scllrmob a{ display: block; border-radius: 999px;margin-top:0.1rem; position: relative; box-sizing: border-box;  transition: all 0.3s;}
.scllrmob a img{ position: relative; z-index: 201; width: 100%; }
.scllrmob .ban_snsinf{display: flex; align-items: center;width:0.6rem;height:0.6rem;}
.scllrmob .ban_snsinf img{width: 56%; padding: 22%; max-height: 55%; }

.scllrmob a:hover{background-color: var(--menubg);}
/* .scllrmob a::before{content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; background: ;} */
.pagetop{background: #000;}
.banp_twi{background: #000;}
.banp_ytb{background: #ee1d1a;}
.banp_ttk{background: #00e4df;}
.banp_fac{background: #005da4;}

.indtopban{display: none!important;}




@media screen and (max-width:1400px) {
  :root{
    --htmlfont: 7.143vw;
  }
}

@media screen and (max-width:1024px) {
.page_topph{ left:41%;}
.page_title{ left:72%; font-size:3.3em;}
}

@media screen and (max-width:767px) {
  :root{
    --htmlfont:13.33vw;
    --swiper-theme-color: #76768E;
  }
html,body{width: 100%; overflow-x: hidden;}

body{ font-size: 0.2rem; line-height: 160%; }
.pc_none{ display:block!important;}
.sp_none{ display:none!important;}

.logo{ width: 64.33%;padding-left:0; }
.ban_menuc{display: block; width:10.67%; position: absolute;top: 0;right: 0; margin:4.8% 5.33% 0 0;}
.ban_menuc:hover{}


.menubg{background:var(--menubg) url("../images/menubg_sp.png") 0 0 repeat-x; background-size: auto 100%;border-bottom:0; height: 2.22rem;}
.mlsmob{ width: 100%;margin: 21% 0 0 0;}
.toptit{right:0.3em; color: #fff; font-size: 0.94em;}
.menulistmob{ position: fixed; top: 0;left: 0; width: 100%; height: 100vh; background: var(--spmenuopenbg) url("../images/menu_spbg.jpg") 0 0 no-repeat; background-size: 100% auto; padding: 1rem 0; box-sizing: border-box; display: none; z-index: 2200; overflow-y: auto;}
.ban_menuinclose{ position: absolute; top: 0; right: 0; margin: 4% 4% 0 0;display: block; width: 0.5rem; height: 0.5rem; transition:transform 0.5s;}
.ban_menuinclose::before{content: ""; display: block; width: 100%; height:3px; position: absolute;top: 50%;left: 0; background-color: #000;transform: rotate(45deg);transform-origin: center;}
.ban_menuinclose::after{content: ""; display: block; width: 100%; height:3px; position: absolute;top: 50%;left: 0; background-color: #000;transform: rotate(-45deg);transform-origin: center;}
.ban_menuinclose:hover{transform: rotate(-90deg);}

.menulist{ display: block;margin:0 auto; width: 400px; max-width: 60%;}
.menulist li:nth-child(1){border-top: 2px solid var(--spmenubanhover)}
.menulist li{background-color: transparent; font-size: 1.5em; line-height: 130%; text-align: center;transform: skewX(0deg);border-bottom: 2px solid var(--spmenubanhover)}
.menulist li a{padding:1.45em 1.5em;color: #000;}
.menulist li a:hover{color: #fff;}

.menulist li .mnt{transform: skewX(0deg);}
.menulist li a::before{ width: 100%; height: 100%;transform: scale(1, 0);transform-origin: center; transition: transform 0.2s linear; background-color: var(--spmenubanhover); }
.menulist li a:hover::before{transform: scale(1, 1); transition-delay: 0.05s;}
.menulist li.mnt_first a{padding:1.45em 1.5em;}
.menulist li.mnt_first::before{display: none}
.menulist li.mnt_first a::after{display: none}
.mut_cli{display: none}

.spmenusns{display:flex; text-align: center;padding: 1.5em 0; justify-content: center; align-items: center;}
.spmenusns a{display:flex;width:0.8rem;height:0.8rem; box-sizing: border-box; padding: 0.2rem;background-color: #000; border-radius: 100%;margin:0 1em; overflow:hidden; text-align: center;color: #fff;justify-content: center; align-items: center;}
.spmenusns a img{vertical-align: middle;}
.spmenusns a:hover{background-color:var(--menubg);}




.warp{margin-top: 2.2rem;}
.topimgmob{display: none;}
.main{margin:0; padding: 0 0 0.4rem 0;}
.topbookscon{margin-top:0;}
.topimg_uds{display: none;}
.topslide .swiper-slide{transform: scale(1);}

.nextinfotop_mob .nttop_insl{ width: calc(85% - 0.3rem);}
.tablinemob{padding-top: 6%;}
.vjbmob{padding-top: 6%;}
.newtopmob{padding-top: 6%;}

.newinfomob{ width:100%;margin:0 0 0% 0; }
.newtopmob{width:100%;}

.pgtitle{ padding:0 0.3rem; }
.pgtitle>img{height: 0.45rem}

.ban_titmore.ban_titmore02{font-size: 0.9em; width: 1.9em; border: 1px solid #fff; border-radius: 999px;right: 0.4rem;top: calc(50% - 1em)!important; }
.ban_titmore.ban_titmore02::before{display: block;}
.ban_titmore.ban_titmore02::after{display: block;}
.banpctx{display: none;}

.ban_titmore02{font-size: 0.9em; border: 1px solid #fff;width: 1.9em; height: 1.9em;right: 0.4rem;top: calc(50% - 1em); }
.ban_titmore02::before{height: 1px;}
.ban_titmore02::before{height: 1px;}

.twitp_inslide{width:31.33%;margin: 0 3% 3% 0;}
.twittertop_mob .twitp_inslide:nth-child(5n){margin: 0 3% 3% 0;}
.twittertop_mob .twitp_inslide:nth-child(3n){margin: 0 0% 3% 0;}

.othertop_mob{margin:0 0.3rem;}


/* page */
.page{background: #fff;}

.page .menubg{height: 2.1rem;border-bottom: 0; background-size: auto 2.3rem; }
.page .warp{margin-top: 2.08rem;}
.page .main{padding-top: 0.4rem; padding-bottom: 0.4rem;}
.page_topph{display: none;}
.page .toptit{display: none;}
.page_title{left:auto;bottom:0.15rem; right:5.33%;font-size:2.3em; line-height:100%;padding: 0;height:1em; }
.page_title::before{display: none;}
.ptinsn{background-image:none;-webkit-text-fill-color:#fff; color: #fff;}
.pagetoptx{text-align: left; color: #000; padding:0 5.33% 0 5.33%; font-size: 1em;}
.newinfoinners{margin: 0 5.33%;padding: 0.5rem 0; border-bottom:1px solid #aaaaaa;}
.newinfolistmob{padding: 0.2rem 0 0 0;}
.newinfotitle{background: none;font-size:1.8em; line-height: 130%;}
.nitis{background: none;padding:0;max-width:100%;}
.newinph{ width: 100%; padding: 0 0 0.2rem 0; }
.newintxcon{ width: 100%;}
.pginstitle{font-size: 1.5em;}

.bantabs{ padding: 0.5rem 5.33% 0 5.33%; }
.bantabs li{ width: 48.5%; padding:0 3% 3% 0; }
.bantabs li:nth-child(3n){padding-right:3%; }
.bantabs li:nth-child(2n){padding-right:0%; }



/* -news- */
.newstextcont{padding: 0em 0.4rem 0.4rem 0.4rem;}
.newslistinner{width: 48.5%;margin:0 3% 3% 0; }
.newslistmob .newslistinner:nth-child(2n){margin-right:0;}


/* -nextinfo- */
.nextinfolistmob{padding:0 0.3rem; background: #fff; display: flex; flex-wrap: wrap; }
.nextinfolistmob .nttop_insl{width:100%; margin:0 0 5% 0;}
.pagemumob{ position: relative; margin: 1em 0.38rem; min-height: 2em; --allcolors: #000; }
.ban_pagest:hover{--allcolors: #555;}




/* -vjbooks- */
.vjbooksnavmob .sel{background: #ccc!important;}
.vjblistmob .vjb_insmob{width:100%;margin:0 0 4% 0; }

.vjb_pginsmob{margin-bottom: 0.5rem}
.vjb_pginsmob .vjb_toptitle{font-size:1.5em;line-height: 140%; }
.vjb_pginsmob .vjb_times{font-size:1.3em; }
.vjb_pginsmob .ban_vjsma{max-width: 50%;}
.pagenumlist a:hover,.pagenumlist a.sel{ color: #fff; }


/* -comic- */
.comicpage .nttop_insl{width: 48%; margin: 4.2% 4% 0 0;}
.comicpage .nttop_insl:nth-child(2n){margin-right:0;}
.comicpage .nttop_insl:nth-child(3n){margin-right:auto;}
.comicins_txcon{ border-top: 0; padding-bottom: 6em; box-sizing: border-box;}
.comicilogo{ padding: 0.3em 0 0.8em 0;}
.comicins_txins{font-size: 0.9em; padding:0 0.5em; }
.comicins_ban{ position: absolute; bottom: 1.5em;left: 0; width: 100%; text-align: center; display: flex; justify-content: center;}
.comicins_ban .ban_vjsmore{display: block; padding: 0.2em 2.4em;font-size: 1em;}







.ftcopy{font-size: 1.1em; line-height: 150%;}
.ftincp{ font-size: 1.05em; }


.index .scllrmob{right:0; bottom: 0;}
.index .pagetop{display: none}
.index .banp_twi{display: none}
.index .banp_fac{display: none}
.index .banp_ytb{display: none}
.index .banp_ttk{display: none}


.index .indtopban{display: block!important; font-size: 1.1em;line-height: 110%; width:0.6rem; text-align: center;font-weight: bold;color: #fff; margin: 0; box-sizing: border-box; padding: 4em 0.8em 1em 0.8em; background: linear-gradient(135deg, transparent 0,transparent 0.6rem,#e47600 0.6rem); border-radius: 0; }
.index .indtopban:hover{background-color:transparent;}

}