ヘッダー・フッター・レフトナビのテンプレート設定の編集について

Question

お世話様です。7/27以降のヘッダー・フッター・レフトナビのテンプレート設定で
HTMLタグの「」が正しく閉じられていない場合にエラー表示になるようですが
コメントタグを使ってhtmlを非表示にする目的で閉じている下記の場合もエラー対象となりますでしょうか？





また、これを解消するにはコメントタグを非表示目的で使わなければ解消出来ますでしょうか？

追記です。
編集個所はフッター部分の下記のソースになります。



 
  
 
 
  
   
              
                
                    
                      
                    
                    
                      ・代金引換、銀行振込、カード決済がご利用可能です。

※上のいずれかのクレジットカードでお支払いになると、お客様のクレジットカード番号はご注文先ストアを経由せず、カード会社に送信されるため安心です。
                    
                    
                      詳細はこちら→
                    
                    
                       
                    
                    
                      
                    
                    
                      万が一、不良品、変質、誤配送などがございましたら商品到着後、直ちに御連絡をお願いします。
ご連絡いただいた後、至急対応させて頂きます。
送料、手数料は当社負担で良品と交換、もしくはご希望により代金を返還させて頂きます。
なお、お客様のご都合による返品、交換は商品の性質上致しかねますのでご了承下さい。   
また、商品発送日当日のキャンセル連絡や発送後のキャンセルも致しかねますのでご了承下さい。
                    
                    
                      詳細はこちら→
                    
                
                
                
                    
                      
                    

                      
                      【宅配便地域別送料】
                  本州・四国・九州：840円（税込）
                  北海道：1100円　沖縄県・離島：1300円（税込）
                  

・一箇所につき商品代金3,980円（税込）以上お買上げいただきますと、送料が無料となります。 
*沖縄県・離島は除きます。 

・クール便対応商品に関しましては別途315円（税込）をご負担いただきます。 

                  ・お届けの運送会社はヤマト運輸または日本郵便になります。

運送会社は当店にて決めさせていただきますのでご了承下さい。 
                  国外への発送は出来ませんのでご了承下さい。 

・クール便の商品と常温で発送する商品と混在する場合は、クール便で、1個口で発送させていただきます。別口で発送希望の方は、別途ご相談下さい。
                    
                    
                      詳細はこちら→
                    
                
                
                
                    
                      
                    
                    
                      お客様からいただいた個人情報は商品の発送とご連絡以外には一切使用致しません。
当社が責任をもって安全に蓄積・保管し、第三者に譲渡・提供することはございません。
                    
                    
                       
                    
                    
                      
                    
                    
                      ネット・ファックスでのお問い合わせは２４時間受け付けております！ 
                  電話でのお問合せは店舗営業日の8：30-17：00の時間帯にお願いします。

                  
                  ※休業日はサイドナビのカレンダーをご確認下さい。
                    
                    
                       
                    
                    
                      
                    
                    
                      店舗運営会社： 有限会社イシイ物産
       ショップ名：おつまみ珍味の海鮮山鮮本舗
（かいせんやませんほんぽ）

〒414-0001静岡県伊東市宇佐美1812-12
       TEL: 0557-48-9844 FAX:0557-47-3745
       店舗運営責任者: 石井隆之
                  ↓メールでのお問合せ↓
auc-ky-honpo@shop.rakuten.co.jp
                    
                
              
      
 
 
  
          
             
          
          
            Copyright (C) おつまみ珍味の海鮮山鮮本舗. All Rights Reserved. 
          
        
 



/* ---------------------------------------------------- */
/* 大枠ボックス構成 */
/* ---------------------------------------------------- */
body {
	font-size: small;
	text-align: center;
          line-height: 1.1; 

}


#wrapper {
	width: 1000px;
	margin: auto;
	text-align: center;
}

/* ---------------------------------------------------- */
/* 共通設定 */
/* ---------------------------------------------------- */

/* ヘッダー背景画像*/

body{
   background-image:url(https://image.rakuten.co.jp/auc-ky-honpo/cabinet/top/bgbnr/fujisan-2.jpg);
background-repeat:no-repeat;
background-size: 100%;
top:75px;
} 

/*フォント設定*/
* {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*画像枠・リンク調整*/
img {
	border: none;
}
a:hover img {filter: alpha(opacity=70);
opacity:0.70;
/* Firefox Netscape */
-moz-opacity:0.70;
position:relative; right:2px; top:-2px; 
}

/*ナビゲーション調整*/
#navi{
	padding: 0;
	margin: 0;
	width: 720px;
	height: auto;
	font-size: 91%; color:#ffffff;
     　　letter-spacing: 1px;
}

#navi ul li{
padding:0;
margin:10px 12px 0 0;
font-size:92%;
color:#000000;
list-style:none;
float:left;
}
#navi ul li a{
color:#000000;
text-decoration:none;
}
#navi ul li a:hover{
color:#000000;
text-decoration:underline;
}


