.article-body-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    float: right;
}

.article-text-resize {
    position: absolute;
    top: 0;
    right: -56px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.article-text-resize__btn {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #d0d0d0;
    background: #fff;
    cursor: pointer;
    position: relative;
    line-height: 1;
}

.article-text-resize__btn:disabled {
    opacity: 0.4;
    cursor: default;
}

.article-text-resize__letter {
    font-family: AvenirMeduim, Arial;
    color: #1d1d1d;
    font-size: 22px;
    line-height: 40px;
}

.article-text-resize__btn--down .article-text-resize__letter {
    font-size: 16px;
}

.article-text-resize__sign {
    position: absolute;
    top: 3px;
    right: 6px;
    font-size: 11px;
    line-height: 1;
    color: #1d1d1d;
    font-family: Arial, sans-serif;
}

article.text-size-sm .details > p:not(.adTtl),
article.text-size-sm .details > p:not(.adTtl) span,
article.text-size-sm .details > h2,
article.text-size-sm .details > h3,
article.text-size-sm .details > ul li,
article.text-size-sm .details > ol li,
article.text-size-sm .details > pre,
article.text-size-sm .details > blockquote,
article.text-size-sm .details > blockquote p ,
article.text-size-sm .details .pattern01 ul li h3,
article.text-size-sm .details .pattern01 ul li .descp{
    font-size: 15px !important;
}

article.text-size-xs .details > p:not(.adTtl),
article.text-size-xs .details > p:not(.adTtl) span,
article.text-size-xs .details > h2,
article.text-size-xs .details > h3,
article.text-size-xs .details > ul li,
article.text-size-xs .details > ol li,
article.text-size-xs .details > pre,
article.text-size-xs .details > blockquote,
article.text-size-xs .details > blockquote p,
article.text-size-xs .details .pattern01 ul li h3, 
article.text-size-xs .details .pattern01 ul li .descp{
    font-size: 14px !important;
}


article.text-size-lg .details > p:not(.adTtl),
article.text-size-lg .details > p:not(.adTtl) span,
article.text-size-lg .details > h2,
article.text-size-lg .details > h3,
article.text-size-lg .details > ul li,
article.text-size-lg .details > ol li,
article.text-size-lg .details > pre,
article.text-size-lg .details > blockquote,
article.text-size-lg .details > blockquote p,
article.text-size-lg .details .pattern01 ul li h3,
article.text-size-lg .details .pattern01 ul li .descp{
    font-size: 17px !important;
}

article.text-size-xl .details > p:not(.adTtl),
article.text-size-xl .details > p:not(.adTtl) span,
article.text-size-xl .details > h2,
article.text-size-xl .details > h3,
article.text-size-xl .details > ul li,
article.text-size-xl .details > ol li,
article.text-size-xl .details > pre,
article.text-size-xl .details > blockquote,
article.text-size-xl .details > blockquote p,
article.text-size-xl .details .pattern01 ul li h3,
article.text-size-xl .details .pattern01 ul li .descp{
    font-size: 19px !important;
}

article[class*="text-size-"] .details .showcaseDiv p,
article[class*="text-size-"] .details .adTtl {
    font-size: 11px;
}



@media screen and (min-width:1152px) and (max-width:1919px) {
    .article-text-resize__btn{    width: 36px;
    height: 36px;}
    .article-text-resize{right:-46px;}
}
@media screen and (max-width: 1151px) {
     .article-text-resize__btn{width:30px;height:30px}
    .article-text-resize {
        position: relative;
        right: auto;
        top: auto;
        float: right;
        flex-direction: row;
        margin-bottom: 12px;
    }
}