@charset"utf-8";
.mypage {
    clear: both;
    width:100%;
    height:auto;
    border:#f00 0px solid;
    margin:0 auto;
    padding: 20px 0;
    text-align:center;
    font-size: 16px;
}
.pc_dis{
    display: none;
}
.mypage a{
    color:#4d555d;
    width:auto;
    height:auto;
    padding:6px 12px;
    font-size:16px;
    margin-right:5px;
    border: 1px solid #DBDBDB;
    background: #F5F5F5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.mypage span{
    color:#717171;
    width:auto;
    height:auto;
    padding:10px;
    font-size:16px;
    border-radius:5px;
    margin-right:5px;
}
.mypage .linking,.mypage a:hover {
    color: #fff;
    background: #2f72f5;
    border:1px solid transparent;
    border-radius: 4px;
}
@media screen and (max-width: 768px) {
    .pc_dis {
        display: block;
    }
    .ph_dis {
        display: none;
    }

    .mypage {
        padding: 15px 0;
    }
}