.plof_header {
    padding-top: 0px;
    padding-bottom: 0px;
}



/*************** profile header *****************/
.profile .profile_header_wrap {
    padding: 80px 0 64px 0;
    position: relative;
    width: 100%;
    border: 0px;
}

.profile .profile_header {
    /**display: table;
    max-width: 1000px;**/
    margin: 0 auto;
}

.profile .left,
.profile .right {
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
}

.profile .left .user_img {
    display: table-cell;
}

.profile .left .name {
    display: table-cell;

}

.profile .profile_header .profile_nick_name {
    font-size: 18px;
    font-weight: bold;
    word-break: break-all;
    margin: 16px 0;
    
}

.profile .profile_header .profile_address {
    padding-left: 15px;
}

.profile .profile_header .profile_url {
    margin-top: 20px;
}

.profile .profile_header .right {
    max-width: 500px;
}

/*************** profile sub menu *****************/
.mypage_sub_menu {
    /*margin: 10px 20px 20px 20px;*/
}

@media screen and (max-width: 1000px) {
    .profile .left .user_img {
        display: table-row;
    }

    .profile .left .name {
        display: table-row;
    }

    .profile .left {
        text-align: center;
    }

    .profile .profile_header .profile_nick_name {
        padding-left: 0px;
    }

    .profile .profile_header .profile_address {
        padding-left: 0px;
    }

    .profile .profile_header .profile_nick_name {
        margin-top: 10px;
    }
}

@media screen and (max-width: 700px) {
    .profile .left,
    .profile .right {
        display: block;
    }

    .profile .left {
        max-width: 260px;
        margin: 0 auto 20px auto;
    }

}

/*************** 追加 *****************/
.profile .profile_header_wrap{
    background-color: white;
}

.profile_content{
    margin: 0px;
    padding-bottom: 66px;
}

.mypage_sub_menu{
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
}





.sub_menu {
    background: #edeef0 !important;
}

/******** 書き足し**********/

/***ヘッダー*****/
.prof_bg_img img{
    width: 100%;
    
}





.prof_u_img img{
    width: 16%;
    height: auto;
    object-fit: contain;

    border: 4px solid;
    border-color: white;
    border-radius: 50%;
}


.prof_u_img{
    margin-top: -8%;
    
}

.prof_u{
    padding: 0 149px;
}

.self_des{
    font-size: 14px;
}

/***** メニューバー ********/

.mypage_sub_menu{
    height: 56px;
    line-height: 56px;
    margin-bottom: 16px;
    
}

.active_menu a{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    
}

.not_active_menu {
    width: 33.3%;
}

.not_active_menu a{
    font-size: 18px;
    font-weight: bold;
    color: #D8D8D8;
    border-top: 2px solid;
    border-color:#D8D8D8;
    text-align: center;
    cursor: pointer;

    display: block;
}

.not_active_menu a:hover{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    border-top: 2px solid #e8b429;
    
    
}


.active_menu{
    border-top: 2px solid;
    border-color: #e8b429;
    
    text-align: center;
    cursor: pointer;

    width: 33.3%;
}




/***** コンテンツ *******/
.make_u_pj{
    padding-top: 18px;
}

.view-more-button {
    margin: 24px auto;
}

.infinite-scroll-last {
    margin: 24px auto;
}

