@charset "UTF-8";

/*----
   Reset
-----------------*/
html{-webkit-text-size-adjust: 100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
body article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
p{padding-bottom: 2px;}
a{color:#000000;will-change: transform;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a{ transition-duration: 0.3s;}
a img { border-width: 0px; border-style: none; border-color: #fff; background: transparent; }
a img, img { outline: none; }
*{box-sizing: border-box;}
*:focus { outline: none;}
.gnavi a{color: #fff;}

/*----
   Font
-----------------*/
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansCJKjp-Light.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: middle;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: bold;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp-Medium.woff') format('woff');
    font-display: swap;
}


/*----
   Base
-----------------*/
html{font-size: 62.5%;}/* font-10px */

body{
  color: #000;
  min-width: 100%;
  font-size: 1.55rem;
  font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック bold", "Yu Gothic bold",'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  font-weight: 300;
  letter-spacing: 0.08em;
  text-indent: 0.08em;
  line-height: 1.5;
  color: #333;
  font-feature-settings : "palt";
}
h2,h3,h4,h5,h6{
  font-weight: 500;
}
p+p{margin-top:6px;}
img{max-width: 100%;height: auto;}

main{display: block;}


.top_banner{
  padding: 0;
}

.top_banner img {
  display: block;
  margin: 20px auto;
}

.imagebanner img{
  margin: 0px auto 40px;
  display: block;
}


/*別タブ リンクマーク*/
.login.new-tab-w::after{
  position: absolute;
  right: 4px;
  top: 4px;
}
.new-tab::after,
.new-tab-w::after{
  content:"";
  display: inline-block;
  margin: 0 0 0 1px;
  height: 10px;width: 12px;
  background-image:url(../images/common/newtab.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
}
.new-tab-w::after{
  background-image:url(../images/common/newtab-white.png);
}


.sp{display: block;}
.pc{display: none;}
/*↓TB～PC*/
@media screen and (min-width: 600px){
}
/*↓PC*/
@media screen and (min-width: 800px){
a:hover{text-decoration: none;transition-duration: 0.3s;opacity: .6;}
body{font-size:1.6rem;}
.sp{display: none;}
.pc{display: block;}
}





/*----
   Common
-----------------*/
/*footer*/
footer{padding: 10px 0 88px;margin:auto;text-align: center;}
@font-face {
  font-family: 'icomoon';
  src:url('../font/icomoon.eot?ookgoz');
  src:url('../font/icomoon.eot?ookgoz#iefix') format('embedded-opentype'),
    url('../font/icomoon.ttf?ookgoz') format('truetype'),
    url('../font/icomoon.woff?ookgoz') format('woff'),
    url('../font/icomoon.svg?ookgoz#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-line:before        {content: "\e90a";}
.icon-twitter:before     {content: "\ea96";}
.icon-facebook:before    {content: "\ea90";}
.icon-facebook2:before   {content: "\ea91";}

footer .sns {
  background:url(../images/common/sns-title.png) no-repeat;
  background-position: -2px 22px;
  background-size: 24%;
  padding: 15px 0 25px;
  width: 300px;
  margin: auto;
}
footer .sns .sns-li {
  list-style: none;
  margin: auto;
  padding: 0;
  text-align: center;
}
footer .sns .sns-li__item {
  height: 40px;
  line-height: 40px;
  width: 40px;
  margin: auto;
  display: inline-block;
}
footer .sns .sns-li__link {
  display:block;
  color:#ffffff;
  text-decoration: none;
  border-radius: 50px;
  font-size: 2rem;
}
footer .sns .sns-li__item+.sns-li__item{margin-left: 2%;}
footer .sns .sns-li__link.icon-facebook{background:#3B5998;}
footer .sns .sns-li__link.icon-twitter{background:#55acee;}
footer .sns .sns-li__link.icon-line{background:#1dcd00;}
footer .copy{font-size: 1rem;}

@media screen and (min-width: 800px){
footer {padding: 15px 0 40px;}
footer .sns{width: 500px;}

}

/*コンバージョン*/
.co-bottom{position: fixed;bottom:0;width: 100%;z-index: 997;display: inline-flex;flex-wrap: nowrap;}
.co-bottom a{color:#FFF;font-size: 1rem;width: 100%;text-align: center;padding: 8px 0;line-height: 1;}
.co-bottom a img{display:block;margin:auto;width: 30%;padding-bottom:6px;}
.co-bottom .tel{background-color: #cc3121;/*#39b54a;*/}
.co-bottom .mail{background-color: #ffa41e;}
.co-bottom .login{background-color: #009c84;}

@media screen and (max-width: 599px){
  .co-bottom a {
    display: flex;
    flex-direction: column-reverse;
  }
  .co-bottom a img {
    padding-bottom: 0;
    padding-top: 6px;
  }
}
@media screen and (min-width: 600px){
.co-bottom{
  display: inline;
  height: 20%;
  right: 0;
  top: 20vh;
  width: 0px;
}
.co-bottom a{
  display: block;
  position: absolute;
  height: 50px;
  width: 200px;
  vertical-align: middle;
  border-radius: 50px 0 0 50px;
  border: solid 1px #d2d2d2;
}
.co-bottom .tel{display: none;}
.co-bottom .mail{right: -140px;}
.co-bottom .login{top: 55px;width: 280px;right: -220px;position: absolute;}
.co-bottom .login.new-tab-w::after{position: absolute;right: 7px;top: 15px;}
.co-bottom .mail:hover,
.co-bottom .login:hover{right: 0;opacity: 1;}
.co-bottom .mail:hover span,
.co-bottom .login:hover span{opacity: 1;}
.co-bottom a span{
    font-size: 1.8rem;
    padding-top: 9px;
    display: block;
}
.co-bottom a img{
    float: left;
    height: 40px;
    width: auto;
    padding-left: 6%;
}

}


/*上へ戻る*/
.gotop {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 3vw;
  bottom: 11vh;
  background: #fff url(../images/common/totop.png);
  background-repeat: no-repeat;
  background-position:center;
  background-size: 45%;
  border:solid 2px #009c84;
  z-index: 99;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.3s
}
.visible {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.3s;
}

@media screen and (min-width: 330px){
.gotop {bottom: 14vh;}
}
@media screen and (min-width: 800px){
.gotop {bottom: 4vh;}
}



/*main 見出し*/
main{margin: 0 auto;}
section{padding: 18px 0;}

.inner{
  width: 94%;
  margin:auto;
  max-width: 1200px;
}
h2.title{
  font-size: 2.3rem;
  margin-bottom: 2.5%;
  color:#009c84;
  padding:0;
}
h3.title{
  font-size: 2rem;
  color:#FFF;
  background-color:#009c84;
  padding: 8px 3%;
  margin: -18px auto 13px;
  letter-spacing: .13em;
  text-indent: .13em;
}
h3.title img{
  height: 23px;
  width: auto;
  padding: 5px 1.5% 0 0;
  vertical-align: inherit;
  float: none;
}
h3.title span{
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 4px 1%;
  font-weight: 100;
}
h4.title{
  font-size: 2rem;
  margin:0 auto 5px;
  text-align: center;
}
h4.title img{
  height: 40px;
  margin: 6px auto 0;
}

@media screen and (min-width: 800px){
main {margin: 0 auto ;}
section {padding: 20px 0;}
.bread+section {padding: 20px 0 60px;}
h2.title{font-size:3rem;margin:12px auto 45px;text-align: center;position: relative;}
h3.title{
  text-align: center;
  font-size: 2.3rem;
  margin: 0 auto 15px;
  max-width: 1200px;
  padding: 8px 2%;
}
h3.title img{
  height: 33px;
  padding: 0 .8% 6px 0;
  vertical-align: middle;
}
h3.title span{font-size: 1.6rem;}
h4.title img{margin: 0 auto 25px;height: 60px;}

}
@media screen and (max-width: 559px){
  .news {
    background-color: #fff!important;
    padding: 5% 0 5%!important;
  }
  .title-sub{
    font-size: 2rem;
  }
  .txt h4{
    font-size: 1.75rem;
  }
  .gnavi a{
    color: #009c84;
  }
}



/*テーブル*/
table{width: 100%;}
table tr{}
table tr th,table tr td{border-bottom: solid 1px #dcdcdc;padding: 6px 1.5%;vertical-align: middle;}
table tr th{background:#009c84;color:#FFF;}
table tr td{background:#FFF}
table tr th+td{
  border-left:none;
}
table tr td a:link{color:#009c84;text-decoration-line: underline;}
.implementation_school{color:#009c84;}



/*もっと見るボタン*/
.more-link{position: relative;text-align: center;margin: 12px auto 15px;}
.more-link a{
  display: block;
  background-color: #FFF;
  border:solid 1px #cccccc;
  box-shadow: 1px 2px 0 #cccccc;
  border-radius:50px;
  padding: 20px 0;
  font-size: 1.6rem;
}
.more-link::after{
  content: "";
  width: 35px;
  height: 20px;
  background: url(../images/common/after.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 37%;
}
.more-link img{
  width: 7%;
  vertical-align: middle;
  padding: 0 2% 0 0;
}
@media screen and (min-width: 800px){
.more-link {width: 100%;margin: 35px auto 0;}
.more-link a{width: 60%;margin:auto;}
.more-link::after {right: 20%;}
}



/*パンくず*/
.bread{padding:16px 3% 6px;}
.breadcrumb {padding: 0 0 2%;border-bottom: solid 1px #a2a2a2;}
.breadcrumb li{display:inline;}
.breadcrumb li:after{
  content: '>';
  padding: 0 3px;
  color: #808080;
}
.breadcrumb li:last-child::after{content: '';}
.breadcrumb li img{
  width: 16px;
  margin: 0;
  display: inline;
}
.breadcrumb li a {font-size: 1.3rem;color:#009c84;}
.breadcrumb li a:hover {}

@media screen and (min-width: 800px){
.bread{padding:0 0 10px;width: 94%;max-width: 1200px;margin:auto;}
.breadcrumb {padding: 15px 0 10px;}
}



/*校舎イベント・試験 情報*/
.event{}
#select{
  padding-top: 70px;
  margin-top: -70px;
}
/*選択ボタン*/
.schoolyear p{
  text-align: center;
  margin: 20px 0;
}
.filter {
  display: flex;
  flex-wrap: wrap;
  margin-bottom:8px;
}
.filter a{
  width: 25%;
  text-align: center;
  padding: 8px 0;
  color:#FFF;
  opacity: .3;
}
.filter a.active{opacity: 1;}
/*学年タグ*/
.all {background: #333;}
.infant,.top-box span.infant-tag {background: #ff74bd;}
.low,.top-box span.low-tag{background: #ffb11e;}
/*.upper,.top-box span.upper-tag {background: #ff561e;}*/
.upper,.top-box span.upper-tag {background: #ff6d00;}
/*.middle,.top-box span.middle-tag {background: #15a9f5;}*/
.middle,.top-box span.middle-tag {background: #cc3121;}
.high,.top-box span.high-tag {background: #8cc63f;}
.parent,.top-box span.parent-tag {background: #009b84;}
.other,.top-box span.other-tag {background: #065baa;}
/*イベント項目*/
.box{background: #FFF;padding:3%;margin-top:1.5%;position: relative;}
.box::after{content:"";height: 10px;width: 0;border-bottom: 12px solid #009c84;
border-left: 12px solid transparent;position: absolute;bottom: 4%;right: 3%;}
.box a{display: block;}
.box .category{background-color: #009c84;color:#FFF;text-align: center;font-size: 1.4rem;margin-bottom:3px;}
  .box h3.category .day{}
  .box h3.category .type{}
.box .top-box{margin-bottom:1.8%;}
  .box .top-box img,.top-box div{vertical-align: top;}
  .box .top-box img{width: 85%;padding: 10px 0 5px 0;display: block;margin: 0 auto;}
  .box .top-box div{display: inline-block;width: 100%;margin-left:1%;padding-top:6px;}
  .box .top-box div span{color:#FFF;padding:0 5% 1px;border-radius: 25px;font-size: 1.2rem; display: inline-block;}
  .box .top-box div h4{font-size: 1.6rem;line-height: 1.3;padding: 6px 0;}
/*-- イベントエリア表記
.box .place{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:8px;font-size: 1.4rem;}
  .box .place .area{}
  .box .place .school{}
  .box .place .area::before,.box .place .school::before{content:"";display: inline-block;width: 12px;height:14px;margin-right:1%;vertical-align: middle;}
  .box .place .area::before{background:url(../images/common/sc-map.png) no-repeat;background-size: contain;}
  .box .place .school::before{background:url(../images/common/sc-school.png) no-repeat;background-size: contain;}
--*/
.box .txt-box{height: 67px;overflow: hidden;position: relative;}
.box .txt-box::after{
  content:"";display: block;width: 100%;height:50px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 85%);
  position: absolute;bottom:0;
}
.box .txt-box p{font-size: 1.4rem;}

.is-animated {animation: .6s zoom-in;}
@keyframes zoom-in {
0% {transform: scale(.1);}
100% {transform: none;}
}

/*↓ミニマム機器*/
@media screen and (max-width: 330px){
.top-box div{display: inline-block;width: 60%;}
.top-box div h4{font-size: 1.45rem;}
}
/*↓TB～PC*/
@media screen and (min-width: 600px){
.box {overflow: hidden;}
.top-box div{margin-left:auto}
.top-box img{float: left;padding-right: 2%;}
}
/*↓PC*/
@media screen and (min-width: 800px){
.filter {flex-wrap: nowrap;}
.filter a {width: 100%;}
.filter a:hover{opacity: 1;}
.filter a.active{
  position: relative;
  transform: scale(1.2);
  z-index: 1;
  border-right: solid 2px #FFF;
  border-left: solid 2px #fff;
}

.filter a.active::after{
  content:"";background-image:url(../images/common/after.png);
  width: 18px;height: 10px;display:inline-block;position: absolute;
  background-size: contain;background-repeat: no-repeat;
  transform: rotate(90deg);bottom: -20px;left: 0;right: 0;margin: auto;
}
#select{padding-top: 88px;margin-top: -88px;display: flex;flex-wrap: wrap;justify-content: center;}
.box {width: 24%;margin:1.5% .5%;padding: 0 0 1.5%;}
.box .category {font-size: 1.6rem;padding: 2px 0 3px;margin-bottom: 0;}
.box .top-box {margin-bottom: 0;text-align: center;}
.box .top-box img {width: auto;display: block;margin: 10px auto 0;padding: 0;float: none;}
.box .top-box div{text-align: left;width: 90%;margin:auto;}
.box .top-box div h4{font-size: 1.8rem;margin:3px 0 6px;}
.box .top-box div span {font-size: 1.4rem;display: inline-block;text-align: center;}
.box .txt-box {height: 75px;}
.box .txt-box::after{
  content:"";display: block;width: 100%;height:50px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 85%);
}
.box .txt-box p {font-size: 1.4rem;padding-bottom: 3px;}
.box .place{width: 90%;margin:auto;}
.box .txt-box{width: 90%;margin:auto;}


}


/*==================

  グループ共通footer

======================================*/
#footer li{
  text-align: left;
}

/*グループリンク*/
.group-link{
  background-color: #F4F5F7;
  border-top: solid 1px #ececec;
}
.group-link ul{
  width: 100%;
  max-width: 694px;
  margin: 0 auto;
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  font-size: 0;

}
.group-link ul li{width: 33.3%;}
.group-link ul li a{display: block;}
.group-link ul li a img{}
.group-link h4.title img {
    height: 28px;
}
@media screen and (min-width: 800px){
.group-link ul{padding: 0;}
.group-link ul li{width: auto;}
}
@media screen and (min-width: 1300px){
  .group-link ul{
  }
}

/*グループリンクリスト*/
.group-list{
    background-color: #FFF;
    padding-bottom: 30px;
}
.group-list ul{
  display:inline-block;
  width:48%;
  vertical-align:top;
  padding-top: 15px;
  font-size: 1.4rem;
}
.group-list ul:nth-child(even){
  padding-left:1%;
}
.group-list ul:last-child{
  width:100%;
}
.group-list ul li:first-child::after{
  content:"";
  display:block;
  height:1px;
  background-color: #cacaca;
  width:20px;
  margin:3px 0 5px 1px;
}
.group-list a{display:block;}
.group-list a:link,
.group-list a:active { text-decoration: none; color:#000000;}
.group-list a:hover{color:#000;}
.group-list h5{
  font-size:1.6rem;
  margin-bottom:3px
}
.group-list ul:nth-child(1) h5{color: #009c84}
.group-list ul:nth-child(2) h5{color: #009b84;}
.group-list ul:nth-child(3) h5{color: #0080c8;}
.group-list ul:nth-child(4) h5{color: #1d2087;}
.group-list ul:nth-child(5) h5{color: #e3007f;}
.group-list a h5::after,
.group-list a span::after {
    content: "";
    display: inline-block;
    height: 10px;
    width: 12px;
    background-image: url(../images/common/newtab.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: initial;
    margin: 0 0 2px 3px;
}
.group-list ul.herenow a h5::after,
.group-list ul.herenow a span::after {
  content:none;
}

@media screen and (min-width: 800px){
.group-list .inner{
  display:flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.group-list ul,
.group-list ul:last-child{
  width:auto;
}
.group-list ul:nth-child(even){
  padding-left:0;
}
}


/*スライダーベース*/
.slick-slide img{margin:auto;}
.slick-dots {
  margin-top: 8px;
}
.slide-arrow{
  width: 3%;
  position: absolute;
  top: 25%;
}
.prev-arrow{left: 0;}/*前へ*/
.next-arrow{right: 0;}/*次へ*/

@media screen and (min-width: 800px){
.slide-arrow {width: auto;}
.slick-dots {margin-top: 20px;}
}

/*==================

  下層共通

======================================*/
.title-main{
  color: #FFF;
  background-color: #009c84;
  font-size: 2.2rem;
  padding: 0 2% 1.5px;
}
.title-sub{
  color: #009c84;
  font-size: 2.25rem;
  line-height: 1.5;
  font-weight: bold;
  padding: 0px 5px 4px 2px;
  margin: 0 0 10px;
  position: relative;
  border-bottom: 2px dotted;
}

.title-sub:before{
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background:url(../images/common/heading3_bg002.png) no-repeat 0 7px;
}


/*----------
    埋め込み旧ソースのreset
------------------------------*/
#container,#mainContainer{float: none;width: 96%;margin:auto;}

@media screen and (min-width: 800px){
#container,#mainContainer{width: 100%;}
}

@media screen and (min-width: 800px){
  .box .top-box img{
    width: 100% !important;
    max-width:265px !important;
  }
}
@media screen and (max-width: 599px){
  .filter a.active {
      opacity: 1;
      transform: scale(1.2);
      z-index: 1;
  }
}
@media screen and (max-width: 375px){
.filter a{
  font-size: 1.3rem;
}
.imagebanner img{
  width: 95%;
}
.top_banner img {
  width: 95%;
}
}
@media screen and (max-width: 320px){
.filter a{
  font-size: 1.0rem;
}
}



/*スライダーベース*/
.slick-slide img{margin:auto;}
.slick-dots {
  margin-top: 8px;
}
.slide-arrow{
  width: 3%;
  position: absolute;
  top: 25%;
}
.prev-arrow{left: 0;}/*前へ*/
.next-arrow{right: 0;}/*次へ*/

@media screen and (min-width: 800px){
.slide-arrow {width: auto;}
.slick-dots {margin-top: 20px;}
}





/*----------
    埋め込み旧ソースのreset
------------------------------*/
#container,#mainContainer{float: none;width: 96%;margin:auto;}

@media screen and (min-width: 800px){
#container,#mainContainer{width: 100%;}
}

@media screen and (min-width: 800px){
  .box .top-box img{
    width: 100% !important;
    max-width:265px !important;;
  }
}
@media screen and (max-width: 375px){
.filter a{
  font-size: 1.3rem;
}
}
@media screen and (max-width: 320px){
.filter a{
  font-size: 1.0rem;
}
}


.brandfilter .page-nav
  {padding: 0 0 0 3%;position: relative;
}
.brandfilter .page-nav:after{
  content:"";
  display: block;
  background:#333 url(../images/common/icon-ri_white.png);
  z-index: 99;
  position: absolute;
  height: 100%;
  width: 5.5%;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
.brandfilter .page-nav ul{
  font-size: 0;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding-right: 5.5%;
}
.brandfilter .page-nav li{
  display:inline-block;
  margin:-1px;
}

.brandfilter .page-nav li a{
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 100;
  padding: 13px 20px;
  display: block;
}
.brandfilter .page-nav li img{
  width: 100%;
  max-height: 42px;
  vertical-align: middle;
  padding-right: 6px;
}
.brandfilter .page-nav ul{
  display: list-item ;
}
.brandfilter .page-nav ul li .select{
  display: none;
}
.brandfilter .page-nav ul li .no_select{
  display: inline-block;
}
.brandfilter .page-nav ul li.active .select{
  display: inline-block;
}
.brandfilter .page-nav ul li.active .no_select{
  display: none;
}
@media screen and (min-width: 800px){
  .brandfilter .page-nav{
    margin: auto;
    padding: 10px 0 0;
    width: 94%;
    max-width: 1200px;
  }
  .brandfilter .page-nav ul{
    display: list-item !important;
    /*display: flex !important;*/
    overflow: hidden;
    padding-right: 0;
    text-align: center;
    padding-bottom: 30px;
  }
  .brandfilter .page-nav ul li{
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 11.5%;
  }
  .brandfilter .page-nav ul li.active{
    cursor: default;
  }
  .brandfilter .page-nav::after{
    content:none;
  }
}