<h1 class="text-5xl">Le temps des cerises</h1><div class="text-5xl text-gray-500 md:-mt-5">桜の季節（さくらんぼの実る頃）</div><h2 class="text-4xl mt-8 text-gray-500 text-left w-full">コード譜</h2><div><div class="grid grid-cols-2 md:grid-cols-3 gap-4"><div><div class="text-4xl text-center">C</div><svg width="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 80 70"><g transform="translate(13, 13)"><g><path stroke="#444" stroke-width="0.25" stroke-linecap="square" stroke-linejoin="square" d="M 0 0 H 50 M 0 12 H 50 M 0 24 H 50 M 0 36 H 50 M 0 48 H 50M 0 0 V 48 M 10 0 V 48 M 20 0 V 48 M 30 0 V 48 M 40 0 V 48 M 50 0 V 48"></path><path stroke="#444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M 0 0 H 50"></path></g><text font-size="0.7rem" fill="#444" font-family="Verdana" text-anchor="middle" x="0" y="-2">x</text><g><circle stroke-width="0.25" stroke="#444" fill="#444" cx="10" cy="30" r="4"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="#444" cx="20" cy="18" r="4"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="transparent" cx="30" cy="-4" r="2"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="#444" cx="40" cy="6.5" r="4"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="transparent" cx="50" cy="-4" r="2"></circle></g></g></svg></div><div><div class="text-4xl text-center">F</div><svg width="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 80 70"><g transform="translate(13, 13)"><g><path stroke="#444" stroke-width="0.25" stroke-linecap="square" stroke-linejoin="square" d="M 0 0 H 50 M 0 12 H 50 M 0 24 H 50 M 0 36 H 50 M 0 48 H 50M 0 0 V 48 M 10 0 V 48 M 20 0 V 48 M 30 0 V 48 M 40 0 V 48 M 50 0 V 48"></path><path stroke="#444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M 0 0 H 50"></path></g><g><g><g transform="translate(0, 6.5)"><path d="
            M 0, 0
            m -4, 0
            a 4,4 0 1,1 8,0
          " fill="#555" fill-opacity="0.2" transform="rotate(-90)"></path></g><rect fill="#555" x="0" y="2.35" width="50" fill-opacity="0.2" height="8.25"></rect><g transform="translate(50, 6.5)"><path d="
            M 0, 0
            m -4, 0
            a 4,4 0 1,1 8,0
          " fill="#555" fill-opacity="0.2" transform="rotate(90)"></path></g></g><circle stroke-width="0.25" stroke="#444" fill="#444" cx="0" cy="6.5" r="4"></circle><circle stroke-width="0.25" stroke="#444" fill="#444" cx="40" cy="6.5" r="4"></circle><circle stroke-width="0.25" stroke="#444" fill="#444" cx="50" cy="6.5" r="4"></circle><rect fill="#444" x="0" y="2.35" width="50" height="8.25"></rect></g><g><circle stroke-width="0.25" stroke="#444" fill="#444" cx="10" cy="30" r="4"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="#444" cx="20" cy="30" r="4"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="#444" cx="30" cy="18" r="4"></circle></g></g></svg></div><div><div class="text-4xl text-center">G</div><svg width="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 80 70"><g transform="translate(13, 13)"><g><path stroke="#444" stroke-width="0.25" stroke-linecap="square" stroke-linejoin="square" d="M 0 0 H 50 M 0 12 H 50 M 0 24 H 50 M 0 36 H 50 M 0 48 H 50M 0 0 V 48 M 10 0 V 48 M 20 0 V 48 M 30 0 V 48 M 40 0 V 48 M 50 0 V 48"></path><path stroke="#444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M 0 0 H 50"></path></g><g><circle stroke-width="0.25" stroke="#444" fill="#444" cx="0" cy="30" r="4"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="#444" cx="10" cy="18" r="4"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="transparent" cx="20" cy="-4" r="2"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="transparent" cx="30" cy="-4" r="2"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="transparent" cx="40" cy="-4" r="2"></circle></g><g><circle stroke-width="0.25" stroke="#444" fill="#444" cx="50" cy="30" r="4"></circle></g></g></svg></div></div></div><h2 class="text-4xl mt-8 text-gray-500 text-left w-full">歌詞</h2><div class="text-2xl flex flex-col gap-4"><div>Quand <ruby>nous<rt class="text-left text-gray-500 text-xl">C</rt></ruby> chanterons le <ruby>temps<rt class="text-left text-gray-500 text-xl">G</rt></ruby> des cerises</div><div class="text-gray-500 -mt-4">桜の季節に歌おう</div><div>Et <ruby>gai<rt class="text-left text-gray-500 text-xl">C</rt></ruby> rossignol et <ruby>merle<rt class="text-left text-gray-500 text-xl">G</rt></ruby> moqueur</div><div class="text-gray-500 -mt-4">ナイチンゲールと黒歌鳥</div><div>Se<ruby>ront<rt class="text-left text-gray-500 text-xl">C</rt></ruby> tous en f<ruby>ê<rt class="text-left text-gray-500 text-xl">G</rt></ruby><ruby>te<rt class="text-left text-gray-500 text-xl">C</rt></ruby></div><div class="text-gray-500 -mt-4">皆が祝うだろう</div><div>Les <ruby>belles<rt class="text-left text-gray-500 text-xl">F</rt></ruby> auront la <ruby>folie<rt class="text-left text-gray-500 text-xl">C</rt></ruby> en tête</div><div class="text-gray-500 -mt-4">女性たちは舞い上がる</div><div>Et <ruby>les<rt class="text-left text-gray-500 text-xl">C</rt></ruby> amoureux du <ruby>soleil<rt class="text-left text-gray-500 text-xl">G</rt></ruby> au cœur</div><div class="text-gray-500 -mt-4">心に太陽を持つだろう</div><div>Quand <ruby>nous<rt class="text-left text-gray-500 text-xl">C</rt></ruby> chanterons le <ruby>temps<rt class="text-left text-gray-500 text-xl">G</rt></ruby> des cerises</div><div class="text-gray-500 -mt-4">桜の季節に歌おう</div><div>Si<ruby>fflera<rt class="text-left text-gray-500 text-xl">C</rt></ruby> bien mieux le <ruby>merle<rt class="text-left text-gray-500 text-xl">G</rt></ruby> mo<ruby>q<rt class="text-left text-gray-500 text-xl">C</rt></ruby>ueur</div><div class="text-gray-500 -mt-4">鳥は上手にさえずるだろう</div></div><h2 class="text-4xl mt-8 text-gray-500 text-left w-full">曲の背景</h2><div class="text-2xl flex flex-col gap-4"><div>この曲の起源について説明している<a href="https://ja.wikipedia.org/wiki/%E3%81%95%E3%81%8F%E3%82%89%E3%82%93%E3%81%BC%E3%81%AE%E5%AE%9F%E3%82%8B%E9%A0%83" target="_blank" class="text-blue-500">Wikipediaの記事</a>です。</div><div>
        <div class="mb-2">イヴ・モンタンドによる有名なバージョンです。</div>
        <iframe
          class="aspect-video w-full"
          src="https://www.youtube.com/embed/OYNJbuBoMIA?si=TVV-QQCtHpGiFEoa"
          title="YouTube video player"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
          referrerPolicy="strict-origin-when-cross-origin"
          allowFullScreen={true}
        ></iframe>
        </div><div>
        <div class="mb-2">加藤登紀子さんの<a href="https://ja.wikipedia.org/wiki/%E3%81%95%E3%81%8F%E3%82%89%E3%82%93%E3%81%BC%E3%81%AE%E5%AE%9F%E3%82%8B%E9%A0%83" target="_blank" class="text-blue-500">「さくらんぼの実る頃」</a>と言うバーションです。</div>
        <iframe
          class="aspect-video w-full"
          src="https://www.youtube.com/embed/qWj-YN-cVFI?si=bM2v3aodobv6Th3k"
          title="YouTube video player"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
          referrerPolicy="strict-origin-when-cross-origin"
          allowFullScreen={true}
        ></iframe>
        </div></div>