The other way round

こんばんは (o'ω')ﾉ

[太字]width: 600px; /* ブログカードの横幅設定 */[/太字]
の後ろに全角スペースが入っていますので削除。

[太字].square_btn:active[/太字]
の
border-bottom: none;
の後ろに余分なスラッシュ ( / ) が入っていますので削除。

[太字].box11[/太字]
の
width: 600px;
の後ろに余分なスラッシュと全角スペースが入っていますのでいずれも削除。

同じく .box11のブレイス ( } ) が欠損していますので追加
.box11 {
省略
[斜体][斜体][斜体]}[/斜体][/斜体][/斜体]

-----
全角スペースの含まれている以降のプロパティは終了のブレイスが出てくるまで無効化されます。これはクリティカルなエラーです。

例)
.xxx {
color: white;
font-weight: bold;　←ここに全角スペースが有る場合
font-size: 13px;
text-align: center;
}

.yyy {
color: white;
}

上記の場合は font-size: 13px と text-align: center が無効。.yyyの内容は有効。

今回の件の直接の原因になっているのは .box11のブレイスが無いことです。

.box11{
  margin-bottom: 10px;
  max-width: 100%;
[斜体][斜体]width: 600px; /全角スペースあり[/斜体][/斜体]
  background-color: white; --- ここから全角スペースのせいで無効
  border: 1px solid rgb(211,211,211);
  border-radius: 2px;
  box-shadow: 0 10px 6px -6px rgba(0,0,0,.1);
  color: rgb(51,51,51);
  padding: 10px;  
--- 全角スペースの影響 + ブレイス無しの影響、これ以降全て無効

.box11 p もYouTube用装飾も全て無効になっています。

まとめ
・全角スペースの削除 2件
・スラッシュ削除 2件
・ブレイス追加 1件

以上です。html, CSS, JSなどは全角スペースが含まれると機能しなくなってしまうので注意してくださいね。

参考記事: htmlの絶対的NGそれは「全角の利用」
https://vanillaice000.blog.fc2.com/blog-entry-775.html

参考記事: よくあるCSSの記述ミス
https://vanillaice000.blog.fc2.com/blog-entry-769.html

よろしくお願いします。

管理者にだけ表示を許可する