@charset "utf-8";

.charaBlock .sortTab{
  position: absolute;
  top:-52%;/*元は-62%*/
}
@media (min-width:768px){
.charaBlock .sortTab{
  top:-57%;
}
}

.charaBlock .sortTab ul{
  flex-wrap: wrap;
}
@media (min-width:768px){
  .charaBlock .sortTab ul{
    flex-wrap: nowrap;
}
}

.charaBlock .sortTab li{
  width:33%;
}

@media (min-width:768px){
  .charaBlock .sortTab img{
    max-width:161px;
  }
}



#character .sortTab{
  position: absolute;
  top:-47%;
  padding: 0;
  width:100%;
}
@media (min-width:768px){
#character .sortTab{
  top:-73%;
  padding: 0 5%;
}
}

 .secTop .sortTab ul li {
position:relative;
}

@media (min-width:768px){
 .secTop .sortTab ul li {
position:relative;
}
}

 .secTop .sortTab ul li.new a:after{
    content: "";
    background: url(/tv/bbh/images/character/icon_new.png) no-repeat;
    background-size: 70%;
    width: 52px;
    height: 36px;
    display: block;
    position: absolute;
    background-position: right top;
    top: -5%;
    left: -10%;
    transform: rotate(-15deg);
}

@media (min-width:768px){
 .secTop .sortTab ul li.new a:after{
    content: "";
    background: url(/tv/bbh/images/character/icon_new.png) no-repeat;
    background-size: 70%;
    width: 52px;
    height: 36px;
    display: block;
    position: absolute;
    background-position: right top;
    top: 0%;
    left: -15%;
    transform: rotate(-15deg);
}
}


body.barsoul .lowerBlock .atcOut{
    padding: 14% 8.67% 0px;
}

@media (min-width:768px){
body.barsoul .lowerBlock .atcOut{
  padding:20px 4% ;
  display:block;
 }
}

.lowerBlock .atcOut{
  padding:14% 8.67% 10%;
}
@media (min-width:768px){
  .lowerBlock .atcOut{
  padding:25px 4% 20px;
  display:block;
  }
}

.listBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: auto;
    margin: -15px auto 10px;
    padding-top: 5%;
}
@media (min-width:768px){
    .listBlock{
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  width:85%;
  margin: -42px auto 35px;
}
}

.spceial{width:100% !important;}
@media (min-width:768px){
.spceial{width:59% !important;}
}

