/*
    <div.eachCompetition_style11>
        <div.left>
            <div.row01>
                <a.caption>Caption</a>
                <span.date>
            </div>
             <div.eachPrize>
                  <span.prize>
                  <div.winners>
                       <span.winner><span.winner><span.winner>
                  </div>
             </div>
        </div>    
        <a.right>
            <img.pic><img.pic><img.pic>
        </a>
    </div>
*/



.eachCompetition_style11 {
    box-sizing: border-box;
    padding: 1rem;
    border-bottom: solid 1px #dedede;
    display: flex;
    flex-direction : row;
    justify-content : space-between;
    align-content : flex-start;
}

    .eachCompetition_style11 .left {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .eachCompetition_style11 .caption {
        font-weight: bolder;
    }

    .eachCompetition_style11 .date {
        font-size: 0.8rem;
        margin-left: 4rem;
    }

    .eachCompetition_style11 .eachPrize {
        box-sizing: border-box;
        margin: 1rem 0 0 1rem;
        display: flex;
        flex-direction: row;
        justify-content : flex-start;
        align-content: flex-start;
    }

    .eachCompetition_style11 .prize {
        font-weight: bolder;
        box-sizing: border-box;
        display: block;
        margin-right: 1rem;
        flex-grow: 0;
        flex-shrink: 0;
    }

    .eachCompetition_style11 .winners {
        flex-grow: 1;
        flex-shrink: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content : flex-start;
        align-items: flex-start;
    }

    .eachCompetition_style11 .winner {
        display: block;
        margin-right: 2rem;
        font-size: 0.8rem;
        border-bottom: solid 1px #dedede;
    }

.eachCompetition_style11 .right {
    flex-grow : 0;
    flex-shrink : 0;
}

    .eachCompetition_style11 .pic
    {
        margin-left : 1rem;
    }

    

@media (max-width: 480px) {
    .eachCompetition_style11 {
        display: block;
        padding: 1rem 0;
    }

        .eachCompetition_style11 .caption {
            display: block;
        }

        .eachCompetition_style11 .date {
            margin-left: 0;
            display: block;
        }

        .eachCompetition_style11 .eachPrize {
            box-sizing: border-box;
            margin: 1rem 0 0 1rem;
            display: block;
        }
}

@media (min-width: 481px) and (max-width: 767px) {
    .eachCompetition_style11 {
        display: block;
        padding: 1rem 0;
    }
}