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


.cp-type-f .cp-type-l {
	flex:4;	
}
.cp-type-f .cp-type-m {
	flex:7;	
}
.cp-type-f .cp-type-r {
	flex:1;	
}
.cp-type-f:hover .cp-type-l {
	flex:1;	
}
.cp-type-f:hover .cp-type-m {
	flex:7;	
}
.cp-type-f:hover .cp-type-r {
	flex:4;	
}

.cp-type-f {
	height:400px;	
}
.cp-type-f, .cp-type-m, .cp-type-l, .cp-type-r {
  transition: flex 0.5s ease;
  line-height: 0;
}

.cp-type-l img , .cp-type-r img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.cp-type-f .cp-type-l > div , .cp-type-f .cp-type-r > div {
	width:100%;	
}

.carousel-category-title {
	color: #fff;
	margin-bottom: 5px;
}

.carousel-category-btn {
	background: #6D2C63;
	padding: 10px 5px;
}
.disabled-btn {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}