/* キャラサムネイル */
body.totta .listBlock div.liTotta img ,body.potepen01 .listBlock div.liPotepen img,
body.toma .listBlock div.liToma img ,body.hojirou .listBlock div.liHojirou img,
body.tonpei .listBlock div.liTonpei img ,body.haha .listBlock div.liHaha img,
body.shimada01 .listBlock div.liShimada img,
body.shimada02 .listBlock div.liShimada img,
body.shimada03 .listBlock div.liShimada img,
body.shimada04 .listBlock div.liShimada img,
body.shimada05 .listBlock div.liShimada img,
body.shimada06 .listBlock div.liShimada img,
body.shimada06_02 .listBlock div.liShimada img,
body.shimada07 .listBlock div.liShimada img,
body.shimada08 .listBlock div.liShimada img,
body.shimada09 .listBlock div.liShimada img,
body.shimada10 .listBlock div.liShimada img,
body.shimada11 .listBlock div.liShimada img,
body.shimada12 .listBlock div.liShimada img,
body.shimada13 .listBlock div.liShimada img,
body.shimada14 .listBlock div.liShimada img,
body.shimada15 .listBlock div.liShimada img,
body.shimada16 .listBlock div.liShimada img,
body.shimada17 .listBlock div.liShimada img,
body.shimada18 .listBlock div.liShimada img,
body.shimada19 .listBlock div.liShimada img,
body.shimada20 .listBlock div.liShimada img,
body.shimada21 .listBlock div.liShimada img,
body.shimada22 .listBlock div.liShimada img,
body.shimada23 .listBlock div.liShimada img,
body.shimada24 .listBlock div.liShimada img,
body.shimada25 .listBlock div.liShimada img,
body.shimada26 .listBlock div.liShimada img,
body.shimada27 .listBlock div.liShimada img,
body.shimada28 .listBlock div.liShimada img,
body.shimada29 .listBlock div.liShimada img,
body.shimada30 .listBlock div.liShimada img,
body.shimada31 .listBlock div.liShimada img,
body.shimada32 .listBlock div.liShimada img,
body.shimada33 .listBlock div.liShimada img,
body.shimada34 .listBlock div.liShimada img,
body.shimada35 .listBlock div.liShimada img,
body.shimada36 .listBlock div.liShimada img,
body.shimada37 .listBlock div.liShimada img,
body.shimada38 .listBlock div.liShimada img,
body.shimada39 .listBlock div.liShimada img,
body.shimada40 .listBlock div.liShimada img,
body.shimada41 .listBlock div.liShimada img,
body.shimada42 .listBlock div.liShimada img,
body.shimada43 .listBlock div.liShimada img,
body.shimada44 .listBlock div.liShimada img,
body.shimada45 .listBlock div.liShimada img,
body.shimada46 .listBlock div.liShimada img,
body.shimada47 .listBlock div.liShimada img,
body.shimada48 .listBlock div.liShimada img,
body.shimada49 .listBlock div.liShimada img,
body.shimada50 .listBlock div.liShimada img,
body.potepen02 .listBlock div.liPotepen img,
body.potepen03 .listBlock div.liPotepen img,
body.potepen04 .listBlock div.liPotepen img,
body.potepen05 .listBlock div.liPotepen img,
body.potepen06 .listBlock div.liPotepen img,
body.potepen07 .listBlock div.liPotepen img,
body.potepen08 .listBlock div.liPotepen img,
body.potepen09 .listBlock div.liPotepen img,
body.potepen10 .listBlock div.liPotepen img,
body.kiba .listBlock div.liKiba img,
body.shuwajirou .listBlock div.liShuwajirou img,
body.shachi .listBlock div.liShachi img,
body.kingsalmon .listBlock div.liKingsalmon img,
body.haneru .listBlock div.liHaneru img,
body.tonpei01 .listBlock div.liTonpei img,
body.tonpei02 .listBlock div.liTonpei img,
body.tonpei03 .listBlock div.liTonpei img,
body.tonpei04 .listBlock div.liTonpei img,
body.tonpei05 .listBlock div.liTonpei img,
body.tonpei06 .listBlock div.liTonpei img,
body.tonpei06_02 .listBlock div.liTonpei img,
body.tonpei06_03 .listBlock div.liTonpei img,
body.tonpei07 .listBlock div.liTonpei img,
body.tonpei08 .listBlock div.liTonpei img,
body.tonpei09 .listBlock div.liTonpei img,
body.tonpei10 .listBlock div.liTonpei img,
body.tonpei11 .listBlock div.liTonpei img,
body.tonpei12 .listBlock div.liTonpei img,
body.tonpei13 .listBlock div.liTonpei img,
body.tonpei14 .listBlock div.liTonpei img,
body.tonpei14_02 .listBlock div.liTonpei img,
body.tonpei14_03 .listBlock div.liTonpei img,
body.tonpei15 .listBlock div.liTonpei img,
body.tonpei16 .listBlock div.liTonpei img,
body.tonpei17 .listBlock div.liTonpei img,
body.tonpei18 .listBlock div.liTonpei img,
body.tonpei19 .listBlock div.liTonpei img,
body.tonpei20 .listBlock div.liTonpei img,
body.tonpei21 .listBlock div.liTonpei img,
body.tonpei22 .listBlock div.liTonpei img,
body.tonpei23 .listBlock div.liTonpei img,
body.tonpei24 .listBlock div.liTonpei img,
body.tonpei25 .listBlock div.liTonpei img,
body.tonpei26 .listBlock div.liTonpei img,
body.tonpei27 .listBlock div.liTonpei img,
body.tonpei28 .listBlock div.liTonpei img,
body.tonpei29 .listBlock div.liTonpei img,
body.tonpei30 .listBlock div.liTonpei img,
body.tonpei31 .listBlock div.liTonpei img,
body.tonpei32 .listBlock div.liTonpei img,
body.tonpei33 .listBlock div.liTonpei img,
body.tonpei34 .listBlock div.liTonpei img,
body.tonpei35 .listBlock div.liTonpei img,
body.tonpei36 .listBlock div.liTonpei img,
body.tonpei37 .listBlock div.liTonpei img,
body.tonpei38 .listBlock div.liTonpei img,
body.tonpei39 .listBlock div.liTonpei img,
body.tonpei40 .listBlock div.liTonpei img,
body.tonpei41 .listBlock div.liTonpei img,
body.tonpei42 .listBlock div.liTonpei img,
body.tonpei43 .listBlock div.liTonpei img,
body.tonpei44 .listBlock div.liTonpei img,
body.tonpei45 .listBlock div.liTonpei img,
body.tonpei46 .listBlock div.liTonpei img,
body.tonpei47 .listBlock div.liTonpei img,
body.tonpei48 .listBlock div.liTonpei img,
body.tonpei49 .listBlock div.liTonpei img,
body.tonpei50 .listBlock div.liTonpei img
{ box-shadow: 0 0 0 4px #ffe500;border: 2px solid #010294;border-radius:50%;}


body.totta .listBlock div.liTotta p ,body.potepen01 .listBlock div.liPotepen  p,
body.toma .listBlock div.liToma p ,body.hojirou .listBlock div.liHojirou  p,
body.tonpei .listBlock div.liTonpei p,body.haha .listBlock div.liHaha  p
body.shimada01 .listBlock div.liShimada  p,
body.shimada02 .listBlock div.liShimada  p,
body.shimada03 .listBlock div.liShimada  p,
body.shimada04 .listBlock div.liShimada  p,
body.shimada05 .listBlock div.liShimada  p,
body.shimada06 .listBlock div.liShimada  p,
body.shimada06_02 .listBlock div.liShimada  p,
body.shimada07 .listBlock div.liShimada  p,
body.shimada08 .listBlock div.liShimada  p,
body.shimada09 .listBlock div.liShimada  p,
body.shimada10 .listBlock div.liShimada  p,
body.shimada11 .listBlock div.liShimada  p,
body.shimada12 .listBlock div.liShimada  p,
body.shimada13 .listBlock div.liShimada  p,
body.shimada14 .listBlock div.liShimada  p,
body.shimada15 .listBlock div.liShimada  p,
body.shimada16 .listBlock div.liShimada  p,
body.shimada17 .listBlock div.liShimada  p,
body.shimada18 .listBlock div.liShimada  p,
body.shimada19 .listBlock div.liShimada  p,
body.shimada20 .listBlock div.liShimada  p,
body.shimada21 .listBlock div.liShimada  p,
body.shimada22 .listBlock div.liShimada  p,
body.shimada23 .listBlock div.liShimada  p,
body.shimada24 .listBlock div.liShimada  p,
body.shimada25 .listBlock div.liShimada  p,
body.shimada26 .listBlock div.liShimada  p,
body.shimada27 .listBlock div.liShimada  p,
body.shimada28 .listBlock div.liShimada  p,
body.shimada29 .listBlock div.liShimada  p,
body.shimada30 .listBlock div.liShimada  p,
body.shimada31 .listBlock div.liShimada  p,
body.shimada32 .listBlock div.liShimada  p,
body.shimada33 .listBlock div.liShimada  p,
body.shimada34 .listBlock div.liShimada  p,
body.shimada35 .listBlock div.liShimada  p,
body.shimada36 .listBlock div.liShimada  p,
body.shimada37 .listBlock div.liShimada  p,
body.shimada38 .listBlock div.liShimada  p,
body.shimada39 .listBlock div.liShimada  p,
body.shimada40 .listBlock div.liShimada  p,
body.shimada41 .listBlock div.liShimada  p,
body.shimada42 .listBlock div.liShimada  p,
body.shimada43 .listBlock div.liShimada  p,
body.shimada44 .listBlock div.liShimada  p,
body.shimada45 .listBlock div.liShimada  p,
body.shimada46 .listBlock div.liShimada  p,
body.shimada47 .listBlock div.liShimada  p,
body.shimada48 .listBlock div.liShimada  p,
body.shimada49 .listBlock div.liShimada  p,
body.shimada50 .listBlock div.liShimada  p,
body.potepen02 .listBlock div.liPotepen  p,
body.potepen03 .listBlock div.liPotepen  p,
body.potepen04 .listBlock div.liPotepen  p,
body.potepen05 .listBlock div.liPotepen  p,
body.potepen06 .listBlock div.liPotepen  p,
body.potepen07 .listBlock div.liPotepen  p,
body.potepen08 .listBlock div.liPotepen  p,
body.potepen09 .listBlock div.liPotepen  p,
body.potepen10 .listBlock div.liPotepen  p,
body.kiba .listBlock div.liKiba p,
body.shuwajirou .listBlock div.liShuwajirou p,
body.shachi .listBlock div.liShachi p,
body.haneru .listBlock div.liHaneru p,
body.kingsalmon .listBlock div.liKingsalmon p,
body.mugen .listBlock div.liMugen p,
body.tonpei01 .listBlock div.liTonpei  p,
body.tonpei02 .listBlock div.liTonpei  p,
body.tonpei03 .listBlock div.liTonpei  p,
body.tonpei04 .listBlock div.liTonpei  p,
body.tonpei05 .listBlock div.liTonpei  p,
body.tonpei06 .listBlock div.liTonpei  p,
body.tonpei07 .listBlock div.liTonpei  p,
body.tonpei08 .listBlock div.liTonpei  p,
body.tonpei09 .listBlock div.liTonpei  p,
body.tonpei10 .listBlock div.liTonpei  p,
body.tonpei11 .listBlock div.liTonpei  p,
body.tonpei12 .listBlock div.liTonpei  p,
body.tonpei13 .listBlock div.liTonpei  p,
body.tonpei14 .listBlock div.liTonpei  p,
body.tonpei14_02 .listBlock div.liTonpei  p,
body.tonpei14_03 .listBlock div.liTonpei  p,
body.tonpei15 .listBlock div.liTonpei  p,
body.tonpei16 .listBlock div.liTonpei  p,
body.tonpei17 .listBlock div.liTonpei  p,
body.tonpei18 .listBlock div.liTonpei  p,
body.tonpei19 .listBlock div.liTonpei  p,
body.tonpei20 .listBlock div.liTonpei  p,
body.tonpei21 .listBlock div.liTonpei  p,
body.tonpei22 .listBlock div.liTonpei  p,
body.tonpei23 .listBlock div.liTonpei  p,
body.tonpei24 .listBlock div.liTonpei  p,
body.tonpei25 .listBlock div.liTonpei  p,
body.tonpei26 .listBlock div.liTonpei  p,
body.tonpei27 .listBlock div.liTonpei  p,
body.tonpei28 .listBlock div.liTonpei  p,
body.tonpei29 .listBlock div.liTonpei  p,
body.tonpei30 .listBlock div.liTonpei  p,
body.tonpei31 .listBlock div.liTonpei  p,
body.tonpei32 .listBlock div.liTonpei  p,
body.tonpei33 .listBlock div.liTonpei  p,
body.tonpei34 .listBlock div.liTonpei  p,
body.tonpei35 .listBlock div.liTonpei  p,
body.tonpei36 .listBlock div.liTonpei  p,
body.tonpei37 .listBlock div.liTonpei  p,
body.tonpei38 .listBlock div.liTonpei  p,
body.tonpei39 .listBlock div.liTonpei  p,
body.tonpei40 .listBlock div.liTonpei  p,
body.tonpei41 .listBlock div.liTonpei  p,
body.tonpei42 .listBlock div.liTonpei  p,
body.tonpei43 .listBlock div.liTonpei  p,
body.tonpei44 .listBlock div.liTonpei  p,
body.tonpei45 .listBlock div.liTonpei  p,
body.tonpei46 .listBlock div.liTonpei  p,
body.tonpei47 .listBlock div.liTonpei  p,
body.tonpei48 .listBlock div.liTonpei  p,
body.tonpei49 .listBlock div.liTonpei  p,
body.tonpei50 .listBlock div.liTonpei  p
{color: #ffe500;}

.listBlock a:hover img{ box-shadow: 0 0 0 4px #ffe500;border: 2px solid #010294;border-radius:50%;}
.listBlock a:hover p {color: #ffe500;}


.charaList{
    font-size: 0.9rem;
    font-weight:700;
    text-align: center;
    width: 25%;
      font-weight:700;
    margin-bottom: 8px;
    position: relative;
}
@media (min-width:768px){
  .charaList{
    font-size: 1.1rem;
    width: 14.15%;
    }
  }

.charaList img{
  margin-bottom:5px;
  width:87%;
}
@media (min-width:768px){
  .charaList img{
/*    width:80%;*/
    max-width:80px;
    }
  }

.charaList p{
  text-align: center;
}

.icoOut{
  position: relative;
  display: inline-block;
}

/*
.charaList .new{
  position: relative;
}
*/

.charaList .new:after{
  content:"";
  width:52px;
  height:36px;
  position:absolute;
  top:-5px;
  left:0;
  display:block;
  background:url(/tv/bbh/images/character/icon_new.png) no-repeat;
  background-size:70%;
  transform:rotate(-15deg);
}
@media (min-width:768px){
.charaList .new:after{
  content:"";
  top:-17px;
  background-size:80%;
}
}

.listBlock .current img{
  box-shadow:0 0 0 2px #ffe500;
  border: 1px solid #010294;
  border-radius: 50%;
}
@media (min-width:768px){
.listBlock .current img{
  box-shadow:0 0 0 4px #ffe500;
  border: 2px solid #010294;
}
}

.listBlock .current p{
  color:#ffe500;
}

/*バーソウル用*/
.basoulList{
  margin-bottom: 20px;
}



.basoulList ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 110%;
    margin: 0 -5%;
}

@media (min-width:768px){

.basoulList ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}


}
.basoulList li{
  width:20%;
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width:768px){
  .basoulList li{
    margin-bottom:0;
    width:16.6%;
    margin-right: 1.5%;;
    }
  }

.basouList li:last-child{
  margin-right:0;
}


.basoulList li img{
  max-width:90px;
  width:80%;
}
@media (min-width:768px){
  .basoulList li img{
    width:100%;
    }
  }

.basoulList .current img{
  box-shadow:0 0 0 4px #ffe500;
  border: 2px solid #010294;
  border-radius: 50%;
}

.charaArea{
  position:relative;
  margin-bottom: 25px;
}

body.barsoul .charaArea {
    position: relative;
    margin:0px 0 25px;
}

@media (min-width:768px){
  .charaArea{
    margin-bottom: 40px;
    }
  }

.charaArea .forward{
  width:15%;
  text-align: center;
  position: absolute;
  left:-9%;
  top:80px;
  font-size:1.5rem
}
@media (min-width:768px){
  .charaArea .forward{
    left:-1%;
    top:130px;
    font-size:2rem;
    }
  }

@media (min-width:768px){
  .charaArea .forward img,.charaArea .next img{
  max-width:80px;
  }
}

.charaArea .area{
  width:65%;
  margin: 30px auto 0 auto;
}
@media (min-width:768px){
  .charaArea .area{
    width:45%;
	margin: 30px auto 0 auto;
    }
  }
  
.charaArea .area2{
  width:85%;
  margin:30px auto 0 auto;
}

  
.charaArea .area3{
  width:97%;
  margin:30px auto 0 auto;
}

@media (min-width:768px){
  .charaArea .area2{
    width: 66.2%;
    margin: 30px 16.4% 0 16.4%;
    }
  }
  
.charaArea .area3{
  width:97%;
  margin:30px auto 0 auto;
}
@media (min-width:768px){
  .charaArea .area3{
    width:90%;
    margin: 30px 5% 0 5%;
    }
  }
  

/*
@media (min-width:768px){
  .charaArea img{
  max-width:480px;
}
}
*/


.charaArea .areaNusshi{
  width:95%;
  margin: 0 auto 0 ;
}

@media (min-width:768px){
  .charaArea .areaNusshi{
    width:73%;
    }
  }

.areaRea{
  width:95%;
  margin: 0 aut;
}

@media (min-width:768px){
.areaRea{
    width:65%;
  	margin: 0 auto;
    }
  }
  
.areaRea2{
  width:100%;
  margin: 0 auto;
}

@media (min-width:768px){
.areaRea2{
    width:75%;
  	margin: 0 auto;
    }
  }
  
  
  
.areaRea3{
  width:100%;
  margin: 0 auto;
}

@media (min-width:768px){
.areaRea3{
    width:95%;
  	margin: 0 auto;
    }
  }
  

@media (min-width:768px){
  .charaArea .areaNusshi img {
  max-width:unset;
}
}




@media (min-width:768px){
.areaNusshi img{
  width:100%;
}
}




.charaArea .next{
  width:15%;
  text-align: center;
  position: absolute;
  right:-9%;
  top:80px;
  font-size:1.5rem;
}


@media (min-width:768px){
  .charaArea .next{
    right:-1%;
    top:130px;
    font-size:2rem;
    }
  }

.descArea{
  margin-bottom: 30px;
}
@media (min-width:768px){
  .descArea{
    width:80%;
    margin:0 auto 40px;
    }
  }

.category{
  display: inline-block;
}

.category img{
  width:100%;
}

.descArea h3{
  color:#fff001;
  font-size:2rem;
  font-weight:bold;
  margin-bottom: 5px;
}
@media (min-width:768px){
  .descArea h3{
    font-size:2.6rem;
    }
  }

.descArea h3 span{
  font-size:1.4rem;
  color:#fff;
  display:block;
}
@media (min-width:768px){
  .descArea h3 span{
    font-size:2.2rem;
    color:#fff;
      display:inline;
    }
  }

.habit{
  margin-bottom: 15px;
  font-size:1.5rem;
}
@media (min-width:768px){
  .habit{
    font-size:2rem;
    }
  }

.charaVer{
  width:100%;
  margin:0px auto 0px;

}
@media (min-width:768px){
  .charaVer{
    width:80%;
      margin:0px auto 30px;
    }
  }

.charaVer ul{
  display: flex;
  flex-wrap: wrap;
      justify-content:start;
      padding-bottom:100px;

}

.charaVer ul.nusshiList{
  	display: flex;
  		flex-wrap: wrap;
      justify-content:center;
      margin:0px auto -70px;
      width:95%;
}

@media (min-width:768px){
  .charaVer ul{
      justify-content:start;
    }

  .charaVer ul.nusshiList{
      justify-content:space-between;

    }

body.hobby .charaVer ul{
      justify-content:start;
      width:102% !important;
    }

  }


.charaVer li {
    width:23.5%;
    margin-bottom: 15px;
    margin-right:1.5%;
    position:relative;
    text-align:center;
  color:#ffe501;
  font-size:0.685em;

}



.charaVer ul.nusshiList li {
    width:32%;
    margin-right:0px;
    margin-bottom: 25px;
    position:relative;
    text-align:center;
  color:#ffe501;
  font-size:0.685em;

}


.charaVer li a{
    width:auto;
    opacity:1.0;
  color:#ffe501;

}

.charaVer li a:hover{
    width:auto;
    opacity:1.0;
  color:#ffe501;
  text-decoration:underline;

}

li.nusshi a{
    width:auto;
    opacity:1.0;


}

li.nusshi a:hover{
    width:auto;



}




@media (min-width:768px){
  .charaVer li {
    width:14.62%;
    margin-right:2%;
       text-align:center;
         font-size:0.685em;
    }


.charaVer ul.nusshiList li {
    width:19%;
    margin-right:0%;
       text-align:center;
         font-size:0.685em;
  }

    }









.charaVer li div{
  position: relative;
  display:inline-block;
}

#potepen li a.new:after,#tonpei li a.new:after,#shimada li a.new:after,#barsoulcat li a.new:after,.rareBasoul li a.new:after{
  content:"";
  background:url(/tv/bbh/images/character/icon_new.png) no-repeat;
  background-size:70%;
  width:52px;
  height:36px;
  display: block;
  position: absolute;
  background-position: right top;
  top:-15%;
  left:-20%;
  transform:rotate(-15deg);
}
@media (min-width:768px){
#potepen li a.new:after,#tonpei li a.new:after,#shimada li a.new:after,#barsoulcat li a.new:after,.rareBasoul li a.new:after{
  content:"";
  background-size:80%;
  top:-15%;
  left:-20%;
}
}

