/* ==============================================================
*  base
* ============================================================ */
/*
@font-face {
  font-family: 'countdown';
  src: url('/static/produce101s3/assets_U5xjDuXL/font/DSEG7Classic-Bold.woff2') format('woff2'),
  url('/static/produce101s3/assets_U5xjDuXL/font/DSEG7Classic-Bold.woff') format('woff'),
  url('/static/produce101s3/assets_U5xjDuXL/font/DSEG7Classic-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
*/
/* ==============================================================
*  contents
* ============================================================ */
/* ==============================================================
*  base
* ============================================================ */
.section--detail.page--cast .block--left .block-tit {
  color: #ff67b3;
  text-align: center;
  font-size: 1.4em;
  letter-spacing: 0.2em;
  border-bottom: 1px solid;
  padding-bottom: 0.8em;
  margin-bottom: 1.5em;
}
.section--detail.page--cast .block--left .block--cast {
  margin-bottom: 10vw;
}
.section--detail.page--cast .block--left .block--cast:last-of-type {
  margin-bottom: 0;
}
.section--detail.page--cast .block--left .block--cast .thumb {
  width: 80%;
  margin: 0 auto 20px;
}
.section--detail.page--cast .block--left .block--cast .txt--lead.center {
  font-family: aktiv-grotesk-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-weight: 700;
  background: #fff5fc;
  color: #ff67b3;
  padding: 5em 0;
  margin: 0 auto;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .section--detail.page--cast .block--left .block--cast .txt--lead.center {
    padding: 4em 0;
    font-size: 13px;
    letter-spacing: 0.05em;
  }
}
.section--detail.page--cast .block--left .tit {
  text-align: center;
  font-weight: bold;
}
.section--detail.page--cast .block--left .list--trainer {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2em 0;
}
.section--detail.page--cast .block--left .list--trainer li {
  width: 19%;
  position: relative;
}
.section--detail.page--cast .block--left .list--trainer li .thumb {
  width: 100%;
}
.section--detail.page--cast .block--left .list--trainer li .tit {
  font-size: 0.9em;
}
.section--detail.page--cast .block--left .list--trainer li a {
  display: block;
}
.section--detail.page--cast .block--left .list--trainer li .txt--lead.center {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 9/13.6;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .section--detail.page--cast .block--left .block-tit {
    font-size: 1.2em;
  }
  .section--detail.page--cast .block--left .tit {
    font-size: 1em;
  }
  .section--detail.page--cast .block--left .block--cast {
    margin-bottom: 10vw;
  }
  .section--detail.page--cast .block--left .block--cast .thumb {
    width: 100%;
    margin: 0 auto 20px;
  }
  .section--detail.page--cast .block--left .list--trainer {
    flex-wrap: wrap;
  }
  .section--detail.page--cast .block--left .list--trainer li {
    width: 49%;
    margin-bottom: 20px;
  }
  .section--detail.page--cast .block--left .list--trainer li .thumb {
    margin-bottom: 10px;
  }
}

