@charset "UTF-8";
/* ==========================================================
   ソラデー お客様の声（/f/soladey）
   soladey-reviews-kdw.css / prefix: kdw-soladeyrv__
   共通レビューコーナー（review-corner.css / kdw-review__）の
   配色・トーンに準拠：
     text     #3a3530  ウォームチャコール
     base     #f6f3ef  ウォームグレー（淡）
     line     #e5ddd3
     gold     #8a6700  見出しベタ塗り（白抜き文字）
     engi     #a61929  レビューの一言
   タグ絞り込みは CSS のみ（ラジオボタン＋:checked）で動作。JS不使用
   ========================================================== */

/* ---------- base ---------- */
.kdw-soladeyrv__wrap{
  max-width:760px;
  width:100%;
  margin:0 auto;
  padding:0 8px;
  box-sizing:border-box;
  color:#3a3530;
  font-size:15px;
  line-height:1.9;
  letter-spacing:.02em;
}
.kdw-soladeyrv__wrap *,
.kdw-soladeyrv__wrap *::before,
.kdw-soladeyrv__wrap *::after{box-sizing:border-box;}
.kdw-soladeyrv__wrap p{margin:0 0 1em;}
.kdw-soladeyrv__wrap p:last-child{margin-bottom:0;}
.kdw-soladeyrv__wrap img{max-width:100%;height:auto;vertical-align:bottom;border:0;}
.kdw-soladeyrv__wrap hr{
  border:none;
  border-top:1px dashed #d4b8a8;
  height:0;
  margin:18px 0;
}

/* ---------- keyvisual ---------- */
.kdw-soladeyrv__kv{margin:0 0 20px;}
.kdw-soladeyrv__kv a{display:block;}
.kdw-soladeyrv__kv img{width:100%;display:block;}

/* ---------- 商品紹介 ---------- */
.kdw-soladeyrv__intro{
  background:#f6f3ef;
  border-radius:10px;
  padding:22px 20px;
  margin:0 0 28px;
}
.kdw-soladeyrv__title{
  margin:0 0 12px;
  padding:0;
  color:#3a3530;
  font-weight:bold;
  line-height:1.5;
  text-align:center;
  border:none;
  background:none;
}
.kdw-soladeyrv__title-sub{
  display:block;
  color:#8a6700;
  letter-spacing:.12em;
  margin-bottom:2px;
}
.kdw-soladeyrv__note{
  display:inline-block;
  font-size:13px;
  background:#fff;
  border:1px solid #e5ddd3;
  border-radius:20px;
  padding:1px 12px;
}
.kdw-soladeyrv__btn-area{text-align:center;margin:18px 0 0;}
.kdw-soladeyrv__btn{
  display:inline-block;
  min-width:260px;
  padding:11px 26px;
  border-radius:28px;
  background:#3a3530;
  color:#fff !important;
  font-weight:bold;
  text-decoration:none !important;
  line-height:1.5;
}
.kdw-soladeyrv__btn:hover{opacity:.85;}
.kdw-soladeyrv__btn::after{content:" ›";}

/* ---------- セクション見出し（ゴールドのベタ塗り・白抜き） ---------- */
.kdw-soladeyrv__head{
  margin:0 0 16px;
  padding:10px 16px;
  background:#8a6700;
  color:#fff;
  font-weight:bold;
  text-align:center;
  line-height:1.5;
  border-radius:6px;
  border:none;
}
.kdw-soladeyrv__head::before,
.kdw-soladeyrv__head::after{
  content:"★";
  font-size:.75em;
  margin:0 .7em;
  vertical-align:.1em;
  color:#f3dc8f;
}
.kdw-soladeyrv__lead{
  font-size:14px;
  text-align:center;
  margin:0 0 16px;
}

