スマホ専用ページへのリダイレクトhtaccess経由でアクセスすると正常に表示されない（URL直打ちだと正常に表示される）

Question

初歩的な質問でしたらすみません。。。
なんと検索したらいいかもわからず、ヒントだけでもいただけると助かります。

１．概要
スマホでアクセスしたときにスマホ専用ページにアクセスするリダイレクトです。

RewriteCond %{REQUEST_URI} !^/(sp)/.*$
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|Android|Windows\ Phone|BlackBerry|Symbian) [NC]
RewriteCond %{HTTP_COOKIE} !vm=pc [NC]
##RewriteRule ^(/?|index.html)$ sp/index.html [L]                 ##これだとCSSなど適用されていない不正な表示
##RewriteRule ^(/?|index.html)$  /sp/ [L]                         ##これだとCSSなど適用されていない不正な表示
##RewriteRule ^(.*)$ sp/$1 [L]                                    ##これだと500エラーになる
##RewriteRule ^(/?|index.html)$ sp/sitemap.html [L]               ##これだとCSSなど適用されていない不正な表示
##RewriteRule ^(/?|index.html)$ index.html [L]                    ##これだと正常表示（PCサイトのトップページ。CSS、画像あり）
##RewriteRule ^(/?|index.html)$ html/p/c/c_2.html [L]             ##これだと正常表示（PCサイトのページ。CSS、画像あり）
##RewriteRule ^(/?|index.html)$ kensaku/ [L]                      ##これだと正常表示（PCサイトの検索ページ。CSS、画像あり）
RewriteRule ^(/?|index.html)$ sp/test.html [L]                    ##これだと正常表示（CSS、画像なし）

２．ファイル階層
htaccess
sp/index.html
（htaccessとspディレクトリは同一階層同一ディレクトリ内にあり、index.htmlはspディレクトリ直下にある）

３．症状
このindex.htmlに下記条件でアクセスするとCSSなどが適用されていない画像なども読み込まれていない非常に簡易的なhtmlで表示されます。
デバイス：iPhone
ブラウザ：Chrome
URL「https://test.site/」

ところが、下記条件だと正常にsp/index.htmlの内容が表示されます。
デバイス：iPhone
ブラウザ：Chrome
URL「https://test.site/sp/」

ほかにも、htaccessコード中にコメントしてあるように、sp/test.htmlや、PCサイトでも試してみましたが、spディレクトリ配下のCSSと画像があるときだけ正常に表示されません。

一体なぜhtaccessを経由してアクセスすると正常に表示されないのでしょうか？
どこを調べるべきでしょうか？

追記１：

RewriteRule ^(/?|index.html)$ https://test.site/sp/ [L]

と、したところ、正常に遷移するようになったのですが、
同一サイト内で絶対パス？を記載してリダイレクトすることに問題はないのでしょうか？
同一サイト内のスマホ専用ページへのリダイレクトに絶対パスを使用することのメリットデメリットを教えてほしいです。
（もしくはそういった知見を得るための検索キーワードだけでも...）

これで問題なければこれでもいいかと思うのですが、
どんなサイトを見てもスマホページへのリダイレクトはRewriteRule ^(/?|index.html)$ /sp/ [L]とディレクトリのみの指定でしたし、
当方が作成しているtest.siteにつきましてもリニューアル前（別のレンタルサーバに配置されていたとき）はRewriteRule ^(/?|index.html)$ /sp/ [L]で正常動作しておりました。

リニューアル前の当該サイト含め、通常ディレクトリのみの指定しかしないサイトが多いのには何か理由があるのか？と思うのですが、いかがでしょうか？

Answer 1

最後は、

RewriteRule ^(.*)$ sp/$1 [L]

では？

Comments

[ringoman]

いただいた内容でやってみたところ500エラーになってしまいました。。

[ringoman]

回答ありがとうございました。

[otn]

すいません。間違い。先頭のスラッシュ漏れ。
RewriteRule ^(.*)$ /sp/$1 [L]

[ringoman]

こちらにも返信いただいていたようで、ありがとうございます。
助かりました。

Answer 2

RewriteRule ^(/?|index.html)$ https://test.site/sp/ [L]

と、絶対パスを記載することでうまくいきました。

Comments

[TaichiYanagiya]

変換後が URL (http://, https:// で始まる) の場合、自動的に [R] (リダイレクト) になりますが、変換後がパスの場合、リダイレクトせず、ブラウザの URL そのままで /sp/ 以下を表示します。
リダイレクトさせるには、「RewriteRule ^(/?|index.html)$ /sp/ [R,L]」とする必要があります。

[ringoman]

https://teratail.com/questions/227529
で回答をいただいたのですが、どうやらホスト名が違ったようです。
回答ありがとうございました。