.bg0{
    background-color: #14f;
    background-image:url("../タケノコ.jpg");
    repeating-linear-gradient();
    }
.bg1{
    background-image:
    repeating-linear-gradient(
      #000 ,/*元の色*/
      #000 1px,/*元の色の幅*/
      #fff 1px,/*グラデーション幅*/
      #fff 32px);/*繰り返しの間隔*/
    }
.bg2{
    background-image:
    repeating-linear-gradient(
      #000 ,     /*元の色*/
      #000 1px,  /*元の色の幅*/
      #fff 1px,  /*グラデーション幅*/
      #fff 24px);/*繰り返しの間隔*/
    }
.bg2a{
    background-image:
    repeating-linear-gradient(
      #888 ,/*元の色*/
      #888 1px,/*元の色の幅*/
      #fff 1px,/*グラデーション幅*/
      #fff 2px/*繰り返しの間隔*/);
    }
.bg2b{
    background-image:
    repeating-linear-gradient(
        #088 ,/*元の色*/
        #fff/*終着色*/ );/*グラデーションします。*/
 }
    .bg2c{
    background-image:
    repeating-linear-gradient(
      #f00,/*元の色*/
      #c80,/*2番目の色*/
      #cc0,/*次の色*/
      #8f0,/*次の色*/
      #0f8,/*次の色*/
      #08f,/*次の色*/
      #00f/*終着色*/);
    }
.bg2d{
    background-image:
    repeating-linear-gradient(
        #088,/*元の色*/
        #088 50%,/*元の色の幅*/
        #999 50%,/*グラデーション幅*/
        #999/*終着色*/);
    }
.bg3{
    background-image:
    repeating-linear-gradient(
      90deg,
      #000 ,/*元の色*/
      #000 1px,/*元の色の幅*/
      #fff 1px,/*グラデーション幅*/
      #fff 24px/*繰り返しの間隔*/);
    }
.bg3a{
    background-image:
    repeating-linear-gradient(
      90deg,
      #000 0px,/*元の色*/
      #fff 24px/*繰り返しの間隔*/);
    }
    .bg4{
    background-image:
    repeating-linear-gradient(
      0deg,
      #000 ,/*元の色*/
      #000 1px,/*元の色の幅*/
      transparent 1px,/*グラデーション幅*/
      transparent 32px/*繰り返しの間隔*/),
    repeating-linear-gradient(
      90deg,
      #000 ,/*元の色*/
      #000 1px,/*元の色の幅*/
      #fff 1px,/*グラデーション幅*/
      #fff 32px/*繰り返しの間隔*/);
    }
.bg5{
    background-size: 32px 32px;
    background-position: 50% 50%;
    background-image:
    repeating-linear-gradient(
    90deg,
      #000 ,/*元の色*/
      #000 1px,/*元の色の幅*/
      transparent 1px,/*グラデーション幅*/
      transparent 32px/*繰り返しの間隔*/),
    repeating-linear-gradient(
      0deg,
      #000 ,/*元の色*/
      #000 1px,/*元の色の幅*/
      #fff 1px,/*グラデーション幅*/
      #fff 32px/*繰り返しの間隔*/);
    }

.bg6{
    background-size: 100px 150px;
    background-repeat: repeat;
    background-image:
    linear-gradient(
      transparent,/*元の色*/
      rgba(0, 0, 0, 1)/*終着色*/);
}
.bg7{
    background-size: 50px 20px;
    background-repeat: repeat;
    background-image:
    linear-gradient(
      transparent,/*元の色*/
      rgba(0, 0, 0, 1)/*終着色*/);
}
.bg7a{
    background-size: 50px 20px;
    background-repeat: repeat;
    background-image:
    linear-gradient(
      #fff 95%,/*元の色*/
      #000 5%次の色/*終着色*/);
}
.bg8{
    background-size: 10px 10px;
    background-repeat: repeat;
    background-image:
    linear-gradient(
      transparent,
      #8f8/*終着色*/
    ),
    linear-gradient(
      90deg,
      transparent,#0f0);
}
.bg9{
    background-color: #ffffe0;
    background-size: 50px 50px;
    background-repeat: repeat;
    background-image:
    linear-gradient(
        90deg,
         rgba(145,82,56,.5) 50%,transparent 50% 
    ),
        linear-gradient(
        0deg,
         rgba(145,82,56,.5) 20%,transparent 20% 
    );
}
.bga{
    background-color: #ffffe0;
    background-size: 50px 50px;
    background-repeat: repeat;
    background-image:
    linear-gradient(
        45deg,
         rgba(167, 97, 21, 0.5) 50%,transparent 50% 
    ),
    linear-gradient(
        -45deg,
         rgba(108, 82, 9, 0.5) 50%,transparent 50% 
    );
}
.bgb{
    background-color: #ccccff;
    background-size: 50px 50px;
    background-repeat: repeat;
    background-image:
    linear-gradient(
        18deg,
         rgba(45, 145, 200, 0.5) 50%,transparent 50% 
    ),
    linear-gradient(
        -18deg,
         rgba(45, 145, 200, 0.5) 50%,transparent 50% 
    );
}
.bgc{
    background-color: #333;
    background-size: 50px 50px;
    background-repeat: repeat;
    background-image:
    linear-gradient(
        90deg,
         rgba(255, 0, 0, 0.5) 95%,transparent 5% 
    ),
    linear-gradient(
        45deg,
         rgba(0, 255, 0, 0.5) 50%,transparent 50% 
    ),
    linear-gradient(
        0deg,
         rgba(0, 0, 255, 0.5) 50%,transparent 50% 
    );
}
.bgd{
  background-position: 50% 50%;
  background-image:
  repeating-linear-gradient(
   90deg,#000,transparent 22px),
  repeating-linear-gradient(
   #000,#000 1px,
   transparent 1px,
   transparent 30px),
  repeating-linear-gradient(
   #000 ,#000 1px,#fff 1px,#8f8 28px);
}
.bge{
  background-size: 20vw,20vw;
  background-image:
  repeating-linear-gradient(
   90deg,#000,transparent 2vw),
  repeating-linear-gradient(
   #000,#000 0.3vw,
   transparent 3vw,
   transparent 3vw);
}
.bgf{
  background-size: 3vw,20vw;
  background-image:
  repeating-linear-gradient(
   90deg,
   #000,
   transparent 22px),
  repeating-linear-gradient(
   #000 2px,
   transparent 4px),
  repeating-linear-gradient(
   #000,/*元の色*/
   #000 1px,/*元の色の幅*/
   #fda 1px,/*グラデーション幅*/
   #fda 20px/*繰り返しの間隔*/);
}
.bgg{
  background-position: 50px;
  background-size: 50px 50px;
  background-repeat: repeat-y;
  background-image:
  linear-gradient(
   90deg,
   #000,/*元の色*/
   transparent 50px/*繰り返しの間隔*/),
   repeating-linear-gradient(
    #000,/*元の色*/
    #000 1px,/*元の色の幅*/
    #fda 1px,/*グラデーション幅*/
    #fda 20px/*繰り返しの間隔*/);
 }