PC版商品ページでタイトルが下にずれる

Question

いつもお世話になっております。

楽天の商品ページをPCで見ると、レイアウトCを基本的に使用しているのですが
画像と商品タイトルが同じ場所から並列で始まるはずなのに
画像１枚分、商品タイトルのスタート場所がズレてしまっております。
なぜでしょうか？
もし、おわかりになりましたらお願い致します。
（楽天掲載中のすべての商品です）

Accepted Answer

ECマスターズの田中です。

jfさんのショップの商品ページを確認したところ、
レフトナビ先頭のタグで読み込まれた、
楽天GOLDの「css」フォルダ内にある「style.css」ファイルの中で
使われている、

HTML5 Reset Stylesheet | HTML5 Doctor
http://html5doctor.com/html-5-reset-stylesheet/

上記、ブラウザの違いによるデザインの違いをなくすための
リセットCSSによって、
商品画像右側の領域が、縦方向で中央揃えになっていることが原因です。

同じstyle.cssファイル、
もしくはヘッダーコンテンツなどの共通パーツ内に記載したタグの中に、
下記規則を加えていただくことで、
商品画像右側の領域だけを上揃えにし、元の位置に戻すことができますが、

ご覧の通り、非常に厳密な記載をしておりますので、
HTMLの構造が少し変わっただけで再びズレる可能性がございますことを
予めお含みおきください。

= この下の行から ====================
/* 商品タイトルを元の位置に戻す */
#pagebody > table:nth-child(4) > tbody > tr > td > table:nth-child(2) > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(3) > table:nth-child(2) > tbody > tr > td > table:nth-child(7) > tbody > tr > td:nth-child(3) { vertical-align: top; }
= この上の行まで ====================

Answer

田中様

なおりました！
いつからかズレていて（気付かずさわっていたと思われます）
とても気になっていたので直ってとても嬉しいです。
ありがとうございました。