.button {
  display: inline-block;
  margin: 20px;
  padding: 10px 20px;
  background:#fff;
  border:1px #333 solid;
  font-size:14px;
  color:#333;
}

/* ARTIST DETAIL 共通 */
.artist-detail a:link,
.artist-detail a:visited {color: #000;}
.artist-detail a:hover,
.artist-detail a:active {color: #000; text-decoration: underline;}
.artist-detail {padding-bottom: 0;}
.artist-detail__name,
.artist-detail__name--jp,
.artist-detail__title,
.artist-detail__title--mid {font-weight: 700;}
.artist-detail__name--jp {color: #888;}
.artist-detail__list {padding-bottom: .5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* ARTIST DETAIL レスポンシブ */
@media (min-width: 0px) {
  .artist-detail {padding: 1em;}
  .artist-detail__box {margin-bottom: 1.5rem;}
  .artist-detail__name {font-size: 1.3125rem;}
  .artist-detail__title {margin-bottom: .5rem; font-size: 1.1rem;}
  .artist-detail__title--mid {margin-bottom: .5rem; font-size: 1rem;}
  .artist-detail__paragraph {line-height: 1.75;}
}
@media (min-width: 480px) {
  .artist-detail {padding: 1.25rem;}
}
@media (min-width: 768px) {
  .artist-detail {padding: 1.75rem;}
}
@media (min-width: 1000px) {
  .artist-detail {padding: 3rem;}
  .artist-detail__box {margin-bottom: 1.5rem;}
  .artist-detail__name {font-size: 1.5rem;}
  .artist-detail__title {margin-bottom: .5rem; font-size: 1.1rem;}
}
