@charset "utf-8";

/* ------ [list view] ------ */
/* ------ Body ------ */
#k-works{
	margin-top:40px;
}

#k-works .works{
	display:flex;
	-js-display:flex;
	display:-webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
}
#k-works .works li{
	width:210px;
	height:158px;
	margin:0 20px 20px 0;
}
#k-works .works li:nth-child(3n){
	margin-right:0;
}

/* ------ [single view] ------ */
#k-works-single .k-works-single{
	margin-top:40px;
	padding-bottom:20px;
	display:flex;
	-js-display:flex;
	display:-webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: stretch;
	-webkit-align-items: stretch;
}
#k-works-single #k-works-img{
	width:420px;
}
#k-works-single #k-works-img .mainimg{
	margin-bottom:20px;
}
#k-works-single #k-works-img .subimg{
	display:flex;
	-js-display:flex;
	display:-webkit-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
#k-works-single #k-works-img .subimg li{
	width:130px;
	margin-right:20px;
}
#k-works-single #k-works-img .subimg li:last-child{
	margin-right:0;
}
#k-works-single #k-works-img .subimg li img{
	width:100%;
	cursor:pointer;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
#k-works-single #k-works-img .subimg li img:hover{
	opacity:0.6;
}
#k-works-single #k-works-txt{
	width:230px;
}
#k-works-single #k-works-txt h3{
	margin-bottom:20px;
}
#k-works-single #k-works-txt .price{
	margin-bottom:20px;
}
#k-works-single #k-works-txt .stock{
	margin-bottom:20px;
	color:#ff0000;
}