diff --git a/files/ja/learn/css/first_steps/how_css_is_structured/index.md b/files/ja/learn/css/first_steps/how_css_is_structured/index.md
index 27f47cd4dad54b..91297d7a271554 100644
--- a/files/ja/learn/css/first_steps/how_css_is_structured/index.md
+++ b/files/ja/learn/css/first_steps/how_css_is_structured/index.md
@@ -308,7 +308,7 @@ CSS のプロパティと値は大文字と小文字を区別しません。そ
 
 これは次のように表示されます。
 
-{{EmbedLiveSample('The_calc_function', '100%', 200)}}
+{{EmbedLiveSample('calc()_関数', '100%', 200)}}
 
 関数は、関数名と、関数に渡す値を囲む括弧で構成されています。上記の `calc()` の例では、値は、このボックスの幅を含むブロックの幅の 90% から 30 ピクセルを引いた値と定義しています。計算の結果は、事前に計算して静的な値として入力できるものではありません。
 
@@ -332,7 +332,7 @@ CSS のプロパティと値は大文字と小文字を区別しません。そ
 
 上記のコードの出力は次のようになります。
 
-{{EmbedLiveSample('Transform_functions', '100%', 200)}}
+{{EmbedLiveSample('座標変換関数', '100%', 200)}}
 
 **以下に挙げたプロパティのそれぞれの値を調べてみましょう。ぞれぞれの HTML 要素にスタイルを適用する CSS ルールを記述してみましょう。**