@charset "utf-8";
/*-----------------*/

/*PC用*/
@media screen and (min-width:641px) {

#color_img_inner {
	width:662px;
	height:380px;
	position:relative;
	background:url(../images/color/damy.jpg) no-repeat 0 0;
}
.colorblock #color_img_inner canvas {
	position:absolute;
	top: 78px;
	left: 44px;
	z-index:1;
}
.colorblock #color_img_inner p {
	position:absolute;
	z-index:10;
	top: 78px;
	left: 44px;
}
.sienna {
	background:#a0552d;
	color:#fff;
}
.dimgray {
	background:#696969;
	color:#fff;
}
.palegolderrod {
	background:#eee8aa;
	color:#333;
}
.navajawhite {
	background:#ffdead;
	color:#333;
}

}

/*SP用*/
@media screen and (max-width:640px) {

#color_img_inner {
	width: 96%;
	margin: 0 auto;
	position:relative;
	background:url(../images/color/damy.jpg) no-repeat 0 0;
}
.colorblock #color_img_inner canvas {
	width: 100%;
	height: 55vw;
	background-color: #fff;
	position:absolute;
	top: 0;
	left: 0;
	z-index:1;
}
.colorblock #color_img_inner p {
	width: 96%;
	position:absolute;
	z-index:10;
	top: 2vw;
	left: 2%;
}
.colorblock #color_img_inner p img {
	height: 51.5vw;
}
.sienna {
	background:#a0552d;
	color:#fff;
}
.dimgray {
	background:#696969;
	color:#fff;
}
.palegolderrod {
	background:#eee8aa;
	color:#333;
}
.navajawhite {
	background:#ffdead;
	color:#333;
}

}