@supports not (aspect-ratio: 9/13.6) {
  .section--detail.page--cast .block--left .list--trainer li .txt--lead.center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    height: calc(100% - 0.95em - 26px);
  }
}
.section--detail.page--cast.page--cast_producer .block--left,
.section--detail.page--cast.page--cast_trainer .block--left {
  background: none;
  padding: 0;
  border: none;
}
.section--detail.page--cast.page--cast_producer .block--left .block--left__item,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item {
  background: #fff;
  padding: 3em;
  border: 8px solid #f3f3f3;
  position: relative;
}
.section--detail.page--cast.page--cast_producer .block--left .block--left__item::before, .section--detail.page--cast.page--cast_producer .block--left .block--left__item::after,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item::before,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item::after {
  content: "";
  display: block;
  width: 16vw;
  height: 100%;
  background: no-repeat top left url(/static/produce101s3/assets_U5xjDuXL/img/parts/bg_pattern01.png);
  background-size: contain;
  position: absolute;
  opacity: 0.5;
  z-index: 0;
}
.section--detail.page--cast.page--cast_producer .block--left .block--left__item::before,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item::before {
  background-position: bottom;
  top: 0;
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.section--detail.page--cast.page--cast_producer .block--left .block--left__item::after,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item::after {
  background-position: right bottom;
  bottom: 0;
  right: 0;
}
.section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 961px) {
  .section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer,
  .section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer .thumb,
  .section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer .thumb {
    width: 40%;
  }
  .section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer .profile-detail,
  .section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer .profile-detail {
    width: 54%;
  }
}
.section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer .item__name,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer .item__name {
  margin-top: 2em;
}
.section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer .item__name .txt--sub,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer .item__name .txt--sub {
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer .item__name .name,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer .item__name .name {
  font-size: 2em;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin-bottom: 1.2em;
}
.section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer .item__name .name span,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer .item__name .name span {
  font-family: aktiv-grotesk-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-weight: 700;
  display: block;
  font-size: 0.6em;
  line-height: 1;
  opacity: 0.4;
}
.section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer .profile-detail .item__text,
.section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer .profile-detail .item__text {
  background: #fff;
  padding: 26px 12px 12px 0;
  border-top: 1px solid #a5a5a5;
}
.section--detail.page--cast.page--cast_producer .block--left .pager,
.section--detail.page--cast.page--cast_trainer .block--left .pager {
  display: flex;
  justify-content: center;
  gap: 2.5em;
  margin-top: 2em;
  position: relative;
  z-index: 10;
}
.section--detail.page--cast.page--cast_producer .block--left .pager.pager--center,
.section--detail.page--cast.page--cast_trainer .block--left .pager.pager--center {
  justify-content: center !important;
}
.section--detail.page--cast.page--cast_producer .block--left .pager div,
.section--detail.page--cast.page--cast_trainer .block--left .pager div {
  font-family: aktiv-grotesk-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-weight: 700;
  font-size: 1.2em;
  position: relative;
}
.section--detail.page--cast.page--cast_producer .block--left .pager div.disabled,
.section--detail.page--cast.page--cast_trainer .block--left .pager div.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.section--detail.page--cast.page--cast_producer .block--left .pager div.nav--pager__prev,
.section--detail.page--cast.page--cast_trainer .block--left .pager div.nav--pager__prev {
  padding-left: 1em;
}
.section--detail.page--cast.page--cast_producer .block--left .pager div.nav--pager__prev::before,
.section--detail.page--cast.page--cast_trainer .block--left .pager div.nav--pager__prev::before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.3em;
  transition: 0.3s;
  cursor: pointer;
}
.section--detail.page--cast.page--cast_producer .block--left .pager div.nav--pager__next,
.section--detail.page--cast.page--cast_trainer .block--left .pager div.nav--pager__next {
  padding-right: 0.8em;
}
.section--detail.page--cast.page--cast_producer .block--left .pager div.nav--pager__next::after,
.section--detail.page--cast.page--cast_trainer .block--left .pager div.nav--pager__next::after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.25em;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (min-width: 961px) {
  .section--detail.page--cast.page--cast_producer .block--left .pager div:hover a,
  .section--detail.page--cast.page--cast_trainer .block--left .pager div:hover a {
    color: #ff67b3;
  }
  .section--detail.page--cast.page--cast_producer .block--left .pager div:hover::before, .section--detail.page--cast.page--cast_producer .block--left .pager div:hover::after,
  .section--detail.page--cast.page--cast_trainer .block--left .pager div:hover::before,
  .section--detail.page--cast.page--cast_trainer .block--left .pager div:hover::after {
    border-color: #ff67b3;
  }
}
/* ==============================================================
*  base
* ============================================================ */
@media screen and (min-width: 961px) {
  .content--main .section--detail.page--cast .block--left .area--pager {
    left: 0;
    padding-left: 0;
  }
}
/* ==============================================================
*  base
* ============================================================ */
@media screen and (min-width: 1px) and (max-width: 960px) {
  .section--detail.page--cast.page--cast_producer .block--left .block--left__item,
  .section--detail.page--cast.page--cast_trainer .block--left .block--left__item {
    border: none;
    padding: 1.2em;
  }
  .section--detail.page--cast.page--cast_producer .block--left .block--left__item::before, .section--detail.page--cast.page--cast_producer .block--left .block--left__item::after,
  .section--detail.page--cast.page--cast_trainer .block--left .block--left__item::before,
  .section--detail.page--cast.page--cast_trainer .block--left .block--left__item::after {
    display: none;
  }
  .section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer .item__name .txt--sub,
  .section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer .item__name .txt--sub {
    font-size: 1em;
    margin-bottom: 0;
  }
  .section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer .item__name .name,
  .section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer .item__name .name {
    margin-bottom: 1em;
  }
  .section--detail.page--cast.page--cast_producer .block--left .block--left__item .block--trainer .item__name .name span,
  .section--detail.page--cast.page--cast_trainer .block--left .block--left__item .block--trainer .item__name .name span {
    font-size: 0.5em;
    letter-spacing: 0.1em;
    padding-top: 4px;
  }
  .section--detail.page--cast.page--cast_producer .block--left .pager,
  .section--detail.page--cast.page--cast_trainer .block--left .pager {
    justify-content: space-between;
    margin-top: 1em;
    background: #fff;
    width: 100%;
    padding: 2em 2em;
  }
  .section--detail.page--cast.page--cast_producer .block--left .pager div,
  .section--detail.page--cast.page--cast_trainer .block--left .pager div {
    font-size: 1em;
    letter-spacing: 0.07em;
  }
}
/*  sp only
------------------------------ */
/*  tablet
------------------------------ */