/* -----------------------------------------------------------------
/campaign/ambassador/ CSS
--------------------------------------------------------------------*/

.userNav { overflow:hidden; }
.userNav li { margin-bottom:8px; padding:0!important; width:16.66%; float:left; background-image:url()!important; }
.userNav li a { width:100%; padding:0 0 0 1.2em; display:block; background: url(https://www.careco.jp/imgs/common/icon_arrow_grn_r_01.png) no-repeat 0 50% ;}
.userData {
    margin:0;
    padding:0;
    position:relative;
}
.userData .data{
    min-height:250px;
    margin:0;
    padding:0;
    position:relative;
}
.userData .data .photoBox{
    margin:0;
    padding:0;
    width:320px;
    position:absolute;
    top:0;
    left:0;
}
.userData .data .txtBox{
    margin:0;
    padding:0 0 0 350px;
}
.userData .data .txtBox h4{
    margin:20px 0 0;
    padding:0;
    color:#007f2f;
}
.userData .data .txtBox p{
    margin:10px 0 0;
    padding:0;
}
.userData .moreBtn {
    display:none;
}

.btnN { text-align:center; margin:15px auto 30px!important; width:340px; display:block; background-color:#00a33c; clear:both; }
.btnN a{ border:#007f2f 1px solid; text-decoration: none; padding: 10px 20px; display: inline-block; width:340px; }
.btnN a span{ padding:0 0 0 20px; background:url(/wp/wp-content/themes/careco/images/page/icon_insta_btn.png) no-repeat left center; font-weight: bold; color:#FFFFFF; }
.btnN a:hover{ text-decoration:none !important;}
.btnN a:hover span{ color:#ffde00 !important; }

@media (max-width:768px) {

.userNav { margin-top:-20px!important; }
.userNav li { margin-bottom:0px; width:33.33%; font-size:12px; }
.userNav li a { padding:8px 0 8px 1.2em; }
.userData .data .photoBox{
    margin:0 auto;
    padding:0;
    width:90%;
    position:static;
}
.userData .data .txtBox{
    margin:25px 0 0;
    padding:0;
}
.userData .more {
    display:none;
}
.userData .moreBtn {
    display:block;
    text-align:center;
}
.userData .moreBtn span{
    width:160px;
    margin:20px auto 0;
    padding:8px;
    display:block;
    color:#ffffff;
    background:url(https://www.careco.jp/wp/wp-content/themes/careco/images/page/icon_insta_btn.png) no-repeat 5% 50% #00a33c;
    cursor:pointer;
    border-radius:2px;
}
.btnN { text-align: center; margin: 0 auto 30px !important; width:280px; display: block; margin: 0 5px; background-color:#00a33c; clear:both;}
.btnN a{ width:280px; }
}