@charset "utf-8";
/* ------------------------------------------------------------ common */

/* ------------------------------------------------------------ news aside */

#news_aside .category { background: #a78671; padding: 30px 20px; }
#news_aside .category h5 { font-size: 16px; float: left; width: 150px; color: #b3845a;}
#news_aside .category ul li { overflow: hidden; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin: 0 0 10px; padding: 0; }
#news_aside .category ul li .category-box{ padding: 15px; background: #fbf7f4; }
#news_aside .category ul li .category-num { float: right; width: 40px; font-size: 18px; color: #b58963; text-align: right; }
#news_aside .category ul li a { text-transform: uppercase; }

#news_aside .category .category-tags { display: none; flex-wrap: wrap; gap: 5px; overflow: hidden; background: #efe5dc; border-radius: 0 0 12px 12px; padding: 13px 12px 15px; }
#news_aside .category .category-tags .category-tags__link { float: none; width: auto; font-size: 11px; color: #7a4e3a; background: #f9f3ee; border-radius: 100px; padding: 3px 10px; cursor: pointer; transition: background 0.15s, color 0.15s; user-select: none; text-align: left; }
#news_aside .category .category-tags .category-tags__link:hover { background: #d4c0b4; color: #5a3e32; }
#news_aside .category .category-tags .category-tags__link.selected { background: #8B6651; color: #f9f3ee; }
#news_aside .category .category-tags .category-tags__btn-wrap { width: 100%; margin-top: 4px; display: none; }
#news_aside .category .category-tags .category-tags__btn { width: 100%; background: #5a3e32; color: #f9f3ee; border: none; border-radius: 100px; padding: 7px 0; font-size: 12px; letter-spacing: 0.05em; cursor: pointer; transition: background 0.15s; }
#news_aside .category .category-tags .category-tags__btn:hover { background: #3e2a1f; }

#news_aside .toggle-btn { transform: rotate(0deg); float: right; width: 30px!important; height: 30px!important; border-radius: 50%; background: #efe5dc; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; transition: background 0.15s, transform 0.2s; margin-left: 10px; }
#news_aside .toggle-btn:hover { background: #e0d0c4; }

#news_aside .toggle-btn.is-active{ transform: rotate(180deg); }