@charset "utf-8";
/* salon-kodawari.css — サロンの「こだわり」タブ専用 */

/* 空白の無い長い英数字（店名・クーポン名・URL など）でも枠からはみ出さず折り返す（中の共通部品にも継承される） */
.p-kodawari { overflow-wrap: anywhere; }

.p-kodawari-theme { margin: 0 0 6px; padding: 12px 16px; background: var(--c-bg-soft); color: var(--c-heading); font-size: 15px; font-weight: bold; line-height: 1.6; text-align: center; }

.p-kodawari-item { display: flex; align-items: center; gap: 32px; padding: 26px 0; border-bottom: 1px solid var(--c-border-light); scroll-margin-top: 12px; }
.p-kodawari-item:last-child { border-bottom: 0; padding-bottom: 6px; }
.p-kodawari-item.is-reverse { flex-direction: row-reverse; }
.p-kodawari-item__photo { flex: 0 0 440px; min-width: 0; }
.p-kodawari-item__photo .c-thumb { border: 1px solid var(--c-border-light); }
.p-kodawari-item__body { flex: 1; min-width: 0; }
.p-kodawari-item__no { display: inline-flex; align-items: baseline; gap: 6px; padding-bottom: 2px; border-bottom: 2px solid var(--c-primary); color: var(--c-primary-dark); font-size: 12px; font-weight: bold; letter-spacing: .08em; }
.p-kodawari-item__no b { font-family: var(--font-latin); font-size: 22px; line-height: 1; letter-spacing: .02em; }
.p-kodawari-item__title { margin-top: 12px; color: var(--c-heading); font-size: 20px; font-weight: bold; line-height: 1.5; }
.p-kodawari-item__text { margin-top: 12px; font-size: 14px; line-height: 2; }
.p-kodawari-item--nophoto { display: block; }

@media (max-width: 767px) {
  .p-kodawari-theme { padding: 10px 12px; font-size: 14px; text-align: left; }
  .p-kodawari-item, .p-kodawari-item.is-reverse { display: block; padding: 20px 0; scroll-margin-top: 58px; }
  .p-kodawari-item__photo { margin-bottom: 14px; }
  .p-kodawari-item__no b { font-size: 20px; }
  .p-kodawari-item__title { margin-top: 10px; font-size: 18px; }
  .p-kodawari-item__text { margin-top: 8px; font-size: 14px; line-height: 1.9; }
}