@charset "UTF-8";
/* top layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
/* 文字 */
body {
  background-color: #111;
  color: #ffffff; }

.sb {
  background-color: #111;
  background-image: url(../img/artist/sb-bg.jpg); }

/* intr
---------------------------------------------------------------------------*/
.pg-intr {
  padding-top: 80px; }
  @media screen and (max-width: 1500px) {
    .pg-intr {
      padding-top: 5.3333333333vw; } }
  @media screen and (max-width: 480px) {
    .pg-intr {
      padding-top: 10.6666666667vw; } }
  .pg-intr-wrap {
    padding-top: 0; }
  @media screen and (min-width: 481px) {
    .pg-intr .lay-anchor li:nth-of-type(n + 5) {
      margin-top: 30px; } }
  @media screen and (min-width: 481px) and (max-width: 1500px) {
    .pg-intr .lay-anchor li:nth-of-type(n + 5) {
      margin-top: 2vw; } }

/* artist
---------------------------------------------------------------------------*/
.artist {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px; }
  @media screen and (max-width: 1500px) {
    .artist {
      width: 80vw; } }
  @media screen and (max-width: 480px) {
    .artist {
      width: 89.3333333333vw;
      /* 余白40 */ } }
  @media screen and (max-width: 1500px) {
    .artist {
      margin-bottom: 8vw; } }
  @media screen and (max-width: 480px) {
    .artist {
      margin-bottom: 16vw; } }
  .artist-en {
    font-size: 36px;
    text-align: center;
    letter-spacing: .06em; }
    @media screen and (max-width: 1500px) {
      .artist-en {
        font-size: 2.4vw; } }
    @media screen and (max-width: 480px) {
      .artist-en {
        font-size: 8.4vw; } }
  .artist-ja {
    font-size: 18px;
    text-align: center;
    letter-spacing: .06em;
    border-bottom: 1px solid #777777;
    padding-bottom: 40px;
    margin-bottom: 120px; }
    @media screen and (max-width: 1500px) {
      .artist-ja {
        font-size: 1.2vw; } }
    @media screen and (max-width: 480px) {
      .artist-ja {
        font-size: 4.2vw; } }
    @media screen and (max-width: 1500px) {
      .artist-ja {
        padding-bottom: 2.6666666667vw;
        margin-bottom: 8vw; } }
    @media screen and (max-width: 480px) {
      .artist-ja {
        padding-bottom: 5.3333333333vw;
        margin-bottom: 16vw; } }
  .artist .lay-imgtx {
    margin-bottom: 90px; }
    @media screen and (max-width: 1500px) {
      .artist .lay-imgtx {
        margin-bottom: 6vw; } }
    @media screen and (max-width: 480px) {
      .artist .lay-imgtx {
        margin-bottom: 12vw; }
        .artist .lay-imgtx .lay-imgtx-img img {
          width: 100%;
          height: 100vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
    @media screen and (min-width: 481px) {
      .artist .lay-imgtx .lay-imgtx-img {
        width: 550px; } }
  @media screen and (min-width: 481px) and (max-width: 1500px) {
    .artist .lay-imgtx .lay-imgtx-img {
      width: 36.6666666667vw; } }
    @media screen and (min-width: 481px) {
        .artist .lay-imgtx .lay-imgtx-img img {
          width: 100%;
          height: 730px;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
    @media screen and (min-width: 481px) and (max-width: 1500px) {
      .artist .lay-imgtx .lay-imgtx-img img {
        height: 48.6666666667vw; } }
    @media screen and (min-width: 481px) {
      .artist .lay-imgtx .lay-imgtx-tx {
        width: 50%; } }
    .artist .lay-imgtx .name-ja {
      font-size: 28px;
      letter-spacing: .06em; }
      @media screen and (max-width: 1500px) {
        .artist .lay-imgtx .name-ja {
          font-size: 1.8666666667vw; } }
      @media screen and (max-width: 480px) {
        .artist .lay-imgtx .name-ja {
          font-size: 6.5333333333vw; } }
    .artist .lay-imgtx .name-en {
      font-size: 16px;
      letter-spacing: .06em;
      margin-bottom: 40px; }
      @media screen and (max-width: 1500px) {
        .artist .lay-imgtx .name-en {
          font-size: 1.0666666667vw; } }
      @media screen and (max-width: 480px) {
        .artist .lay-imgtx .name-en {
          font-size: 3.7333333333vw; } }
      @media screen and (max-width: 1500px) {
        .artist .lay-imgtx .name-en {
          margin-bottom: 2.6666666667vw; } }
      @media screen and (max-width: 480px) {
        .artist .lay-imgtx .name-en {
          margin-bottom: 5.3333333333vw; } }
    .artist .lay-imgtx .lay-imgtx-tx-desc {
      margin-bottom: 40px;
      font-size: 14px;
      /* regular: 400 */
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 400;
      font-style: normal;
      line-height: 2.3;
      letter-spacing: .06em; }
      @media screen and (max-width: 1500px) {
        .artist .lay-imgtx .lay-imgtx-tx-desc {
          font-size: 0.9333333333vw; } }
      @media screen and (max-width: 480px) {
        .artist .lay-imgtx .lay-imgtx-tx-desc {
          font-size: 3.2666666667vw; } }
      @media screen and (max-width: 1500px) {
        .artist .lay-imgtx .lay-imgtx-tx-desc {
          margin-bottom: 2.6666666667vw; } }
      @media screen and (max-width: 480px) {
        .artist .lay-imgtx .lay-imgtx-tx-desc {
          margin-bottom: 5.3333333333vw; } }
  .artist-sl {
    position: relative;
    background-color: #55162D;
    padding: 15px 15px 54px; }
    @media screen and (max-width: 768px) {
      .artist-sl {
        padding: 1vw 1vw 7.2vw; } }
    @media screen and (max-width: 480px) {
      .artist-sl {
        padding: 4vw 4vw 16vw; } }
    .artist-sl-wrap {
      overflow: hidden; }
      .artist-sl-wrap .swiper-slide {
        padding: 0 7px;
        opacity: 0.6;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        @media screen and (max-width: 1500px) {
          .artist-sl-wrap .swiper-slide {
            padding: 0 0.4666666667vw; } }
        @media screen and (max-width: 480px) {
          .artist-sl-wrap .swiper-slide {
            padding: 0 0.9333333333vw; } }
        .artist-sl-wrap .swiper-slide.swiper-slide-active {
          opacity: 1; }
        .artist-sl-wrap .swiper-slide img {
          width: 100%;
          height: 236px;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; }
          @media screen and (max-width: 1500px) {
            .artist-sl-wrap .swiper-slide img {
              height: 15.7333333333vw; } }
          @media screen and (max-width: 480px) {
            .artist-sl-wrap .swiper-slide img {
              height: 46vw; } }
    .artist-sl-pagination {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      bottom: 24px !important;
      z-index: 10; }
      @media screen and (max-width: 1500px) {
        .artist-sl-pagination {
          bottom: 1.6vw !important; } }
      @media screen and (max-width: 480px) {
        .artist-sl-pagination {
          bottom: 5.3333333333vw !important; } }
      .artist-sl-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0px 3px;
        background-color: #9F9F9F;
        opacity: 1; }
        @media screen and (max-width: 1500px) {
          .artist-sl-pagination .swiper-pagination-bullet {
            width: 0.6666666667vw;
            height: 0.6666666667vw;
            margin: 0 0.2vw; } }
        @media screen and (max-width: 480px) {
          .artist-sl-pagination .swiper-pagination-bullet {
            width: 2.6666666667vw;
            height: 2.6666666667vw;
            margin: 0 0.8vw; } }
      .artist-sl-pagination .swiper-pagination-bullet-active {
        background-color: #ffffff; }
    .artist-sl-box {
      width: 366px;
      margin: 0 auto; }
      @media screen and (max-width: 1500px) {
        .artist-sl-box {
          width: 24.4vw; } }
      @media screen and (max-width: 480px) {
        .artist-sl-box {
          width: 70vw; } }