/* バーソウルアクティブ バーソウル91体、ヌッシー5体まで対応増えたら追加 */
body.barsoul00 .bar00 img,
body.barsoul01 .bar01 img,
body.barsoul02 .bar02 img,
body.barsoul03 .bar03 img,
body.barsoul04 .bar04 img,
body.barsoul05 .bar05 img,
body.barsoul06 .bar06 img,
body.barsoul07 .bar07 img,
body.barsoul08 .bar08 img,
body.barsoul09 .bar09 img,
body.barsoul10 .bar10 img,
body.barsoul11 .bar11 img,
body.barsoul12 .bar12 img,
body.barsoul13 .bar13 img,
body.barsoul14 .bar14 img,
body.barsoul15 .bar15 img,
body.barsoul16 .bar16 img,
body.barsoul17 .bar17 img,
body.barsoul18 .bar18 img,
body.barsoul19 .bar19 img,
body.barsoul20 .bar20 img,
body.barsoul21 .bar21 img,
body.barsoul22 .bar22 img,
body.barsoul23 .bar23 img,
body.barsoul24 .bar24 img,
body.barsoul25 .bar25 img,
body.barsoul26 .bar26 img,
body.barsoul27 .bar27 img,
body.barsoul28 .bar28 img,
body.barsoul29 .bar29 img,
body.barsoul30 .bar30 img,
body.barsoul31 .bar31 img,
body.barsoul32 .bar32 img,
body.barsoul33 .bar33 img,
body.barsoul34 .bar34 img,
body.barsoul35 .bar35 img,
body.barsoul36 .bar36 img,
body.barsoul37 .bar37 img,
body.barsoul38 .bar38 img,
body.barsoul39 .bar39 img,
body.barsoul40 .bar40 img,
body.barsoul41 .bar41 img,
body.barsoul42 .bar42 img,
body.barsoul43 .bar43 img,
body.barsoul44 .bar44 img,
body.barsoul45 .bar45 img,
body.barsoul46 .bar46 img,
body.barsoul47 .bar47 img,
body.barsoul48 .bar48 img,
body.barsoul49 .bar49 img,
body.barsoul50 .bar50 img,
body.barsoul51 .bar51 img,
body.barsoul52 .bar52 img,
body.barsoul53 .bar53 img,
body.barsoul54 .bar54 img,
body.barsoul55 .bar55 img,
body.barsoul56 .bar56 img,
body.barsoul57 .bar57 img,
body.barsoul58 .bar58 img,
body.barsoul59 .bar59 img,
body.barsoul60 .bar60 img,
body.barsoul61 .bar61 img,
body.barsoul62 .bar62 img,
body.barsoul63 .bar63 img,
body.barsoul64 .bar64 img,
body.barsoul65 .bar65 img,
body.barsoul66 .bar66 img,
body.barsoul67 .bar67 img,
body.barsoul68 .bar68 img,
body.barsoul69 .bar69 img,
body.barsoul70 .bar70 img,
body.barsoul71 .bar71 img,
body.barsoul72 .bar72 img,
body.barsoul73 .bar73 img,
body.barsoul74 .bar74 img,
body.barsoul75 .bar75 img,
body.barsoul76 .bar76 img,
body.barsoul77 .bar77 img,
body.barsoul78 .bar78 img,
body.barsoul79 .bar79 img,
body.barsoul80 .bar80 img,
body.barsoul81 .bar81 img,
body.barsoul82 .bar82 img,
body.barsoul83 .bar83 img,
body.barsoul84 .bar84 img,
body.barsoul85 .bar85 img,
body.barsoul86 .bar86 img,
body.barsoul87 .bar87 img,
body.barsoul88 .bar88 img,
body.barsoul89 .bar89 img,
body.barsoul90 .bar90 img,
body.shimada01 .shimada01 img,
body.shimada02 .shimada02 img,
body.shimada03 .shimada03 img,
body.shimada04 .shimada04 img,
body.shimada05 .shimada05 img,
body.shimada06 .shimada06 img,
body.shimada06_02 .shimada06_02 img,
body.shimada07 .shimada07 img,
body.shimada08 .shimada08 img,
body.shimada09 .shimada09 img,
body.shimada10 .shimada10 img,
body.shimada11 .shimada11 img,
body.shimada12 .shimada12 img,
body.shimada13 .shimada13 img,
body.shimada14 .shimada14 img,
body.shimada15 .shimada15 img,
body.shimada16 .shimada16 img,
body.shimada17 .shimada17 img,
body.shimada18 .shimada18 img,
body.shimada19 .shimada19 img,
body.shimada20 .shimada20 img,
body.shimada21 .shimada21 img,
body.shimada22 .shimada22 img,
body.shimada23 .shimada23 img,
body.shimada24 .shimada24 img,
body.shimada25 .shimada25 img,
body.shimada26 .shimada26 img,
body.shimada27 .shimada27 img,
body.shimada28 .shimada28 img,
body.shimada29 .shimada29 img,
body.shimada30 .shimada30 img,
body.shimada31 .shimada31 img,
body.shimada32 .shimada32 img,
body.shimada33 .shimada33 img,
body.shimada34 .shimada34 img,
body.shimada35 .shimada35 img,
body.shimada36 .shimada36 img,
body.shimada37 .shimada37 img,
body.shimada38 .shimada38 img,
body.shimada39 .shimada39 img,
body.shimada40 .shimada40 img,
body.shimada41 .shimada41 img,
body.shimada42 .shimada42 img,
body.shimada43 .shimada43 img,
body.shimada44 .shimada44 img,
body.shimada45 .shimada45 img,
body.shimada46 .shimada46 img,
body.shimada47 .shimada47 img,
body.shimada48 .shimada48 img,
body.shimada49 .shimada49 img,
body.shimada50 .shimada50 img,
body.tonpei01 .tonpei01 img,
body.tonpei02 .tonpei02 img,
body.tonpei03 .tonpei03 img,
body.tonpei04 .tonpei04 img,
body.tonpei05 .tonpei05 img,
body.tonpei06 .tonpei06 img,
body.tonpei06_02 .tonpei06_02 img,
body.tonpei06_03 .tonpei06_03 img,
body.tonpei07 .tonpei07 img,
body.tonpei08 .tonpei08 img,
body.tonpei09 .tonpei09 img,
body.tonpei10 .tonpei10 img,
body.tonpei11 .tonpei11 img,
body.tonpei12 .tonpei12 img,
body.tonpei13 .tonpei13 img,
body.tonpei14 .tonpei14 img,
body.tonpei15 .tonpei15 img,
body.tonpei16 .tonpei16 img,
body.tonpei17 .tonpei17 img,
body.tonpei18 .tonpei18 img,
body.tonpei19 .tonpei19 img,
body.tonpei20 .tonpei20 img,
body.tonpei21 .tonpei21 img,
body.tonpei22 .tonpei22 img,
body.tonpei23 .tonpei23 img,
body.tonpei24 .tonpei24 img,
body.tonpei25 .tonpei25 img,
body.tonpei26 .tonpei26 img,
body.tonpei27 .tonpei27 img,
body.tonpei28 .tonpei28 img,
body.tonpei29 .tonpei29 img,
body.tonpei30 .tonpei30 img,
body.tonpei31 .tonpei31 img,
body.tonpei32 .tonpei32 img,
body.tonpei33 .tonpei33 img,
body.tonpei34 .tonpei34 img,
body.tonpei35 .tonpei35 img,
body.tonpei36 .tonpei36 img,
body.tonpei37 .tonpei37 img,
body.tonpei38 .tonpei38 img,
body.tonpei39 .tonpei39 img,
body.tonpei40 .tonpei40 img,
body.tonpei41 .tonpei41 img,
body.tonpei42 .tonpei42 img,
body.tonpei43 .tonpei43 img,
body.tonpei44 .tonpei44 img,
body.tonpei45 .tonpei45 img,
body.tonpei46 .tonpei46 img,
body.tonpei47 .tonpei47 img,
body.tonpei48 .tonpei48 img,
body.tonpei49 .tonpei49 img,
body.tonpei50 .tonpei50 img,
body.potepen01 .potepen01 img,
body.potepen02 .potepen02 img,
body.potepen03 .potepen03 img,
body.potepen04 .potepen04 img,
body.potepen05 .potepen05 img,
body.potepen06 .potepen06 img,
body.potepen07 .potepen07 img,
body.potepen08 .potepen08 img,
body.potepen09 .potepen09 img,
body.potepen10 .potepen10 img

