/* dokodemo-topics.css ｜ トピックス：動画枠（up-d_video-container） */

/* 公開ページ：未変換の枠（貼り忘れ・JS未実行）は表示しない */
.up-d_video-container {
  display: none;
}

/* カスコン入力画面：エディタ内にも登録CSSが読み込まれて枠が消えるため表示を戻す。
   枠線・背景などの装飾は付けない（Enterで枠クラスが次の行に引き継がれても
   公開側JSが無害化するので、エディタで枠を意識させる必要がない） */
.sig-wysiwyg-text-area .up-d_video-container {
  display: block;
}

/* 変換成功時のみJSがこのクラスを付けて表示される */
.up-d_video-container.up-d_is-converted {
  display: block;
  margin-top: 24px;
}

.up-d_video-container iframe,
.up-d_video-container video {
  display: block;
  width: 100%;
  max-width: 720px;
  height: auto;
  margin-inline: auto;
  border: 0;
}

.up-d_video-container--youtube iframe {
  aspect-ratio: 16 / 9;
}