.prof_caver{
    width: 100%;
    height: 110px;
    background: linear-gradient(to right, #e8b406, #c21630);
}

.pro_user_img img {
    width: 120px;
    height: auto;
    object-fit: contain;
    border: 4px solid;
    border-color: white;
    border-radius: 50%;
}

.pro_user_img {
    margin-top: -60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}


.prof_messa_btn{
    font-size: 18px;
    font-weight: bold;

    width: 125px;
    height: 45px;

    background-color: #6f6f6f;
    border: 0;
    border-radius: 8px;

    color: #ffffff;
}

.prof_messa_btn a{
    color: #ffffff;
}



/** スマホ画面 **/
@media (max-width: 768px) {
    .prof_u_img img{
        width: 88px;
        height: 88px;
        object-fit: contain;
    }
    
    .plof_header {
        padding-top: 56px;
        padding-bottom: 0px;
    }

    .prof_u {
        padding: 0px;
    }

    .prof_u_img {
        margin-top: -12%;
    }

    .profile .profile_header .profile_nick_name {
        font-size: 16px;
        font-weight: bold;
        word-break: break-all;
        margin: 12px 0 8px 0;
    }
    
    .profile .profile_header_wrap {
        padding: 0px 0 24px 0;
    }

    .not_active_menu a {
        font-size: 13px;
    }

    .not_active_menu a :hover{
        font-size: 13px;
    }
    

    .active_menu a {
        font-size: 13px;
    }

    .mypage_sub_menu {
        height: 36px;
        line-height: 36px;
    }

    .make_u_pj {
        padding-top: 28px;
    }
}


/******* 応援コメント一覧ページ ********/
.com_project{
    display: flex;
    padding:24px 0;
    border-bottom: 1px solid;
    border-color:#D8D8D8;
    
    position: relative;
}

.pj_com_thum{
    width: 22.5%;

    position: relative;
}

.com_view_content{
    width: 77.5%;
    padding: 0 0 0 40px;

    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    word-break: break-word;  
}

.pj_com_thum_ch {
    position: relative;
    overflow: hidden;
    padding-top: 56.3%; /* 比率 */
}

.pj_com_thum_ch img {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transform: translate(0%, 0%);
    object-fit:cover;

    border-radius: 10px;

}


.pj_com_thum_ch .movie {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transform: translate(0%, 0%);
    object-fit:cover;

    border-radius: 10px;

}

.pj_title_com a{
    font-size: 16px;
    font-weight: bold;
    
}

.pj_title_com{
    margin-bottom: 16px;
}

.text_com{
    font-size: 14px;
    padding-right: 10px;
    padding-bottom: 14px;
    margin-bottom: 28px;
}

.text_sup{
    font-size: 14px;
    margin-bottom: 16px;
}

.text_sup_re_ti{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

.text_sup_re_inv{
    font-size: 14px;
    margin-bottom: 0px;
}

.c_date{
    font-size: 14px;

    position: absolute;
    bottom: 24px;
    right: 10px;
}

.pj_title_sup h2{
    margin: 0;
}


/******スマホ*********/
.pj_i_t{
    display: flex;
    margin-bottom: 20px;
}

.pj_com_thum_sp{
    width: 21%;
}

.pj_title_com_sp{
    width: 79%;
}

.pj_com_th_sp_ch{
    position: relative;
    overflow: hidden;
    padding-top: 56.3%; /* 比率 */
}

.pj_com_th_sp_ch img {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transform: translate(0%, 0%);
    object-fit:cover;

    border-radius: 5px;

}


.pj_com_th_sp_ch .movie {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transform: translate(0%, 0%);
    object-fit:cover;

    border-radius: 5px;

}

.pj_title_com_sp{
    padding-left:20px;

}

.pj_title_com_sp a{
    font-size: 14px;
    font-weight: bold;
    
}

.text_com_sp{
    font-size: 14px;
    padding-bottom: 12px;
}

.text_supo_inv_sp,
.text_supo_c_sp{
    font-size: 14px;
    padding-bottom: 12px;
}

.text_supu_ti_sp{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0px;
}


.c_date_sp{
    font-size: 14px;
    padding-bottom: 0px;
    text-align: right;
}

.com_project_sp{
    border-bottom: 1px solid;
    border-color: #D8D8D8;
    padding: 24px 0 ;
}

img.img-circle {
    background-color: #ffffff;
}


/** スマホ画面 **/
@media (max-width: 768px) {
    .mypage_sub_menu {
        margin-bottom: 0px;
    }
    
    .com_project_sp {
        padding: 16px 0;
    }

    .pj_i_t {
        margin-bottom: 12px;
    }

    .pro_user_img {
        margin-top: -44px;
    }

    .pro_user_img img {
        width: 88px;
    }

    .prof_messa_btn {
        font-size: 12px;
        font-weight: bold;
        width: 112px;
        height: 30px;
    }

    .prof_caver {
        height: 70px;
    }
    
    

}