#main_visual {
      width: 1000px;
      margin-bottom:10px;
}


/*テキストリンク調整*/
a:hover {
color: #ff33aa;
font-weight: 700;
}
a {
text-decoration: none;
}

/*説明テキスト*/
h1.tt{font-size:16px;COLOR:#cc0000;margin:2px;
}

h2.midashi,h3.midashi{font-size:14px;COLOR:#cc0000;margin:2px;
                      border-left:5px solid #cc0000;
                      border-bottom:1px dotted  #cc0000;
                      padding:3px 5px 2px;                  
}

p.setumei{font-size:13px;COLOR:#000000;margin:5px;
}
p.tt20{font-size:20px;COLOR:#000000;font-weight:bold;
　　　 margin:5px;line-height:110%;
}
div#item-point {font-size:10px; 
}

/*カテゴリ行数制限*/
a.category_itemnamelink:hover{color:#FF6600;}

a.category_itemnamelink{
	text-align:left;
	text-decoration: none;
	position:relative;
	top:-10px;
	font-size:13px!important;
	margin-top:12px;
	padding:2px;
	line-height:140%;
	display : inline-block;
	height:4.2em;/*4.2文字分を表示。数値を超えると隠す。数値変更可能*/
	overflow:hidden!important;
}

span.category_itemprice{
	position:relative;
	top:-5px;
	font-size:13px!important;
	font-weight:bold!important;
	color:#cc0000;
}

span.category_itemtaxpostage{
	position:relative;
	top:-5px;
}

span.not{
	position:relative;
	top:-5px;
}

img[src="/com/img/icon/cir_order.gif"] {display:none !important;}

a.category_itemnamelink{
	height:2.5em;
}


/追従バナー動き数値/
a {transition: all 0.8s ease 0s;}
a:hover {opacity: 0.5;}

/*追従サイドバナー（右側）*/
.side-bannerArea > .bnr a,
.side-bannerArea > .bnr a:hover { opacity:1;position: fixed;right: 0;z-index: 1000;display: block;height: 145px;outline: medium none;transition: all 0.8s ease 0s;}
.side-bannerArea > .bnr a {width:75px;}
.side-bannerArea > .bnr a:hover {width: 336px;}
.side-bannerArea > .bnr01 a,
.side-bannerArea > .bnr01 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/chinmi/hotate/hh-tjcp-rght1.jpg") no-repeat scroll 0 0 transparent;top: 55px;}
.side-bannerArea > .bnr02 a,
.side-bannerArea > .bnr02 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/chinmi/sijimi/sjm-tjbm-rght3.jpg") no-repeat scroll 0 0 transparent;top:205px;}
.side-bannerArea > .bnr03 a,
.side-bannerArea > .bnr03 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/shokutomo/ochaduke/ocz-tjbm-rght2.jpg") no-repeat scroll 0 0 transparent;top:355px;}


/*追従サイドバナー（左側上部300x250）*/
#tableft {
    width: 60px;/* 最初に表示されるバナーの幅 */
    height: 250px;/* バナーの高さ */
    background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/event/cp/tm-cp/14h-390yen-off-tjbn2.jpg") no-repeat;/* 画像のURL */
    position: fixed;/* バナーを固定します */
    left: 0;/* 右から0pxの位置に指定 */
    top: 70px;/* 上から70pxの位置に指定 */
}

#tableft a {/* リンクするエリアをバナー全体に広げる設定 */
    display: block;
    width: 100%;
    height: 100%;
}
#tableft:hover {/* カーソルが乗った時の動きを指定 */
    width: 300px;/* バナーが伸びた時の幅 */
    /* 以下アニメーションの設定 */
    -webkit-transition: width ease-in-out 0.5s;
    -moz-transition: width ease-in-out 0.5s;
    -ms-transition: width ease-in-out 0.5s;
    -o-transition: width ease-in-out 0.5s;
    transition: width ease-in-out 0.5s;











	
		
	
	
		
	












#fixedBanner1 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 20px;
left: -1px;
text-align: center;
width: auto;
height: auto;
transition: 0.3s;
}

#fixedBanner1 img {
width: auto;
height: auto;
vertical-align: bottom;
}

#fixedBanner1:hover {
left: 0px;
}














#fixedBanner {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 340px;
left: -1px;
text-align: center;
width: auto;
height: auto;
transition: 0.3s;
}

#fixedBanner img {
width: auto;
height: auto;
vertical-align: bottom;
}

#fixedBanner:hover {
left: 0px;
}










#fixedBanner2 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 345px;
left: 85px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner2 img {
width: 150px;
height: 150px;
vertical-align: bottom;
}









#fixedBanner3 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top: 500px;
left: 85px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner3 img {
width: 150px;
height: 150px;
vertical-align: bottom;
}









