.article_box .contents .caption{display:block;margin:0 0 calc(var(--gap-heading) - 5px);color:var(--color-muted);font-size:var(--size-content);font-weight:400;line-height:1.25}.article_box .contents{max-width:var(--width-contents);margin:0 0 var(--gap-contents);--color-text: var(--color-heading)}.article_box .contents:last-child{margin-bottom:0}.article_box .back{display:inline-flex;align-items:center;margin:0 0 var(--gap-heading);color:var(--color-heading);font-size:var(--size-base);font-weight:300;line-height:20px}.article_box .back:before{content:'';display:block;position:relative;top:-1px;flex-grow:0;flex-shrink:0;width:16px;height:16px;margin:0 8px 0 0;background:currentColor;transform:scaleX(-1);-webkit-mask:url(../../images/ico_arrow_next.svg) 50% 50%/contain no-repeat}@media (hover: hover){.article_box .back:hover{color:var(--color-active)}}.article_box .info{display:flex;flex-wrap:wrap;align-items:center;margin:-5px 0 calc(var(--gap-heading) - 5px);color:var(--color-muted);font-size:var(--size-small);font-weight:400;line-height:20px}.article_box .info i{display:block;flex-grow:0;flex-shrink:0;width:4px;height:4px;margin:5px 12px;border-radius:50%;background:currentColor}.article_box .info .date,.article_box .info .tag{margin:5px 0}.article_box .info .time{display:inline-flex;align-items:center;margin:5px 0}.article_box .info .time:before{content:'';position:relative;top:-1px;flex-grow:0;flex-shrink:0;width:24px;height:24px;margin:0 8px 0 0;background:currentColor;-webkit-mask:url(../../images/ico_time.svg) 50% 50%/contain no-repeat}.article_box .tag{display:inline-block;overflow:hidden;align-items:center;justify-content:center;max-width:100%;padding:6px 15px;border-radius:var(--radius-small);background-color:#C4CECD;color:#2D4541;font-family:var(--font-main);font-size:15px;font-weight:500;font-style:normal;line-height:20px;white-space:nowrap;text-overflow:ellipsis;transition:0.2s}.article_box .cyan.tag{background-color:#56C5D0;color:#06101B}.article_box .yellow.tag{background-color:#E8EEA4;color:#06101B}.article_box .purple.tag{background-color:#CE94E9;color:#06101B}.article_box .red.tag{background-color:#FC4D4D}@media (hover: hover){.article_box .tag:hover{background-color:#6B8581;color:#fff;cursor:pointer}}.article_box .tags{display:flex;flex-wrap:wrap;margin:0 -10px 15px 0}.article_box .tag{margin:0 10px 10px 0}.article_box .social{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 16px;border-radius:50%;background:var(--color-background);transition:0.3s}@media (hover: hover){.article_box .social:hover{background-color:var(--color-primary)}}.article_box .social:before{content:'';width:50%;height:50%;background:var(--color-heading);-webkit-mask:var(--mask-image) 50% 50%/contain no-repeat}.article_box .social_facebook{--mask-image: url(../../images/ico_social_facebook.svg)}.article_box .social_instagram{--mask-image: url(../../images/ico_social_instagram.svg)}.article_box .social_twitter{--mask-image: url(../../images/ico_social_twitter.svg)}@media (min-width: 1024px){.article_box .contents{max-width:var(--width-small);margin-right:auto;margin-left:auto}.article_box .wrapper{display:flex;position:relative;flex-direction:row-reverse;align-items:stretch}.article_box .wrapper .content{max-width:var(--width-small);margin:0 auto}.article_box .sidebar{flex-grow:0;flex-shrink:0;width:48px}}@media (max-width: 1024px){.article_box .sidebar{margin:var(--gap-contents) 0 0}.article_box .sidebar:empty{display:none}.article_box .socials{display:flex;flex-wrap:wrap;margin:0 -12px -12px 0}.article_box .social{margin:0 12px 12px 0}}

/*# sourceMappingURL=article.css.map */