@charset "utf-8";
/*------------------------------------------
emotionarhythm sora he Cast Stylesheet
Author: M - http://kyousou-gakudan.com/
------------------------------------------*/
.content-cast .content-title{
background-image: url("../img/menu/cast.png");
}

.block-cast{
  margin: 2.5% 1.5% 0 1.5%;
  border-radius:25px;
  padding: 10px;
  background-color: rgba(0,0,0,0.7);
  max-height: 230px;
  max-width: 230px;
}
.block-cast:hover{
  background-image: url("../img/bg/cast.png");
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.block-cast .role{
  width: 100%;
  background: #fff;
  color: #333;
  padding-left: 10px;
  border-radius: 10px;
}
.block-cast p{
  margin-bottom: 10px;
}
.block-cast .twitter{
  height: 30px;
}
.block-cast .twitter .img{
  width: 30px;
  border: 1px solid rgba(85,172,238,1);
  border-radius: 5px;
  background-color:#fff;
  background-image: url("../img/icon/twitter1.png");
  background-size: contain;
}
.block-cast .twitter .img:hover{
  background-color:rgba(85,172,238,1);
  background-image: url("../img/icon/twitter2.png");
}
.block-cast .twitter .text{
  left: 35px;
  line-height: 25px;
  color: white;
}
.block-cast .circle img{
  width: 100%;
  max-width: 200px;
}
.block-cast .pixiv a{
  width: 100px;
  height: 40px;
  border: 1px solid rgba(0,149,217,1);
  border-radius: 5px;
  background-color:#fff;
  background-image: url("../img/icon/pixiv1.png");
  background-size: contain;
}
.block-cast .pixiv a:hover{
  background-color:rgba(0,149,217,1);
  background-image: url("../img/icon/pixiv2.png");
}