@charset "utf-8";

#music-items {
  width: 100%;
}

#music-items li {
  width: 100%;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.music-item-image {
  width: 100%;
}

.music-item-image img {
  width: 100%;
}

.music-item-detail {
  margin-left: 0;
  width: 100%;
}

@media screen and (min-width:768px) {
  .music-item-image {
    width: 40%;
  }

  .music-item-detail {
    margin-left: 5%;
    width: 55%;
  }
}

.music-item-detail .text {
  font-size: 13px;
  margin-bottom: 2em;
}

.music-item-detail dl {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 1em;
  position: relative;
}

.music-item-detail dt {
  width: 120px;
  background-color: #3C6E41;
  border-radius: 5px;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.music-item-detail dd {
  margin-left: 1em;
  flex-grow: 1;
  font-size: 16px;
}

.link-button {
  width: 60%;
}