@import "profile.css";


/**
 * Label
 */
.mypage .page-title{
  width:90%;
  margin:50px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-size:2.0rem;
}

.mypage .history-message,
.mypage .category-title{
  width:80%;
  margin:50px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:1.8rem;
  text-align:center;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:bottom;
  padding-bottom:0.7rem;
}

@media (max-width:500px){
  .mypage .category-title{
    font-size:1.5rem;
    padding-bottom:0.3rem;
  }
}


/**
 * Link
 */
.mypage a{
  text-decoration:none;
  display:block;
  width:60%;
  margin:0 auto;
  text-align:center;
  padding-bottom:0.3rem;
}

.mypage a:hover{
  opacity: .7;
}

/**
 * Text
 */
.mypage .text{
  width:70%;
  margin:30px auto;
}

.mypage .history-message{
  font-size:1.5rem;
}

/**
 * history page
 */
.datas {
  padding: 0 20px;
}

.mypage .contact {
  padding: 40px 20px 20px;
}

.mypage a.contact-link {
  display: inline;
  text-decoration: underline;
  margin-left: 4px;
}

/**
 * List
 */
#history_list{
  display:flex;
  flex-direction:column;
  gap:0rem;
}
#history_list li{
  border-bottom:1px dotted black;
}
#history_list a{
  padding:0.5rem;
  text-align:left;
  width:100%;
  display:block;
}

#history_list a .date{
  font-weight:bold;
  font-size:0.8rem;
}
#history_list a .name{
  font-size:0.9rem;
  text-decoration: underline;
}

.link::before{
  content: ">> ";
}
.link:hover{
  opacity:0.7;
}

.mypage.account,
.mypage.change,
.mypage.regist,
.mypage.history{
  width:80%;
  margin:0 auto;
}

/**
 * regist/unregist page
 */
.unregist .data-wrap {
  padding: 20px;
}

.regist-status{
  width:90%;
  border:1px dashed white;
  padding : 2.0em;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:2.0em;
  border-radius:0.5em;
}
.regist-status > *{
  text-align:center;
}