@charset "UTF-8";
#cast .teaser-block-inner{
  padding-bottom: 80px;
  font-family: var(--main-mincho);
}

#cast .ver02 dl {
  text-align: center;
  margin-bottom: 30px;
}

#cast .ver02 dl dt {
  font-size: 1.4rem;
  color: var(--kesenai-rightblue);
  margin-bottom: 5px;
}

#cast .ver02 dl dd {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 160%;
}

#cast .ver02 dl dd .cast-item {
  position: relative;
  display: inline-flex;
  align-items: center;
}

#cast .ver02 dl dd .cast-item a {
    background-color: var(--kesenai-red);
    position: absolute;
    right: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    font-size: 12px;
    line-height: 16px;
    color: var(--font-color);
    transform: translateX(calc(100% + 20px));
    padding: 4px 15px 3px;
    white-space: nowrap;
}

#cast .ver02 dl dd .cast-item a::before {
  position: absolute;
  left: 1px;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent var(--kesenai-red) transparent transparent;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  transform: translateX(-100%);
}

/*====================================================================
スタッフ
====================================================================*/
#staff .teaser-block-inner{
  padding-bottom: 80px;
  font-family: var(--main-mincho);
}

#staff .teaser-block-inner dl {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin-bottom: 30px;
}

#staff .teaser-block-inner dl dt {
  text-align: right;
	margin-right: 30px;
  margin-top: 3%;
  font-size: 1.4rem;
  line-height: 140%;
  font-family: var(--main-mincho);
  color:var(--kesenai-rightblue);
}

#staff .teaser-block-inner dl dd {
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
  font-family: var(--main-mincho);
  color: var(--font-color);
}

#staff .teaser-block-inner dl dd span {
  font-size: 1.6rem;
  line-height: 100%;
  word-break: normal;
}

#staff .teaser-block-inner dl dd .spinoff{
  display: block;
  padding-top: 15px;
 font-size: 1.3rem;
 color: var(--kesenai-rightblue);
}

/* ---------------------------------
SP用
--------------------------------- */
@media screen and (max-width: 992px) {
  #cast .teaser-block-inner{
    padding-bottom: 60px;
  }

  #cast .ver02 dl {
    margin-bottom: 15px;
  }
  
  #cast .ver02 dl dt {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
  
  #cast .ver02 dl dd {
    font-size: 2rem;
  }
  
  /*====================================================================
  スタッフ
  ====================================================================*/
  #staff .teaser-block-inner{
    padding-bottom: 60px;
  }

  #staff .teaser-block-inner dl {
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
  
  #staff .teaser-block-inner dl dt {
    text-align: center;
    margin-right: 0px;
    font-size: 1.2rem;
    line-height: 200%;
  }
  
  #staff .teaser-block-inner dl dd {
    font-size: 1.8rem;
    line-height: 140%;
  }
  
  #staff .teaser-block-inner dl dd span {
    font-size: 1.4rem;
  }
}