#fixedBanner4 {
position: fixed;
z-index: 9999;
margin: 0;
padding: 0;
top:660px;
left: 85px;
text-align: center;
width: auto;
height: auto;
}

#fixedBanner4 img {
width: 150px;
height: 150px;
vertical-align: bottom;
}

Answer

ECマスターズの田中です。

> コメントタグを使ってhtmlを非表示にする目的で閉じている下記の場合もエラー対象となりますでしょうか？

こちらは、特にエラー対象とはなりません。

いただいたソースの中でエラーの原因となっているのは、
タグに含まれる、下記の箇所となります。

/*追従サイドバナー（右側）*/
.side-bannerArea > .bnr a,
.side-bannerArea > .bnr a:hover { opacity:1;position: fixed;right: 0;z-index: 1000;display: block;height: 145px;outline: medium none;transition: all 0.8s ease 0s;}
.side-bannerArea > .bnr a {width:75px;}
.side-bannerArea > .bnr a:hover {width: 336px;}
.side-bannerArea > .bnr01 a,
.side-bannerArea > .bnr01 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/chinmi/hotate/hh-tjcp-rght1.jpg") no-repeat scroll 0 0 transparent;top: 55px;}
.side-bannerArea > .bnr02 a,
.side-bannerArea > .bnr02 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/chinmi/sijimi/sjm-tjbm-rght3.jpg") no-repeat scroll 0 0 transparent;top:205px;}
.side-bannerArea > .bnr03 a,
.side-bannerArea > .bnr03 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/shokutomo/ochaduke/ocz-tjbm-rght2.jpg") no-repeat scroll 0 0 transparent;top:355px;}

side-bannerAreaクラス直下、を示す「>」の記載が原因でエラーとなっておりますので、
「>」を使わない形式になおしていただくか、
楽天GOLDに外部CSSファイルとしてご設置いただく必要がございます。

Answer

ECマスターズの田中です。

> コメントタグを使ってhtmlを非表示にする目的で閉じている下記の場合もエラー対象となりますでしょうか？

こちらは、特にエラー対象とはなりません。

いただいたソースの中でエラーの原因となっているのは、
タグに含まれる、下記の箇所となります。

/*追従サイドバナー（右側）*/
.side-bannerArea > .bnr a,
.side-bannerArea > .bnr a:hover { opacity:1;position: fixed;right: 0;z-index: 1000;display: block;height: 145px;outline: medium none;transition: all 0.8s ease 0s;}
.side-bannerArea > .bnr a {width:75px;}
.side-bannerArea > .bnr a:hover {width: 336px;}
.side-bannerArea > .bnr01 a,
.side-bannerArea > .bnr01 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/chinmi/hotate/hh-tjcp-rght1.jpg") no-repeat scroll 0 0 transparent;top: 55px;}
.side-bannerArea > .bnr02 a,
.side-bannerArea > .bnr02 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/chinmi/sijimi/sjm-tjbm-rght3.jpg") no-repeat scroll 0 0 transparent;top:205px;}
.side-bannerArea > .bnr03 a,
.side-bannerArea > .bnr03 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/shokutomo/ochaduke/ocz-tjbm-rght2.jpg") no-repeat scroll 0 0 transparent;top:355px;}

side-bannerAreaクラス直下、を示す「>」の記載が原因でエラーとなっておりますので、
「>」を使わない形式になおしていただくか、
楽天GOLDに外部CSSファイルとしてご設置いただく必要がございます。

Answer

お世話様です。
「>」を使わない形式がわからないので教えていただきたいです。

Answer

ECマスターズの田中です。

> 「>」を使わない形式がわからないので教えていただきたいです。

実際のページを確認したところ、
「>」が無くても動作に影響がない構造であることがわかりましたので、
純粋に「>」を削除していただければ結構です。

/*追従サイドバナー（右側）*/
.side-bannerArea .bnr a,
.side-bannerArea .bnr a:hover { opacity:1;position: fixed;right: 0;z-index: 1000;display: block;height: 145px;outline: medium none;transition: all 0.8s ease 0s;}
.side-bannerArea .bnr a {width:75px;}
.side-bannerArea .bnr a:hover {width: 336px;}
.side-bannerArea .bnr01 a,
.side-bannerArea .bnr01 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/chinmi/hotate/hh-tjcp-rght1.jpg") no-repeat scroll 0 0 transparent;top: 55px;}
.side-bannerArea .bnr02 a,
.side-bannerArea .bnr02 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/chinmi/sijimi/sjm-tjbm-rght3.jpg") no-repeat scroll 0 0 transparent;top:205px;}
.side-bannerArea .bnr03 a,
.side-bannerArea .bnr03 a:hover {background: url("https://image.rakuten.co.jp/auc-ky-honpo/cabinet/shokutomo/ochaduke/ocz-tjbm-rght2.jpg") no-repeat scroll 0 0 transparent;top:355px;}

Answer

田中さん、ありがとうございました。
大変助かりました！！