#refer{padding:0 0 100px;background:#f8eee4}#refer *{color:#000;font-size:18px;font-weight:400;line-height:2}#refer .p-mv{position:relative}#refer .c-parts-mv_refer{height:auto}#refer .p-refer{margin:60px 0 0;padding:0 5% 80px;background:url(/cdn/shop/files/friend_cp-bg.svg?v=1728372094) repeat-x;background-position:bottom center}#refer .p-refer__wrap{max-width:980px;width:100%;margin:0 auto}#refer .p-refer__explain{display:flex}#refer [class*=p-refer__item]{position:relative}#refer .p-refer__item_code{width:230px}#refer .p-refer__item_share{width:100px;margin:0 0 0 143px}#refer .p-refer__item_register{width:140px;margin:0 0 0 123px}#refer .p-refer__item_coupon{width:132px;margin:0 0 0 112px}#refer [class*=p-refer__item]:before{content:"";position:absolute;top:calc(50% + 6px);right:-80px;transform:translateY(-50%);display:block;width:0;height:0;border-style:solid;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:22px solid #000000;border-right:0}#refer .p-refer__item_share:before{right:-90px}#refer .p-refer__item_register:before{right:-65px}#refer .p-refer__item_coupon:before{content:none}#refer [class*=p-refer__img],#refer [class*=p-refer__img] img{width:100%}#refer .p-refer__img_code{max-width:232px;margin:20px auto 0}#refer .p-refer__img_share{max-width:96px;margin:12px auto 0}#refer .p-refer__img_register{transform:translate(10px);max-width:71px;margin:12px auto 0}#refer .p-refer_friend .p-refer__img_register{transform:none}#refer .p-refer__img_coupon{max-width:131px;margin:30px auto 0}#refer [class*=p-refer__inr]{position:relative;width:100%;margin:48px 0 0;padding:35px 0;background:#fff;border:2px solid #CCBB66;box-sizing:border-box}#refer .p-refer__inr_friend{padding:35px 60px}#refer .p-refer__box_invite{display:grid;grid-template-rows:140px 1fr;grid-template-columns:382px 1fr 382px;width:860px;height:280px;margin:0 auto}#refer .p-refer__box_invite.issue{display:flex;justify-content:space-between;height:auto}#refer .p-refer__box_friend{display:flex;justify-content:space-between;margin:90px 0 0}#refer [class*=p-refer__box]>li{position:relative;width:382px}#refer .p-refer__txt{grid-row:1 / 2;grid-column:1 / 2}#refer .p-refer__sns{display:flex;gap:60px;grid-row:2 / 3;grid-column:1 / 2}#refer .p-refer__code_invite{grid-row:1 / 3;grid-column:3 / 4}#refer .p-refer__code_friend{position:relative;display:flex;justify-content:center;align-items:center}#refer .p-refer__box_friend>.p-refer__btn{width:350px}#refer .p-refer__icnlist{position:relative;display:flex;align-items:flex-end}#refer .p-refer__icnlist:last-of-type:before{content:"";position:absolute;bottom:0;left:-30px;display:block;width:1px;height:120px;background:#000}#refer .p-refer__icnlist ul{display:flex;gap:30px;margin:0}#refer [class*=p-refer__icn_]{width:60px;height:60px}#refer .p-refer__icn_line a,#refer .p-refer__icn_mail a{display:none}html[lang=en] #refer .p-refer__icn_line .en,html[lang=en] #refer .p-refer__icn_mail .en,html[lang=zh] #refer .p-refer__icn_line .zh,html[lang=zh] #refer .p-refer__icn_mail .zh,html[lang=tw] #refer .p-refer__icn_line .tw,html[lang=tw] #refer .p-refer__icn_mail .tw{display:block}#refer [class*=p-refer__icn_] img{width:100%}#refer .p-faq{width:100%;margin:60px 0 0;padding:0 5%}#refer [class*=gap]{display:flex;flex-direction:column;padding:0}#refer .gap50{gap:50px}#refer .gap30{gap:30px}#refer .gap20{gap:20px}#refer .faq-accordion{max-width:980px;width:100%;margin:0 auto}#refer .faq-accordion__item{border-bottom:1px solid #000}#refer .faq-question{position:relative;padding:0 50px 0 30px;font-size:21px;letter-spacing:.05em;cursor:pointer}#refer .faq-question.js-accordion-trigger:before{content:"Q.";position:absolute;left:0;top:0;bottom:0;color:#333;font-size:21px;font-weight:700}#refer .faq-question.js-accordion-trigger:after{content:"";position:absolute;right:5px;top:-20px;bottom:0;transform:rotate(135deg);margin:auto 0;width:17px;height:17px;border:1px solid #333;border-left:none;border-bottom:none}#refer .faq-question.is-active.js-accordion-trigger:after{top:2px;transform:rotate(-45deg)}#refer .faq-content{position:relative;margin:10px 0 0;padding:0 50px 15px 30px;display:none}#refer .p-instruct{width:100%;margin:100px 0 0;padding:0 5%}#refer .p-instruct__list{max-width:980px;margin:0 auto}#refer .c-txt__ttl-lead{position:absolute;bottom:-130px;left:calc(50% + calc(310*(100vw / 1258)));transform:translate(-50%);width:200px;height:200px;border-radius:50%;background:linear-gradient(180deg,#ebdb86,#cb6);box-shadow:0 4px 4px #00000040;font-size:40px;font-weight:400;line-height:1.2;display:flex;flex-direction:column;justify-content:center;align-items:center}#refer .c-txt__ttl-lead span{display:block;margin:-14px 0 -8px;font-size:40px;font-weight:700}html[lang=zh] #refer .c-txt__ttl-lead span,html[lang=tw] #refer .c-txt__ttl-lead span{margin:0 0 18px;text-align:center;line-height:1.2}#refer .c-txt__secttl{font-size:48px;font-weight:600;line-height:1.4}#refer .c-txt__secttl-lead{margin:30px 0 55px;font-size:18px;font-weight:400}#refer .c-txt__explanation{display:flex;justify-content:center;align-items:center;height:60px;font-size:21px;font-weight:700;line-height:1.45}#refer .c-txt__minttl{color:#b2a253;font-size:26px;line-height:1.2}#refer .c-txt__share{margin:20px 0 0;font-size:18px;line-height:1.5}#refer .c-txt__share strong{font-weight:700}#refer .c-txt__share span{color:#b2a253;font-size:18px;line-height:1.5}#refer .c-txt__copy_invite{width:382px;height:215px;background:#f5f5f5;overflow-y:scroll;padding:30px;font-family:Gilroy,"sans-serif";font-size:13px;white-space:break-spaces;scrollbar-width:auto}#refer .c-txt__copy_invite::-webkit-scrollbar{display:block}#refer .c-txt__copy_invite span{font-family:Gilroy,"sans-serif";font-weight:700;font-size:13px}#refer .c-txt__copy_invite span.wg-custom-notranslate{font-weight:400}#refer .c-txt__copy_invite span.c-txt__copy_code{font-size:20px}#refer .c-txt__note{position:absolute;top:25px;left:0;text-align:left;font-size:12px;line-height:1.2}#refer .c-txt__num{position:absolute;top:-65px;left:0;font-size:26px;font-weight:300;line-height:1}#refer .c-txt__code{width:282px;height:50px;background:#f5f5f5;text-indent:25px;font-size:30px;font-weight:700;line-height:1.8}#refer [class*=c-txt__btn]{position:relative;width:100px;height:50px;margin:0 0 0 auto;cursor:pointer}html[lang=zh] #refer [class*=c-txt__btn],html[lang=tw] #refer [class*=c-txt__btn]{width:130px}#refer .c-txt__btn_friend{margin:0}#refer [class*=c-txt__btn] span{position:absolute;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#000;color:#fff;font-size:18px;font-weight:500;transition:.3s}#refer [class*=c-txt__btn] span:first-of-type:hover{opacity:.7}#refer [class*=c-txt__btn] span:last-of-type{position:absolute;top:0;z-index:0;background:#919191;opacity:0;transition:.3s;pointer-events:none}#refer [class*=c-txt__btn].show span:last-of-type{z-index:10;opacity:1;pointer-events:auto}#refer .c-txt__login{position:absolute;top:0;left:0;z-index:30;display:flex;justify-content:center;align-items:center;width:100%;height:100%}#refer .c-txt__login a{color:#fff;font-size:26px}#refer .c-txt__subttl{max-width:980px;width:100%;margin:0 auto 15px;font-size:30px;font-weight:600}#refer .c-txt__instruct{font-size:15px;line-height:1.8}#refer .c-btn__register{width:100%;height:50px}#refer .c-btn__register a.button{width:100%;height:100%}#refer .c-btn__register a.button span{color:#fff}#refer .c-btn__register a.button:hover span{color:#000}#refer .cf-form-step{display:none}#refer .cf-form-inner .cf-form-actions button{width:100%;height:50%}#refer .cf-form-inner .cf-form-actions button:hover{border:1px solid #000}#refer .cf-form-inner .cf-form-actions button span{color:#fff}#refer .cf-form-inner .cf-form-actions button:hover span{color:#000}#refer.logout .p-refer__inr_invite:before,#refer.login .p-refer__inr_friend:before,#refer .p-refer__code_friend.none:before{content:"";position:absolute;top:0;left:0;z-index:20;display:block;width:100%;height:100%;background:#5c5c5c;opacity:.6}#refer .p-refer__code_friend.none{pointer-events:none}@media screen and (max-width: 1110px){#refer .p-refer__box_invite{grid-template-columns:calc(382*(100vw / 1110)) 1fr calc(382*(100vw / 1110));width:calc(860*(100vw / 1110))}#refer [class*=p-refer__box]>li{width:calc(382*(100vw / 1110))}#refer .p-refer__sns{gap:calc(60*(100vw / 1110))}#refer .p-refer__icnlist:last-of-type:before{left:calc(-30*(100vw / 1110))}#refer .p-refer__icnlist ul{gap:calc(30*(100vw / 1110))}#refer [class*=p-refer__icn_]{width:calc(60*(100vw / 1110));height:calc(60*(100vw / 1110))}#refer .c-txt__copy_invite{width:calc(382*(100vw / 1110))}#refer .p-refer__box_friend>.p-refer__btn{width:calc(350*(100vw / 1110))}#refer .p-refer__explain_friend{width:calc(735*(100vw / 1110))}}@media screen and (max-width: 768px){#refer{padding:0 0 calc(100*(100vw / 750))}#refer .p-refer{margin:12vw 0 0;padding:0 0 12vw;background-size:calc(31*(100vw / 750)) calc(11*(100vw / 750))}#refer .p-refer__wrap{padding:0 calc(50*(100vw / 750));box-sizing:border-box}#refer .p-refer__explain_invite,#refer .p-refer__explain_friend{width:81.6vw;margin:0 auto}#refer [class*=p-refer__inr]{margin:calc(50*(100vw / 750)) 0 0;padding:4.8vw calc(58*(100vw / 750));border:1px solid #CCBB66}#refer .p-refer__box_invite{display:block;width:100%;height:auto}#refer .p-refer__box_invite.issue{display:block}#refer .p-refer__box_friend{display:block;margin:15.2vw 0 0}#refer .p-refer__sns{justify-content:center;gap:0;height:calc(160*(100vw / 750));margin:4vw 0 0}#refer .p-refer__icnlist{justify-content:center;width:50%}#refer .p-refer__icnlist:last-of-type:before{left:0;height:calc(160*(100vw / 750))}#refer [class*=p-refer__box]>li{width:100%}#refer .p-refer__icnlist ul{justify-content:center;gap:calc(40*(100vw / 750))}#refer [class*=p-refer__icn_]{width:10.4vw;height:10.4vw}#refer .p-refer__box_friend>.p-refer__btn{width:100%}#refer .p-refer__box_friend>.p-refer__btn{width:100%;margin:calc(160*(100vw / 750)) 0 0}#refer .c-txt__ttl-lead{bottom:calc(-80*(100vw / 750));left:auto;right:calc(35*(100vw / 750));transform:none;width:calc(260*(100vw / 750));height:calc(260*(100vw / 750));font-size:calc(52*(100vw / 750))}#refer .c-txt__ttl-lead span{margin:calc(-16*(100vw / 750)) 0 -.8vw;font-size:calc(52*(100vw / 750))}#refer .c-txt__secttl{font-size:6.4vw}#refer .c-txt__secttl-lead{margin:4vw 0 4.8vw;font-size:calc(26*(100vw / 750));line-height:1.75}#refer .c-txt__explanation{font-size:3.64vw}#refer .c-txt__minttl{font-size:4.8vw}#refer .c-txt__share{margin:calc(4*(100vw / 750)) 0 calc(16*(100vw / 750));font-size:calc(26*(100vw / 750));line-height:1.7}#refer .c-txt__share strong,#refer .c-txt__share span{font-size:calc(26*(100vw / 750));line-height:1.7}#refer [class*=c-txt__btn]{width:calc(100*(100vw / 750));height:calc(50*(100vw / 750))}#refer .c-txt__btn_friend{width:calc(130*(100vw / 750));height:calc(65*(100vw / 750))}html[lang=zh] #refer [class*=c-txt__btn],html[lang=tw] #refer [class*=c-txt__btn]{width:calc(130*(100vw / 750))}#refer [class*=c-txt__btn] span{font-size:2.4vw}#refer .p-faq{max-width:none;margin:calc(50*(100vw / 750)) auto 0;padding:0 calc(50*(100vw / 750));box-sizing:border-box}#refer .faq-question{padding:0 calc(65*(100vw / 750)) calc(10*(100vw / 750)) 4.8vw;font-size:calc(26*(100vw / 750))}#refer .faq-question.js-accordion-trigger:before{font-size:calc(26*(100vw / 750));line-height:1.9}#refer .faq-question.js-accordion-trigger:after{width:calc(20*(100vw / 750));height:calc(20*(100vw / 750));top:calc(-22*(100vw / 750));right:calc(22*(100vw / 750))}#refer .faq-question.is-active.js-accordion-trigger:after{top:0}#refer .faq-content{margin:0;padding:4vw calc(65*(100vw / 750)) 4vw 4.8vw}#refer .faq-content p{font-size:calc(26*(100vw / 750));line-height:1.7}#refer .p-instruct{max-width:none;margin:12vw auto 0;padding:0 calc(50*(100vw / 750));box-sizing:border-box}#refer .c-txt__copy_invite{width:calc(520*(100vw / 750));height:calc(350*(100vw / 750));padding:calc(26*(100vw / 750)) calc(40*(100vw / 750));font-size:calc(20*(100vw / 750))}#refer .c-txt__copy_invite span{font-size:calc(20*(100vw / 750))}#refer .c-txt__copy_invite span.c-txt__copy_code{font-size:4vw}#refer .c-txt__note{top:0;left:calc(40*(100vw / 750));font-size:2.4vw}#refer .c-txt__num{top:calc(-80*(100vw / 750));font-size:calc(34*(100vw / 750))}#refer .c-txt__code{width:calc(400*(100vw / 750));height:calc(65*(100vw / 750));text-indent:calc(32*(100vw / 750));font-size:5.2vw}#refer .c-btn__register{height:calc(50*(100vw / 750))}#refer .c-btn__register,#refer .c-btn__register a.button,#refer .cf-form-inner .cf-form-actions button,#refer .cf-form-inner .cf-form-actions button span{max-width:none;line-height:initial}#refer .cf-form-inner .cf-form-actions button,#refer .cf-form-inner .cf-form-actions{height:calc(80*(100vw / 750))}#refer .cf-form-inner .cf-form-actions button{padding:0}#refer .c-btn__register a.button span,#refer .cf-form-inner .cf-form-actions button span{font-size:3.6vw}#refer .c-txt__subttl{margin:0 0 calc(20*(100vw / 750));font-size:4.8vw}#refer .c-txt__instruct{margin:0 0 calc(7*(100vw / 750));font-size:3.2vw;line-height:1.7}}.grecaptcha-badge{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/163/assets/friend_cp.css.map */