@charset "euc-jp";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
.midashi-irobetsu{
	font-size: 18px;
	font-weight: 600;
	text-align: center;	
}

.bnr-color{
	font-size: 10px;
}

.color_spec{
	float: none;			
	width: 100%;
	text-align: center;
	margin-top: 0px;
	font-weight: 600;
	font-size: 10px;
	}

.color_tip{
	float: none;			
	width: 100%;
    	}
	
.color_tip img{
	width: 60%;
	margin: 0 auto;
	display: block;
}

.color_txt{
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-size: 10px;
	}

.colorcode{
	font-size: 14px;
	font-weight: 900;
	}	

.star{
	color:#636363;
	font-size: 10px;
	}	

.itemcode{
	background-color:#a48b78;
	color:#fff;
	text-align: center;
	font-weight:600;
	width: 60%;
	margin: 0 auto;
	display: block;	
	}	

.bikouran{
	background-color:#868384;
	color:#fff;
	text-align: center;
	font-weight:600;
	width: 60%;
	margin-left: 0;
	border-radius: 3px;
	}

.circle{
  display: inline-block;	
  width: 12px;
  height: 12px;
  border-radius: 50%;
  text-align:center;
  line-height: 12px;	
  color:#fff;
　font-weight: bold;
  font-size: 10px;	
}
.bg-m{
  background: #5121CC;/*背景色*/	
}
.bg-p{
  background: #FC83CC;/*背景色*/	
}
.bg-g{
  background: #F9B546;/*背景色*/	
}
.bg-s{
  background: skyblue;/*背景色*/	
}
.bg-c{
  background: #EC8FFA;/*背景色*/	
}
.bg-l{
  background: #B2FD53;/*背景色*/	
}
.bg-sh{
  background: #ACACAC;/*背景色*/	
}	
.br-sp {
	display: inline;
}

.br-pc {
	display:none;
}
/* デスクトップレイアウト : 769 px 〜最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {


.midashi-irobetsu{
	font-size: 25px;
	font-weight: 600;
	text-align: center;
}

.bnr-color{
	font-size: 12px;
}
	
.color_spec{
    float: right;
    width: 49%;
    text-align: left;
    margin-top: 0px;
    font-weight: 600;
	}

.color_tip{
	float: right;		
	width: 49%;
	padding-top: 10px;
	}
	
.color_tip img{
	width: 75%;
	margin: 0 auto;
	display: block;
}

.color_txt{
	width: 98%;
	margin: 5px auto;
	font-size: 12px;
	}

.colorcode{
	font-size: 20px;
	font-weight: 900;
	}	

.star{
	color:#636363;
	font-size: 14px;
	}	

.itemcode{
	background-color:#a48b78;
	color:#fff;
	text-align: center;
	font-weight:600;
	width: 80%;
	margin-left: 0;
	}	
	
.circle{
  display: inline-block;	
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-align:center;
  line-height: 15px;	
  color:#fff;
　font-weight: bold;
  font-size: 13px;
}
	
.bg-m{
  background: #5121CC;/*背景色*/	
}
.bg-p{
  background: #FC83CC;/*背景色*/	
}
.bg-g{
  background: #F9B546;/*背景色*/	
}
.bg-s{
  background: skyblue;/*背景色*/	
}
.bg-c{
  background: #EC8FFA;/*背景色*/	
}
.bg-l{
  background: #B2FD53;/*背景色*/	
}	
.bg-sh{
  background: #ACACAC;/*背景色*/	
}	
	
	
.bikouran{
	background-color:#868384;
	color:#fff;
	text-align: center;
	font-weight:600;
	width: 80%;
	margin-left: 0;
	border-radius: 3px;
	}
	.br-sp {
	display:none;
}
	
.br-pc {
	display:inline;
}
}