/* CSS INFORMATION -====================================================
File name : music.css
Description :
===================================================================== */
.music {
  background-color: #ffea2d;
  padding: calc(100 / 750 * 100%) 0 calc(160 / 750 * 100%);
}
.music .music_list li:not(:last-child) {
  margin-bottom: calc(80 / 630 * 100%);
  padding-bottom: calc(80 / 630 * 100%);
  border-bottom: 0.5rem dotted #ffbd87;
}
.music .music_img .music_movie {
  margin-bottom: calc(60 / 630 * 100%);
}
.music .music_img .music_movie .music_movie_inner {
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.music .music_img .music_movie .music_movie_inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.music .music_img dl {
  color: #ff6d2d;
  text-align: center;
}
.music .music_img dl dt {
  font-size: 3.6rem;
  font-weight: 700;
  margin-bottom: 3.4rem;
}
.music .music_img dl .music_artist {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
.music .music_img dl .music_label {
  font-size: 2rem;
}
.music .music_comment {
  margin-top: calc(70 / 630 * 100%);
}
.music .music_comment h3 {
  text-align: center;
  color: #ee00a8;
  font-family: YakuHanJP, "Kaisei Opti", serif;
  margin-bottom: 4rem;
  font-size: 3.2rem;
  letter-spacing: 0.05rem;
}
.music .music_comment h3 span {
  display: inline-block;
  padding: 0 4.5rem;
}
.music .music_comment h3 span::before, .music .music_comment h3 span::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  width: calc(29 / 750 * 100vw);
  background: url(../images/common/img_deco4.png) no-repeat center/contain;
}
.music .music_comment h3 span::before {
  left: 0;
}
.music .music_comment h3 span::after {
  right: 0;
}
.music .music_comment p {
  line-height: 1.833;
}
.music .btn1 {
  margin-top: calc(60 / 630 * 100%);
}

@media screen and (min-width: 768px) {
  .music {
    padding: calc(100 / 1120 * 100%) 0 calc(160 / 1120 * 100%);
  }
  .music .music_list li:not(:last-child) {
    margin-bottom: calc(80 / 1024 * 100%);
    padding-bottom: calc(80 / 1024 * 100%);
    border-bottom: 0.5rem dotted #ffbd87;
  }
  .music .music_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .music .music_img .music_movie {
    width: 50%;
    margin: 0;
  }
  .music .music_img dl {
    width: 50%;
  }
  .music .music_img dl dt {
    font-size: 2.7rem;
    margin-bottom: 2.9rem;
  }
  .music .music_img dl .music_artist {
    font-size: 2.4rem;
    margin-bottom: 3.5rem;
  }
  .music .music_img dl .music_label {
    font-size: 1.6rem;
  }
  .music .music_comment {
    margin-top: calc(54 / 1024 * 100%);
  }
  .music .music_comment h3 {
    text-align: left;
    margin-bottom: 2rem;
  }
  .music .music_comment h3 span::before, .music .music_comment h3 span::after {
    width: calc(25 / 1120 * 100vw);
    max-width: 25px;
  }
  .music .music_comment p {
    line-height: 2;
  }
  .music .btn1 {
    margin-top: calc(60 / 1024 * 100%);
  }
}
@media screen and (min-width: 1120px) {
  .music {
    padding: 100px 0 160px;
  }
}
/*# sourceMappingURL=music.css.map */