楽天市場ヘッダーコンテンツのエラーにつきまして

Question

お世話になっております。
楽天市場に出店している店舗でございます。

イベント告知君(R)を利用したく考えているのですが、以下の内容でひとまずヘッダーコンテンツを登録しようとするとエラーが出ます。
問題点が分からないのですが、こちらお教えいただくことは可能でしょうか？
よろしくお願いいたします。

【エラー内容】
①認められていないHTMLタグ、または「」が入力されています。
こちらの利用禁止タグについてヘルプをご確認の上、再度入力してください。
② HTMLタグの「」が正しく閉じられていません。「」の数が一致しているかをご確認ください。

【ヘッダーコンテンツ内容】

span {
  letter-spacing: 1 !important;
}

span.catch_copy {
  color: #007380;
  display: block;
  font-size: 16px;
  line-height: 1.5;
}

span.item_name {
  color: #403730;
  display: block;
  font-size: 20px;
  line-height: 1.5;
}

span.item_name > b{
  font-weight: normal;
}


span.item_desc {
  color: #403730;
  display: block;
  margin-top: 24px;
  line-height: 1.8;
}

span.price1,
span.price2,
span.tax_postage {
  color: #403730;
}

#rakutenLimitedId_cart tr td {
  text-align: left;
}

.bdg-point-display-summary {
  margin-top: 24px;
}

.a.meT_sdtext:link {
  color: #403730;
  font-weight: normal;
  text-align: left;
  font-size: 14px;
}

a.category_itemnamelink:link {
  color: #a99873;
  text-decoration: none;
}

.category_contents > p {
  margin: 0;
  padding: 0;
}

.category_contents > p  + p {
  border-top: dotted 1px #a99873;
}

.category_contents > p > a{
color: #403730;
text-decoration: none;
font-size: 14px;
margin: 0;
padding: 8px;
display:block;
}

header {
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

.header_inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px;
}

.header_main {
  font-size: 16px;
  margin:0;
}

.nav_list {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
}

.nav_list li {
  margin: 0 0 0 4px;
}

.nav_list li a {
  color: #666;
  letter-spacing: 0.06em;
  padding: 12px 8px 16px;
  text-decoration: none;
}

.nav_list li a:hover {
  opacity: 0.8;
}

.nav_list li a.with_icon {
  display: flex;
  align-items: center;
}

.with_img {
  display: flex;
  align-items: center;
}

.with_img img {
  height: 21px;
  width: auto;
  padding-right: 4px;
  padding-top: 3px;
}

.with_img span {
  padding-top: 5px;
}

footer {
  border-top: 1px dotted #c0c0c0;
  margin-top: 80px;
}

.footer_info_contents {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  padding: 40px;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #403730;
}

.footer_info {
  margin: 0;
  width: 48%;
  padding: 16px 0;
  font-size: 14px;
  letter-spacing: 1.5px;
  line-height: 1.5;
}

.footer_info dt {
  margin: 0;
  line-height: 1.8;
}

.footer_info dd {
  margin: 0;
  margin-top: 5px;
  line-height: 1.8;
}

@media screen and (max-width: 640px) {
  .footer_info_contents {
    display: block;
    padding: 24px 5%;
  }

  .footer_info {
    width: 100%;
    padding: 12px 0;
  }
}






    
      
        
          
            
              
                TOP
              
            
            
            
              
                ABOUT
              
            
            
              
                PRODUCTS
              
            
            
              
                PAYMENTS
              
            
            
              
                CART
              
            
            
              
                RAKUTEN

Answer

ECマスターズの田中です。

いただいたソースのstyleタグ内に含まれる、

span.item_name > b{
.category_contents > p {
.category_contents > p + p {
.category_contents > p > a{

以上４つの規則に含まれる「>」が、
禁止タグチェックの仕組みにHTMLタグの一部と
勘違いされてしまうことが原因です。

つきましては、
タグの中身を楽天GOLDの外部CSSファイルに移動していただくか、
> を使わないように規則を書き換えていただく必要がございます。

楽天GOLDの操作ができるようでしたら、前者の方がわかりやすいのですが、
外部CSSファイルの作り方などご存知でしょうか。