/* 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%);}


.campaign-sub-title .cat_title    { font-size: 0.9em; font-weight: bold;  }
.campaign-sub-title .catch_copy    { font-size: 1.1em; font-weight: bold; color: #8a2700; margin-bottom: 0.2em;  }

.campaign-sub-title b    { text-decoration: underline #db3910bd 3px;  text-underline-offset: 0.2em; }

.campaign-sub-title .sub    { font-size: 0.7em; }




.cam_canter             { text-align: center;   }
.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: 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;  }

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


.reward_blk_wrap_fx .reward_blk     { width: 48%; }

.reward_blk_wrap_fx .reward_blk.blk_wide        { width: 100%; font-size: 1.5em; }
.reward_blk_wrap_fx .reward_blk.blk_wide img       { width: 100%; }

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

.reward_blk b   { font-weight: normal; display: block; font-size: 0.65em; line-height: 0.9; }


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


.ex_atend           { width: 100%; text-align: center; color: #333;  font-size: 1.5rem; }


/* 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;
}



.campaign-kiyaku-list       {
    letter-spacing: 0;
    font-feature-settings: "palt";
}


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

}