/* バッジ */
  .new-badge{
    position: relative; 
  }
  .new-badge::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: linear-gradient(135deg, 
        #ffff00 0% 2rem, 
        transparent 2rem);
      border-top-left-radius:5px;
      z-index: 2;
      transition: opacity .5s;
      pointer-events: none;
  }
  /* バッジの文字 */
  .new-badge::after {
      content: 'NEW';
      position: absolute;
      top: 0.5rem;
      left: 0.0rem; 
      color: rgb(255, 0, 0);
      font-size: 0.8rem;
      transform: rotate(-45deg);
      text-align: center;
      z-index: 3;
      font-weight: bold;
      transition: opacity .5s;
      pointer-events: none;
  }
  /*マウスオーバーでバッジ消去*/
  .new-badge:hover::before,
  .new-badge:hover::after {
    opacity:0;
  }