/* PCSP非表示 */
.pc-show{
    display: block;
}
.sp-show{
    display: none;
}
#alpha_cafe div{
    word-break: break-all;
    box-sizing: border-box;
}
.announcement-results-inner{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.main{
    padding: 22px 0 119px;
    background-color: #F8F8F8;
    position: relative;
}
/* ページTOPタイトル */
.announcement-results-title{
    color:#A18B3F;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin:0 auto 28px;
    position: relative;
}
.announcement-results-title img{
    width: calc(94vw / 19.2);
    max-width: 94px;
    height: auto;
}
.announcement-results-title-text-wrap{
    margin: 0 10px;
}
.announcement-results-title-main-text{
    font: normal normal 900 34px/34px Noto Sans JP;
    letter-spacing: 3.06px;
    margin-bottom: 5px;
    font-weight: bold;
}
.announcement-results-title-sub-text{
    font: normal normal medium 17px/34px Noto Sans JP;
    letter-spacing: 0px;
}
/* 結果1、2、3位 */
.announcement-results-wrap{
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content: center;
}
.announcement-results-content-back-img{
    margin: 0 calc(50% - 50vw);
	width: 100vw;
}
.announcement-results-content-img-curtain-L{
    width: calc(346vw / 19.2);
    max-width: 346px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.announcement-results-content-img-curtain-R{
    width: calc(346vw / 19.2);
    max-width: 346px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.announcement-results-content-img-people-L{
    width: calc(360vw / 19.2);
    max-width: 360px;
    position: absolute;
    bottom: calc(-3% - 50vw/ 19.2);
    left: calc(50% - 49.2vw);
    z-index: 11;
}
.announcement-results-content-img-people-R{
    width: calc(360vw / 19.2);
    max-width: 360px;
    position: absolute;
    bottom: calc(-3% - 50vw/ 19.2);
    right: calc(50% - 49.2vw);
    z-index: 11;
}

.announcement-results-content-wrap{
    width: calc(590vw / 12.5);
    max-width: 590px;
    margin-bottom: 64px;
    position: relative;
}
.announcement-results-content-wrap._1st{
    width: calc(1080vw / 12.5);
    max-width: 1080px;
    margin: 0 auto 74px;
}
.announcement-results-content-wrap._2nd{
    margin-right: 20px;
}

.announcement-results-content-title-user{
    font-size: min(calc(13vw / 12.5), 13px);
}
.announcement-results-content-title-user span{
    font-size: min(calc(10vw / 12.5), 10px);
}
.announcement-results-content{
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}
._1st .announcement-results-content{
    background: transparent linear-gradient(164deg, #CEB033 0%, #C0A42F 49%, #5B4D14 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #AA9125;
    padding: 2%;
    margin-bottom: 28px;
}
._2nd .announcement-results-content{
    background: transparent linear-gradient(164deg, #C5C8C9 0%, #B2BABC 49%, #5C6162 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #5C6162;
    padding: 2%;
    margin-bottom: 28px;
}
._3rd .announcement-results-content{
    background: transparent linear-gradient(164deg, #A57E65 0%, #C0832F 49%, #5B3A14 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #5B3A13;
    padding: 2%;
    margin-bottom: 28px;
}
.announcement-results-content-inner{
    width: calc(566vw / 12.5);
    max-width: 566px;
    background-color: #fff;
}
._1st .announcement-results-content-inner{
    width: calc(1036vw / 12.5);
    max-width: 1036px;
}
.announcement-results-content-img-wrap{
    width: calc(554vw / 12.5);
    max-width: 554px;
    margin: 1%;
    padding: 2.5%;
    display: inline-block;
}
._1st .announcement-results-content-img-wrap{
    width: calc(1014vw / 12.5);
    max-width: 1014px;
    border: 2px solid #9F8723;
}
._2nd .announcement-results-content-img-wrap{
    border: 2px solid #747A7B;
}
._3rd .announcement-results-content-img-wrap{
    border: 2px solid #7A501C;
}
.announcement-results-content-img{
    width: calc(521vw / 12.5);
    max-width: 521px;
    height: calc(347vw / 12.5);
    max-height: 347px;
    object-fit: contain;
    background-color: #E6E6E6;
}
.announcement-results-content-img-not{
    width: calc(521vw / 12.5);
    max-width: 521px;
    height: calc(347vw / 12.5);
    max-height: 347px;
    display: flex;
    justify-content: center;
    align-items: center; 
}
._1st .announcement-results-content-img{
    width: calc(954vw / 12.5);
    max-width: 954px;
    height: calc(636vw / 12.5);
    max-height: 636px;
}
._1st .announcement-results-content-img-not1st{
    width: calc(954vw / 12.5);
    max-width: 954px;
    height: calc(636vw / 12.5);
    max-height: 636px;
    display: flex;
    justify-content: center;
    align-items: center; 
}
.announcement-results-content-title{
    position: relative;
    box-shadow: 2px 2px 6px #0000004D;
    border: 1px solid #EDEDED;
    margin: 0 auto;
    padding: 18px 11% 16px;
    text-align: center;
    width: calc(464vw / 12.5);
    max-width: 464px;
}
._1st .announcement-results-content-title{
    width: calc(670vw / 12.5);
    max-width: 670px;
    padding: 2.5% 0;
}
.announcement-results-content-title-icon{
    position: absolute;
    width: calc(70vw / 12.5);
    max-width: 70px;
    top: 0;
    left: -35px;
}
._1st .announcement-results-content-title-icon{
    width: calc(104vw / 12.5);
    max-width: 104px;
    top: 0;
    left: -43px;
}
.announcement-results-content-title-name{
    font-size: min(calc(16vw / 12.5), 16px);
    font-weight: 600;
    margin-bottom: 10px;
}
._1st .announcement-results-content-title-name{
    font-size: min(calc(26vw / 12.5), 26px);
    margin-bottom: 15px;
}
._1st .announcement-results-content-title-user{
    font-size: min(calc(21vw / 12.5), 21px);
}
._1st .announcement-results-content-title-user span{
    font-size: min(calc(16vw / 12.5), 16px);
}

/* 入賞特典はこちら */
.content-prizeBenefits{
    position: relative;
    margin-bottom: 144px;
}
.content-prizeBenefits-title-img{
    width: calc(370vw / 12.5);
    max-width: 370px;
    height: auto;
    margin: 0 auto 14px;
    display: block;
}
.content-prizeBenefits-detail-wrap{
    display: flex;
    justify-content: space-evenly;
}
.content-prizeBenefits-detail{
    max-width: 276px;
    text-align: center;
    color: #07131F;
}
.content-prizeBenefits-detail-img{
    width: calc(74vw / 12.5);
    max-width: 74px;
    height: auto;
    margin-bottom: 10px;
}
.content-prizeBenefits-detail-text-wrap{
    text-align: center;
}
.content-prizeBenefits-detail-title{
    font-size: min(calc(18vw / 12.5), 18px);
    font-weight: bold;
    margin-bottom: 5px;
}
.content-prizeBenefits-detail-title a{
    text-decoration: underline!important;
}
.content-prizeBenefits-detail-text{
    font-size: min(calc(14vw / 12.5), 14px);
}
/* 4位以下 */
.results-list-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 82px;
    gap: 10px;
}
.results-list{
    width: calc(393vw / 12.5);
    max-width: 393px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
.results-list-img{
    width: calc(393vw / 12.5);
    max-width: 393px;
    height: calc(262vw / 12.5);
    max-height: 262px;
    object-fit: contain;
    background-color: #E6E6E6;
    margin-bottom: 12px;
}
.results-list-ranking{
    width: calc(64vw / 12.5);
    max-width: 64px;
    height: calc(43vw / 12.5);
    max-height: 43px;
    background-color: #dbdbdb;
    border-radius: 5px;
    font-size: min(calc(25vw / 12.5), 25px);
    font-weight: bold;
    text-align: center;
    padding: 1.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.results-list-ranking span{
    font-size: min(calc(15vw / 12.5), 15px);
    position: relative;
    top: 3px;
}
.results-list-text{
    width: calc(329vw / 12.5);
    max-width: 329px;
    padding-left: 12px;
}
.results-list-text-main{
    font-size: min(calc(14vw / 12.5), 14px);
    font-weight: bold;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.results-list-text-main2 {
    width: calc(393vw / 12.5);
    max-width: 393px;
    height: calc(262vw / 12.5);
    max-height: 262px;
    object-fit: contain;
    background-color: #E6E6E6;
    margin-bottom: 12px;
    font-size: 15px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.results-list-text-sub{
    font-size: min(calc(12vw / 12.5), 12px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.results-list-flex{
    display: flex;
}
/* 下部バナー */
.bnr-content{
    width: calc(1200vw / 12.5);
    max-width: 1200px;
    height: calc(243vw / 12.5);
    max-height: 243px;
    border: 2px solid #D3E0EA;
    border-radius: 20px;
    background-color: #E7EDF0;
    padding: 2.5% 3.5%;
    position: relative;
    color: #1D3065;
    margin-bottom: 56px;
}
.bnr-content-text-wrap{
    width: calc(734vw / 12.5);
    max-width: 734px;
}
.bnr-content-speechbubble{
    position: relative;
    margin-bottom: 16px;
}
.bnr-content-speechbubble img{
    width: 100%;
}
.bnr-content-speechbubble span{
    font-size: min(calc(28vw / 12.5), 28px);
    font-weight: bold;
    width: max-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.bnr-content-text{
    padding-left: 6%;
    font-size: min(calc(20vw / 12.5), 20px);
    font-weight: bold;
}
.bnr-content-img{
    width: calc(368vw / 12.5);
    max-width: 368px;
    position: absolute;
    bottom: 0;
    right: 3.5%;
}
/* リンクボックス */
.link-box{
    width: calc(554vw / 12.5);
    max-width: 554px;
    height: calc(70vw / 12.5);
    max-height: 70px;
    font-size: min(calc(20vw / 12.5), 20px);
    font-weight: bold;
    color: #fff!important;
    background-color: #000!important;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
/*SP表示*/
@media screen and (max-width: 767.9px) {
    .results-list-wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 82px;
        gap: 0px;
    }
    .main{
        padding: 25px 0 123px;
    }
    /* PCSP非表示 */
    .pc-show{
        display: none;
    }
    .sp-show{
        display: block;
    }
    /* ページTOPタイトル */
    .announcement-results-title-img-L{
        width: 40px!important;
        position: absolute;
        top: 5px;
        left: 4%;
    }
    .announcement-results-title-img-R{
        width: 40px!important;
        position: absolute;
        top: 5px;
        right: 4%;
    }
    .announcement-results-title{
        width: 350px;
    }
    .announcement-results-title-main-text{
        font-size: 21px;
    }
    .announcement-results-title-sub-text{
        font-size: 13px;
    }
    /* 結果1、2、3位 */
    .announcement-results-content-img-people-L{
        width: calc(163vw / 3.9);
        max-width: 163px;
        left: 0;
        bottom: -200px;
    }
    .announcement-results-content-img-people-R{
        width: calc(163vw / 3.9);
        max-width: 163px;
        right: 0;
        bottom: -200px;
    }
    .announcement-results-wrap{
        display: block;
    }
    .announcement-results-content-wrap{
        width: calc(278vw / 3.9);
        max-width: unset;
        margin: 0 auto;
    }
    .announcement-results-content-wrap._2nd{
        margin-right: auto;
    }
    .announcement-results-content-inner{
        width: 100%;
        max-width: unset;
    }
    .announcement-results-content-img-wrap{
        width: 98%;
        max-width: unset;
    }
    .announcement-results-content-img{
        width: calc(246vw / 3.95);
        height: calc(163vw / 3.95);
    }
    .announcement-results-content-title{
        width: calc(280vw / 3.9);
        padding: 12px 35px;
    }
    .announcement-results-content-title-icon{
        width: calc(56vw / 3.9);
        max-width: 56px;
        left: -28px;
    }
    .announcement-results-content-title-name{
        font-size: min(calc(14vw / 3.9), 14px);
        margin-bottom: 5px;
    }
    .announcement-results-content-title-user{
        font-size: min(calc(11vw / 3.9), 12px);
    }
    .announcement-results-content-title-user span{
        font-size: min(calc(8vw / 3.9), 10px);
    }

    .announcement-results-content-wrap._1st{
        width: 100%;
        margin-bottom: 254px;
    }
    ._1st .announcement-results-content{
        margin-bottom: 12px;
    }
    ._1st .announcement-results-content-inner{
        width: 100%;
    }
    ._1st .announcement-results-content-img-wrap{
        width: 98%;
    }
    ._1st .announcement-results-content-img{
        width: 100%;
        height: calc(229vw / 3.9);
    }
    ._1st .announcement-results-content-title{
        width: 81%;
    }
    ._1st .announcement-results-content-title{
        padding: 10px 38px;
    }
    ._1st .announcement-results-content-title-name{
        font-size: min(calc(16vw / 3.9), 16px);
        margin-bottom: 4px;
    }
    ._1st .announcement-results-content-title-user{
        font-size: min(calc(12vw / 3.9), 12px);
    }
    ._1st .announcement-results-content-title-user span{
        font-size: min(calc(10vw / 3.9), 10px);
    }
    ._1st .announcement-results-content-title-icon{
        width: 56px;
        left: -26px;
    }
    .announcement-results-content-wrap._2nd{
        margin-bottom: 58px;
    }
    ._2nd .announcement-results-content,._3rd .announcement-results-content{
        margin-bottom: 15px;
    }

    /* 入賞特典はこちら */
    .content-prizeBenefits{
        margin: 80px 0 128px;
    }
    .content-prizeBenefits-title-img{
        width: 312px;
    }
    .content-prizeBenefits-detail-wrap{
        display: block;
    }
    .content-prizeBenefits-detail{
        width: 310px;
        max-width: unset;
        margin: 0 auto 22px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .content-prizeBenefits-detail:last-of-type{
        margin-bottom: 0;
    }
    .content-prizeBenefits-detail-img{
        width: 58px;
        margin-bottom: 0;
    }
    .content-prizeBenefits-detail-text-wrap{
        width: 80%;
    }
    .content-prizeBenefits-detail-title{
        font-size: 14px;
    }
    .content-prizeBenefits-detail-text{
        font-size: 12px;
    }
    /* 4位以下 */
    .results-list{
        width: 49.2%;
        margin-bottom: 14px;
    }
    .results-list-img{
        width: calc(192vw / 3.9);
        height: calc(128vw / 3.9);
        aspect-ratio: 4 / 3;
    }
    .results-list-ranking{
        width: calc(45vw / 3.9);
        height: calc(36vw / 3.9);
        font-size: min(calc(18vw / 3.9), 18px);
        margin-left: 4px;
    }
    .results-list-ranking span{
        margin-left: 2px;
        font-size: min(calc(9vw / 3.9), 9px);
    }
    .results-list-text{
        width: calc(136vw / 3.9);
        padding-left: 6px;
    }
    .results-list-text-main{
        font-size: min(calc(12vw / 3.9), 12px);
        margin-bottom: 4px;
    }
    .results-list-text-main2{
        width: calc(192vw / 3.9);
        height: calc(128vw / 3.9);
        aspect-ratio: 4 / 3;
    }
    .results-list-text-sub{
        font-size: min(calc(10vw / 3.9), 10px);
    }
    /* 下部バナー */
    .bnr-content{
        width: 100%;
        border-radius: unset;
        height: calc(400vw / 3.9);
        max-height: unset;
        text-align: center;
        padding: 34px 20px;
        margin-bottom: 28px;
    }
    .bnr-content-text-wrap{
        width: 100%;
    }
    .bnr-content-speechbubble{
        margin-bottom: 0;
    }
    .bnr-content-speechbubble span{
        font-size: min(calc(16vw / 3.9), 16px);
        top: 43%;
    }
    .bnr-content-img{
        width: calc(274vw / 3.9);
        max-width: unset;
        position: relative;
        margin: 0 auto 25px;
    }
    .bnr-content-text{
        padding-left: 0;
        font-size: min(calc(12vw / 3.9), 12px);
        letter-spacing: -0.06em;
    }
    /* リンクボックス */
    .link-box{
        width: calc(334vw / 3.9);
        height: calc(42vw / 3.9);
        font-size: min(calc(14vw / 3.9), 14px);
    }
}