.itemid{display:none;}
#lightbox{
    z-index: 300;
}
#overlay {
    z-index: 150;
}
.contest-title-text-link{
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    margin-left: 16%;
    width: 150px;
}
.contest-title-text-link img{
    width: 10px;
    height: 16px;
    margin-right: 12px;
}
.cand_btn{
    display: flex;
}
.vote-choice-content-detail-vote.voted{
    border: none;
    background-color: #e2e2e2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    max-width: 224px;
    max-height: 65px;
    width:  calc( 224vw / 9);
    height: calc( 224vw / 9);
    font-size: min(calc(22vw / 9), 22px);
    margin-left: 45px;
}
.profileData .profile-bottom2
{
    padding: 12px;

    background-color: #fff;
    box-shadow: 0 -3px 12px #3b2f240d;
}
.profile-bottom2
{
    margin-top: 150px;

    border-top: 1px solid #e5e5e5;
}

.profileData .profile-bottom-inr2
{
    max-width: 1220px !important;
    margin: 0 auto;
}

.profileData .profile-bottom-grid2
{
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.profileData .profile-bottom-grid--col2.is-left2
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: center;
    align-items: center;
}

.profileData .profile-bottom-grid--col2 .user-img2
{
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}
.user-img2 img
{
    width: 100%;
    height: auto;
}
.profileData .profile-bottom-grid--col2
{
    font-size: 24px;

    padding-right: 35px;
    padding-left: 10px;
}
.acafe-btn.is-follow02
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: bold;

    display: inline-block;

    width: auto;
    height: auto;

    color: #000;
    border: 1px solid #7c7c7c;
    background-color: #fff;
}

.acafe-btn.is-follow02 span
{
    line-height: 1;

    display: block;

    padding: 15px 25px;

    transition: all .2s ease-out;
}
.acafe-btn.is-follow03
{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    font-weight: bold;

    display: inline-block;

    width: 100%;
    height: auto;

    color: #000;
    border: 1px solid #e2e2e2;
    background-color: #e2e2e2;
}

.acafe-btn.is-follow03 span
{
    line-height: 1;

    display: block;

    padding: 15px 25px;

    transition: all .2s ease-out;
}

.details-header{
    max-width: 1184px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 14px auto;
}

.details-header-prev{
    font-size: 14px;
}

.details-header-prev img{
    width: 10px;
    height: 16px;
    margin-right: 12px;
    position: relative;
    top: 2.5px;
}

.details-header-terma{
    font-size: 16px;
}

.details-header-next{
    font-size: 14px;
}

.details-header-next img{
    width: 10px;
    height: 16px;
    margin-left: 12px;
    position: relative;
    top: 2.5px;
}

.underbar{
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #E0E0E0;
}

.details-title{
    max-width: 1181px;
    display: flex;
    margin: 35px auto 28px;
    justify-content: space-between;
    align-items: center;
    
}

.details-title-name{
    font-size: min(calc(32vw / 9), 32px);
    font-weight: 600;
}

.rank-box-img{
    display: flex;
    justify-content: end;
}

.deatils-title-pin{
    font-size: 16px;    
    display: flex;
    align-items: center;
    border: none;
    cursor: pointer;
}

.details-title-buttons{
    display: flex;
}

.details-title-buttons button{
    background-color: #fff;
}

.deatils-title-pin img{
    width: 24px;
    height: 24px;
    margin-right: 15px;
}

.details-title-vote{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    max-width: 224px;
    max-height: 65px;
    width:  calc( 224vw / 9);
    height: calc( 224vw / 9);
    font-size: min(calc(22vw / 9), 22px);
    border: solid 2px #7C7C7C;
    box-shadow: #aaaaaa 0 1px 1px;
    margin-left: 45px;
    cursor: pointer;
    color: inherit !important;
}

.details-title-vote img{
    max-width: 32px;
    max-height: 25px;
    width: calc( 32vw / 9);
    height: calc( 25vw / 9);
    margin-right: 32px;
}

.details-img-box{
    width: 100%;
    max-width: 1028px;
    display: block;
    margin: 0 auto;
}

