/* voice への入口（Instagram・Journal の上の帯と、スマホのメニュー）。voice 本体と同じ夜色・小文字のロゴ */
.op-sns--banner .op-sns__card--voice {
  grid-column: 1 / -1;
  display: flex; align-items: center; gap: 18px;
  padding: 22px 22px 22px 20px;
  background: #14110f; border: 1px solid rgba(198, 170, 120, .35); color: #f4efe6;
}
.op-sns--banner .op-sns__card--voice::before { background: linear-gradient(180deg, #e1d0aa, #8d7144) !important; width: 3px; opacity: 1; }
.op-sns--banner .op-sns__card--voice[href]:hover { border-color: #c6aa78; }
.op-sns__card--voice .op-sns__body { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; }
.voice-mark { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%;
  border: 1px solid rgba(198, 170, 120, .5); font-family: var(--f-latin); font-size: 0; }
.voice-mark span { display: none; }
.voice-mark .o { display: block; position: relative; width: 14px; height: 14px; border: 2px solid #c6aa78; border-radius: 50%; }
.voice-mark .o::before, .voice-mark .o::after { content: ""; position: absolute; inset: -2px; border: 1px solid #c6aa78; border-radius: 50%;
  opacity: 0; animation: voice-ripple 2.6s ease-out infinite; }
.voice-mark .o::after { animation-delay: 1.3s; }
@keyframes voice-ripple { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(2.3); opacity: 0; } }
.voice-name { font-family: var(--f-latin); font-size: clamp(30px, 8vw, 38px); font-weight: 400; line-height: 1; letter-spacing: .02em;
  text-transform: none; color: #f4efe6; }
.voice-text { font-size: 12px; line-height: 1.7; color: rgba(244, 239, 230, .66); letter-spacing: .04em; }
.op-sns--banner .op-sns__card--voice .op-sns__more { color: #e1d0aa; }
.op-sns__card--voice.is-pending .op-sns__more { color: rgba(244, 239, 230, .45); }
@media (max-width: 420px) {
  .op-sns--banner .op-sns__card--voice { flex-wrap: wrap; row-gap: 10px; }
  .op-sns__card--voice .op-sns__body { flex: 1 1 0; }
  .op-sns--banner .op-sns__card--voice .op-sns__more { flex-basis: 100%; margin-left: 64px; }
}
/* スマホのメニュー：ブランド名と同じく小文字のまま */
.drawer__nav .drawer__voice .en { text-transform: none; }
.drawer__nav .drawer__voice .en::after { content: ""; display: inline-block; width: 8px; height: 8px; margin-left: 8px; vertical-align: .35em;
  border: 1.5px solid #c6aa78; border-radius: 50%; }
.menu-open .drawer__nav a:nth-child(10) { transition-delay: .6s; }
@media (prefers-reduced-motion: reduce) { .voice-mark .o::before, .voice-mark .o::after { animation: none; } }