/*大好評*/
.popular {
	display: inline-block;
	padding: .1em .5em;
	background: #ca3e47;
    margin-bottom:4px;
    font-size:60%;
    color:#FFF;
}

/*新商品*/
.new {
	display: inline-block;
	padding: .1em .5em;
	background: #f29c2b;
    margin-bottom:4px;
    font-size:60%;
    color:#fff;
}


/*黒*/
.bk {
	display: inline-block;
	padding: 8px;
	background: #282523;
    margin:2px;
}

/*赤*/
.red {
	display: inline-block;
	padding: 8px;
	background: #C00000;
    margin:2px;
}

/*青*/
.blue {
	display: inline-block;
	padding: 8px;
	background: #003399;
    margin:2px;
}

/*ネイビー*/
.navy {
	display: inline-block;
	padding: 8px;
	background: #003366;
    margin:2px;
}

/*水色*/
.mizu {
	display: inline-block;
	padding: 8px;
	background: #8ac6d1;
    margin:2px;
}

/*ターコイズ*/
.ta {
	display: inline-block;
	padding: 8px;
	background: #1794ac;
    margin:2px;
}
    

/*グレー*/
.gray {
	display: inline-block;
	padding: 8px;
	background: #a2a9af;
    margin:2px;
}

/*グリーン*/
.green {
	display: inline-block;
	padding: 8px;
	background: #266A2E;
    margin:2px;
}
    
    /*黄緑*/
.kigreen {
	display: inline-block;
	padding: 8px;
	background: #8bc24c;
    margin:2px;
}

    /*イエロー*/
.ki {
	display: inline-block;
	padding: 8px;
	background: #F9CE00;
    margin:2px;
}
   


    /*パープル*/
.pap {
	display: inline-block;
	padding: 8px;
	background: #5c4f74;
    margin:2px;
}

/*茶*/
.cha {
	display: inline-block;
	padding: 8px;
	background: #663300;
    margin:2px;
}

/*オレンジ*/
.ore {
	display: inline-block;
	padding: 8px;
	background: #f29c2b;
    margin:2px;
}

/*ピンク*/
.pink {
	display: inline-block;
	padding: 8px;
	background: #FF82A9;
    margin:2px;
}

/*ベージュ*/
.be {
	display: inline-block;
	padding: 8px;
	background: #e4ccb3;
    margin:2px;
}

 /*白*/
.siro {
	display: inline-block;
	padding: 8px;
	background: #fffcf0;
    margin:2px;
    border:1px;
}

 /*カーキ*/
.kaki {
	display: inline-block;
	padding: 8px;
	background: #588133;
    margin:2px;
    border:1px;
}

