/* TOP FVカードの裏面：お客様の声を、写真の下いっぱいのすりガラスの帯に置く（10/12谷・Astra Figma案B → 10/13谷「この幅で全面すりガラス」）
   帯の上は写真がそのまま見え、帯の中は少しぼかして文字を読ませる。高さは写真の下1/3まで。top-fv.css の後に読む */
.p-fv .flip-photo::after { display: none; }
.p-fv .comments {
  left: 0; right: 0; bottom: 0;
  max-width: none;
  padding: 0.875rem 4.75rem 0.9375rem 1.5rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .10), rgba(20, 26, 48, .30));
  -webkit-backdrop-filter: blur(16px) saturate(1.35);
  backdrop-filter: blur(16px) saturate(1.35);
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .45);
  border-radius: 0;
  box-shadow: none;
}
.p-fv .comments .c-main { font-size: 1.0625rem; line-height: 1.5; letter-spacing: .06em; white-space: normal; text-shadow: 0 1px 0.5rem rgba(0, 0, 0, .2); }
.p-fv .comments .ln { margin-left: 0; }
.p-fv .comments .c-sub { margin-top: 0.3125rem; font-size: 0.59375rem; line-height: 1.75; white-space: normal; opacity: .95; text-shadow: 0 1px 0.375rem rgba(0, 0, 0, .25); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .p-fv .comments { background: rgba(30, 40, 85, .6); }
}
@media screen and (max-width: 768px) {
  .p-fv .comments { padding: 0.5rem 3rem 0.5625rem 0.75rem; }
  .p-fv .comments .c-main { font-size: 0.6875rem; line-height: 1.5; }
  .p-fv .comments .c-sub { display: none; } /* SPのカードでは補足が6pxになり読めないため、見出しだけにする（10/13谷） */
}