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


/*Cloud Carouselの設定*/

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

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

/*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;
}

}