@keyframes zoominout{0%{transform:scale(1.1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@-webkit-keyframes new-page_colorchange{0%{color:red}50%{color:#fff}100%{color:red}}#mission-wrapper .mission-title{color:#fff;font-weight:bold}#mission-wrapper .member-level-container{display:flex;justify-content:center;margin:10px 0}#mission-wrapper .member-level-container .member-level-details{display:flex;flex-direction:column;width:auto;margin:auto 0}#mission-wrapper .member-level-container .member-level-details label{color:#fff;font-size:clamp(.8rem,2.9vw,1rem)}@media screen and (max-width:39.9375em){#mission-wrapper .member-level-container img{width:100px;height:100px}}#mission-wrapper #mission-tab{margin-bottom:2%}#mission-wrapper #mission-tab li{padding:0}#mission-wrapper .tabs-content{background-color:transparent;border:1px solid #bb9844;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#fff;margin:10px}#mission-wrapper .tabs-content .tabs-panel{padding:4px}#mission-wrapper .mission-container{padding:15px 15px}#mission-wrapper .mission-container .sub-mission-item:not(.js-template){display:flex;background-color:#bb9844;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin-bottom:15px;padding-left:0}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .clickable{cursor:pointer}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-image{position:relative;display:flex;margin:auto 0;padding:6px;max-width:142px;max-height:142px}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-image img{width:100%;height:100%;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail{padding-left:20px}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-title{color:#2b2b2b;margin-top:10px;font-weight:bold}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-description{font-size:13px;color:#666;font-weight:bold}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-description span{white-space:pre-line}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container{display:flex}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .progress-bar{position:relative;border:1px solid #00231a;width:100%;height:25px;overflow:hidden;border-radius:25px;background:#666;margin-top:12px}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .progress-bar-level{position:absolute;top:0;background:#000;width:0%;height:100%;transition:width 1s linear;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .progress-bar-text{position:absolute;top:0;left:50%;font-size:large;color:#bb9844;transform:translate(-50%)}@media screen and (max-width:40em){#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .progress-bar-text{font-size:small}}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .mission-period{color:#fff;margin:5px 0;line-height:1.2;font-size:clamp(.8rem,2.5vw,.9rem)}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .item-button{display:flex;align-items:center;justify-content:end}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .item-button button{height:40px;width:110px;font-size:clamp(.7rem,3.4vw,14px);margin-bottom:10px;color:#bb9844;border:1px solid #bb9844;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#000;padding:5px 10px}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .item-button button.claim-now:hover{border-color:#fff;cursor:pointer}@media screen and (max-width:40em){#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-title{font-size:.9rem}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-description{font-size:.7rem}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container{display:block}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .progress-bar{height:20px;margin:4px 0}#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .item-button button{width:100px;height:40px;padding:0 4px}}@media screen and (max-width:20em){#mission-wrapper .mission-container .sub-mission-item:not(.js-template) .item-detail .item-progress-container .item-button button{width:70px}}