hgroup要素が、知らないうちにhtml5の仕様から外されていました(2013年4月頃の話です)。「イントロクイズの深い森」でもhgroup要素を使っている部分があったので、それの撤去を行いました。
本サイトで使っているhgroup要素には,h1要素が1つ入っているだけのものと,h1要素とh2要素が1つずつ入っているものの2種類がありました.いずれも,#page-headerなheader要素の中にあります.
h2要素をp要素に取り替えて,hgroup要素を削除すればOK...のように見えるのですが,hgroup要素に関連するスタイルがCSSで設定されていました.
"#page-header hgroup"に対するスタイルが設定されているのですが,hgroup要素を削除してしまうと,そのスタイルを(適切に)設定できなくなってしまいます.そこで,hgroup要素の代わりとして,"header-content"というclass(idでもいいのかなぁ)を用意して,hgroup要素にh1要素が1つだけ入っていた場合はそのh1要素に,h1要素とh2要素が入っていた場合は,h1要素とp要素(h2要素だったもの)をdiv要素で括ってそのdiv要素に,class属性を設定します.そしてセレクタは"#page-header .header-content"にします(".header-content"だけでいいかなぁ).
"#page-header hgroup h2"に対するスタイルは,セレクタを"#page-header .header-content p"に変えるだけでOKです...と思いきや,boldでなくなってしまったので,"font-weight: bold;"を追加すれば元通りになりました☆