@charset "UTF-8";
/* CSS Document */


/* ============================================================
  プロフィール
============================================================ */


#profileArea{margin-bottom: 30px;position: relative;}

.bg{
  height: 190px;
  background-image:url("../../img/member/doto.png") ,url("../../img/member/makuakegrade.png");
  background-size: auto,cover;
  background-repeat: repeat,no-repeat;
}

#profileInArea{width: 1000px;margin: -112px auto 0 auto;}
#profileLeft{
  position: relative;
  width: 175px;
  height: 175px;
  margin: 0 auto 35px;
}
#profileThumb{width: 175px;height: 175px;border-radius: 4px;}
#profileBadge{
  position: absolute;
  top: -24px;
  left: -24px;
  width: 64px;
  height: 64px;
}
#profileRight{}
#profileNameArea{margin-bottom: 16px;}
#yourName{font-size: 25px; font-size: 2.5rem; letter-spacing: 0.1rem;margin-right: 8px;}
.mailAlert{position: relative;top: 6px;}
.mailAlert img:hover{opacity:0.5;}

#profileAne{display: block;background: url("../../img/icon_ex_48.gif") no-repeat 12px 6px #ef4d73;width: 745px;height: 50px;line-height: 50px;text-indent: 57px; color: white;font-size: 18px; font-size: 1.8rem; font-weight: bold;margin-bottom: 28px;cursor: pointer;}

.archiveMoreLink{text-align: right;font-size: 14px; font-size: 1.4rem;margin-top: 10px;padding-right: 20px;position: absolute;bottom: 25px;right: 0px;}
.iconArrow24{position: relative;}
.iconArrow24:after{content: "";width: 24px;height: 24px;background: url("../../img/icon_arrow_24.gif") no-repeat 0 0; right: -24px; top: -3px;position: absolute;}

.mailAlertNum {background: #ef4d73;padding: 2px 5px;border-radius: 70px;border: solid white 2px;font-size: 12px;font-size: 1.2rem;font-weight: bold;position: relative;top: -19px;left: -7px;color: white;}

.newsListArea{height: 87px;overflow: auto;font-size: 13px;font-size: 1.3rem;}

.oneSection{display: table;width: 100%;table-layout: fixed;margin-bottom: 10px;}

.oneSection01{display: table-cell;width: 100px;color: gray;}
.oneSection02{display: table-cell;line-height: 1.2;}

.secondText{
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px;
}
.profileDetailArea{
    margin-bottom: 100px;
}
.profileDetailArea span{color:gray;}
#vue-followers-preview { margin-bottom: 32px; }
#vue-project-owner-follow-button { display: flex; justify-content: center; margin-bottom: 32px; }
.birthplace{/* float:left; *//* margin-bottom:8px; */display: inline-block;margin-right: 10px;}
.birthday{/* float:left; *//* margin-bottom:8px; *//* padding-left:30px; */display: inline-block;}
.introduction {
font-size: 14px;
line-height: 1.6;
}

.nameAndSns{}
.nameAndSnsLeft{
    text-align: center;
}
.nameAndSnsRight{float: left;}
.alertIconsSns{}
.alertIconsSns li{float: left;margin-right: 11px;position: relative;}
.alertIconsSns a:hover{opacity:0.5;}
.alertIconsSns img{/*width: 30px;*/}
.snsAlert{top: -1px;position: relative;}
.snsAlert:hover{}
.URL{font-size: 14px; text-align: center;margin-bottom: 22px;}
.URL p {
line-height: 1.5;
}