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


/*Cloud Carouselの設定*/

#carousel1 {
	margin-left:auto;
	margin-right:auto;
	position: relative;
	overflow:scroll;
	height:850px;
	text-align: center;
}



/*Cloud Carouselの写真サイズ*/
@media screen and (min-width: 1050px){
.cloudcarousel {
	max-width: auto;
	max-height: 500px;
	margin-left: 40px;
}
#carousel1 {
	width:1000px;
}
}

@media screen and (max-width: 1050px){
.cloudcarousel {
	max-width: auto;
	max-height: 500px;
	margin-left: 15px;
}
#carousel1 {
	width:1000px;
}


}

@media screen and (max-width: 950px){
.cloudcarousel {
	max-width: auto;
	max-height: 450px;
	margin-left: -20px;
}
#carousel1 {
	width:950px;
}

}

@media screen and (max-width: 850px){
.cloudcarousel {
	max-width: auto;
	max-height: 400px;
	margin-left: -40px;
}

}

@media screen and (max-width: 750px){
.cloudcarousel {
	max-width: auto;
	max-height: 370px;
	margin-left: -100px;
}

}

@media screen and (max-width: 650px){
.cloudcarousel {
	max-width: auto;
	max-height: 350px;
	margin-left: -130px;
}

}
@media screen and (max-width: 550px){
.cloudcarousel {
	max-width: auto;
	max-height: 300px;
	margin-left: -200px;
}

}
@media screen and (max-width: 450px){
.cloudcarousel {
	max-width: auto;
	max-height: 250px;
	margin-left: -250px;
}

}
@media screen and (max-width: 400px){
.cloudcarousel {
	max-width: auto;
	max-height: 220px;
	margin-left: -280px;
}

}

@media screen and (max-width: 330px){
.cloudcarousel {
	max-width: auto;
	max-height: 170px;
	margin-left: -310px;
}
#carousel1 {
	width:950px;
}

}

@media screen and (max-height: 600px){
.cloudcarousel {

	margin-top: -40px;
}

}