/* 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) {

    .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(11px, 4.5px + 1.7vw, 28px); }
.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; }


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





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

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




.cam_canter             { text-align: center;   }

.cam_copyright          { color: #333; }

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


.reward_blk             { margin-bottom: 1.5em  }


.reward_blk_wrap_fx .reward_blk.blk_wide        { width: 100%; }
.reward_blk_wrap_fx .reward_blk.blk_wide img       { width: 100%; }

.reward_blk_wrap_fx .reward_blk.blk_wide strong     { font-size: 1.5em; }


.reward_blk_wrap_fx .reward_blk.blk_wide dt,
.reward_blk_wrap_fx .reward_blk.blk_wide dd         { text-align: center; }




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

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


.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: -1em; margin-left: 2em;  }

.colabo_detail dd.img_wrap  { text-indent: 0; }



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

.reward_blk_wrap_fx.wide_wrap   { justify-content: center; }


.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;
}


.for_sp         { display: none; }

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

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



@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; }


    .l-under-page h2.section-title b        { font-size: 1.7em; }

    .campaign-info          { font-size: 15px; }

    .reward_blk_wrap_fx .reward_blk.blk_wide strong {
        font-size: 1.2em; line-height: 1.2;
    }


}