/*------------------
団体詳細ページ：基本情報
-------------------*/
#crew_images.crew-top {
    .eyecatch {
        position:relative;
        min-height:400px;
        @media screen and (max-width:$newbreak-pc) {
            min-height:40vw;
        }
        > img {
            position:absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
        }
    }
}
.youtubebox {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin:20px 0;
    iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
}

.basic_profile .right {
    .r-snsbox {
        display:flex;
        a.sns {
            display:flex;
            justify-content: center;
            align-items: center;
            margin-bottom:10px;
            .ic-x_symbol {
                width:16px;
            }
        }
    }
    a.site_url {
        margin-top:0;
        word-break: break-all;
    }
}

.stats.crew-top {
    display:flex;
    align-items: center;
    @media screen and (max-width:$newbreak-pc) {
        flex-direction:column;
    }
    .num_events, .num_attendees, .num_total, .address {
        float:none;
    }
    .numbox {
        width:36%;
        padding-right:1%;
        border-right:1px solid #f0f0f0;
        height:auto;
        @media screen and (max-width:$newbreak-pc) {
            width:100%;
            padding:0 10px;
            border-right:none;
        }
        .numbox-year {
            display:flex;
            border-bottom:1px solid #f0f0f0;
            padding-bottom:20px;
            margin-bottom:20px;
            .num_events-year, .num_attendees-year {
                width:50%;
            }
            .num_events-year {
                border-right:1px solid #f0f0f0;
            }
            
        }
        .numbox-all {
            display:flex;
            .num_events, .num_attendees {
                width:50%;
            }
        }
        
    }
    .num_total {
        width:31%;
        height:auto;
        padding:40px 0;
        @media screen and (max-width:$newbreak-pc) {
            width:100%;
            border-right:none;
            padding:20px 0 5px;
        }
    }
    .address {
        width:33%;
        height:auto;
        @media screen and (max-width:$newbreak-pc) {
            width:100%;
        }
        @media screen and (max-width:$newbreak-sp) {
            padding-bottom:15px;
        }
    }
}