/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 0 20px 0;
	border-radius:30px;		/* CSS3草案 */
	-webkit-border-radius:30px;	/* Safari,Google Chrome用 */
	-moz-border-radius:30px;	/* Firefox用 */
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
	height: 650px;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides li img {
  display: block;
  height: 650px;
  float: left;
  width: auto;
  border: 0;
	position: absolute;
  top: 0;
  left: -32%;
  right: 0;
  bottom: 0;
  margin: auto;
  }

/* 画面サイズが992px以下の場合に適用 */
@media only screen and (max-width: 992px) {
	.rslides li{
		height: auto!important;
	}
	.rslides li{width: 100%;}
	.rslides li img {
		width: 100%;
		height: auto;
		position: static;
	}
}
.rslides > p > img{
	width: 70%;
	max-width: 493px;
	position: absolute;
  top:50px;
  left: 0;
  right: 0;
  margin: auto;
	z-index: 100;
}


/* 画面サイズが640px以下の場合に適用 */
@media only screen and (max-width: 640px) {
	.rslides li p img{
		padding: 15px;
	}
}
/* 画面サイズが390px以下の場合に適用 */
@media only screen and (max-width: 390px) {
	.rslides > p > img{
		top:20px;
	}
}