{
  border: 2px solid #010294;
  border-radius: 10%;
  box-shadow:0 0 0 4px #ffe500;
}

body.nusshi01 .nus01 img,
body.nusshi02 .nus02 img,
body.nusshi03 .nus03 img,
body.nusshi04 .nus04 img,
body.nusshi05 .nus05 img
{
  box-shadow:0 0 0 4px #fffa7d;
  border-radius: 18%;
  border: none;
}

.charaVer ul li a:hover img
{
  border: 2px solid #010294;
  border-radius: 10%;
  box-shadow:0 0 0 4px #ffe500;

}

.charaVer ul li.nusshi a:hover img
{
  border: none;
  box-shadow:0;
  border-radius: 18%;
}


.charaVer li img{
  width:85%;
  margin-bottom:5px;

}
@media (min-width:768px){
.charaVer li img{
  width:100%;
  margin-bottom:5px;


}
}

.basoulBtn{
  width:80%;
  margin:50px auto 0px;
  text-align: center;
}
@media (min-width:768px){
  .basoulBtn{
    width:50%;
}
}

.basoulBtn img{
  max-width:202px;
}

.lowerBlock .ardList{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/*とりまく人々*/
@media (min-width:768px){
.lowerBlock .ardList{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

}

.ardList article{
    width:48%;
  margin-bottom: 25px;
}

.ardList article.pt2{
	width:100% !important;
  margin-bottom: 25px;
}

  .ardList article:nth-child(-n+2){

    }

@media (min-width:768px){
  .ardList article{
    width:30%;
    margin-bottom: 50px;
    margin-right:2%;
    }
    
  .ardList article:nth-child(3n){



    }

  .ardList article.pt2{
    width:60% !important;
    margin-bottom: 50px;
    }

  .ardList article:nth-child(-n+3){

    }

  }

.ardBoxTop{
  margin:15px 0 5px;
}

@media (min-width:768px){
.ardBoxTop{
  margin-bottom:5px;
}
  }
.ardImg{
  text-align: center;
  margin-bottom: 10px;
}

.ardName{
  color:#fff001;
  font-size:1.54rem;
  font-weight:bold;
}
@media (min-width:768px){
  .ardName{
    font-size:1.8rem;
    }
  }

.ardName span{
  font-size:1.2rem;
  display: block;
  color:#fff;
}

.ardName span.mini{
  font-size:1.5rem;
  display: inline;
  color:#fff;
}


br.sp{display:block;}

@media (min-width:768px){
  br.sp{
    display:none;
    }
  }


@media (min-width:768px){
  .ardName span{
    font-size:1.6rem;
    }
  }


.charaList a,.forward a,.next a{text-decoration:none;}


#character .mainContents .pageTtl{margin-bottom:30px;}
@media (min-width:768px){
#character .mainContents .pageTtl{margin-bottom:60px;}
  }



body.barsoullist h4{display:none;}

body.barsoullist .basoulList{display:none;}

body.barsoul #barsoulcat ul li{display:none;}
body.barsoullist #barsoulcat ul li{display:inline-block !important;}
body.food #barsoulcat ul li.food{display:inline-block !important;}
body.life #barsoulcat ul li.life{display:inline-block !important;}
body.entame #barsoulcat ul li.entame{display:inline-block !important;}
body.drink #barsoulcat ul li.drink{display:inline-block !important;}
body.hobby #barsoulcat ul li.hobby{display:inline-block !important;}

body.hobby #barsoulcat ul li.hobby{display:inline-block !important;}

/*
body.life #barsoulcat h4.h4Nusshi,body.food #barsoulcat h4.h4Nusshi,body.entame #barsoulcat h4.h4Nusshi{display:none;}
*/

/*181127 ascope追加*/
body.redList .lowerBlock .atcOut{
    padding: 14% 8.67%;
}

@media (min-width:768px){
body.redList .lowerBlock .atcOut{
  padding:20px 4% ;
  display:block;
 }
}

body.redList .charaArea .forward{
  width:15%;
  text-align: center;
  position: absolute;
  left:-17%;
  top:80px;
  font-size:1.5rem
}
@media (min-width:768px){
   body.redList .charaArea .forward{
    left:-1%;
    top:130px;
    font-size:2rem;
    }
  }

 body.redList .charaArea .next{
  width:15%;
  text-align: center;
  position: absolute;
  right:-17%;
  top:80px;
  font-size:1.5rem;
}
@media (min-width:768px){
 body.redList .charaArea .next{
    right:-1%;
    top:130px;
    font-size:2rem;
    }
  }

        body.redList .atcOut{
            background:url(../images/character/bg_paper.png) no-repeat;
            background-size:100% 100%;
            margin:0 20px;
      }

      body.redList .atcOut h3{
            color:#9c2601;
      }

      body.redList .atcOut .explain{
            color:#5a3408;
            padding-bottom:30px;
      }

      body.redList .atcOut .zetsumetsuBtn{
        filter:drop-shadow(0px 6px 7px #000);
      }

      body.redList .atcOut .descArea{
          background:#f7eee1;
          box-shadow:-2px -2px 8px 5px #f7eee1;
          padding: 10px;
          margin-bottom: 25px;
      }

      body.redList .charaArea .next .btn_zetsu, body.redList .charaArea .forward .btn_zetsu{
          max-width:35px;
          filter:drop-shadow(0 0 4px #000);
}
           @media (min-width:768px){
      body.redList .charaArea .next .btn_zetsu, body.redList .charaArea .forward .btn_zetsu{
          max-width:40px;
          filter:drop-shadow(0 0 4px #000);
               }
}

      body.redList .changeBtn{
        margin: 0 auto 15px;
      }
      @media (min-width:750px){
      body.redList .changeBtn{
        width:80%;
        margin: 0 auto 20px;
      }
      }

      body.redList .changeBtn ul{
        display:flex;
        flex-wrap: wrap;
        justify-content: space-around;
      }
      @media (min-width:750px){
      body.redList .changeBtn ul{
        justify-content:flex-start;
          }
      }

      body.redList .changeBtn li{
        width:80px;
        padding: 5px 8px;
        color:yellow;
        background:#000;
        border-radius:5px;
        text-align: center;
      }
      @media (min-width:750px){
      body.redList .changeBtn li{
        width:100px;
        padding: 10px 15px;
        border-radius:10px;
        margin-right: 15px;
          }
      }

      body.redList .changeBtn li:hover{
        cursor: pointer;
      }

/*
      body.godnussi .area img:not(:nth-of-type(1)){
        display:none;
      }

      body.redList .descBlk li:not(:nth-of-type(1)){
        display: none;
      }
*/
      body.redList .charaVer ul.rareBasoul li a:hover img{
        border:none;
        border-radius:18%;
        box-shadow: none;
      }

body.redList .charaArea{
  margin-bottom:0;
}

@media (min-width:768px){
body.redList .charaVer{
  margin-bottom: 140px;
}
}

@media (min-width:768px){
body.redList .rareBasoul li{
  margin-bottom: 0;
}
}

body.redList .rareBasoul li img{
  margin-bottom: 0;
}

body.redList .rareBasoul a{
    color:#9c2601;
}


/*181127 ascope追加*/
ol.decimal{list-style-type: decimal;padding-left:10px;}



.column3{display:flex;justify-content: space-between;}
.column3 p{width:32%;}