/* ========== セリフ芸 (姉さん×代表 ボケツッコミ) ========== */
.ds-serifu{
  max-width:880px;
  margin:0 auto;
  padding:30px 0;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
}
.ds-serifu__scene{
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  padding:40px 36px;
  margin:32px 0;
  box-shadow:var(--shadow-soft);
}
.ds-serifu__scene-title{
  font-family:"Noto Serif JP",serif;
  font-size:18px;
  color:var(--red);
  font-weight:900;
  border-bottom:2px solid var(--red);
  padding-bottom:10px;
  margin:0 0 26px;
  letter-spacing:.08em;
}
.ds-dialogue{
  display:flex;
  align-items:flex-start;
  gap:20px;
  margin:22px 0;
  position:relative;
}
.ds-dialogue--right{ flex-direction:row-reverse; }
.ds-dialogue__avatar{
  flex-shrink:0;
  width:74px; height:74px;
  border-radius:50%;
  background-size:cover;
  background-position:center;
  border:3px solid var(--red);
  box-shadow:var(--shadow-soft);
}
.ds-dialogue__bubble{
  position:relative;
  background:var(--bg-2);
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px 26px;
  font-size:15.5px;
  line-height:2;
  color:var(--ink);
  max-width:640px;
  box-shadow:var(--shadow-soft);
}
.ds-dialogue__bubble::before{
  content:"";
  position:absolute;
  top:22px;
  left:-10px;
  width:0; height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-right:12px solid var(--bg-2);
  filter:drop-shadow(-1px 0 0 var(--line));
}
.ds-dialogue--right .ds-dialogue__bubble::before{
  left:auto; right:-10px;
  border-right:none;
  border-left:12px solid #fff8f8;
  filter:drop-shadow(1px 0 0 var(--line));
}
.ds-dialogue--right .ds-dialogue__bubble{
  background:#fff8f8;
  border-color:#f5d6d6;
}
.ds-dialogue__name{
  display:block;
  font-size:11px;
  font-weight:800;
  color:var(--red);
  letter-spacing:.16em;
  margin-bottom:6px;
}