@charset "UTF-8";

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

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

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

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


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

.ttl {
  display: block;
  color: var(--light-brown);
  font-size: 1.4rem;
  margin-bottom: 5px;
}

.role {
  font-size: 2.5rem;
}

.name {
  font-size: 1.4rem;
}

.cast-item-text-desc {
  font-size: 1.4rem;
  font-feature-settings: "palt";
}

/* ---------------------------------
SP用
--------------------------------- */
@media screen and (max-width: 992px) {
  .yokonarabi {
    display: flex;
    gap: 15px;
    align-items: center;
  }
  .cast-item-img {
    width: 35%;
  }
  .cast-item-text-name {
    flex: 1;
  }

  .ttl, .name {
    font-size: 1.2rem;
  }
  
  .role {
    font-size: 2.2rem;
    display: block;
    margin-bottom: 5px;
  }
  
  .cast-item-text-name::after {
    display: none;
  }

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

/* ---------------------------------
tablet用(SP設定を上書き）
--------------------------------- */
@media screen and (min-width : 601px){

}