@charset "utf-8";
/* salon-style.css — スタイル一覧（サロンの「スタイル / フォトギャラリー」タブ） */

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

.p-style-list__gender { margin: 0 0 10px; }
.p-style-list__gender a { min-width: 132px; text-align: center; }
.p-style-list__filter { margin-bottom: 12px; }
.p-style-list__filter .c-filter__body { gap: 4px 18px; }
.p-style-list__state { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 18px; margin: 0 0 12px; padding: 7px 12px; border: 1px solid #f3d3db; background: var(--c-primary-pale); font-size: 12px; }
.p-style-list__cond { margin-right: auto; color: #555; }
.p-style-list__cond b { color: var(--c-primary-dark); }
.p-style-list__state .c-link-arrow { white-space: normal; }
.p-style-list__grid { margin-top: 14px; }

@media (max-width: 767px) {
  .p-style-list__gender a { min-width: 0; }
  .p-style-list__filter .c-filter__body { gap: 8px 18px; line-height: 1.5; }
  .p-style-list__state { padding: 8px 10px; font-size: 13px; }
  .p-style-list__cond { flex: 1 1 100%; }
}