#f2f2f2
#cccccc
BORDER_AUTOMATIC
#000

:root{--mainColor:red;--backgroundColor:#f2f2f2}.test_css{background-color:var(--mainColor)}.blog_card{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:30px 20px}.blog_card_col2>*{width:calc(50% - 10px)}.blog_card_col3>*{box-shadow:0 0 3px #ddd;padding:10px;width:calc(33.33333% - 13.33333px)}.blog_card_col4>*{width:calc(25% - 15px)}.blog_card_img{overflow:hidden;position:relative}.blog_card_img>img{aspect-ratio:1.778/1;object-fit:cover;width:100%}.blog_card_body{color:#000;padding:10px 0 0;text-decoration:none}.blog_card_head{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-bottom:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px 10px}.blog_card_body>:last-child{margin-bottom:0}.blog_card_body .blog_date,.blog_card_body .blog_update{color:gray;font-size:14px}.blog_card_ttl{font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:15px}.blog_card_txt{word-break:break-all}.blog_card a{background-color:#fff;color:currentColor;display:block;position:relative;text-decoration:none;transition:.3s;transition-timing-function:ease-in}.blog_card a:hover{opacity:.7}a.blog_card .blog_card_ttl,a.blog_card .blog_card_txt{transition:.3s;transition-timing-function:ease-in}.blog_card_categories{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:5px}.bl_category{background-color:#fbbc05;border:2px solid #fbbc05;border-radius:100px;color:#fff;display:inline-block;font-size:.875rem;font-weight:700;line-height:1.4;padding:1px 15px;text-align:center;text-decoration:none;transition:.3s;transition-timing-function:ease-in}@media screen and (max-width:1049px){.blog_card>*{width:calc(50% - 10px)}}@media screen and (max-width:768px){.blog_card>*{width:100%}.blog_card.blog_card_col2{margin-bottom:-20px}.blog_card_col3{gap:20px}.blog_card_body{padding:20px 0 0}.blog_card_ttl{font-size:1rem;margin-bottom:10px}.blog_card_txt{margin-top:8px!important}.blog_card_col3>*{background-color:transparent!important;border-bottom:1px dashed #ddd;box-shadow:none;padding:0 0 20px}}