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

.more a:after {
	content: "";
	padding-left: 20px;
	background: url(../images/arrow_blackright.png) no-repeat center center;
}

.more-all .btn {
	background-image: url(../images/arrow_whiteright.png);
	background-position: 94% center;
	background-repeat: no-repeat;
}

#main .carousel-cell {
	width: 100%;
}

#main .category ul {
	margin: 30px 0;
}

#main .category ul li a {
	display: block;
}

#main .category ul li .image {
	width: 35%;
	float: left;
}

#main .category ul li .image img {
	width: 100%;
	height: auto;
}

#main .category ul li .text {
	width: 65%;
	float: left;
	box-sizing: border-box;
	padding: 0px 20px;
}


#main .gallery .image img {
	width: 100%;
	height: auto;
}

#main .gallery .more {
	margin-top: 20px;
	text-align: center;
}

#main .news {
	background: #DCDDDD;
	box-sizing: border-box;
	padding: 20px;
}

#main .news a:not(.btn) {
	color: #940D23;
	text-decoration: underline;
}

#main .news dl dt {
	margin: 30px 0 10px;
}

#main .news dl dt a {
	font-weight: bold;
}

#main .news .more-all {
	text-align: center;
	margin: 30px 0;
}

#main .goto-form {
	text-align: center;
	padding: 30px 0;
}

@media screen and (min-width: 1024px) {
	
	#main .category ul li,
	#main .gallery ul li {
		width: 25%;
		float: left;
		box-sizing: border-box;
		padding: 15px;
	}
	
	
	#main .category ul li:nth-child(4n+1),
	#main .gallery ul li:nth-child(4n+1) {
		clear: both;
	}
	
}


@media screen and (max-width: 1024px) and (min-width: 640px) {
	
	#main .category ul li,
	#main .gallery ul li {
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding: 15px;
	}
	
	
	#main .category ul li:nth-child(2n+1),
	#main .gallery ul li:nth-child(2n+1) {
		clear: both;
	}
	

}

@media screen and (min-width: 640px) {
	
	#main .news .news-box {
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding: 15px;
	}
	

}


@media screen and (max-width: 640px) {
	
	#main .category ul li,
	#main .gallery ul li {
		width: 100%;
		float: left;
		box-sizing: border-box;
		padding: 15px;
	}
	
	#main .news .news-box {
		margin: 60px 0;
	}
	
	#main .category ul li .image {
		width: 20%;
		height: 100%;
	}
	
	#main .category ul li .text {
		width: 80%;
	}
	
}