.details-img{
    max-width: 1028px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.details-imgnumber{
    text-align: center;
    font-size: 18px;
    margin-top: 34px;
    color: #797979;
}

.details-camera{
    margin: 31px auto 0;
    display: flex;
    max-width: 904px;
    width: 100%;
    justify-content: space-around;
}

.details-camera-box{
    width: 46%;
}

.details-camera-detail{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.details-camera-detail p{
    max-width:300px;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    height: 2em;
    display: flex;
    align-items: center;
    margin-right: 36px;
    
}

.detail-camera-item-page{
    width: 20px;
    height: 20px;
}

.details-item-img{
    width: 74px;
    height: 46px;
}

.details-camera-detailbutton{
    margin-left: 82px;
}

.details-camera-detailbutton img{
    width: 12px;
    height: 18px;
    margin-left: 18px;
    position: relative;
    top: 3px;
}

.details-list{
    max-width: 1080px;
    width: 100%;
    background-color: #F7F8F8;
    margin: 31px auto 70px;
    padding: 26px 0;
}

.detilas-list-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 774px;
    margin: 0 auto;
}

.detilas-list-box-false{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 774px;
    margin: 0 auto;
}

.details-list-items{
    display: flex;
    width: 43%;
    margin-top: 19px;
}


.details-list-items:first-child{
    display: flex;
    width: 50%;
    margin-top: 0;
}

.details-list-items:nth-child(2){
    margin-top: 0;
}

.details-list-items p:first-child{
    max-width: 226px;
    width: 100%;
    font-weight: 600;
}

.user-imformation{
    max-width: 1080px;
    width: 95%;
    margin: 0 auto;
}

.user-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user-box-inner{
    display: flex;
    align-items: center;
}

.user-topimg{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    object-fit: cover;
}

.user-name{
    font-size: 28px;
    font-weight: 600;
    margin-left: 20px;
}

.user-icon{
    margin-left: 16px;
}

.user-icon img{
    width: 30px;
    height: 30px;
    margin-left: 8px;
}

.user-icon img:first-child{
    margin-left: 0;
}

.follow-button{
    width: 160px;
    height: 52px;
    border: 2px solid #7C7C7C;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1px;
    font-weight: 600;
}

.follow-message{
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    color: #4D4D4D;
}


.user-details{
    max-width: 1080px;
    width: 100%;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    margin: 33px auto 0;
    padding: 34px 0 40px;
}

/* ランク */

.is-rank
{
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    display: block;
    width: 68px;
    height: 20px;
    text-align: center;
    
    margin: 0;
}


.is-membro {
    background-color: #a05e24;
    color: #FFF;
    border-radius: 3px;
}
.is-membro:before {
    content:'Membro';
}

.is-barista {
    background-color: #76401c;
    color: #FFF;
    border-radius: 3px;
}
.is-barista:before {
    content:'Barista';
}

.is-cuoco {
    background-color: #5f5c5b;
    color: #FFF;
    border-radius: 3px;
}
.is-cuoco:before {
    content:'Cuoco';
}

.is-padrone {
    background-color: #20293b;
    color: #FFF;
    border-radius: 3px;
}
.is-padrone:before {
    content:'Padrone';
}

.is-direttore {
    background-color: #514598;
    color: #FFF;
    border-radius: 3px;
}
.is-direttore:before {
    content:'Direttore';
}

.is-veterano {
    background-color: #b72323;
    color: #FFF;
    border-radius: 3px;
}
.is-veterano:before {
    content:'Veterano';
}

.is-maestro {
    background-color: #dd6414;
    color: #FFF;
    border-radius: 3px;
}
.is-maestro:before {
    content:'Maestro';
}

.is-campione {
    background-color: #fdfa0f;
    color: #000;
    border-radius: 3px;
}
.is-campione:before {
    content:'Campione';
}


/* ランクここまで */

.user-demogura{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 98%;
    margin: 0 auto;
}

.user-demogura-group{
    display: flex;
    align-items: center;
}

.user-bean{
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.user-bean img{
    width: 24px;
    height: 24px;
    margin-right: 7px;
}

.user-demogura-icongroup img{
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.user-demogura-list-group{
    display: flex;
    width: 98%;
    margin: 0 auto;
    margin-top: 29px;
}

.user-demogura-list{
    display: block;
    width: 100%;
}

.user-demogura-item{
    display: flex;
    width: 100%;
    margin-top: 13px;
}

.user-demogura-item p:first-child{
    max-width: 147px;
    width: 100%;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.user-demogura-item p:nth-child(2){
    max-width: 300px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.free-text-area-box{
    max-width: 1060px;
    width: 100%;
    margin: 30px auto 196px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.number-text{
    width: 92px;
    height: 54px;
    background-color: #DBDBDB;
    font-size: 36px;
    font-weight: 600;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding-top: 5px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.number-text span{
    font-size: 15px;
    margin-left: 4px;
}

.number-img{
    width: 64px;
    height: 82px;
}

.pc-none{
    display: none;

}
@media screen and (min-width: 768px) and (max-width: 1050px){
    .contest-title-text-link{
        font-size: 13px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        margin-left: 2%;
        width: 150px;
    }
}
@media screen and (max-width:767.9px) {
    span.sp-none2 {
        font-size: 13px;
        margin-right: 2px;
        margin-left: 2px;
        position: relative;
        top: -1px;
    }
    .contest-title-text-link{
        font-size: 13px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        margin-left: 15px;
        width: 150px;
    }
    .contest-title-text-link img{
        width: 6px;
        height: 12px;
        margin-right: 14px;
    }
    .acafe-btn.is-follow02
    {
        font-size: 13px;
    }
    .acafe-btn.is-follow02 span
    {
        padding: 10px 18px;
    }
    .acafe-btn.is-follow03
    {
        font-size: 13px;
    }
    .acafe-btn.is-follow03 span
    {
        padding: 10px 18px;
    }
    .sp-none{
        display: none;
    }

    .pc-none{
        display: block;
    }

    .details-header{
        margin: 15px auto;
        padding: 0 17px;
    }
    
    .details-header-prev img{
        width: 6px;
        height: 12px;
        margin-right: 0;
    }
    
    .details-header-terma{
        font-size: 14px;
    }
    
    .details-header-next img{
        width: 6px;
        height: 12px;
        margin-left: 0;
    }
    
    .details-title{
        max-width: 1181px;
        display: block;
        margin: 14px 17px 18px;
        
    }
    
    .details-title-name{
        font-size: 21px;
    }
    
    .deatils-title-pin{
        font-size: 16px;    
        display: flex;
        justify-content: center;
        align-items: center;
        width: 42px;
        height: 42px;
        border: 2px solid #7c7c7c;
        border-radius: 2px;
        box-shadow: #aaaaaa 0 1px 1px;
    }
    
    .details-title-buttons{
        display: flex;
        justify-content: end;
        margin-top: 14px;
    }
    
    .deatils-title-pin img{
        width: 20px;
        height: 20px;
        margin-right: 0;
    }
    
    .details-title-vote{
        width:  133px;
        height: 42px;
        font-size: 14px;
        margin-left: 5px;
    }
    
    .details-title-vote img{
        width: 20px;
        height:16px;
        margin-right: 15px;
    }
    
    .vote-choice-content-detail-vote.voted{
        width: 133px;
        height: 42px;
        font-size: 14px;
        margin-left: 5px;
    }
    
    .details-img-box{
        width: 100%;
    }
    
    .details-img{
        max-width: 1028px;
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    
    .details-imgnumber{
        text-align: center;
        font-size: 12px;
        margin-top: 18px;
        color: #797979;
    }
    
    .details-camera{
        margin: 22px auto 0;
        display: block;
        width: 90%;

        max-width: 600px;
        min-width: 335px;
    }
    
    .details-camera-box{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .details-camera-box:nth-child(2){
        margin-top: 21px;
    }
    
    .details-camera-detail{
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 0;
        width: 64%;
        align-items: center;
        padding-right: 18px;
    }
    
    .details-camera-detail p{
        max-width:210px;
        width: 100%;
        min-width: 110px;
        font-size: 14px;
        font-weight: 600;
        height: 2em;
        display: flex;
        align-items: center;
        margin-right: 20px;
        
    }
    
    .detail-camera-item-page{
        width: 18px;
        height: 18px;
    }
    
    .details-item-img{
        width: 48px;
        height: 30px;
    }
    
    .details-camera-detailbutton{
        padding-left: 20px;
        margin-left: 0;
        font-size: 14px;
        display: flex;
        align-items: center;
        border-left:1px solid #E6E6E6;
        height: 20px;
    }
    
    .details-camera-detailbutton img{
        width: 12px;
        height: 18px;
        margin-left: 17px;
        position: relative;
        top: 1px;
    }
    
    .details-list{
        margin: 24px auto 65px;
        padding: 15px 0;
        font-size: 12px;
    }
    
    .detilas-list-box{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 350px;
        margin: 0 auto;
    }

    .detilas-list-box-false{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 350px;
        margin: 0 auto;
    }
    
    .details-list-items{
        display: flex;
        width: 47%;
        margin-top: 9px;
    }
    
    
    .details-list-items:first-child{
        display: flex;
        width: 50%;
        margin-top: 0;
    }
    
    .details-list-items:nth-child(2){
        margin-top: 0;
    }
    
    .details-list-items p:first-child{
        max-width: 100px;
        
    }

    .details-list-items p:nth-child(2){
        width: 60px;
        font-size: 11px;
    }





    .user-imformation{
        max-width: 1080px;
        width: 95%;
        margin: 0 auto;
    }
    
    .user-box{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .user-box-inner{
        display: flex;
        align-items: center;
    }
    
    .user-topimg{
        width: calc(24vw / 3.75);
        height: calc(24vw / 3.75);
    }
    
    .user-name{
        font-size: min(calc(18vw / 3.75), 24px);
        margin-left: 6px;
    }
    
    .user-icon{
        margin-left: 10px;
    }
    
    .user-icon img{
        width: calc(18vw / 3.75);
        height: calc(18vw / 3.75);
        margin-left: 4px;
    }
    
    .user-icon img:first-child{
        margin-left: 0;
    }
    

    
    .follow-message{
        text-align: center;
        margin-top: 10px;
        font-size: min(calc(12vw / 3.75), 16px);
        color: #4D4D4D;
    }
    
    
    .user-details{
        max-width: 1080px;
        width: 95%;
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        margin: 33px auto 0;
        padding: 34px 0 40px;
    }
    
    /* ランク */
    
    .is-rank
    {
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        display: block;
        width: 82px;
        height: 24px;
        text-align: center;
        margin: 0;
    }
    
    
    .is-membro {
        background-color: #a05e24;
        color: #FFF;
        border-radius: 3px;
    }
    .is-membro:before {
        content:'Membro';
    }
    
    .is-barista {
        background-color: #76401c;
        color: #FFF;
        border-radius: 3px;
    }
    .is-barista:before {
        content:'Barista';
    }
    
    .is-cuoco {
        background-color: #5f5c5b;
        color: #FFF;
        border-radius: 3px;
    }
    .is-cuoco:before {
        content:'Cuoco';
    }
    
    .is-padrone {
        background-color: #20293b;
        color: #FFF;
        border-radius: 3px;
    }
    .is-padrone:before {
        content:'Padrone';
    }
    
    .is-direttore {
        background-color: #514598;
        color: #FFF;
        border-radius: 3px;
    }
    .is-direttore:before {
        content:'Direttore';
    }
    
    .is-veterano {
        background-color: #b72323;
        color: #FFF;
        border-radius: 3px;
    }
    .is-veterano:before {
        content:'Veterano';
    }
    
    .is-maestro {
        background-color: #dd6414;
        color: #FFF;
        border-radius: 3px;
    }
    .is-maestro:before {
        content:'Maestro';
    }
    
    .is-campione {
        background-color: #fdfa0f;
        color: #000;
        border-radius: 3px;
    }
    .is-campione:before {
        content:'Campione';
    }
    
    
    /* ランクここまで */

    .user-demogura-list-group{
        display: block;
        width: 98%;
        margin: 23px auto 0;
    }

    
.user-demogura-list{
    display: block;
    width: 100%;
    margin-top: 0;
}
    
    .user-demogura{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .user-demogura-group{
        display: flex;
        align-items: center;
    }
    
    .user-bean{
        font-size: 16px;
        display: flex;
        align-items: center;
        margin-left: 14px;
    }
    
    .user-demogura-item{
        display: flex;
        width: 100%;
        margin-top: 13px;
        font-size: 12px;
    }
    
    .user-demogura-item p:first-child{
        max-width: 120px;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .user-demogura-item p:nth-child(2){
        max-width: 250px;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .free-text-area-box{
        max-width: 1060px;
        width: 95%;
        margin: 30px auto 102px;
        font-size: 12px;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .number-text{
        width: 64px;
        height: 43px;
        background-color: #DBDBDB;
        font-size: 28px;
        font-weight: 600;
        display: flex;
        align-items: baseline;
        justify-content: center;
        padding-top: 3px;
    }
    
    .number-text span{
        font-size: 12px;
        margin-left: 2px;
    }

    .number-img{
        width: 38px;
        height: 48px;
    }
    .profile-bottom{
        padding: 12px;
        border-top: 1px solid #e5e5e5;
        box-shadow: 0 -3px 12px #3b2f240d;
    }
    .profile-bottom-inr{
        max-width: 1220px;
        padding-right: 10px;
        padding-left: 10px;
        margin: 0 auto;
    }
    .profile-bottom-grid{
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .profile-bottom-grid--col{
        display: flex;
        align-items: center;
    }
    .profile-bottom-grid--col .user-img{
        width: 40px;
        min-width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius: 100px;
        margin-right: 5px;
    }
    .profile-bottom-grid--col .user-img img{
        width: 40px;
        height: 40px;
        object-fit: cover;
    }
    .profile-bottom-grid3{
        font-size: 16px
    }
    #lightbox{
        z-index: 300;
    }

}