/* CSS Document */

/*
html        { font-size: clamp(10px, 4.9px + 1.15vw, 28px); }
*/

.l-section-inner_m                      { width: 95%; max-width: 1080px; }

@media screen and (max-width: 1023px) {

    .for_pc                                 { display: none; }
    .l-section-inner_m                      { width: 95%; padding-left: 0 !important;  padding-right: 0 !important; padding-top: 1px; }

}


.l-under-page .section-img              { margin-bottom: 0; }

.l-under-page h2.section-title          { font-size: clamp(12px, 4.5px + 1.1vw, 20px); }
.l-under-page h2.section-title          { padding: 1em; line-height: 1.4; margin-top: 2em; margin-bottom: 1.2em; }
.l-under-page h2.section-title b        { display: inline-block; font-size: 2.0em; line-height: 1.2; margin-bottom: 0.5em; }


.l-under-page h2.section-title span     { display: inline-block; }


.l-under-page h2.section-title          { background: url(bg-title-h2.jpg); background-size: cover; }

.inner_blk          { margin: 1em auto; color: #fff; background-color: #353535; padding: 1em 3em; border: 2px solid hsla(0, 100%, 60%, 0.7); border-radius: 0.5em;
font-size: 0.9em; box-shadow: inset 0 0 2em hsla(0, 72%, 23%, 0.5);

}

.inner--tit            { font-size: 1.2em; color: #fff; font-weight: bold; text-align: center; }
.inner--img            { display: block; margin: 0.25em auto; width: 100%; max-width: 640px;  }




hr.spc      { border: none; padding: 1.5rem 0; }



.campaign-sub-title { max-width: 1080px;}

.campaign-info      { max-width: calc(1080px - 10%);}




.cam_canter             { text-align: center;  margin: 0 auto;   }
.cam_canter--midsz      { max-width: 540px; }


.cam_copyright          { color: hsl(0, 0%, 10%);  }

.circle_num--wrap       { font-size: 4rem; line-height: 1.5;  }


.reward_blk             { margin-bottom: 1.5em  }

.reward_blk:last-child      { margin-bottom: 0; }

.reward_blk dt            { font-weight: bold;  }
.reward_blk dd            { margin-left:0; }


.reward_blk_flx             {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.reward_blk_flx dt          { width: 100%; font-size: 1.2em; }
.reward_blk_flx dd          { text-align: center; margin: 0 1.0em 1.5em; min-width: 260px; }

.reward_blk_flx dd img      { max-width: 120px; }



.colabo_detail dd           { text-indent: 0em; margin-left: 1em;  }

.colabo_detail dd.img_wrap  { text-indent: 0; margin-top: 0.5em; }



.reward_blk_wrap_fx        {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}


.reward_blk_wrap_fx .reward_blk     { width: 48%; }


.colabo2023 .reward_blk dt          { font-size: 2.0rem; }



/* ss result */

.reward_name                { font-size: 1.6em; font-weight: bold; }


.tw_blk_wrapper             { display: flex;     justify-content: space-around;    flex-wrap: wrap;  }


.tw_wrapper                 { width: 45%; margin-bottom: 2em;  }

.tw_wrapper:last-child      { margin-bottom: 0; }

.reward_blk_gwrapper        { margin-bottom: 3em; }

.reward_blk_gwrapper:last-child         { margin-bottom: 0; }



.free-btn {
    width: 50%;
    margin: 0 auto 0;
    text-align: center;
}
.free-btn a {
    width: 95%;
    padding: 5% 2.5%;
    display: block;
    background: #875a19;
    color: #fff !important;
    text-decoration: none;
    font-size: 22px;
    border-radius: 0.5em;
}


@media screen and (max-width: 800px) {

    .tw_blk_wrapper         { display: block; }
    .tw_wrapper             { width: 100%; }
}



@media screen and (max-width: 740px) {

    .reward_blk_wrap_fx     { display: block; }
    .reward_blk_wrap_fx .reward_blk     { width: 100%; }
    .reward_blk dd            { margin-left: 0; }

    .free-btn a { font-size: 2.7vw; }

}