/* フッターの「お客様の声」帯（PC 37 ページ共通）。
   中身は js/kowa-voice-strip.js が reviews/strip.js（社内システムが自動更新）から組み立てる。
   帯の大きさは旧デザインと同じ 660×80px（左の青い「お客様の声」アイコン 93px＋黒い帯）。 */
#footer .review_area.kv-strip { font-size: 13px; font-weight: normal; align-items: stretch; height: 80px; }
#footer .review_area.kv-strip::before { left: 88px; }
#footer .kv-strip__icon { display: block; position: relative; z-index: 10; flex: 0 0 auto; }
#footer .kv-strip__icon:hover img { opacity: .9; }
#footer .kv-strip__bar {
  box-sizing: border-box; width: 567px; height: 80px; margin-left: -5px;
  background: #000; color: #fff; position: relative; z-index: 0;
  display: flex; align-items: center; padding: 8px 10px 8px 22px;
}
/* JS が動く前・読めなかったとき: 一覧へのリンクだけ */
#footer .kv-strip__static { color: #fff; font-weight: bold; font-size: 15px; text-decoration: none; display: inline-flex; align-items: center; height: 100%; }
#footer .kv-strip__static:hover { text-decoration: underline; }

/* 左: レビューを 1 件ずつ切り替えて表示 */
#footer .kv-strip__slides { position: relative; flex: 1 1 auto; min-width: 0; height: 64px; }
#footer .kv-strip__item {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  display: flex; flex-direction: column; justify-content: center; gap: 2px 0;
  color: #fff; text-decoration: none; opacity: 0; visibility: hidden; transition: opacity .5s;
}
#footer .kv-strip__item.-on { opacity: 1; visibility: visible; }
#footer .kv-strip__head { display: flex; align-items: center; gap: 0 6px; line-height: 1.2; }
#footer .kv-strip__stars { color: #ffd400; font-size: 13px; letter-spacing: 1px; }
#footer .kv-strip__rate { color: #ffd400; font-weight: bold; font-size: 13px; }
#footer .kv-strip__title { display: block; font-size: 15px; font-weight: bold; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#footer .kv-strip__item:hover .kv-strip__title { text-decoration: underline; }
#footer .kv-strip__meta { display: block; font-size: 12px; color: #c8c8c8; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 右: すべて見る＋件数＋送り */
#footer .kv-strip__side { flex: 0 0 122px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px 0; margin-left: 8px; }
#footer .kv-strip__all {
  display: inline-flex; align-items: center; justify-content: center; width: 112px; height: 28px;
  background: #0080ff; color: #fff; border-radius: 100px; font-size: 13px; font-weight: bold; text-decoration: none;
}
#footer .kv-strip__all:hover { background: #3399ff; }
#footer .kv-strip__count { font-size: 12px; color: #c8c8c8; line-height: 1; white-space: nowrap; }
#footer .kv-strip__ctl { display: flex; align-items: center; gap: 0 4px; }
#footer .kv-strip__ctl button {
  width: 24px; height: 20px; border: 1px solid #777; background: #222; color: #fff; border-radius: 4px;
  font-size: 14px; line-height: 1; cursor: pointer; padding: 0; position: relative;
}
#footer .kv-strip__ctl button::before { content: ""; position: absolute; top: -6px; bottom: -6px; left: -4px; right: -4px; }   /* 当たり判定を広げる（約 32×32px） */
#footer .kv-strip__ctl button:hover { background: #444; }
#footer .kv-strip__pos { font-size: 12px; color: #c8c8c8; min-width: 28px; text-align: center; line-height: 1; }