@charset "utf-8";
/* =========================================================
   YouTube 記事詳細テンプレート（613:28301）。共通部品は media-common.css
   ========================================================= */
.vd-pills { gap: .20rem; }
.vd-vol { display: flex; align-items: center; gap: .11rem; height: .36rem; padding-top: .04rem; font-weight: 500; font-size: .18rem; line-height: .27692rem; letter-spacing: .0126rem; white-space: nowrap; }
.vd-art .mc-ahead { gap: .27rem; }
.vd-art .mc-eye { margin-top: .73rem; }
.vd-art .mc-toc { width: 10.16rem; }
.vd-body { margin-top: .73rem; }

/* 関連動画（Frame 962） */
.vd-rel { gap: .59rem; margin-top: 1.00rem; padding: .73rem 0; }
.vd-sub {
  display: flex; align-items: center; justify-content: center; gap: .17rem; padding: calc(.15rem + .04319rem) calc(.41752rem + .04319rem);
  border-radius: 1rem; background: #fff; box-shadow: inset 0 0 0 .04319rem #fd6a05;
  color: #fd6a05; font-weight: 700; font-size: .2211rem; line-height: .40247rem; letter-spacing: .024321rem; white-space: nowrap;
}
.vd-sub svg { flex: none; width: .44rem; height: .44rem; padding: .0733rem 0; }