@charset "UTF-8";

.box img {
  width: 71.952407vw;
}
@media (max-width: 600px) {
  .box img {
    width: 90%;
  }
}
@media (max-width: 380px) {
  .box img {
    width: 100%;
  }
}

.box p,
.box div.fBox {
  font-family: var(--font_jp);
  color: #fff;
  text-shadow: 0 0 5px #000;
}

/* artist *********************************************************************/
.box img.artistTitle {
  width: 53.915vw;
  top: 6.362vw;
}
.box .artistList a {
  width: 100%;
  padding-top: 31.308411%;
}
.box .artistList a:nth-of-type(1) {
  background: url(../../../mgh/nov/img/top/img02.jpg) no-repeat;
  background-size: cover;
}
.box .artistList a p {
  width: auto;
  padding: 0.625rem 100px;
  font-family: var(--font_jp);
  color: var(--color);
  text-align: center;
  line-height: 1;
  border: solid 1px #e4dac6;
  border-radius: 25px;
  position: absolute;
  bottom: 30px;
  z-index: 2;
}

@media (max-width: 768px) {
  .box img.artistTitle {
    width: 75vw;
    top: 5vw;
  }
  .box .artistList a {
    padding-top: 62.616822%;
  }
}
@media (max-width: 600px) {
  .box .artistList {
    margin: 2.5rem 0 0 0;
  }
  .box img.artistTitle {
    position: absolute;
    top: 5vw;
  }
  /* .box .artistList {
    margin: -1.15rem 0 0 0;
  }
  .box img.artistTitle {
    margin: 0 auto;
    top: 5.5vw;
  } */
  .box .artistList a p {
    padding: 0.3125rem 5rem;
  }
}
@media (max-width: 480px) {
  .box img.artistTitle {
    width: 85vw;
  }
  .box .artistList a p {
    padding: 0.3125rem 2rem;
    bottom: 20px;
  }
}
@media (max-width: 380px) {
  .box .artistList {
    margin: 2rem 0 0 0;
  }
  /* .box img.artistTitle {
    width: min(350px, 92.105vw);
    margin: -0.75rem auto 0;
    top: 11.25vw;
  } */
  .box .artistList a p {
    padding: 0.3125rem 1rem;
  }
}

/* other *********************************************************************/
div.other a.list {
  width: calc(100% / 2);
  padding-top: calc(49.065% / 2);
}
div.other a.list:nth-of-type(1) {
  background: url(../../../mgh/nov/img/top/img03.jpg) no-repeat;
  background-size: cover;
}
div.other a.list:nth-of-type(2) {
  background: url(../../../mgh/nov/img/top/img04.jpg) no-repeat;
  background-size: cover;
}
div.other a.list img {
  position: absolute;
  top: -3.571429vw;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
div.other a.list:nth-of-type(1) img {
  width: 20.174vw;
}
div.other a.list:nth-of-type(2) img {
  width: 26.287vw;
}
div.other a.list p {
  font-family: var(--font_jp);
}
div.other a.list p {
  width: 79.694%;
  max-width: 500px;
}

/* animation */
div.other a.target.trigger {
  opacity: 0;
}
@media (max-width: 768px) {
  div.other a.list img {
    top: -6.5vw;
  }
  div.other a.list p {
    width: 28vw;
    padding: 0.5rem 0;
    bottom: 20px;
  }
  div.other a.list p {
    width: 220px;
  }
}
@media (max-width: 600px) {
  div.other {
    flex-wrap: wrap;
  }
  div.other a.list {
    width: 100%;
    padding-top: 200px;
  }
  div.other a.list:nth-of-type(1) img {
    width: 168px;
  }
  div.other a.list:nth-of-type(2) img {
    width: 220px;
  }
  div.other a.list p {
    width: auto;
    padding: 0.3125rem 3rem;
  }
}