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

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

}

.campaign-info.no-bgcolor { background:none; padding: 0%; width: 95%; max-width: 1080px;


}

.ws-membershipinfo {
        box-sizing: border-box;
    border-radius: 1.5vw;
    background-color: #FFF;
    border: 2px #831919 solid;
    padding: 1em;
    padding-left: 4.7em;
    width: 100%;
    margin: 0 auto;
    font-size: 1.5rem;
    color: #300d0d;
    position: relative;
}

.ws-membershipinfo::before {
    content: "！";
    display: block;
    background-color: #a03d3d;
    color: #FFF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0.5em;
    font-size: 160%;
    font-weight: bold;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
}


.bt_wrap a   {  display: block;
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
    filter: drop-shadow(2px 4px 10px rgb(78, 78, 78));
}


.campaign-info  { background-color:rgba(255,255,255,0.80); }

.bt_wrap img   { width: 100%;  }

.img-center { display: block; margin: 0 auto; }

.campaign-info img  { display: block; margin: 0 auto;  }

.col_wrap   { display: flex; justify-content: center; align-items: center; }

.icn_wrap img   { max-width: 180px; min-width: 120px; }

.copy-txt   { font-size: 1.2em;  }




@media screen and (max-width: 1023px) {
    .col_wrap   { align-items: flex-start; }
    .icn_wrap img   { max-width: 130px; min-width: 100px; }
.copy-txt   { font-size: 0.9em;  }

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


}




.ex_ef_wrap	 {
	
-webkit-animation: ex_ef 10s linear 0s infinite normal;
animation: ex_ef 10s linear 0s infinite normal;

}

.bnanim { position: relative;  }
.bnanim img.front { position: absolute; top: 0; left: 0; }



@-webkit-keyframes ex_ef {
    0% { -webkit-filter: contrast(100%);  }
	50% { -webkit-filter: contrast(200%); }
    100% { -webkit-filter: contrast(100%); }
}

@keyframes ex_ef {
    0% {   filter: contrast(100%);    }
	50% {  filter: contrast(200%);  }
    100% { filter: contrast(100%);  }
}




@-webkit-keyframes ex_ef2 {
    0% { -webkit-filter: hue-rotate(0deg);  }
	50% { -webkit-filter: hue-rotate(180deg); }
    100% { -webkit-filter: hue-rotate(360deg); }
}

@keyframes ex_ef2 {
    0% {   filter: hue-rotate(0deg);   -webkit-filter: hue-rotate(0deg); -ms-filter: hue-rotate(0deg);  }
	50% {  filter: hue-rotate(180deg); -webkit-filter: hue-rotate(180deg); -ms-filter: hue-rotate(180deg); }	
    100% { filter: hue-rotate(360deg); -webkit-filter: hue-rotate(360deg); -ms-filter: hue-rotate(360deg); }
}