/* .contentArea.mypage{
  margin: 10px 5px;
} */
.mypage h1{
  color: #ff5100;
  font-size: 1em;
  border:none;
  margin-bottom: 0;
  text-align: center;
}
.mypage h2{
  background:rgba(255,81,0,.2);
  font-size: 1em;
  padding: .25rem .5rem;
  margin: 1rem 0;
}
.mypage h3{
  border-bottom: 1px dotted #ff5100;
  color: #ff5100;
}
.mypage h4{
  color: #ff5100;
}


.informations{
  border: 2px solid rgba(255,81,0, .5);
  border-radius: 3px;
}
.informations ul{
  margin: .5rem;
  padding: 0;
  list-style-type: none;
}
.informations ul.infoList{
  margin-bottom: 0;
}
.informations ul.infoList li{
  position: relative;
  line-height: 1;
  padding-top: .25rem;
}
.informations ul.infoList li+li{
  border-top: 1px dashed rgba(255,81,0, .5);
  padding-top: .5rem;
}
.informations ul.infoList li a{
  width: calc(100% - 4em);
  box-sizing: border-box;
}
.informations ul a:link{
  font-size: .85em;
  vertical-align: text-top;
}
.informations ul.infoList a span{
  background: #fff;
  border: 1px solid rgba(255,81,0, .5);
  color: rgba(255,81,0, 1);
  font-size: .7em;
  line-height: 1;
  margin-right: .25rem;
  padding: 1px .25rem;
  vertical-align: middle;
}
.informations ul.infoList li:not(:first-of-type) a:before{
  top: .5rem;
}

.informations .ranking ul{
  margin-top: 0;
}
.informations .ranking p{
  color: rgba(255,81,0, 1);
  margin: 0;
  text-align: center;
}
.informations .ranking li{
  counter-increment: number;
  display: table;
  line-height: 1.3;
}
.informations .ranking li+li{
  margin-top: .8rem;
}
.informations .ranking li>div{
  display: table-cell;
  vertical-align: middle;
}
.informations .ranking li div:first-of-type{
  width: 2.5rem;
}
.informations .ranking li div:first-of-type span{
  background: rgba(255,81,0, .3);
  border-radius: 50%;
  color: rgba(255,81,0, 1);
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1;
  padding: .2rem .4em;
  text-align: center;
}

.informations .ranking li div:first-of-type span:before{
  content: counter(number)"";
}
.informations .ranking li div:first-of-type span:after{
  content: "位";
  font-size: .5em;
}
.informations .ranking li div:first-of-type{
}
.informations .ranking li div:last-of-type{
  padding-left: .5rem;
}
.informations .ranking li div:last-of-type a{
  display: block;
}

/*main
.myNavMain>ul{
  border: 1px solid #ccc;
  border-radius: .5rem;
  font-size: .8rem;
  margin: .5rem 0;
}
.myNavMain ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.myNavMain li+li{
  border-top: 1px solid #ccc;
}
.myNavMain ul a{
  display: block;
  padding: .5rem 1rem;
}*/

.myNavTop ul{
  list-style-type: none;
  margin: .5rem 0;
  padding: 0;
}
.myNavTop .main{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.myNavTop .main li{
  width: 19.5%;
  text-align: center;
  line-height: 1.5;
}
.myNavTop .main a{
  background: rgba(255,81,0, 1);
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: .75em;
  padding: .25rem 0;
}
.myNavTop .main a img{
  width: 50%;
  max-width: 50px;
  height: auto;
  max-height: 40px;
}
.myNavTop .current a{
  background:#2b6baa;
}
.myNavSab .current a{
  background:#2b6baa;
  color: #fff;
}
.myNavTop .sub{
}
.myNavSab ul{
  display: flex;
  border-bottom: 2px solid #2b6baa;
  list-style-type: none;
  line-height: 1;
  margin: .5rem 0;
  padding: 0;
  font-size: .8em;
}
.myNavSab li{
  align-self: flex-end;
}
.myNavSab>ul>li+li{
margin-left: 5px;
  /*margin-top: 2px;*/
}
.myNavSab ul a{
  background: rgba(255,81,0,.2)/* url("../../../img/module/all/icn_aw_orange.png") .5rem center / 10px 15px no-repeat */;
  border-radius: 3px 3px 0 0;
  color: #ff5100;
  display: block;
  padding: .5rem .25rem /*.75rem 1rem .75rem 1.5rem*/;
}
.myNavBottom>ul{
  border: 1px solid #ccc;
  border-radius: .5rem;
  margin: .5rem 0;
}
.myNavBottom ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.myNavBottom ul ul li{
  padding-left: 2rem;
  border-top: 1px dashed #ccc;
}
.myNavBottom>ul>li+li{
  border-top: 1px solid #ccc;
}
.myNavBottom ul a{
  display: block;
  padding: .5rem 1rem;
}

.operation{
  display: flex;
  list-style-type: none;
  line-height: 1;
  padding: 0;
  font-size: .8em;
  margin: 0;
}
.operation li{
  padding: 0 .25rem;
}
.operation li:first-of-type{
  background: url("../../../img/page/mypage/icn_deletearrow.png") left bottom no-repeat;
  background-size: 15px;
  padding-left: 20px;
}
.operation li:nth-of-type(n+2){
  border-left: 1px solid #ccc;
}
.operation input{
  background: #333;
  color: #fff;
  padding: 1px 5px;
  font-size: .8em;
}

ul.notice{
  list-style-type: none;
  padding-left: 0;
  font-size: .8em;
}
ul.notice li:before{
  content: "※";
}
dl.notice{
  font-size: .8em;
}
dl.notice dt{
  font-weight: bold;
}
dl.notice dd{
  margin-left: 0;
}
dl.notice dd:before{
  content: "○";
}
dl.notice dd+dt{
  margin-top: .75rem;
}

.msgList{
  border: 1px solid #ccc;
  border-collapse: collapse;
  box-sizing: border-box;
  margin: .5rem 0;
  width: 100%;
}
.msgList th,
.msgList td{
  border: 1px solid #ccc;
  padding: .5rem .2rem;
  font-size: .7em;
}
.msgList th{
  background: #efefef;
}
.msgList td.schlRow{
  padding: .75rem;
  font-size: 1em;
}
.msgList a:link{
  border-bottom: 1px dotted #333;
}
table.msgList a:visited{
  font-weight: 400;
}
.msgList a:hover{}
.msgList a:active{}
table.account{
  box-sizing: border-box;
  margin: .75rem auto;
}
.textAlert{
  padding: 0 15px;
  color: #FF0000;
}