@charset "UTF-8";
#chart .teaser-block-inner {
  padding: 0;
}

#chartcast .teaser-block-inner {
  padding-top: 80px;
  padding-bottom: 80px;
}

.cast-item {
  margin-bottom: 50px;
}

.cast-item:last-child {
  margin-bottom: 0;
}

.cast-item-img{
  width: 220px;
  float: left;
}

/* text */
.cast-item-text-name,
.cast-item-text-desc {
  width: 61%;
  float: right;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.cast-item-text-name::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--kesenai-rightblue);
  margin: 10px 0;
}

.ttl {
  display: block;
  font-size: 1.6rem;
  font-family: var(--main-mincho);
  letter-spacing: 1.6px;
  color: var(--kesenai-rightblue);
}

.role {
  padding: 0 0 10px;
  font-size: 3rem;
  font-family: var(--main-mincho);
  text-shadow: 1px 0px 0px rgba(255, 48, 98, 0.70), -1px 0px 0px rgba(19, 255, 248, 0.75);
  line-height: 100%; /* 30px */
  letter-spacing: 1.6px;
}

.cast-item-text-desc {
  font-size: 1.4rem;
  font-family: var(--main-mincho);
  font-feature-settings: "palt";
  line-height: 160%; /* 22.4px */
  letter-spacing: 1.6px;
}

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

  #chartcast .teaser-block-inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .yokonarabi {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 0 0 10px;
  }
  .cast-item-img {
    width: 35%;
  }
  .cast-item-text-name {
    flex: 1;
  }

  .ttl {
    font-size: 1.6rem;
    text-align: center;
  }
  
  .role {
    display: block;
    font-size: 2.6rem;
    text-align: center;
  }

  .cast-item-text-desc {
    width: 100%;
    padding-top: 15px;
  }
}