/* ---------- タグ絞り込み ---------- */
.kdw-soladeyrv__filter{width:100%;}
.kdw-soladeyrv__radio{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}
.kdw-soladeyrv__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  background:#f6f3ef;
  border-radius:10px;
  padding:14px 12px;
  margin:0 0 20px;
}
.kdw-soladeyrv__tag{
  display:inline-block;
  cursor:pointer;
  font-size:13px;
  line-height:1.5;
  padding:5px 13px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e5ddd3;
  color:#3a3530;
  user-select:none;
  transition:background .15s,color .15s,border-color .15s;
}
.kdw-soladeyrv__tag small{font-size:11px;color:#8a7f73;margin-left:2px;}
.kdw-soladeyrv__tag:hover{border-color:#8a6700;}

/* 選択中のタグ */
#kdw-soladeyrv-t0:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t0"],
#kdw-soladeyrv-t1:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t1"],
#kdw-soladeyrv-t2:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t2"],
#kdw-soladeyrv-t3:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t3"],
#kdw-soladeyrv-t4:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t4"],
#kdw-soladeyrv-t5:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t5"],
#kdw-soladeyrv-t6:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t6"],
#kdw-soladeyrv-t7:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t7"],
#kdw-soladeyrv-t8:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t8"]{
  background:#8a6700;
  border-color:#8a6700;
  color:#fff;
}
#kdw-soladeyrv-t0:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t0"] small,
#kdw-soladeyrv-t1:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t1"] small,
#kdw-soladeyrv-t2:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t2"] small,
#kdw-soladeyrv-t3:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t3"] small,
#kdw-soladeyrv-t4:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t4"] small,
#kdw-soladeyrv-t5:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t5"] small,
#kdw-soladeyrv-t6:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t6"] small,
#kdw-soladeyrv-t7:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t7"] small,
#kdw-soladeyrv-t8:checked ~ .kdw-soladeyrv__tags label[for="kdw-soladeyrv-t8"] small{color:#f3e6bf;}

/* 絞り込み：該当タグ以外のカードを非表示 */
#kdw-soladeyrv-t1:checked ~ .kdw-soladeyrv__list .kdw-soladeyrv__card:not(.is-t1),
#kdw-soladeyrv-t2:checked ~ .kdw-soladeyrv__list .kdw-soladeyrv__card:not(.is-t2),
#kdw-soladeyrv-t3:checked ~ .kdw-soladeyrv__list .kdw-soladeyrv__card:not(.is-t3),
#kdw-soladeyrv-t4:checked ~ .kdw-soladeyrv__list .kdw-soladeyrv__card:not(.is-t4),
#kdw-soladeyrv-t5:checked ~ .kdw-soladeyrv__list .kdw-soladeyrv__card:not(.is-t5),
#kdw-soladeyrv-t6:checked ~ .kdw-soladeyrv__list .kdw-soladeyrv__card:not(.is-t6),
#kdw-soladeyrv-t7:checked ~ .kdw-soladeyrv__list .kdw-soladeyrv__card:not(.is-t7),
#kdw-soladeyrv-t8:checked ~ .kdw-soladeyrv__list .kdw-soladeyrv__card:not(.is-t8){display:none;}

/* ---------- レビューカード ---------- */
.kdw-soladeyrv__list{margin:0 0 24px;}
.kdw-soladeyrv__card{
  background:#fff;
  border:1px solid #e5ddd3;
  border-radius:10px;
  padding:18px 20px;
  margin:0 0 14px;
}
.kdw-soladeyrv__catch{
  margin:0 0 4px;
  padding:0 0 0 1.4em;
  text-indent:-1.4em;
  font-size:16px;
  line-height:1.6;
  font-weight:bold;
  color:#a61929;
  border:none;
  background:none;
}
.kdw-soladeyrv__catch::before{
  content:"★";
  display:inline-block;
  width:1.4em;
  text-indent:0;
  color:#c9a227;
  font-size:.85em;
}
.kdw-soladeyrv__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
  font-size:13px;
  color:#6f665c;
  padding:0 0 10px;
  margin:0 0 12px;
  border-bottom:1px dashed #e5ddd3;
}
.kdw-soladeyrv__name{font-weight:bold;color:#3a3530;}
.kdw-soladeyrv__chips{display:flex;flex-wrap:wrap;gap:4px;}
.kdw-soladeyrv__chip{
  font-size:11px;
  line-height:1.5;
  background:#f6f3ef;
  border-radius:10px;
  padding:1px 8px;
  color:#6f665c;
}
.kdw-soladeyrv__body{font-size:14px;}

/* ---------- responsive ---------- */
@media screen and (max-width:600px){
  .kdw-soladeyrv__wrap{font-size:14px;line-height:1.85;}
  .kdw-soladeyrv__intro{padding:18px 14px;}
  .kdw-soladeyrv__card{padding:16px 14px;}
  .kdw-soladeyrv__btn{min-width:0;width:100%;}
  .kdw-soladeyrv__tags{justify-content:flex-start;padding:12px 10px;}
  .kdw-soladeyrv__head::before,
  .kdw-soladeyrv__head::after{margin:0 .4em;}
}