.click_popup_bg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9998;background:rgba(0,0,0,0.765);visibility:hidden;opacity:0;transition:all 1s cubic-bezier(0.19,1,0.22,1) 0}.click_popup{position:fixed;top:calc(50% + 20px);left:50%;transform:translate(-50%,-50%);z-index:9999;background:#f3f3f3;color:#353535;visibility:hidden;opacity:0;transition:all 2s cubic-bezier(0.19,1,0.22,1) .3s}.click_popup_wrap{padding:40px 30px;position:relative}.popup_area .click_popup_close{width:auto;height:auto;display:inline-block;position:absolute;right:0;top:-45px;z-index:3;background:transparent;width:32px}.popup_area .click_popup_close a{display:flex;align-items:center;justify-content:center;flex-direction:column}.popup_area .click_popup_close i{font-size:30px;color:#fff;width:32px;display:flex}.popup_area .scroll_area{width:800px;max-height:700px;overflow-y:auto;padding-right:40px}.popup_area .scroll_area::-webkit-scrollbar{width:7px}.popup_area .scroll_area::-webkit-scrollbar-thumb{background:#949494;border-radius:5px}.popup_area .scroll_area::-webkit-scrollbar-track{border-radius:5px;background:#c7c7c7;margin-left:20px;opacity:.6;overflow:hidden}@media(max-width:768px){.click_popup{min-width:90%;width:90%;height:auto;max-height:150vw;overflow:visible}.click_popup_wrap{padding:4vw 2vw 4vw 4vw;position:relative}.popup_area .click_popup_close{top:-10vw;width:5vw}.popup_area .click_popup_close i{font-size:7vw;width:5vw}.popup_area .scroll_area{width:100%;max-height:140vw;padding-right:2vw}.popup_area .scroll_area::-webkit-scrollbar{width:1.5vw}.popup_area .scroll_area::-webkit-scrollbar-thumb{border-radius:2vw}.popup_area .scroll_area::-webkit-scrollbar-track{border-radius:2vw;margin:0 3vw 0 0}.popup_area .scroll_motion{display:block;position:absolute;bottom:4vw;right:7vw;width:7vw;height:7vw;background-image:url(https://img.icons8.com/pastel-glyph/64/000000/resize-vertical.png);background-size:100%;background-position:50% 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10}.popup_area .scroll_motion:after{content:"";width:4vw;height:4vw;background:url(/img_up/shop_pds/nanaen/design/images/common/scroll_hand.png) no-repeat 50%;background-size:4vw auto;position:absolute;top:0;right:-3.5vw;-webkit-animation:iconScrollUpDown 2s .7s ease-in-out infinite;animation:iconScrollUpDown 2s .7s ease-in-out infinite}@keyframes iconScrollUpDown{0{top:100%}50%{top:0}100%{top:100%}}}