.codeitem__row{position:relative;display:flex;flex-wrap:wrap}.codeitem__category{position:relative;text-align:center;width:32px}.-new .codeitem__category:before{content:"";position:absolute;top:-4px;left:-4px;width:15px;height:15px;background:url(../img/ico_new.91b27996.svg) no-repeat 50%/100%}.codeitem__category__ico{display:block;height:32px;border-radius:50%;background:#000}.codeitem__category__ico.-picture{background:url(../img/ico_pic.833aacac.svg) no-repeat 50%/14px;background-color:#fb0}.codeitem__category__ico.-serial{background:url(../img/ico_serial.b3a86011.svg) no-repeat 50%/14px;background-color:#ff5596}.codeitem__category__ico.-audio{background:url(../img/ico_mic.1098a5f9.svg) no-repeat 50%/10px;background-color:#04f}.codeitem__category__num{color:#ccc;font-size:.625rem;font-weight:700;margin-top:2px}.codeitem__ttl{padding-left:12px;font-weight:700;font-size:.75rem;width:calc(100% - 32px)}.codeitem__point{position:absolute;bottom:0;right:0;font-size:.625rem;font-weight:900;color:#eda900;line-height:1}.codeitem__point:before{content:"";position:relative;top:2px;margin-right:2px;display:inline-block;width:13px;height:13px;background:url(../img/ico_hpoint.11aad810.svg) no-repeat 0 0/100%}.codeitem__achieved{margin:8px -2px -2px}.codeitem__achieved__item{font-size:.6875rem;color:grey;padding:2px 12px;background:#e6e6e6;margin:2px;border-radius:10px}.code__inner{position:relative;background-color:#f2f2f2;height:calc(100% - 21.333vw)}.code__inner:before{left:0;border-right:10px solid transparent;border-left:10px solid #fff}.code__inner:after,.code__inner:before{content:"";position:absolute;top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent}.code__inner:after{right:0;border-right:10px solid #fff;border-left:10px solid transparent}@-webkit-keyframes codelist_anim{0%{opacity:0}to{opacity:1}}@keyframes codelist_anim{0%{opacity:0}to{opacity:1}}@-webkit-keyframes codelist_active_anim{0%{opacity:0}to{opacity:1}}@keyframes codelist_active_anim{0%{opacity:0}to{opacity:1}}.code__list{overflow-y:scroll;height:calc(100% - 46px);padding-bottom:60px;-webkit-animation:codelist_anim .5s ease 0s;animation:codelist_anim .5s ease 0s}.code__list.-change{-webkit-animation:codelist_active_anim .5s ease 0s;animation:codelist_active_anim .5s ease 0s}.code__list__item{position:relative;padding:13px;min-height:80px;background:#fff}.code__list__item:first-child{border-top:20px solid #f2f2f2}.code__list__item:nth-child(2n){background:#f2f2f2}.code__nav{display:flex;border-bottom:1px solid #ccc;padding:0 30px;background:#fff}.code__nav__item{position:relative;width:50%;text-align:center;line-height:1;font-size:.8125rem;font-weight:700;padding:16px 0;color:#ccc}.code__nav__item.-active{color:#dc0000}.code__nav__item.-active:after{position:absolute;left:0;bottom:0;content:"";width:100%;height:5px;background:#dc0000}