<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Music on 🎵 VIRAL BEAT - 動画バイラルトレンドメディア</title><link>https://felice-vita-hub.github.io/tags/music/</link><description>Recent content in Music on 🎵 VIRAL BEAT - 動画バイラルトレンドメディア</description><generator>Hugo -- gohugo.io</generator><language>ja</language><copyright>トミー</copyright><lastBuildDate>Thu, 09 Apr 2026 02:29:11 +0000</lastBuildDate><atom:link href="https://felice-vita-hub.github.io/tags/music/index.xml" rel="self" type="application/rss+xml"/><item><title>【Music】YouTube人気動画ランキング TOP14 - 2026-04-09</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-04-09/</link><pubDate>Thu, 09 Apr 2026 02:29:11 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-04-09/</guid><description>&lt;h2 id="-music-急上昇ランキング-top14"&gt;🎬 Music 急上昇ランキング TOP14
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年04月09日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 14本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 19,123,709回&lt;/p&gt;
&lt;h3 id="1位-bts-방탄소년단-hooligan-official-mv"&gt;1位: BTS (방탄소년단) &amp;lsquo;Hooligan&amp;rsquo; Official MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/diBO0gMuTXo?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HYBE LABELS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;10,937,396回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,106,459&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=diBO0gMuTXo" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-bts-20-dance-practice"&gt;2位: BTS &amp;lsquo;2.0&amp;rsquo; Dance Practice
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/A1nu9jg6ciY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;4,604,400回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;704,701&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=A1nu9jg6ciY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-anyma-lisa---bad-angel-official-music-video"&gt;3位: Anyma, LISA - Bad Angel (Official Music Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/dKmPEhJ4wjY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Anyma&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;1,885,533回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;340,018&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=dKmPEhJ4wjY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-top---완전미쳤어-studio54-mv"&gt;4位: T.O.P - &amp;ldquo;완전미쳤어! (Studio54)&amp;rdquo; MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/cfaybWG25D4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;T.O.P&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;932,562回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;112,594&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;4位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=cfaybWG25D4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-befirst--befirst-all-day--from-tbs系cdtvライブライブ-"&gt;5位: BE:FIRST / BE:FIRST ALL DAY -from TBS系「CDTVライブ！ライブ！」-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/wNfNzkld1y4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BE:FIRST Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;200,992回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;23,859&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;16位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=wNfNzkld1y4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-yzerr-95flowofficial-video"&gt;6位: YZERR-&amp;lsquo;95flow(Official Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/NLRbB4lTiYc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BAD HOP&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;139,833回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;6,164&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;22位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=NLRbB4lTiYc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-flow---hero-希望の歌--the-first-take"&gt;7位: FLOW - HERO 〜希望の歌〜 / THE FIRST TAKE
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/QEtFsBKjNXU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;THE FIRST TAKE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;90,473回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;6,799&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;33位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=QEtFsBKjNXU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-ロクテナシ言葉の続き-rokudenashi---words-to-followofficial-music-video"&gt;8位: ロクデナシ「言葉の続き」/ Rokudenashi - Words to Follow【Official Music Video】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/S0WRUA8JewY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ロクデナシ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;67,611回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,318&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;36位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=S0WRUA8JewY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-starglow--usotsuki--behind-the-scenes--short-ver"&gt;9位: STARGLOW / USOTSUKI -Behind The Scenes- (Short Ver.)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/6ocvC986jj8?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;STARGLOW Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;59,590回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,623&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;37位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=6ocvC986jj8" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-グッドラックマイフレンド-featムロツヨシ--さかなクン--tokyo-ska-paradise-orchestra"&gt;10位: グッドラック！マイフレンド feat.ムロツヨシ &amp;amp; さかなクン / TOKYO SKA PARADISE ORCHESTRA
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/UcqQ8xO468s?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;TOKYO SKA PARADISE ORCHESTRA OFFICIAL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;55,028回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,182&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;39位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=UcqQ8xO468s" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-期間限定公開sweet-steady-sweet-stepcdtvライブライブ"&gt;11位: 【期間限定公開】SWEET STEADY 『SWEET STEP』【CDTVライブ！ライブ！】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/NnXgbUfdesc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SWEET STEADY&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;47,037回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,987&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;40位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=NnXgbUfdesc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-シクフォニ---rage-official-music-video"&gt;12位: シクフォニ - RAGE ‍‍[Official Music Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/HqHrT7GRlpk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;シクフォニ【SIXFONIA】&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;36,037回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;8,436&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=HqHrT7GRlpk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-ストリートピアノやっぱり嵐ってスゴすぎる嵐人気曲メドレー弾いたら人集まりすぎてライブ会場にwwサクラ咲ケarashione-lovemonsterhappiness"&gt;13位: 【ストリートピアノ】やっぱり嵐ってスゴすぎる…😳‼️『♪嵐人気曲メドレー』弾いたら人集まりすぎてライブ会場にww【サクラ咲ケ/A・RA・SHI/One Love/Monster/Happiness】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ibX26TvwhJ4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ハラミちゃん〈harami_piano〉&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;29,632回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,264&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;44位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ibX26TvwhJ4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-twist-and-shout-the-moonlight-cats-radio-show-vol-3"&gt;14位: Twist and Shout (The Moonlight Cats Radio Show Vol. 3)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/VbqSYNQSl7E?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;浜田省吾 Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;37,585回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,505&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;47位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=VbqSYNQSl7E" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP19 - 2026-04-08</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-04-08/</link><pubDate>Wed, 08 Apr 2026 02:33:42 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-04-08/</guid><description>&lt;h2 id="-music-急上昇ランキング-top19"&gt;🎬 Music 急上昇ランキング TOP19
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年04月08日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 19本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 23,955,703回&lt;/p&gt;
&lt;h3 id="1位-sabrina-carpenter---house-tour-official-video"&gt;1位: Sabrina Carpenter - House Tour (Official Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/KWoTyfPsqbE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SabrinaCarpenterVEVO&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;6,364,244回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;530,070&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=KWoTyfPsqbE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-bts-방탄소년단-hooligan-official-mv"&gt;2位: BTS (방탄소년단) &amp;lsquo;Hooligan&amp;rsquo; Official MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/diBO0gMuTXo?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HYBE LABELS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;6,173,554回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,647,601&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=diBO0gMuTXo" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-kiss-of-life-키스오브라이프-who-is-she-official-music-video"&gt;3位: KISS OF LIFE (키스오브라이프) &amp;lsquo;Who is she&amp;rsquo; Official Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ygYPwsjyCzQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;KISS OF LIFE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;6,092,862回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;138,635&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ygYPwsjyCzQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-bts-20-dance-practice"&gt;4位: BTS &amp;lsquo;2.0&amp;rsquo; Dance Practice
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/A1nu9jg6ciY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;3,946,991回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;660,165&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;4位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=A1nu9jg6ciY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-bump-of-chicken-ray-from-bump-of-chicken-tour-2024-sphery-rendezvous"&gt;5位: BUMP OF CHICKEN 「ray」 from BUMP OF CHICKEN TOUR 2024 Sphery Rendezvous
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/KsV38Vytozo?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BUMP OF CHICKEN&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;366,663回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;25,444&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;8位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=KsV38Vytozo" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-乃木坂46-桜橋を教えてくれたmusic-video"&gt;6位: 乃木坂46 『桜橋を教えてくれた』MUSIC VIDEO
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/TNHVgK7HLfY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;乃木坂46 OFFICIAL YouTube CHANNEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;333,615回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;17,584&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;9位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=TNHVgK7HLfY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-kis-my-ft2--heartloud-music-video-opening-theme-for-the-tv-anime-mao"&gt;7位: Kis-My-Ft2 / 「HEARTLOUD」 Music Video [Opening theme for the TV anime MAO]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/MGUp9RBrou4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Kis-My-Ft2&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;272,512回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;12,499&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;10位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=MGUp9RBrou4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-傀儡のうつつ--初音ミク"&gt;8位: 傀儡のうつつ / 初音ミク
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/eu3yoLa3dgs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;獅子志司&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;44,269回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,922&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;34位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=eu3yoLa3dgs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-櫻坂46-live-blu-ray--dvd5th-tour-2025-addiction-tour-final-at-kyocera-dome-osakaダイジェスト映像"&gt;9位: 櫻坂46 LIVE Blu-ray &amp;amp; DVD『5th TOUR 2025 “Addiction” TOUR FINAL at KYOCERA DOME OSAKA』ダイジェスト映像
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/lwQwIEAJm78?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;櫻坂46 OFFICIAL YouTube CHANNEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;43,214回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;4,067&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;35位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=lwQwIEAJm78" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-nexz넥스지-mmchk-trailer"&gt;10位: NEXZ(넥스지) &amp;ldquo;Mmchk&amp;rdquo; Trailer
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/KkhXseT9OKM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;JYP Entertainment&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;79,181回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;13,739&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;36位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=KkhXseT9OKM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-imp--kisslive-performance-movie"&gt;11位: IMP. – KISS（Live Performance Movie)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/YtRutcJ3Stg?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;IMP. OFFICIAL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;72,291回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,788&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;38位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=YtRutcJ3Stg" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-da-ice-ノンフィクションズ--da-ice-arena-tour-2025--entrance-bright-side"&gt;12位: Da-iCE /「ノンフィクションズ」- Da-iCE ARENA TOUR 2025 -EntranCE ＜Bright Side＞
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/BUgHJkSH454?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Da-iCE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;32,907回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,628&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;39位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=BUgHJkSH454" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-平手友梨奈kill-or-kissmusic-video"&gt;13位: 平手友梨奈『Kill or Kiss』MUSIC VIDEO
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/QbNwgXAXq9M?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;平手友梨奈&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;29,162回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;6,046&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;40位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=QbNwgXAXq9M" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-pages---little-glee-monster"&gt;14位: 『Pages』 - Little Glee Monster
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/DNa76ODisco?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Little Glee Monster&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;62,927回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,536&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=DNa76ODisco" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-cest-la-vie"&gt;15位: C&amp;rsquo;est la vie
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/w8ltcHURKhc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;chotokkyu - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;11,158回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,832&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=w8ltcHURKhc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-一二三"&gt;16位: 一二三
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ava4h4G96-s?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Penthouse - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;9,559回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,059&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;44位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ava4h4G96-s" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-言葉の続き"&gt;17位: 言葉の続き
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/HIytijrapTw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Rokudenashi - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;9,320回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;816&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;45位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=HIytijrapTw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-heaven-knows"&gt;18位: Heaven Knows
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/2DODEONwRa4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;B&amp;rsquo;z - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;7,788回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;608&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;46位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=2DODEONwRa4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="19位-デイジー"&gt;19位: デイジー
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/b4HYuaTK0Jc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Chevon - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;3,486回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;269&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;47位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=b4HYuaTK0Jc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP20 - 2026-04-07</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-04-07/</link><pubDate>Tue, 07 Apr 2026 02:33:11 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-04-07/</guid><description>&lt;h2 id="-music-急上昇ランキング-top20"&gt;🎬 Music 急上昇ランキング TOP20
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年04月07日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 21本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 10,497,803回&lt;/p&gt;
&lt;h3 id="1位-sabrina-carpenter---house-tour-official-video"&gt;1位: Sabrina Carpenter - House Tour (Official Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/KWoTyfPsqbE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SabrinaCarpenterVEVO&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;3,506,467回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;391,380&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=KWoTyfPsqbE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-bts-20-dance-practice"&gt;2位: BTS &amp;lsquo;2.0&amp;rsquo; Dance Practice
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/A1nu9jg6ciY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;2,456,942回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;521,042&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=A1nu9jg6ciY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-kiss-of-life-키스오브라이프-who-is-she-official-music-video"&gt;3位: KISS OF LIFE (키스오브라이프) &amp;lsquo;Who is she&amp;rsquo; Official Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ygYPwsjyCzQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;KISS OF LIFE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;2,122,465回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;100,095&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ygYPwsjyCzQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-mrs-green-apple--インフェルノ-thank-you-for-fireforcelive-from-ゼンジン未到とヴェルトラウム銘銘編"&gt;4位: Mrs. GREEN APPLE – インフェルノ Thank you for FIREFORCE！【LIVE from “ゼンジン未到とヴェルトラウム〜銘銘編〜”】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/QFZK3f3ztcs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Mrs. GREEN APPLE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;731,768回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;43,756&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;7位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=QFZK3f3ztcs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-bump-of-chicken-ray-from-bump-of-chicken-tour-2024-sphery-rendezvous"&gt;5位: BUMP OF CHICKEN 「ray」 from BUMP OF CHICKEN TOUR 2024 Sphery Rendezvous
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/KsV38Vytozo?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BUMP OF CHICKEN&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;297,908回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;23,075&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;13位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=KsV38Vytozo" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-火種"&gt;6位: 火種
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/HsuZB2oNMpw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Tatsuya Kitani - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;279,409回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;9,804&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;17位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=HsuZB2oNMpw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-乃木坂46-桜橋を教えてくれたmusic-video"&gt;7位: 乃木坂46 『桜橋を教えてくれた』MUSIC VIDEO
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/TNHVgK7HLfY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;乃木坂46 OFFICIAL YouTube CHANNEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;172,550回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;12,753&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;20位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=TNHVgK7HLfY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-中島健人最初はキュンmusic-video"&gt;8位: 中島健人「最初はキュン！」Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/0enrdHzr6XE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;中島健人 Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;216,378回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;24,093&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;21位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=0enrdHzr6XE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-ファントムシータもーいーかいofficial-music-video"&gt;9位: ファントムシータ『もーいーかい？』(OFFICIAL MUSIC VIDEO)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/kGe-sxrAJIw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ファントムシータ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;193,930回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;21,117&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;24位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=kGe-sxrAJIw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-kis-my-ft2--heartloud-music-video-opening-theme-for-the-tv-anime-mao"&gt;10位: Kis-My-Ft2 / 「HEARTLOUD」 Music Video [Opening theme for the TV anime MAO]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/MGUp9RBrou4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Kis-My-Ft2&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;74,401回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;10,079&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;32位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=MGUp9RBrou4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-nexz넥스지-mmchk-trailer"&gt;11位: NEXZ(넥스지) &amp;ldquo;Mmchk&amp;rdquo; Trailer
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/KkhXseT9OKM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;JYP Entertainment&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;49,718回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;10,872&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;35位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=KkhXseT9OKM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-super-beaver生きがい都会のラクダ-tour-2026-ラクダトゥインクルー-20260201kアリーナ横浜-"&gt;12位: SUPER BEAVER「生きがい」【「都会のラクダ TOUR 2026 〜ラクダトゥインクルー〜」 2026.02.01@Kアリーナ横浜 】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZJ0aGASUNmk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SUPER BEAVER official YouTube channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;90,241回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,613&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;37位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZJ0aGASUNmk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-imp--kisslive-performance-movie"&gt;13位: IMP. – KISS（Live Performance Movie)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/YtRutcJ3Stg?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;IMP. OFFICIAL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;49,164回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;6,825&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;38位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=YtRutcJ3Stg" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-riize-flashlight-live-stage--2026-riize-concert-tour-riizing-loud-special-edition-in-tokyo-dome"&gt;14位: RIIZE &amp;lsquo;Flashlight&amp;rsquo; Live Stage @ 2026 RIIZE CONCERT TOUR [RIIZING LOUD] Special Edition in TOKYO DOME
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/hE2bPb0wPGk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;RIIZE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;38,175回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,313&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;40位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=hE2bPb0wPGk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-clover"&gt;15位: Clover
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/C09KyMwY5O4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;MAZZEL - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;72,305回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;4,436&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=C09KyMwY5O4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-pages---little-glee-monster"&gt;16位: 『Pages』 - Little Glee Monster
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/DNa76ODisco?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Little Glee Monster&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;27,697回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,468&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=DNa76ODisco" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-dir-en-grey---mobs12th-albummortal-downer収録-30sec-teaser-clip"&gt;17位: DIR EN GREY - 「MOBS」[12th ALBUM『MORTAL DOWNER』収録] 30sec Teaser (Clip)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/KEPe6u8trGM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;DIR EN GREY&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;39,787回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,803&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=KEPe6u8trGM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-live映像sweet-steadymelodies"&gt;18位: 【LIVE映像】SWEET STEADY『Melodies』
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/xHzGMaN0Uk4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SWEET STEADY&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;12,557回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,600&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;44位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=xHzGMaN0Uk4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="19位-アンジュルムcelebrate-celebrateハロステ-live-edit"&gt;19位: アンジュルム『Celebrate! Celebrate!』ハロ！ステ Live Edit.
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/bH9CiWgzVLo?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;アンジュルム&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;19,233回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,228&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;45位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=bH9CiWgzVLo" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="20位-melodic-endlessness"&gt;20位: Melodic Endlessness
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/jkAM19I-I3E?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Hayato Kagami - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;15,647回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,853&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;46位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=jkAM19I-I3E" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP18 - 2026-04-06</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-04-06/</link><pubDate>Mon, 06 Apr 2026 02:38:03 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-04-06/</guid><description>&lt;h2 id="-music-急上昇ランキング-top18"&gt;🎬 Music 急上昇ランキング TOP18
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年04月06日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 18本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 4,181,895回&lt;/p&gt;
&lt;h3 id="1位-bts-20-mv-behind-the-scenes"&gt;1位: BTS &amp;lsquo;2.0&amp;rsquo; MV Behind the Scenes
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/4EUyOMwPcQ0?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;1,975,334回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;343,388&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=4EUyOMwPcQ0" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-aina-the-end--luminous-official-music-video-tv-anime-one-piece-opening-theme-song"&gt;2位: AiNA THE END / Luminous [Official Music Video] (TV Anime &amp;lsquo;ONE PIECE&amp;rsquo; opening theme song)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/SR1OfCAmTyI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;アイナ・ジ・エンド Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;713,973回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;23,277&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=SR1OfCAmTyI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-mrs-green-apple--インフェルノ-thank-you-for-fireforcelive-from-ゼンジン未到とヴェルトラウム銘銘編"&gt;3位: Mrs. GREEN APPLE – インフェルノ Thank you for FIREFORCE！【LIVE from “ゼンジン未到とヴェルトラウム〜銘銘編〜”】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/QFZK3f3ztcs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Mrs. GREEN APPLE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;561,851回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;39,833&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;6位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=QFZK3f3ztcs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-bump-of-chicken-ray-from-bump-of-chicken-tour-2024-sphery-rendezvous"&gt;4位: BUMP OF CHICKEN 「ray」 from BUMP OF CHICKEN TOUR 2024 Sphery Rendezvous
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/KsV38Vytozo?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BUMP OF CHICKEN&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;165,294回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;16,551&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;19位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=KsV38Vytozo" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-火種"&gt;5位: 火種
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/HsuZB2oNMpw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Tatsuya Kitani - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;160,188回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,183&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;22位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=HsuZB2oNMpw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-ファントムシータもーいーかいofficial-music-video"&gt;6位: ファントムシータ『もーいーかい？』(OFFICIAL MUSIC VIDEO)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/kGe-sxrAJIw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ファントムシータ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;117,385回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;16,800&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;24位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=kGe-sxrAJIw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-中島健人最初はキュンmusic-video"&gt;7位: 中島健人「最初はキュン！」Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/0enrdHzr6XE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;中島健人 Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;79,046回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;13,686&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;30位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=0enrdHzr6XE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-オーイシマサヨシ---君は恋人-official-video"&gt;8位: オーイシマサヨシ - 君は恋人 [Official Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/mG0qU4B6YtI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;オーイシマサヨシ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;102,495回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,839&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;32位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=mG0qU4B6YtI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-bubee"&gt;9位: Bubee
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/OZ44P4JU87E?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ILLIT - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;42,271回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,899&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;33位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=OZ44P4JU87E" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-super-beaver生きがい都会のラクダ-tour-2026-ラクダトゥインクルー-20260201kアリーナ横浜-"&gt;10位: SUPER BEAVER「生きがい」【「都会のラクダ TOUR 2026 〜ラクダトゥインクルー〜」 2026.02.01@Kアリーナ横浜 】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZJ0aGASUNmk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SUPER BEAVER official YouTube channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;45,237回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,994&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;34位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZJ0aGASUNmk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-clover"&gt;11位: Clover
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/C09KyMwY5O4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;MAZZEL - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;26,946回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,727&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;39位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=C09KyMwY5O4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-イデアが溢れて眠れない-short-ver"&gt;12位: イデアが溢れて眠れない (short ver.)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/rN_dw2ls7Rc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Vaundy - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;11,528回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;965&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;40位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=rN_dw2ls7Rc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-heartloud"&gt;13位: HEARTLOUD
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/uYbVy7alurA?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Kis-My-Ft2 - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;7,399回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,446&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=uYbVy7alurA" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-petals"&gt;14位: Petals
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/P3HiFyh_Ikk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Orangestar - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;54,702回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,119&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=P3HiFyh_Ikk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-ゴロンとドロン"&gt;15位: ゴロンとドロン
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ofw2sm315fA?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Kocchi no Kento - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;38,134回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,077&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ofw2sm315fA" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-同じ匂い"&gt;16位: 同じ匂い
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZbGK6lmL1-E?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;DADA - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;31,911回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;842&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;44位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZbGK6lmL1-E" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-forever-love"&gt;17位: Forever Love
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Ud9ftZ5lPLc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;X Japan - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;12,365回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;148&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;45位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Ud9ftZ5lPLc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-シルエット-new-go-line-ver---from-the-first-take"&gt;18位: シルエット New Go-Line ver. - From THE FIRST TAKE
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZdgQnHEnQ64?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;KANA-BOON - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;35,836回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;290&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;47位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZdgQnHEnQ64" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP20 - 2026-04-05</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-04-05/</link><pubDate>Sun, 05 Apr 2026 02:36:59 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-04-05/</guid><description>&lt;h2 id="-music-急上昇ランキング-top20"&gt;🎬 Music 急上昇ランキング TOP20
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年04月05日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 22本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 32,614,063回&lt;/p&gt;
&lt;h3 id="1位-bts-방탄소년단-20-official-mv"&gt;1位: BTS (방탄소년단) &amp;lsquo;2.0&amp;rsquo; Official MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/_gyultVTesk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HYBE LABELS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;25,090,997回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,188,773&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=_gyultVTesk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-top---desperado-mv"&gt;2位: T.O.P - &amp;ldquo;DESPERADO&amp;rdquo; MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/lh7yT1PF2Y4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;T.O.P&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;2,111,832回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;220,258&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=lh7yT1PF2Y4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-snow-man-bang-dance-practice"&gt;3位: Snow Man &amp;lsquo;BANG!!&amp;rsquo; Dance Practice
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZoBTw7XZu4M?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Snow Man&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;1,991,347回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;96,782&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZoBTw7XZu4M" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-ちゃんみな---flip-flap-official-music-video"&gt;4位: ちゃんみな - FLIP FLAP (Official Music Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/9ItaFyoar9M?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ちゃんみな [CHANMINA]&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;985,963回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;26,723&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;5位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=9ItaFyoar9M" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-ヨルシカ---茜offcial-video"&gt;5位: ヨルシカ - 茜（OFFCIAL VIDEO）
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/VD_ztcqWBAY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ヨルシカ / n-buna Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;596,437回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;42,253&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;7位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=VD_ztcqWBAY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-aina-the-end--luminous-official-music-video-tv-anime-one-piece-opening-theme-song"&gt;6位: AiNA THE END / Luminous [Official Music Video] (TV Anime &amp;lsquo;ONE PIECE&amp;rsquo; opening theme song)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/SR1OfCAmTyI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;アイナ・ジ・エンド Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;427,773回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;18,307&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;9位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=SR1OfCAmTyI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-mrs-green-apple--インフェルノ-thank-you-for-fireforcelive-from-ゼンジン未到とヴェルトラウム銘銘編"&gt;7位: Mrs. GREEN APPLE – インフェルノ Thank you for FIREFORCE！【LIVE from “ゼンジン未到とヴェルトラウム〜銘銘編〜”】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/QFZK3f3ztcs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Mrs. GREEN APPLE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;295,721回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;31,149&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;14位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=QFZK3f3ztcs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-mazzel--get-up-and-dance--dance-practice-"&gt;8位: MAZZEL / Get Up And Dance -Dance Practice-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZUyKgkmdqa4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;MAZZEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;246,629回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;19,860&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;18位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZUyKgkmdqa4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-桑田佳祐---人誑し--ひとたらし-anime-lyric-video"&gt;9位: 桑田佳祐 - 人誑し / ひとたらし [Anime Lyric Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/lBOmiR_1CGQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;桑田佳祐&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;208,097回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;9,326&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;21位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=lBOmiR_1CGQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-tuki-零-zero-official-audio"&gt;10位: tuki. 『零-zero-』Official Audio
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/2splxp-qwH0?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;tuki.(17)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;174,941回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;13,410&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;24位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=2splxp-qwH0" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-キャムロンやサンタナ-feat-gg-ujihara--dj-chari--dj-tatsuki"&gt;11位: キャムロンやサンタナ feat. GG Ujihara / DJ CHARI &amp;amp; DJ TATSUKI
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/0uOHB7JoQTU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;DJ CHARI &amp;amp; DJ TATSUKI&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;140,380回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,496&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;28位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=0uOHB7JoQTU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-in_my_head---mori-calliope-cover"&gt;12位: IN_MY_HEAD - Mori Calliope (cover)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/y1WyJJwigkQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Mori Calliope Ch. hololive-EN&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;96,954回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;15,803&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;29位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=y1WyJJwigkQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-オーイシマサヨシ---君は恋人-official-video"&gt;13位: オーイシマサヨシ - 君は恋人 [Official Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/mG0qU4B6YtI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;オーイシマサヨシ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;57,077回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,502&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;35位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=mG0qU4B6YtI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-火種"&gt;14位: 火種
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/HsuZB2oNMpw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Tatsuya Kitani - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;29,199回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,041&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;39位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=HsuZB2oNMpw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-生田絵梨花今もありがとうmv"&gt;15位: 生田絵梨花「今も、ありがとう」MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/kX0u1U7wMDk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;生田絵梨花 Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;25,911回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,135&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;40位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=kX0u1U7wMDk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-mv-superdragon--number"&gt;16位: [MV] SUPER★DRAGON / NUMBER
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/m-ja4Ri3fNM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SUPER DRAGON OFFICIAL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;13,258回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,249&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=m-ja4Ri3fNM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-マカロニえんぴつnevermindmv"&gt;17位: マカロニえんぴつ「NEVERMIND」MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/xUi9raSHbsA?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;マカロニえんぴつ Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;17,017回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,868&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=xUi9raSHbsA" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-礼賛-果てない"&gt;18位: 礼賛 - 果てない
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/VuB-LPxk1zU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;礼賛&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;18,624回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,987&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=VuB-LPxk1zU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="19位-茜色の歌"&gt;19位: 茜色の歌
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/4nkUJdYrxXc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Kaida Haru - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;10,455回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,265&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;44位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=4nkUJdYrxXc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="20位-petals"&gt;20位: Petals
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/P3HiFyh_Ikk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Orangestar - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;9,092回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,277&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;45位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=P3HiFyh_Ikk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP20 - 2026-04-04</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-04-04/</link><pubDate>Sat, 04 Apr 2026 02:14:34 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-04-04/</guid><description>&lt;h2 id="-music-急上昇ランキング-top20"&gt;🎬 Music 急上昇ランキング TOP20
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年04月04日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 20本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 27,891,544回&lt;/p&gt;
&lt;h3 id="1位-bts-방탄소년단-20-official-mv"&gt;1位: BTS (방탄소년단) &amp;lsquo;2.0&amp;rsquo; Official MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/_gyultVTesk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HYBE LABELS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;21,394,495回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,035,925&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=_gyultVTesk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-snow-man-bang-dance-practice"&gt;2位: Snow Man &amp;lsquo;BANG!!&amp;rsquo; Dance Practice
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZoBTw7XZu4M?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Snow Man&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;1,751,884回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;93,950&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZoBTw7XZu4M" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-top---desperado-mv"&gt;3位: T.O.P - &amp;ldquo;DESPERADO&amp;rdquo; MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/lh7yT1PF2Y4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;T.O.P&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;1,183,920回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;153,394&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=lh7yT1PF2Y4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-怪獣歌ってみたのはメガテラゼロ"&gt;4位: 怪獣　歌ってみたのはメガテラ・ゼロ
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Hph0eEz2jJw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;メガテラゼロ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;840,031回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;45,813&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;4位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Hph0eEz2jJw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-ちゃんみな---flip-flap-official-music-video"&gt;5位: ちゃんみな - FLIP FLAP (Official Music Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/9ItaFyoar9M?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ちゃんみな [CHANMINA]&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;515,118回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;23,022&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;6位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=9ItaFyoar9M" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-ヨルシカ---茜offcial-video"&gt;6位: ヨルシカ - 茜（OFFCIAL VIDEO）
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/VD_ztcqWBAY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ヨルシカ / n-buna Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;490,415回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;38,354&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;8位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=VD_ztcqWBAY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-なにわ男子---the-answer-なにわ男-live-tour-2025-bon-bon-voyage"&gt;7位: なにわ男子 - The Answer [なにわ男⼦ LIVE TOUR 2025 &amp;lsquo;BON BON VOYAGE&amp;rsquo;]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/zlqtwfBJ0uw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;なにわ男子&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;428,062回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;31,623&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;11位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=zlqtwfBJ0uw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-乃木坂46-全力ラップタイム-special-performance-ver-"&gt;8位: 乃木坂46 『全力ラップタイム (special performance ver.) 』
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/JHvbc1XsxY4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;乃木坂46 OFFICIAL YouTube CHANNEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;216,713回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;10,753&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;19位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=JHvbc1XsxY4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-aina-the-end--luminous-official-music-video-tv-anime-one-piece-opening-theme-song"&gt;9位: AiNA THE END / Luminous [Official Music Video] (TV Anime &amp;lsquo;ONE PIECE&amp;rsquo; opening theme song)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/SR1OfCAmTyI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;アイナ・ジ・エンド Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;170,951回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;11,852&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;20位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=SR1OfCAmTyI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-mazzel--get-up-and-dance--dance-practice-"&gt;10位: MAZZEL / Get Up And Dance -Dance Practice-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZUyKgkmdqa4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;MAZZEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;160,571回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;16,847&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;22位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZUyKgkmdqa4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-初星学園-egoofficial-music-video-hatsuboshi-gakuen----ego"&gt;11位: 初星学園 「EGO」Official Music Video (HATSUBOSHI GAKUEN - EGO)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/-6ukHEaeBzU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;初星学園&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;168,029回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;12,810&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;26位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=-6ukHEaeBzU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-its-alright"&gt;12位: It&amp;rsquo;s Alright
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/UE3xC7W7u9I?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Fujii Kaze - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;112,043回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;11,678&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;31位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=UE3xC7W7u9I" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-桑田佳祐---人誑し--ひとたらし-anime-lyric-video"&gt;13位: 桑田佳祐 - 人誑し / ひとたらし [Anime Lyric Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/lBOmiR_1CGQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;桑田佳祐&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;86,578回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,463&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;36位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=lBOmiR_1CGQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-歌って弾いてみた新宝島-covered-by-vδlz"&gt;14位: 【歌って弾いてみた】新宝島 covered by #VΔLZ
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/sUDM_h9yrOY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;VΔLZ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;122,345回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;15,820&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;37位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=sUDM_h9yrOY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-tuki-零-zero-official-audio"&gt;15位: tuki. 『零-zero-』Official Audio
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/2splxp-qwH0?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;tuki.(17)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;62,233回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;8,031&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;38位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=2splxp-qwH0" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-asiankung-fugenerationスキンズmusicvideo"&gt;16位: ASIAN KUNG-FU GENERATION 『スキンズ』Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/I7PE9Z2DoTU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ASIAN KUNG-FU GENERATION Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;84,960回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;6,045&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;40位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=I7PE9Z2DoTU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-band-maid--dilly-dally-official-live-video"&gt;17位: BAND-MAID / Dilly-Dally (Official Live Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/yTAQ5dCpuiM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BAND-MAID&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;38,783回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,800&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=yTAQ5dCpuiM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-ayumu-imazu---home-music-video"&gt;18位: Ayumu Imazu - Home [Music Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Yz7hajIZEJE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Ayumu Imazu&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;25,750回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,914&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Yz7hajIZEJE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="19位-exile--i-wish-for-youexile-live-tour-2025-the-reason"&gt;19位: EXILE / I Wish For You（EXILE LIVE TOUR 2025 “THE REASON”）
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/vhBPdicVNhE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;EXILE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;17,399回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,098&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;44位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=vhBPdicVNhE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="20位-rusty-nail"&gt;20位: Rusty Nail
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/cyjGWywCLg4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;X Japan - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;21,264回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;225&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;47位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=cyjGWywCLg4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP20 - 2026-04-03</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-04-03/</link><pubDate>Fri, 03 Apr 2026 09:28:54 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-04-03/</guid><description>&lt;h2 id="-music-急上昇ランキング-top20"&gt;🎬 Music 急上昇ランキング TOP20
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年04月03日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 22本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 34,323,232回&lt;/p&gt;
&lt;h3 id="1位-bts-방탄소년단-20-official-mv"&gt;1位: BTS (방탄소년단) &amp;lsquo;2.0&amp;rsquo; Official MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/_gyultVTesk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HYBE LABELS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;18,303,767回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,886,057&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=_gyultVTesk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-bts-방탄소년단-swim-live-clip-ii-swimming-pool-ver"&gt;2位: BTS (방탄소년단) &amp;lsquo;SWIM&amp;rsquo; Live Clip II. (Swimming Pool ver.)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/om6HdemgTKQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;6,552,003回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,055,162&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=om6HdemgTKQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-niziu니쥬-too-bad-mv"&gt;3位: NiziU(니쥬) &amp;ldquo;Too Bad&amp;rdquo; M/V
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/b_GqrwmptWo?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;JYP Entertainment&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;5,141,926回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;62,506&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=b_GqrwmptWo" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-snow-man-bang-dance-practice"&gt;4位: Snow Man &amp;lsquo;BANG!!&amp;rsquo; Dance Practice
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZoBTw7XZu4M?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Snow Man&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;1,592,831回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;88,422&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;4位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZoBTw7XZu4M" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-怪獣歌ってみたのはメガテラゼロ"&gt;5位: 怪獣　歌ってみたのはメガテラ・ゼロ
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Hph0eEz2jJw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;メガテラゼロ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;658,304回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;38,857&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;6位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Hph0eEz2jJw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-ヨルシカ---茜offcial-video"&gt;6位: ヨルシカ - 茜（OFFCIAL VIDEO）
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/VD_ztcqWBAY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ヨルシカ / n-buna Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;388,517回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;34,817&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;9位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=VD_ztcqWBAY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-なにわ男子---the-answer-なにわ男-live-tour-2025-bon-bon-voyage"&gt;7位: なにわ男子 - The Answer [なにわ男⼦ LIVE TOUR 2025 &amp;lsquo;BON BON VOYAGE&amp;rsquo;]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/zlqtwfBJ0uw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;なにわ男子&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;374,186回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;27,847&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;12位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=zlqtwfBJ0uw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-ちゃんみな---flip-flap-official-music-video"&gt;8位: ちゃんみな - FLIP FLAP (Official Music Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/9ItaFyoar9M?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ちゃんみな [CHANMINA]&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;322,772回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;19,300&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;14位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=9ItaFyoar9M" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-乃木坂46-全力ラップタイム-special-performance-ver-"&gt;9位: 乃木坂46 『全力ラップタイム (special performance ver.) 』
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/JHvbc1XsxY4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;乃木坂46 OFFICIAL YouTube CHANNEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;181,224回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;9,836&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;23位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=JHvbc1XsxY4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-竹取オーバーナイトセンセーションいくぜｘ鬼龍院せな"&gt;10位: 竹取オーバーナイトセンセーション｜いくぜ！ｘ鬼龍院せな
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZdDFxraM7eI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Sena Kiryuin&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;180,967回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;21,870&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;26位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZdDFxraM7eI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-初星学園-egoofficial-music-video-hatsuboshi-gakuen----ego"&gt;11位: 初星学園 「EGO」Official Music Video (HATSUBOSHI GAKUEN - EGO)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/-6ukHEaeBzU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;初星学園&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;133,078回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;11,471&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;30位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=-6ukHEaeBzU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-starglow--usotsuki--dance-practice-"&gt;12位: STARGLOW / USOTSUKI -Dance Practice-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/rlej3ic-aj8?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;STARGLOW Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;154,210回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;12,324&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;31位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=rlej3ic-aj8" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-歌って弾いてみた新宝島-covered-by-vδlz"&gt;13位: 【歌って弾いてみた】新宝島 covered by #VΔLZ
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/sUDM_h9yrOY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;VΔLZ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;85,314回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;13,224&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;37位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=sUDM_h9yrOY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-its-alright"&gt;14位: It&amp;rsquo;s Alright
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/UE3xC7W7u9I?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Fujii Kaze - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;36,799回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;6,645&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=UE3xC7W7u9I" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-asiankung-fugenerationスキンズmusicvideo"&gt;15位: ASIAN KUNG-FU GENERATION 『スキンズ』Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/I7PE9Z2DoTU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ASIAN KUNG-FU GENERATION Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;41,547回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,987&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=I7PE9Z2DoTU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-lisadecotora15musicclip"&gt;16位: LiSA『DECOTORA15』MUSiC CLiP
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/PHOlqCPTtOc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;LiSA Official YouTube&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;50,284回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;4,600&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=PHOlqCPTtOc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-羊文学-dogsofficialmusicvideonetflixシリーズ九条の大罪主題歌"&gt;17位: 羊文学 - Dogs (Official Music Video) [Netflixシリーズ『九条の大罪』主題歌]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/d00g_BI552E?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;羊文学&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;39,006回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,977&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;44位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=d00g_BI552E" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-joyニアリーイコールジョイ-僕たちの歌-from-4th-anniversary-premium-concertlive-ver-full"&gt;18位: ≒JOY（ニアリーイコールジョイ）/ 『「僕たちの歌」』 （from 4th ANNIVERSARY PREMIUM CONCERT）【LIVE Ver. full】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Vyyzv0rtn-g?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;NEARLY EQUAL JOY ニアリーイコールジョイ 公式チャンネル&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;34,400回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,222&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;46位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Vyyzv0rtn-g" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="19位-fashion"&gt;19位: Fashion
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/_MHuhmVR4hc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;IVE - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;13,984回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,165&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;47位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=_MHuhmVR4hc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="20位-人誑し--ひとたらし"&gt;20位: 人誑し / ひとたらし
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/oRgBsY7cMs4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Keisuke Kuwata - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;17,112回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;610&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;48位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=oRgBsY7cMs4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP18 - 2026-04-02</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-04-02/</link><pubDate>Thu, 02 Apr 2026 02:28:55 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-04-02/</guid><description>&lt;h2 id="-music-急上昇ランキング-top18"&gt;🎬 Music 急上昇ランキング TOP18
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年04月02日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 18本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 17,993,446回&lt;/p&gt;
&lt;h3 id="1位-bts-방탄소년단-20-official-mv"&gt;1位: BTS (방탄소년단) &amp;lsquo;2.0&amp;rsquo; Official MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/_gyultVTesk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HYBE LABELS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;8,722,064回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,153,386&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=_gyultVTesk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-bts-방탄소년단-swim-live-clip-ii-swimming-pool-ver"&gt;2位: BTS (방탄소년단) &amp;lsquo;SWIM&amp;rsquo; Live Clip II. (Swimming Pool ver.)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/om6HdemgTKQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;5,386,411回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;971,581&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=om6HdemgTKQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-snow-man-bang-dance-practice"&gt;3位: Snow Man &amp;lsquo;BANG!!&amp;rsquo; Dance Practice
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZoBTw7XZu4M?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Snow Man&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;1,025,516回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;77,764&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;4位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZoBTw7XZu4M" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-king-gnu---aizo-king-gnu-cenral-tour-2026-at-tokyo-ariake-arena"&gt;4位: King Gnu - AIZO (King Gnu CEN+RAL Tour 2026 at TOKYO ARIAKE ARENA)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/mcsB7sG43GE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;King Gnu official YouTube channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;742,084回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;38,720&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;6位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=mcsB7sG43GE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-乃木坂46君ばかりmusic-video"&gt;5位: 乃木坂46『君ばかり』MUSIC VIDEO
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/zrVg31LSLio?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;乃木坂46 OFFICIAL YouTube CHANNEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;609,966回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;34,583&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;8位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=zrVg31LSLio" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-怪獣歌ってみたのはメガテラゼロ"&gt;6位: 怪獣　歌ってみたのはメガテラ・ゼロ
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Hph0eEz2jJw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;メガテラゼロ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;285,443回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;25,500&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;12位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Hph0eEz2jJw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-スーパーダーリン-covered-by-3skm歌ってみた"&gt;7位: スーパー・ダーリン covered by 3SKM【歌ってみた】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/PHjx9VrRp6k?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;3SKM&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;295,058回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;29,677&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;13位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=PHjx9VrRp6k" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-tvアニメopずっと真夜中でいいのにultra魂mv-zutomayo---ultra-soul"&gt;8位: 【TVアニメOP】ずっと真夜中でいいのに。『ultra魂』MV (ZUTOMAYO - ultra soul)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/lpg5nhWapjU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ずっと真夜中でいいのに。 ZUTOMAYO&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;259,676回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;20,705&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;15位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=lpg5nhWapjU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-なにわ男子---the-answer-なにわ男-live-tour-2025-bon-bon-voyage"&gt;9位: なにわ男子 - The Answer [なにわ男⼦ LIVE TOUR 2025 &amp;lsquo;BON BON VOYAGE&amp;rsquo;]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/zlqtwfBJ0uw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;なにわ男子&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;221,490回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;23,029&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;16位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=zlqtwfBJ0uw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-starglow--usotsuki--dance-practice-"&gt;10位: STARGLOW / USOTSUKI -Dance Practice-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/rlej3ic-aj8?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;STARGLOW Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;91,919回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;9,861&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;30位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=rlej3ic-aj8" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-竹取オーバーナイトセンセーションいくぜｘ鬼龍院せな"&gt;11位: 竹取オーバーナイトセンセーション｜いくぜ！ｘ鬼龍院せな
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ZdDFxraM7eI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Sena Kiryuin&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;83,280回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;14,442&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;39位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ZdDFxraM7eI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-超ときめき宣伝部--どりーむじゃんぼmusic-video"&gt;12位: 超ときめき♡宣伝部 / 「どりーむじゃんぼ！」Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/mnpJ6i1qRPk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;超ときめき♡宣伝部サブチャンネル&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;59,407回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,477&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=mnpJ6i1qRPk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-ファントムシータ輪廻る"&gt;13位: ファントムシータ『輪廻る』
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/UxZfOz6g2Ng?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ファントムシータ&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;63,300回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;10,128&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=UxZfOz6g2Ng" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-riize-all-of-you-live-stage--2026-riize-concert-tour-riizing-loud-special-edition-in-tokyo-dome"&gt;14位: RIIZE &amp;lsquo;All of You&amp;rsquo; Live Stage @ 2026 RIIZE CONCERT TOUR [RIIZING LOUD] Special Edition in TOKYO DOME
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/4zn9p1dfxwY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;RIIZE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;59,322回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,572&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=4zn9p1dfxwY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-novelbright---透明-official-music-video"&gt;15位: Novelbright - 透明 [Official Music Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/SAtVrwS86pE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Novelbright&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;40,745回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,728&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;45位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=SAtVrwS86pE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-岡村靖幸中島健人瞬発的に恋しようofficial-music-video"&gt;16位: 岡村靖幸・中島健人「瞬発的に恋しよう」Official Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/aB1_gw7c8Z8?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Sony Music (Japan)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;20,589回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,805&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;47位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=aB1_gw7c8Z8" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-japan-trailer-4----one-ok-rock-detox-japan-tour-2025-at-nissan-stadium-in-cinemas"&gt;17位: Japan Trailer #4 - ONE OK ROCK DETOX JAPAN TOUR 2025 AT NISSAN STADIUM IN CINEMAS
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/BbTHV3CMhaE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ONE OK ROCK&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;21,490回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,751&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;48位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=BbTHV3CMhaE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-ときめきエモーション"&gt;18位: ときめきエモーション
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/vA4SaGCdD0k?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Lilja Katsuragi - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;5,686回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;379&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;49位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=vA4SaGCdD0k" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP20 - 2026-04-01</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-04-01/</link><pubDate>Wed, 01 Apr 2026 02:43:28 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-04-01/</guid><description>&lt;h2 id="-music-急上昇ランキング-top20"&gt;🎬 Music 急上昇ランキング TOP20
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年04月01日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 21本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 9,697,864回&lt;/p&gt;
&lt;h3 id="1位-bts-방탄소년단-swim-live-clip-ii-swimming-pool-ver"&gt;1位: BTS (방탄소년단) &amp;lsquo;SWIM&amp;rsquo; Live Clip II. (Swimming Pool ver.)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/om6HdemgTKQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;3,280,411回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;737,706&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=om6HdemgTKQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-bts-방탄소년단-20-official-teaser"&gt;2位: BTS (방탄소년단) &amp;lsquo;2.0&amp;rsquo; Official Teaser
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/O_UAV5Ckr-g?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HYBE LABELS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;2,813,315回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;702,238&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=O_UAV5Ckr-g" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-official髭男dism---エルダーフラワー-official-video"&gt;3位: Official髭男dism - エルダーフラワー [Official Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/upLTD7DFtng?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Official髭男dism&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;874,955回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;40,576&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;4位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=upLTD7DFtng" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-king-gnu---aizo-king-gnu-cenral-tour-2026-at-tokyo-ariake-arena"&gt;4位: King Gnu - AIZO (King Gnu CEN+RAL Tour 2026 at TOKYO ARIAKE ARENA)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/mcsB7sG43GE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;King Gnu official YouTube channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;580,541回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;35,152&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;7位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=mcsB7sG43GE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-乃木坂46君ばかりmusic-video"&gt;5位: 乃木坂46『君ばかり』MUSIC VIDEO
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/zrVg31LSLio?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;乃木坂46 OFFICIAL YouTube CHANNEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;500,694回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;32,366&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;8位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=zrVg31LSLio" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-starglow--usotsuki--music-video-"&gt;6位: STARGLOW / USOTSUKI -Music Video-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Nk3b5KnL4hg?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;STARGLOW Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;459,197回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;34,948&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;9位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Nk3b5KnL4hg" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-befirst--befirst-all-day--from-dunk-showcase-in-k-arena-yokohama-2026-"&gt;7位: BE:FIRST / BE:FIRST ALL DAY -from D.U.N.K. Showcase in K-Arena Yokohama 2026-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/9zZb-J6XYqI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BE:FIRST Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;412,714回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;34,098&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;11位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=9zZb-J6XYqI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-スーパーダーリン-covered-by-3skm歌ってみた"&gt;8位: スーパー・ダーリン covered by 3SKM【歌ってみた】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/PHjx9VrRp6k?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;3SKM&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;151,743回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;21,352&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;17位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=PHjx9VrRp6k" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-tvアニメopずっと真夜中でいいのにultra魂mv-zutomayo---ultra-soul"&gt;9位: 【TVアニメOP】ずっと真夜中でいいのに。『ultra魂』MV (ZUTOMAYO - ultra soul)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/lpg5nhWapjU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ずっと真夜中でいいのに。 ZUTOMAYO&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;118,138回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;13,709&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;23位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=lpg5nhWapjU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-期間限定公開motoki-ohmori--frenchlive-on-tbs-cdtvライブライブ"&gt;10位: ＜期間限定公開＞Motoki Ohmori – French【LIVE on TBS “CDTVライブ!ライブ!”】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/oLwLmMggimU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;大森元貴 / Motoki Ohmori&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;153,458回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;15,082&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;26位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=oLwLmMggimU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-41限定ポケミクライブファサードクエスチョン--初音ミク重音テトpoké-miku-live"&gt;11位: 【4/1限定】ポケミクライブ！｜ファサード・クエスチョン / 初音ミク・重音テト【Poké-Miku Live!】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/EwsPc2d6KWQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Hatsune Miku&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;80,290回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;10,399&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;28位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=EwsPc2d6KWQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-deco27---ヒバナ-reloaded-from-デコミク-live-starring-初音ミクhello"&gt;12位: DECO*27 - ヒバナ (Reloaded) [from デコミク LIVE starring 初音ミク『Hello』]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/5obwOdVzV-M?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;DECO*27&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;83,436回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;10,406&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;30位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=5obwOdVzV-M" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-hagane---black-diamond-official-music-video"&gt;13位: HAGANE - Black Diamond (Official Music Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/W_QPFA5bQ2w?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HAGANE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;34,535回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;4,437&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;39位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=W_QPFA5bQ2w" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-all-4-u"&gt;14位: All 4 U
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Z_FCrTrEJcQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;INI - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;19,767回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,683&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;40位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Z_FCrTrEJcQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-天野月mvうつし絵"&gt;15位: 天野月MV『うつし絵』
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/tr3dFeKy_1c?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;天野月 Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;18,982回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,491&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=tr3dFeKy_1c" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-ドリームキャッチピュアいろは"&gt;16位: ドリームキャッチピュアいろは！
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/qk6DXZq3BKE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Kazama Iroha - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;15,681回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,302&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=qk6DXZq3BKE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-イケナイ太陽"&gt;17位: イケナイ太陽
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/hxH4fICGmDc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Release - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;7,674回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;611&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=hxH4fICGmDc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-too-bad"&gt;18位: Too Bad
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/wT2BtkNi7HQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;NiziU - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;5,967回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;616&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;44位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=wT2BtkNi7HQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="19位-お姫様の作り方"&gt;19位: お姫様の作り方
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/biWfPqgW_ZY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;=LOVE - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;4,368回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;116&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;45位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=biWfPqgW_ZY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="20位-246-feat-tohji--gummyboy"&gt;20位: 246 (feat. Tohji &amp;amp; gummyboy)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/mORNP1A6ikU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Mall Boyz - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;7,286回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;675&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;46位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=mORNP1A6ikU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP20 - 2026-03-31</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-03-31/</link><pubDate>Tue, 31 Mar 2026 02:54:57 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-03-31/</guid><description>&lt;h2 id="-music-急上昇ランキング-top20"&gt;🎬 Music 急上昇ランキング TOP20
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年03月31日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 21本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 6,745,257回&lt;/p&gt;
&lt;h3 id="1位-hana--bad-girl--performance-video-"&gt;1位: HANA / Bad Girl -Performance Video-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/xoBdZngf5Hs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HANA official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;2,625,755回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;91,010&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=xoBdZngf5Hs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-irene-아이린-biggest-fan-mv"&gt;2位: IRENE 아이린 &amp;lsquo;Biggest Fan&amp;rsquo; MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/x7wLlK9MMN4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SMTOWN&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;732,561回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;90,918&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=x7wLlK9MMN4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-official髭男dism---エルダーフラワー-official-video"&gt;3位: Official髭男dism - エルダーフラワー [Official Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/upLTD7DFtng?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Official髭男dism&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;633,405回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;35,363&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=upLTD7DFtng" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-bts-방탄소년단-swim-with-jin-alternative-rock-remix-visualizer"&gt;4位: BTS (방탄소년단) &amp;lsquo;SWIM with Jin (Alternative Rock Remix)’ Visualizer
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/o7V0iD8cAaI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;344,846回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;94,557&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;6位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=o7V0iD8cAaI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-nct-wish-엔시티-위시-ode-to-love-trailer"&gt;5位: NCT WISH 엔시티 위시 &amp;lsquo;Ode to Love&amp;rsquo; Trailer
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/BrtO8qRlNpc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;NCT WISH&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;338,015回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;42,667&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;7位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=BrtO8qRlNpc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-seventeen-세븐틴-tiny-light-official-mv"&gt;6位: SEVENTEEN (세븐틴) &amp;lsquo;Tiny Light&amp;rsquo; Official MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/5A7qyhj-HjE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SEVENTEEN&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;306,858回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;51,506&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;8位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=5A7qyhj-HjE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-starglow--usotsuki--music-video-"&gt;7位: STARGLOW / USOTSUKI -Music Video-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Nk3b5KnL4hg?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;STARGLOW Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;267,250回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;28,606&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;10位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Nk3b5KnL4hg" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-乃木坂46君ばかりmusic-video"&gt;8位: 乃木坂46『君ばかり』MUSIC VIDEO
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/zrVg31LSLio?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;乃木坂46 OFFICIAL YouTube CHANNEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;243,592回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;22,696&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;12位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=zrVg31LSLio" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-befirst--befirst-all-day--from-dunk-showcase-in-k-arena-yokohama-2026-"&gt;9位: BE:FIRST / BE:FIRST ALL DAY -from D.U.N.K. Showcase in K-Arena Yokohama 2026-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/9zZb-J6XYqI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BE:FIRST Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;248,002回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;29,663&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;14位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=9zZb-J6XYqI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-king-gnu---aizo-king-gnu-cenral-tour-2026-at-tokyo-ariake-arena"&gt;10位: King Gnu - AIZO (King Gnu CEN+RAL Tour 2026 at TOKYO ARIAKE ARENA)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/mcsB7sG43GE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;King Gnu official YouTube channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;237,555回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;22,854&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;15位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=mcsB7sG43GE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-ちゃんみな---test-me-area-of-diamond-4-有明アリーナ"&gt;11位: ちゃんみな - TEST ME (AREA OF DIAMOND 4 @有明アリーナ)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/5boqyE8qWSg?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ちゃんみな [CHANMINA]&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;206,854回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;11,265&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;20位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=5boqyE8qWSg" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-期間限定公開motoki-ohmori--frenchlive-on-tbs-cdtvライブライブ"&gt;12位: ＜期間限定公開＞Motoki Ohmori – French【LIVE on TBS “CDTVライブ!ライブ!”】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/oLwLmMggimU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;大森元貴 / Motoki Ohmori&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;81,267回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;11,394&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;31位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=oLwLmMggimU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-miletthe-story-of-uslive-at-nippon-budokan-tvアニメ葬送のフリーレン第２期エンディングテーマ"&gt;13位: milet「The Story of Us」Live at Nippon Budokan (TVアニメ『葬送のフリーレン』第２期エンディングテーマ)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/M3pdni5ZBwg?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;milet Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;86,890回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;8,191&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;33位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=M3pdni5ZBwg" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-niziu니쥬-too-bad-mv-teaser-3"&gt;14位: NiziU(니쥬) &amp;ldquo;Too Bad&amp;rdquo; M/V Teaser 3
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/FEc_AC-2YdY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;JYP Entertainment&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;64,636回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,467&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;38位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=FEc_AC-2YdY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-坂本真綾スマートフォン向けrpgfategrand-order最終章主題歌時計music-video"&gt;15位: 坂本真綾　スマートフォン向けRPG『Fate/Grand Order』最終章主題歌「時計」Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/fpjE6ZZWKTM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;坂本真綾&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;61,003回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;8,199&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;39位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=fpjE6ZZWKTM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-音楽のラブレターgero"&gt;16位: 音楽のラブレター／Gero
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/O20HqtAp8Zw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Gero Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;81,044回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;11,598&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=O20HqtAp8Zw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-eien"&gt;17位: EIEN
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/gGgv1m5ZhWM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;JO1 - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;73,577回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,492&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=gGgv1m5ZhWM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-ムムムdoなるドリルきゅるりんってしてみて-feat-ミームトーキョー"&gt;18位: 「ムムム⋯Doなる！？ドリル！」きゅるりんってしてみて feat. ミームトーキョー
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/J1ECKxF0soE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;きゅるりんってしてみて&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;57,597回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,606&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;45位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=J1ECKxF0soE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="19位-どりーむじゃんぼ"&gt;19位: どりーむじゃんぼ！
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/x4UjJ2utxNU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Cho Tokimeki Sendenbu - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;6,924回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;990&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;46位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=x4UjJ2utxNU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="20位-ilife-se"&gt;20位: iLiFE! SE
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/hcqVA6_Xbs4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;iLiFE! - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;6,809回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;991&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;47位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=hcqVA6_Xbs4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP20 - 2026-03-30</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-03-30/</link><pubDate>Mon, 30 Mar 2026 02:37:14 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-03-30/</guid><description>&lt;h2 id="-music-急上昇ランキング-top20"&gt;🎬 Music 急上昇ランキング TOP20
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年03月30日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 22本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 9,842,919回&lt;/p&gt;
&lt;h3 id="1位-bts-방탄소년단-swim-live-clip-i-sunhyewon-ver"&gt;1位: BTS (방탄소년단) &amp;lsquo;SWIM&amp;rsquo; Live Clip I. (Sunhyewon ver.)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Ztbv7ChTQRM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;2,692,900回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;490,283&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Ztbv7ChTQRM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-hana--bad-girl--performance-video-"&gt;2位: HANA / Bad Girl -Performance Video-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/xoBdZngf5Hs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HANA official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;2,239,017回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;86,450&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=xoBdZngf5Hs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-flow-colorsthefirsttake"&gt;3位: FLOW - COLORS / THE FIRST TAKE
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/t4r9boEAlZk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;THE FIRST TAKE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;2,019,070回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;129,233&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=t4r9boEAlZk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-cover好きすぎて滅-voltaction"&gt;4位: 【cover】好きすぎて滅！ #VOLTACTION
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/zSj4JuvvmPE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;VOLTACTION&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;730,887回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;66,439&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;6位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=zSj4JuvvmPE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-the-silence--vaundymusic-video"&gt;5位: The SILENCE / Vaundy：MUSIC VIDEO
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/trfICAvffBs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Vaundy&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;381,236回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;10,131&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;9位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=trfICAvffBs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-befirst--夢中--live-from-mtv-unplugged-befirst-"&gt;6位: BE:FIRST / 夢中 -Live from MTV Unplugged: BE:FIRST-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/vJ53DjurwAA?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BE:FIRST Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;253,989回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;32,668&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;13位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=vJ53DjurwAA" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-宇多田ヒカルパッパパラダイス-tv-ver"&gt;7位: 宇多田ヒカル「パッパパラダイス」 (TV ver.)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/1Ld6fcdezyA?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Hikaru Utada&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;237,278回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;16,286&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;15位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=1Ld6fcdezyA" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-official髭男dism---エルダーフラワー-official-video"&gt;8位: Official髭男dism - エルダーフラワー [Official Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/upLTD7DFtng?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Official髭男dism&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;220,897回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;22,217&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;16位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=upLTD7DFtng" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-乃木坂46愛って羨ましいmusic-video"&gt;9位: 乃木坂46『愛って羨ましい』MUSIC VIDEO
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/11pfb44LYlU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;乃木坂46 OFFICIAL YouTube CHANNEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;258,778回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;13,850&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;17位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=11pfb44LYlU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-nct-wish-엔시티-위시-ode-to-love-trailer"&gt;10位: NCT WISH 엔시티 위시 &amp;lsquo;Ode to Love&amp;rsquo; Trailer
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/BrtO8qRlNpc?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;NCT WISH&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;197,352回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;32,438&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;18位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=BrtO8qRlNpc" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-seventeen-세븐틴-tiny-light-official-mv"&gt;11位: SEVENTEEN (세븐틴) &amp;lsquo;Tiny Light&amp;rsquo; Official MV
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/5A7qyhj-HjE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SEVENTEEN&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;119,565回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;28,310&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;26位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=5A7qyhj-HjE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-ちゃんみな---test-me-area-of-diamond-4-有明アリーナ"&gt;12位: ちゃんみな - TEST ME (AREA OF DIAMOND 4 @有明アリーナ)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/5boqyE8qWSg?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ちゃんみな [CHANMINA]&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;103,282回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,341&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;31位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=5boqyE8qWSg" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-live映像ロックスター-オーランドkia-center-ado"&gt;13位: 【LIVE映像】ロックスター ＠オーランド・Kia Center 【Ado】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/NVutx0Olj8E?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Ado&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;93,603回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;14,163&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;34位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=NVutx0Olj8E" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-starglow--usotsuki--official-audio-"&gt;14位: STARGLOW / USOTSUKI -Official Audio-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/m2ng2B0XdmM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;STARGLOW Official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;80,098回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;10,001&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;35位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=m2ng2B0XdmM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-eien"&gt;15位: EIEN
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/gGgv1m5ZhWM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;JO1 - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;29,530回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;5,195&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=gGgv1m5ZhWM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-晴れと褻--甲斐田晴オリジナル曲"&gt;16位: 晴れと褻 / 甲斐田晴【オリジナル曲】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/CQJDyd1GfCM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;甲斐田 晴 / Kaida Haru【にじさんじ】&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;37,261回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,756&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=CQJDyd1GfCM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-音楽のラブレターgero"&gt;17位: 音楽のラブレター／Gero
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/O20HqtAp8Zw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Gero Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;38,941回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,331&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=O20HqtAp8Zw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-超ときめき宣伝部--笑顔で超感謝-live-at-ぴあアリーナmm2026329"&gt;18位: 超ときめき♡宣伝部 / 「笑顔で超感謝」 Live at ぴあアリーナMM（2026.3.29）
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/rebglgMt0eY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;超ときめき♡宣伝部サブチャンネル&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;24,060回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,906&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;44位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=rebglgMt0eY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="19位-ムムムdoなるドリルきゅるりんってしてみて-feat-ミームトーキョー"&gt;19位: 「ムムム⋯Doなる！？ドリル！」きゅるりんってしてみて feat. ミームトーキョー
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/J1ECKxF0soE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;きゅるりんってしてみて&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;30,327回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,911&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;45位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=J1ECKxF0soE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="20位-anarchy---flight-modeofficial-video--360-reality-audio"&gt;20位: ANARCHY - Flight Mode(Official Video | 360 Reality Audio)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/xS7pFk1B9hI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;ANARCHY Official Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;28,208回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,142&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;46位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=xS7pFk1B9hI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP20 - 2026-03-29</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-03-29/</link><pubDate>Sun, 29 Mar 2026 02:34:40 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-03-29/</guid><description>&lt;h2 id="-music-急上昇ランキング-top20"&gt;🎬 Music 急上昇ランキング TOP20
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年03月29日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 21本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 18,482,671回&lt;/p&gt;
&lt;h3 id="1位-snow-man-bang-music-video"&gt;1位: Snow Man &amp;lsquo;BANG!!&amp;rsquo; Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/nQMhLxv8fSI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Snow Man&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;11,497,233回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;127,811&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=nQMhLxv8fSI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-hana--bad-girl--performance-video-"&gt;2位: HANA / Bad Girl -Performance Video-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/xoBdZngf5Hs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HANA official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;1,765,778回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;79,307&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=xoBdZngf5Hs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-bts-방탄소년단-swim-live-clip-i-sunhyewon-ver"&gt;3位: BTS (방탄소년단) &amp;lsquo;SWIM&amp;rsquo; Live Clip I. (Sunhyewon ver.)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/Ztbv7ChTQRM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;1,432,705回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;357,440&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;3位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=Ztbv7ChTQRM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-flow-colorsthefirsttake"&gt;4位: FLOW - COLORS / THE FIRST TAKE
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/t4r9boEAlZk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;THE FIRST TAKE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;1,445,037回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;104,451&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;4位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=t4r9boEAlZk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-cover好きすぎて滅-voltaction"&gt;5位: 【cover】好きすぎて滅！ #VOLTACTION
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/zSj4JuvvmPE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;VOLTACTION&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;574,170回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;60,788&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;10位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=zSj4JuvvmPE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-久保田利伸lalala-love-song-40th-anniversary-celebration-movie"&gt;6位: 久保田利伸「LA・LA・LA LOVE SONG」 40th Anniversary Celebration Movie
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/vC-BlkkWwXE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;久保田利伸 / Toshinobu Kubota Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;423,511回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;19,036&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;14位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=vC-BlkkWwXE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-乃木坂46愛って羨ましいmusic-video"&gt;7位: 乃木坂46『愛って羨ましい』MUSIC VIDEO
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/11pfb44LYlU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;乃木坂46 OFFICIAL YouTube CHANNEL&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;204,911回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;12,727&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;22位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=11pfb44LYlU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-愛とか恋とか竹中雄大--woonhak-of-boynextdoor"&gt;8位: 「愛とか恋とか」竹中雄大 × WOONHAK of BOYNEXTDOOR
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/kC0dlR8n4qw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Yudai Takenaka 竹中雄大&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;193,055回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;20,222&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;26位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=kC0dlR8n4qw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-tiji-jojo---white-t-shirt-2-official-video"&gt;9位: Tiji Jojo - White T-Shirt 2 (Official Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/W5F_aaUZHd0?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BAD HOP&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;157,825回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;6,443&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;30位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=W5F_aaUZHd0" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-the-silence--vaundymusic-video"&gt;10位: The SILENCE / Vaundy：MUSIC VIDEO
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/trfICAvffBs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Vaundy&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;103,679回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;6,549&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;33位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=trfICAvffBs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-今日だけ-i-love-you-japanese-ver-with-yudai-takenaka-of-novelbright"&gt;11位: &amp;lsquo;今日だけ I LOVE YOU (Japanese Ver.)&amp;rsquo; with Yudai Takenaka of Novelbright
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/n6CKdrTF3so?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BOYNEXTDOOR&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;91,554回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;13,015&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;35位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=n6CKdrTF3so" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-live映像ギラギラ-さいたまスーパーアリーナ-ado"&gt;12位: 【LIVE映像】ギラギラ ＠さいたまスーパーアリーナ 【Ado】
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/GQrEitDFQos?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Ado&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;79,972回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;14,128&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;37位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=GQrEitDFQos" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-himehinaセレナーデcover"&gt;13位: HIMEHINA『セレナーデ』Cover
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ljaVp17kSr4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HIMEHINA Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;115,106回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;9,918&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;39位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ljaVp17kSr4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-its-alright-preview"&gt;14位: It&amp;rsquo;s Alright (Preview)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/cxBLrBiLxx4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Fujii Kaze - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;98,277回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;8,563&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=cxBLrBiLxx4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-む-裏--重音テト足立レイ"&gt;15位: む (裏) / 重音テト・足立レイ
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/T7t4aFaolSA?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;大漠波新&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;88,001回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;10,248&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=T7t4aFaolSA" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-ak-69---loyalty-official-video"&gt;16位: AK-69 - LOYALTY [Official Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/V_JY0rHmdWs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;AK-69 Official Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;78,877回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,303&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=V_JY0rHmdWs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-ryuichi-sakamoto---happy-end-by-hayato-sumino"&gt;17位: Ryuichi Sakamoto - Happy End (by Hayato Sumino)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/WjqVIsLuCng?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Cateen かてぃん&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;34,402回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,868&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;44位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=WjqVIsLuCng" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-西野カナsakura-i-love-youmv-full"&gt;18位: 西野カナ「SAKURA, I love You？」MV Full
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/y5LbMZGkZCQ?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;西野カナ Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;21,610回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,767&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;46位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=y5LbMZGkZCQ" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="19位-live映像えぶりで大好き記念日tachikawa-stage-gardenkyururin-fairy-tales20260112"&gt;19位: 【LIVE映像】『えぶりで大好き記念日』@TACHIKAWA STAGE GARDEN「Kyururin Fairy Tales」(2026.01.12)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/zdh86R-OvkY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;きゅるりんってしてみて&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;19,191回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,452&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;47位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=zdh86R-OvkY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="20位-dada---partys-over-official-video--360-reality-audio"&gt;20位: DADA - party&amp;rsquo;s over [Official Video | 360 Reality Audio]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/BWT0UW_ZdsM?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;DADA&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;13,637回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,491&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;48位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=BWT0UW_ZdsM" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item><item><title>【Music】YouTube人気動画ランキング TOP19 - 2026-03-28</title><link>https://felice-vita-hub.github.io/post/youtube-music-2026-03-28/</link><pubDate>Sat, 28 Mar 2026 02:15:10 +0000</pubDate><guid>https://felice-vita-hub.github.io/post/youtube-music-2026-03-28/</guid><description>&lt;h2 id="-music-急上昇ランキング-top19"&gt;🎬 Music 急上昇ランキング TOP19
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;更新&lt;/strong&gt;: 2026年03月28日 / &lt;strong&gt;対象動画&lt;/strong&gt;: 19本 / &lt;strong&gt;総視聴数&lt;/strong&gt;: 24,015,105回&lt;/p&gt;
&lt;h3 id="1位-bts-방탄소년단-swim-official-performance-video"&gt;1位: BTS (방탄소년단) &amp;lsquo;SWIM&amp;rsquo; Official Performance Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/h-Y97xErGL8?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HYBE LABELS&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;10,754,575回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,331,260&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;1位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=h-Y97xErGL8" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="2位-snow-man-bang-music-video"&gt;2位: Snow Man &amp;lsquo;BANG!!&amp;rsquo; Music Video
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/nQMhLxv8fSI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Snow Man&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;6,999,798回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;124,446&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;2位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=nQMhLxv8fSI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="3位-bts-swim-dance-practice"&gt;3位: BTS &amp;lsquo;SWIM&amp;rsquo; Dance Practice
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/uYcNZLJ3KmU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BANGTANTV&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;3,844,058回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;649,230&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;4位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=uYcNZLJ3KmU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="4位-hana--bad-girl--performance-video-"&gt;4位: HANA / Bad Girl -Performance Video-
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/xoBdZngf5Hs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HANA official&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;942,595回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;61,054&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;5位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=xoBdZngf5Hs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="5位-なにわ男子---because-i-just-love-you-なにわ男-live-tour-2025-bon-bon-voyage"&gt;5位: なにわ男子 - Because I just love you [なにわ男⼦ LIVE TOUR 2025 &amp;lsquo;BON BON VOYAGE&amp;rsquo;]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/p7wsD0jLi2c?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;なにわ男子&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;339,129回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;29,893&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;11位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=p7wsD0jLi2c" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="6位-cover好きすぎて滅-voltaction"&gt;6位: 【cover】好きすぎて滅！ #VOLTACTION
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/zSj4JuvvmPE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;VOLTACTION&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;268,069回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;42,592&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;12位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=zSj4JuvvmPE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="7位-久保田利伸lalala-love-song-40th-anniversary-celebration-movie"&gt;7位: 久保田利伸「LA・LA・LA LOVE SONG」 40th Anniversary Celebration Movie
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/vC-BlkkWwXE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;久保田利伸 / Toshinobu Kubota Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;136,409回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;9,400&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;24位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=vC-BlkkWwXE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="8位-toyfriend"&gt;8位: Toyfriend
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/45yoTfV8Nn0?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;SB19 - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;145,983回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;16,011&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;29位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=45yoTfV8Nn0" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="9位-愛とか恋とか竹中雄大--woonhak-of-boynextdoor"&gt;9位: 「愛とか恋とか」竹中雄大 × WOONHAK of BOYNEXTDOOR
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/kC0dlR8n4qw?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Yudai Takenaka 竹中雄大&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;94,137回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;14,348&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;32位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=kC0dlR8n4qw" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="10位-tiji-jojo---white-t-shirt-2-official-video"&gt;10位: Tiji Jojo - White T-Shirt 2 (Official Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/W5F_aaUZHd0?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;BAD HOP&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;90,973回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;4,934&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;35位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=W5F_aaUZHd0" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="11位-himehinaセレナーデcover"&gt;11位: HIMEHINA『セレナーデ』Cover
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/ljaVp17kSr4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;HIMEHINA Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;52,950回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;6,732&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;39位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=ljaVp17kSr4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="12位-its-alright-preview"&gt;12位: It&amp;rsquo;s Alright (Preview)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/cxBLrBiLxx4?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Fujii Kaze - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;68,145回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;7,188&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;40位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=cxBLrBiLxx4" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="13位-む-裏--重音テト足立レイ"&gt;13位: む (裏) / 重音テト・足立レイ
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/T7t4aFaolSA?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;大漠波新&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;55,267回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;8,177&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;41位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=T7t4aFaolSA" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="14位-ak-69---loyalty-official-video"&gt;14位: AK-69 - LOYALTY [Official Video]
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/V_JY0rHmdWs?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;AK-69 Official Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;34,951回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,503&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;42位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=V_JY0rHmdWs" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="15位-パート分けストリートファイター6jam-projectgoalex希望誕生"&gt;15位: 【パート分け】『ストリートファイター6』JAM Project「GO！ALEX！～希望誕生～」
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/I0Q8CbJSBXk?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;JAM Project Official Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;40,865回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;3,231&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;43位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=I0Q8CbJSBXk" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="16位-uverworldeverofficial-music-video"&gt;16位: UVERworld『EVER』(Official Music Video)
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/aHm1_uZInGU?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;UVERworld Official YouTube Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;68,286回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;4,555&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;45位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=aHm1_uZInGU" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="17位-secret-masquerade"&gt;17位: Secret Masquerade
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/CZDvEIslKcE?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Knights - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;11,088回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;1,223&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;47位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=CZDvEIslKcE" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="18位-晴れと褻"&gt;18位: 晴れと褻
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/_SZuMV17EiY?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;Kaida Haru - Topic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;28,585回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;2,962&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;48位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=_SZuMV17EiY" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="19位-矢沢永吉恋の列車はリバプール発the-star-in-hibiya1976"&gt;19位: 矢沢永吉「恋の列車はリバプール発」/「THE STAR IN HIBIYA」（1976）
&lt;/h3&gt;
&lt;div class="video-embed-container youtube-embed"&gt;
&lt;div class="youtube-wrapper"&gt;
&lt;iframe
width="560"
height="315"
src="https://www.youtube-nocookie.com/embed/1aVgL__XyzI?rel=0&amp;modestbranding=1"
title="動画"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
loading="lazy"&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.video-embed-container {
margin: 20px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.youtube-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
background: #000;
}
.youtube-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.tiktok-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.tiktok-embed {
max-width: 605px;
min-width: 325px;
}
.instagram-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.instagram-media {
max-width: 540px;
min-width: 326px;
}
.twitter-wrapper {
display: flex;
justify-content: center;
margin: 20px 0;
}
.video-placeholder,
.tiktok-placeholder,
.instagram-placeholder,
.twitter-placeholder {
background: var(--card-background);
border: 2px dashed var(--card-separator-color);
border-radius: 12px;
padding: 30px;
text-align: center;
color: var(--card-text-color-main);
}
.video-placeholder p,
.tiktok-placeholder p,
.instagram-placeholder p,
.twitter-placeholder p {
margin-bottom: 15px;
font-size: 1.1rem;
font-weight: 500;
}
.video-placeholder a,
.tiktok-placeholder a,
.instagram-placeholder a,
.twitter-placeholder a {
display: inline-block;
padding: 10px 20px;
background: var(--accent-color);
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: background 0.2s ease;
}
.video-placeholder a:hover,
.tiktok-placeholder a:hover,
.instagram-placeholder a:hover,
.twitter-placeholder a:hover {
background: var(--accent-color-darker);
}
@media (max-width: 768px) {
.video-embed-container {
margin: 15px -10px;
border-radius: 8px;
}
.youtube-wrapper iframe {
border-radius: 0;
}
.tiktok-embed,
.instagram-media {
min-width: 300px;
max-width: 100%;
}
}
.youtube-embed {
border-left: 4px solid #FF0000;
}
.tiktok-embed {
border-left: 4px solid #000000;
}
.instagram-embed {
border-left: 4px solid #E4405F;
}
.twitter-embed {
border-left: 4px solid #1DA1F2;
}
&lt;/style&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;項目&lt;/th&gt;
&lt;th&gt;データ&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;チャンネル&lt;/td&gt;
&lt;td&gt;矢沢永吉 Eikichi Yazawa Channel&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;視聴数&lt;/td&gt;
&lt;td&gt;39,242回&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;いいね&lt;/td&gt;
&lt;td&gt;0&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;総合ランキング&lt;/td&gt;
&lt;td&gt;50位&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;a class="link" href="https://www.youtube.com/watch?v=1aVgL__XyzI" target="_blank" rel="noopener"
&gt;📺 YouTubeで視聴&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;次回更新&lt;/strong&gt;: 明日 09:00予定&lt;/p&gt;</description></item></channel></rss>