.mod-mypage-profile {
  position: relative;
}
.mod-mypage-profile .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
}
.mod-mypage-profile .image img {
  max-width: 100%;
  max-height: 100%;
}
.mod-mypage-profile .image + .name {
  padding-left: 60px;
  min-height: 50px;
}
.mod-mypage-profile .name {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.mod-mypage-profile .intro {
  border: 1px solid #d9d9d9;
  padding: 10px;
  margin: 20px 0 10px;
}
.mod-mypage-profile .intro .text-wrap.close {
  max-height: 126px;
  position: relative;
  overflow: hidden;
}
.mod-mypage-profile .intro .text-wrap.close .ui-morecontent {
  display: none;
}
.mod-mypage-profile .intro .text-wrap.open {
  height: auto;
}
.mod-mypage-profile .intro .text-wrap.open .ui-moreelipses {
  display: none;
}
.mod-mypage-profile .intro .text-wrap.open:after {
  content: "";
}
.mod-mypage-profile .intro .text {
  margin-bottom: 0;
}
.mod-mypage-profile .intro .hide {
  display: none;
}
.mod-mypage-profile .intro .more {
  margin-bottom: 0;
  margin-top: 5px;
}
.mod-mypage-profile .intro .more span {
  text-decoration: underline;
  cursor: pointer;
}
.mod-mypage-profile .url {
  font-weight: bold;
}
.mod-mypage-profile .url a {
  color: inherit;
}
.mod-mypage-profile .edit {
  position: absolute;
  top: 0;
  right: 0;
}

.mod-mypage-favorite-album .mod-trackList.trackList-col3 ul {
  margin-right: -35px;
}
.mod-mypage-favorite-album .mod-trackList.trackList-col3 li {
  width: 100px;
  margin-right: 35px;
}
.mod-mypage-favorite-album .mod-trackList.trackList-col3 .title {
  color: #333;
  font-weight: bold;
}

.mod-mypage-box.mod-grayBox {
  margin-bottom: 30px;
}
.mod-mypage-box.mod-grayBox .mod-grayBox-content {
  border: none;
  overflow: hidden;
  *zoom: 1;
}
.mod-mypage-box.mod-grayBox .mod-grayBox-content p {
  margin-bottom: 0;
}
.mod-mypage-box.mod-grayBox .col-01 {
  float: left;
  width: 350px;
}
.mod-mypage-box.mod-grayBox .col-02 {
  float: right;
  width: 370px;
  padding-top: 8px;
}

.mod-mypage-input {
  position: relative;
}
.mod-mypage-input .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
}
.mod-mypage-input .image img {
  max-width: 100%;
  max-height: 100%;
}
.mod-mypage-input .image p {
  margin-top: 5px;
}
.mod-mypage-input .image a {
  color: inherit;
}
.mod-mypage-input .mod-form-area {
  padding-left: 120px;
}
