@charset "utf-8";
/* salon-blog.css — ブログ一覧（サロンの「ブログ」タブ。本文 + 右サイドの2カラム） */

/* 長い英数字（URL など）でも枠からはみ出さないようにする */
.p-wrap { overflow-wrap: anywhere; }

.p-blog-list__state { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 18px; margin: 0 0 12px; padding: 7px 12px; border: 1px solid #f3d3db; background: var(--c-primary-pale); font-size: 12px; }
.p-blog-list__cond { color: #555; }
.p-blog-list__cond b { color: var(--c-primary-dark); }
.p-blog-list .c-countbar { margin-bottom: 0; }
.p-blog-list .c-blog-list { border-top: 0; }

/* 右サイド（記事カテゴリ / スタッフ / 過去の記事）: 長い名前でも件数「（2）」を折り返さない */
.p-blog-side__label { min-width: 0; }
.p-blog-side__count { flex: none; white-space: nowrap; }

@media (max-width: 767px) {
  .p-blog-list__state { padding: 8px 10px; font-size: 13px; }
}