スマホAのポップアップバナーがうまく表示できません

Question

いつもお世話になり、ありがとうございます。

デザインレシピのポップアップバナーを貼付ているのですが、
PCの方はちゃんと表示されるのですが、
スマホAの方をリンク先URL、画像URLを入れ替えて、スマートフォンデザイン設定の
トップページ編集のトップ説明文（1）に貼り付けたのですが、うまく表示されないようです。

トップ説明文（2）に貼り替えてみても同じ状況です。

タグを貼りつけて、プレビューを見るをクリックすると、一瞬はちゃんと張り付けられているのですが
すぐに消えてしまいます。

どこがおかしいか教えて下さい。

貼り付けたタグは










jQuery(function($){
var k = 'modal';
var v = 'done';
if( localStorage.getItem(k) !== v ) $('#modal').prop('checked',false);
$('#modallabel, #modallabel a').click(function(){ localStorage.setItem(k,v); });
});


p{
margin:0 auto;}
input#modal {
display: none;
}
input#modal   label {
width: 100%;
height: 120%;
position: fixed;
top: 147px;
bottom: 0;
left: 0;
right: 0;
z-index: 2147483646;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
input#modal   label div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
position: fixed;
width: 300px; /*画像の横幅*/
height:330px; /*画像の縦幅*/
bottom: 0;
left: 0;
margin: 15% auto;
position: fixed;
right: 0;
top: 120px;
}
input#modal   label div::before {
content: "× Close";
position: absolute;
bottom: -25%;
right: 50%;
margin: 0 -60px 0 0;
font-size: 3em;
font-weight: bold;
color: #ffffff;
}
input#modal:checked   label {
display: none;
}
input#modal   label img{
width: 300px; /*画像の横幅*/
height:330px; /*画像の縦幅*/
}


どうぞよろしくお願いします。

Answer

ECマスターズの塚本です。

いただいたご質問ですが技術的な質問のため、
担当より確認のうえ明日回答させていただく予定です。

今しばらくお待ちいただければと思います。

Answer

ECマスターズの田中です。

kyoyakuzenさんのショップのトップページは、
RMSで作成されるトップページから自動転送されて、
Compassによって作成された
https://www.rakuten.ne.jp/gold/iktcm/compass/sp/shop/index.html
上記ページが表示される仕組みになっております。

そのため、ポップアップの仕組みも
このページ内に仕込む必要がございます。

HTMLソース自体に問題はございませんので、
Compassのトップページ編集画面にて、
HTMLを自由記入できる仕組みがございましたら、
その中にご記載いただきますようお願いします。

なお、こちらの仕組みでは、
楽天市場本来のヘッダーにかぶらないよう、
画面上部に隙間を作っております。

GOLDに作成したページの場合、楽天市場本来のヘッダーが無く、
画面上部に隙間を作る必要がなくなりますので、
隙間が気になるようでしたら、ソースに含まれる
top: 147px;
を
top: 0px;
に変更してご利用願います。

Answer

お休みのところありがとうございます。

そういうことだったのですね。わかりました。
コンパスのフリースペースの中に組み込みました。

それでもスマホには表示されないのですが、これはコンパスの表示の問題かもしれませんね。
明日コンパスに確認してみます。
ありがとうございました。