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

.wrapper {
	width: 100%;
	margin:0;
}
.list_carousel {
	display:block;
	width: 100%;
	padding:1.5em 0;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list_carousel li {
	text-align: center;
	width: auto;
	padding: 0;
	float: left;
}
.list_carousel li img
{
	width:90%;
	margin:5%;
	border:solid 1px #ccc;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}
.list_carousel li p
{
	margin-top:-0.5em;
}
.list_carousel li a:link
{
	color:#333;
	text-decoration:none;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}
.list_carousel li a:visited
{
	color:#333;
	text-decoration:none;
}
.list_carousel li a:hover
{
	color:#ff6633;
}
.list_carousel li a:hover img
{
	box-shadow:5px 5px 5px #ccc;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}

@media only screen and (min-width:1700px)
{
	.list_carousel {
		height:280px;
		padding:1em 0;
	}
}
@media only screen and (max-width:1024px)
{
	.wrapper {
	width: 96%;
	margin:3em 2% 0;
}
}
@media only screen and (max-width:800px)
{
	.wrapper {
	width: 100%;
	margin:3em 0 0;
}
}
@media only screen and (max-width:375px)
{
	.list_carousel h1
	{
		font-size:1.2em;
		line-height:1.2em;
	}
}
@media only screen and (max-width:375px)
{
	.list_carousel h1
	{
		font-size:1em;
	}
}