@charset "UTF-8";
/*--------------------------------------------------------------
#category_title
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#category_title {
		background: url("image/title_ground.jpg") top center no-repeat;
		background-size: cover;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {

	#category_title {
		background: url("image/title_ground.jpg") top center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}

}


/*--------------------------------------------------------------
#event_area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#event_area {
		margin: 0;
		padding: 30px 0;
		background: url("../../../image/ground_2.png") top center no-repeat;
		-webkit-background-size: 110% auto;
		background-size: 110% auto;
		position: relative;
	}
	
	#event_area ul.calender {
		margin: 0 auto;
		padding: 30px 0 0 0;
		width: auto;
	}
	
	#event_area ul.calender li.cal_area {
		margin: 0 10px 30px 10px;
		padding: 30px 0 30px 0;
		position: relative;
		width: auto;
		background: #F2F4ED;
		border: 1px solid #E3E8D3;
		border-radius: 20px;
	}
	
	#event_area p.left {
		margin: 0;
		padding: 0;
		position: absolute;
		top: -40px;
		left: 30px;
		z-index: 100;
	}
	
	#event_area p.right {
		margin: 0;
		padding: 0;
		position: absolute;
		top: -40px;
		right: 30px;
		z-index: 100;
	}
	
	#event_area p span {
		margin: 0 0 5px 0;
		padding: 0;
		display: block;
		font-size: 13px;
		text-align: center;
	}
	
	#event_area p img {
		width: auto;
		height: 65px;
	}
	
	
	.event-list dl {
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	.event-list dt {
		margin: 0;
		padding: 5px 0;
		font-size: 15px;
		font-weight: 600;
		float: left;
		width: 80px;
		text-align: center;
	}
	
	.event-list dd {
		margin: 0 0 0 80px;
		padding: 0;
	}
	
	.event-list dd span {
		margin: 0 5px 10px 5px;
		padding: 5px 10px;
		font-size: 15px;
		text-align: center;
		background: #FFF;
		border-radius: 5px;
		display: inline-block;
	}
	

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#event_area {
		margin: 0;
		padding: 50px 0 80px 0;
		background: url("../../../image/ground_2.png") top center no-repeat;
		-webkit-background-size: 1460px auto;
		background-size: 1460px auto;
		position: relative;
	}
	
	#event_area ul.calender {
		margin: 0 auto;
		padding: 30px 0 0 0;
		width: 1000px;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	
	#event_area ul.calender li.cal_area {
		margin: 0 1% 50px 1%;
		padding: 50px 0 30px 0;
		position: relative;
		width: 48%;
		background: #F2F4ED;
		border: 1px solid #E3E8D3;
		border-radius: 20px;
	}
	
	#event_area p img {
		width: auto;
		height: 100px;
	}
}



/*--------------------------------------------------------------
.responsive
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.responsive {
		margin: 0 20px 20px 20px;
		padding: 0 30px;
	}
	
	.responsive dt {
		position: relative;
	}
	
	.responsive dt img {
		border-radius: 20px;
	}
	
	.responsive dt span {
		position: absolute;
		bottom: 10px;
		right:10px;
		font-size: 14px;
		font-weight: 500;
		color: #FFF;
	}
	
	.slick-next {
		right: 0;
		z-index: 100;
	}
	
	.slick-prev {
		left: 0;
		z-index: 100;
	}
	
	.slick-prev,.slick-prev:hover {
		width: 20px;
		height: 40px;
		background: url(image/prev.png) no-repeat top left;
		-webkit-background-size: 20px 40px;
		background-size: 20px 40px;
	}
	
	.slick-next,.slick-next:hover {
		width: 20px;
		height: 40px;
		background: url(image/next.png) no-repeat top left;
		-webkit-background-size: 20px 40px;
		background-size: 20px 40px;
	}
	
	.slick-prev:before, .slick-next:before {
		content:"";
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	

}


.cl_4 {
	color: #E8B3C7;
}

.cl_5 {
	color: #D5DB45;
}

.cl_6 {
	color: #B0CEC1;
}

.cl_7 {
	color: #ADD7E5;
}

.cl_8 {
	color: #D9ABD5;
}

.cl_9 {
	color: #AFAFAF;
}

.cl_10 {
	color: #EFBBBF;
}

.cl_11 {
	color: #EFC684;
}

.cl_12 {
	color: #B9D7E6;
}

.cl_1 {
	color: #E2D05A;
}

.cl_2 {
	color: #F6B497;
}

.cl_3 {
	color: #B4D6B9;
}