#f2f2f2
#cccccc
BORDER_AUTOMATIC
#425b76

:root{--mainColor:red;--backgroundColor:#f2f2f2}.test_css{background-color:var(--mainColor)}.blog_news_item{border-bottom:1px solid #ccc}.blog_news_link{color:#1a1a1a;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;gap:20px;padding:20px;position:relative;text-decoration:none}.blog_news_dtl{align-items:center;display:flex;width:240px}.blog_news_cnt{width:calc(100% - 260px)}@media screen and (max-width:767px){.blog_news_link{flex-flow:column;gap:5px 15px;padding:10px}.blog_news_cnt,.blog_news_dtl{width:100%}}@media screen and (min-width:1050px){.blog_news_link:hover{background-color:#f7dddd}}.blog_news_header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.blog_news_header>:last-child{margin-right:0}.blog_news_date{font-size:.875rem;margin-right:20px}@media screen and (max-width:767px){.blog_news_header{flex-flow:column;gap:10px;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start}}.blog_news_labels{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:5px}.blog_news_ttl{font-size:1rem;text-decoration:none}@media screen and (max-width:767px){.blog_news_ttl{font-size:.8125rem}}.news_post_ttl{font-size:28px;font-weight:700}@media screen and (max-width:767px){.news_post_ttl{font-size:1.5rem}}.tag_list{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:30px}.tag_list .blog_category{background-color:#fff;color:#e60012;font-size:14px;padding:5px 15px}.tag_list .is-active .blog_category{background-color:#e60012;color:#fff}@media screen and (min-width:1050px){.tag_list .blog_category:hover{background-color:#e60012;color:#fff}}@media screen and (max-width:767px){.tag_list_item{width:calc(50% - 10px)}.tag_list .blog_category{font-size:12px;width:100%}}