/*ドットブラウン*/
.dotcha {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #663300;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

/*ドット黒*/
.dotbk {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #282523;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

  /*ドット白*/
.dotsiro {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #EDEDE4;
  background-image: radial-gradient(#282523 15%, transparent 10%),
                    radial-gradient(#282523 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ドットピンク*/
.dotpink {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #FF82A9;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ソーダグレー*/
.dotgray-s {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #96b7c2;
  background-image: radial-gradient(#555555 15%, transparent 10%),
                    radial-gradient(#555555 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ソーダピンク*/
.dotpink-s {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #96b7c2;
  background-image: radial-gradient(#FF82A9 15%, transparent 10%),
                    radial-gradient(#FF82A9 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ソーダブルー*/
.dotblue-s {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #96b7c2;
  background-image: radial-gradient(#4ea1d3 15%, transparent 10%),
                    radial-gradient(#4ea1d3 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ドットベージュ*/
.dotbe {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #e4ccb3;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ドットネイビー*/
.dotnavy {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #003399;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ドットレッド*/
.dotred {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #C00000;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    /*ドットグレー*/
.dotgray {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #a2a9af;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    /*ドットピンク*/
.dotpink {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #FF82A9;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    /*ドット水色*/
.dotblue {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background-color: #8ac6d1;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}




    /*シルバー*/
.sv {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;
background: #f2f6f8;
background: -moz-linear-gradient(-45deg,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
background: -webkit-linear-gradient(-45deg,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
background: linear-gradient(135deg,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );

}

    /*カメシルバー*/
.svkame {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;
    background-color: #d8e1e7;
	background-size: 10px 10px;
	background-image:
	 linear-gradient(45deg,  #f2f6f8 25%, #f2f6f8 25%, transparent 25%,
	  transparent 75%, #00838F 75%, #f2f6f8 75%),
	 linear-gradient(-45deg, #f2f6f8 25%, #f2f6f8 25%, transparent 25%,
	  transparent 75%, #f2f6f8 75%, #f2f6f8 75%);
    
}

 /*カメ黒*/
.bkkame {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;
    background-color: #626262;
	background-size: 10px 10px;
	background-image:
	 linear-gradient(45deg,  #282523 25%, #282523 25%, transparent 25%,
	  transparent 75%, #282523 75%, #282523 75%),
	 linear-gradient(-45deg, #282523 25%, #282523 25%, transparent 25%,
	  transparent 75%, #282523 75%, #282523 75%);
    
}

 /*チェックグレー*/
.chegray {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background: linear-gradient(90deg, rgba(0, 0, 0, .5) 50%, transparent 50%),
              linear-gradient(rgba(0, 0, 0, .5) 50%, transparent 50%);
  background-color: #696969;
  background-size: 10px 10px;
    
}
    
 /*チェックブルー*/
.cheblue {
	display: inline-block;
	padding: 8px;
    margin:2px;
    background-size: 30px 30px;

  background: linear-gradient(90deg, rgba(0, 0, 0, .5) 50%, transparent 50%),
              linear-gradient(rgba(0, 0, 0, .5) 50%, transparent 50%);
  background-color: #003399;
  background-size: 10px 10px;
    
}

/*タブレット*/ @media (min-width: 768px) {
    
/*黒*/
.bk {
	display: inline-block;
	padding: 10px;
	background: #282523;
    margin:3px 3px;
}

/*赤*/
.red {
	display: inline-block;
	padding: 10px;
	background: #C00000;
    margin:3px 3px;
}

/*青*/
.blue {
	display: inline-block;
	padding: 10px;
	background: #003399;
    margin:3px 3px;
}

    
/*ネイビー*/
.navy {
	display: inline-block;
	padding: 10px;
	background: #003366;
    margin:3px 3px;
}

    /*水色*/
.mizu {
	display: inline-block;
	padding: 10px;
	background: #8ac6d1;
    margin:3px 3px;
}

/*ターコイズ*/
.ta {
	display: inline-block;
	padding: 10px;
	background: #1794ac;
    margin:3px 3px;
}
    
    
/*グレー*/
.gray {
	display: inline-block;
	padding: 10px;
	background: #a2a9af;
    margin:3px 3px;
}

/*グリーン*/
.green {
	display: inline-block;
	padding: 10px;
	background: #266A2E;
    margin:3px 3px;
}
    
    /*黄緑*/
.kigreen {
	display: inline-block;
	padding: 10px;
	background: #8bc24c;
    margin:3px 3px;
}
       
    /*イエロー*/
.ki {
	display: inline-block;
	padding: 10px;
	background: #F9CE00;
    margin:3px 3px;
}
   
    
    
 /*パープル*/
.pap {
	display: inline-block;
	padding: 10px;
	background: #5c4f74;
    margin:3px 3px;
}
    

/*茶*/
.cha {
	display: inline-block;
	padding: 10px;
	background: #663300;
    margin:3px 3px;
}

/*オレンジ*/
.ore {
	display: inline-block;
	padding: 10px;
	background: #f29c2b;
    margin:3px 3px;
}
    
/*ピンク*/
.pink {
	display: inline-block;
	padding: 10px;
	background: #FF82A9;
    margin:3px 3px;
}
    
/*ベージュ*/
.be {
	display: inline-block;
	padding: 10px;
	background: #e4ccb3;
    margin:3px 3px;
}
    
 /*白*/
.siro {
	display: inline-block;
	padding: 10px;
	background: #fffcf0;
    margin:3px 3px;
    border:1px;
}
    
 /*カーキ*/
.kaki {
	display: inline-block;
	padding: 10px;
	background: #588133;
    margin:3px 3px;
    border:1px;
}
    
/*ドットブラウン*/
.dotcha {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #663300;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}
    
/*ドット黒*/
.dotbk {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #282523;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}
    
    /*ドット白*/
.dotsiro {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #EDEDE4;
  background-image: radial-gradient(#282523 15%, transparent 10%),
                    radial-gradient(#282523 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ドットピンク*/
.dotpink {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #FF82A9;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ソーダグレー*/
.dotgray-s {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #96b7c2;
  background-image: radial-gradient(#555555 15%, transparent 10%),
                    radial-gradient(#555555 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ソーダピンク*/
.dotpink-s {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #96b7c2;
  background-image: radial-gradient(#FF82A9 15%, transparent 10%),
                    radial-gradient(#FF82A9 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ソーダブルー*/
.dotblue-s {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #96b7c2;
  background-image: radial-gradient(#4ea1d3 15%, transparent 10%),
                    radial-gradient(#4ea1d3 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ドットベージュ*/
.dotbe {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #e4ccb3;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ドットネイビー*/
.dotnavy {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #003399;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*ドットレッド*/
.dotred {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #C00000;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    /*ドットグレー*/
.dotgray {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #a2a9af;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}
  
    /*ドットピンク*/
.dotpink {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #FF82A9;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    /*ドット水色*/
.dotblue {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background-color: #8ac6d1;
  background-image: radial-gradient(#fff 15%, transparent 10%),
                    radial-gradient(#fff 15%, transparent 10%);
  background-position: 0 0, 20px 20px;
}

    
    /*シルバー*/
.sv {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;
background: #f2f6f8;
background: -moz-linear-gradient(-45deg,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
background: -webkit-linear-gradient(-45deg,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
background: linear-gradient(135deg,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );

}
    
/*カメシルバー*/
.svkame {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;
    background-color: #d8e1e7;
	background-size: 10px 10px;
	background-image:
	 linear-gradient(45deg,  #f2f6f8 25%, #f2f6f8 25%, transparent 25%,
	  transparent 75%, #00838F 75%, #f2f6f8 75%),
	 linear-gradient(-45deg, #f2f6f8 25%, #f2f6f8 25%, transparent 25%,
	  transparent 75%, #f2f6f8 75%, #f2f6f8 75%);
    
}
    
 /*カメ黒*/
.bkkame {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;
    background-color: #626262;
	background-size: 10px 10px;
	background-image:
	 linear-gradient(45deg,  #282523 25%, #282523 25%, transparent 25%,
	  transparent 75%, #282523 75%, #282523 75%),
	 linear-gradient(-45deg, #282523 25%, #282523 25%, transparent 25%,
	  transparent 75%, #282523 75%, #282523 75%);
    
}
 /*チェックグレー*/
.chegray {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background: linear-gradient(90deg, rgba(0, 0, 0, .5) 50%, transparent 50%),
              linear-gradient(rgba(0, 0, 0, .5) 50%, transparent 50%);
  background-color: #696969;
  background-size: 10px 10px;
    
}
    
 /*チェックブルー*/
.cheblue {
	display: inline-block;
	padding: 10px;
    margin:3px 3px;
    background-size: 30px 30px;

  background: linear-gradient(90deg, rgba(0, 0, 0, .5) 50%, transparent 50%),
              linear-gradient(rgba(0, 0, 0, .5) 50%, transparent 50%);
  background-color: #003399;
  background-size: 10px 10px;
    
}
    
}