@charset "utf-8";

#info .lowerBlock .atcOut {
    padding: 0px 8.67% 30px;
    margin-top: -30px;
    padding: 30px;
}

@media (min-width:768px){
#info .lowerBlock .atcOut {
    padding: 5px 7% 50px;
    display: block;
    margin-top:0px;
}
}

.infoBlock{position:relative;}



.infoBlock .sortTabinfo{
  position: absolute;
  width:100%;
}
@media (min-width:768px){
.infoBlock .sortTabinfo{
  top:-57%;
}
}

.infoBlock .sortTabinfo ul{

    display: flex;
    justify-content: center;
    width: 100%;
  
  
}
@media (min-width:768px){
  .infoBlock .sortTabinfo ul{
  flex-wrap: wrap;
  display:flex;
  justify-content: center;
}
}

.infoBlock .sortTabinfo li{

}
@media (min-width:768px){
.infoBlock .sortTabinfo li{
width:17%;
	}
}


@media (min-width:768px){
  .infoBlock .sortTabinfo img{

  }
  
}



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



.infoBlock h3{
  margin-bottom: 15px;
}
@media (min-width:768px){
  .infoBlock h3{
    margin-bottom: 12px;
  }
}

.catchTtl{
  font-size:2.4rem;
  line-height:1.5;
}
@media (min-width:768px){
  .catchTtl{
    font-size:3.2rem;
    line-height:1.6;
  }
}

.infonorCol{
  line-height:1.85;
  margin-bottom:30px;
}
@media (min-width:768px){
  .infonorCol{
    margin-bottom: 50px;
    }
  }

.infonorCol article{
  margin-bottom: 40px;
}


.songBox{
    display: blobk;
    width:auto;
    }

@media (min-width:768px){
  .songBox{
    display: flex;
    justify-content: space-between;
    }
  }

@media (min-width:768px){
  .infoTwoCol{
  display: flex;
  }
}

.infoTwoCol article{
  margin-bottom: 30px;
}
@media (min-width:768px){
  .infoTwoCol article{
    margin-bottom: 0;
    }
  }


.infoTwoCol dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.infoTwoCol .cast{
  justify-content: flex-start;
}

.infoTwoCol dd{
  width:50%;
  margin-bottom: 10px;
}

.cast dt{
  width:45%;
  margin-bottom: 10px;
}

.stf dt{
  width:50%;
  margin-bottom: 10px;
}


.imgBox{
	width:45%;
  margin:0 auto;
}
@media (min-width:768px){
  .imgBox{
    width:32%;
    }
  }
.detail {margin-bottom:70px;}

@media (min-width:768px){
  .introBox{
    width:63%;
    }
  }

.nameBox{
  margin-bottom: 15px;
  line-height:1.6;
}

.nameBox p{
  margin-bottom: 10px;
}

.nameBox h4{
  font-size:2.2rem;
  font-weight:700;
}

.infoMain
{width:auto;display:block;}

.infoMain p:nth-child(1){width:100%;margin:0 auto;}
.infoMain p:nth-child(2){width:auto;}

.infoCatch{font-size:1.8rem;}
@media (min-width:768px){
.infoCatch{font-size:2rem;}

.infoMain
{width:auto;}

.infoMain p:nth-child(1){width:45%;margin-right:auto;margin-left:auto;}
.infoMain p:nth-child(2){width:auto;}

}