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

/*ここからスクリプト*/
.slider {
	    position: relative;
        width: 920px;
        height: auto;
        overflow: hidden;
		margin-left:30px;
		margin-right:30px;
		padding-left:-40px;
		margin-top:30px;
		padding-bottom:35px;
	
		
}
	
.slides {
       height: 100%;
       overflow: hidden;    
       -webkit-backface-visibility: hidden;
       -webkit-transform-style: preserve-3d;
       -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
       -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
       -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
       -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
       transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
	
.slide {
      height: 100%;
      float: left;
      clear: none;
	  
}


.slide figure {
  display: block;
  position: relative;

}
.slide figure figcaption {
  position: relative;
  right: 0%;
  font-size: 1.1em;
  font-weight: bold;
  padding: 8px 14px;
  color: #464646;
  background: rgba(255,255,255,0.8); 
}

.slide figure figcaption a {
  color: #5a7fbc;
  text-decoration: none;
}
.slide figure figcaption a:hover {
	text-decoration: underline;
}

.slide figure img {
  max-height: auto;
}



.slider-arrows {}

.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -40px;
  padding: 10px;
  font-family: 'Alegreya Sans', 'Trebuchet MS', sans-serif;
  text-decoration: none;
  font-weight: 10;
  font-size: 16px;
  color: #FCF;
  border: 1px solid #FCF;
  border-radius: 8px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.slider-arrow:hover {
  background: #FFF;
  color: #FFF;
  opacity: 0.4;
}
.slider-arrow--right {
	bottom: 50%;
	right: 10px;
}

.slider-arrow--left {
	bottom: 50%;
	left: 10px;
}

a.slider-arrow:link {
	color: #FFF;
}
a.slider-arrow:visited {
	color: #FFF;
}
a.slider-arrow:hover {
	color: #FFF;
}
a.slider-arrow:active {
	color: #FFF;
}


.slider-nav {
  position: absolute;
  bottom: 10px;
}

.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin-right:5px;
  background: #999;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.slider-nav__item:hover {
	background: #F7A4F9;
}

.slider-nav__item--current, .slider-nav__item--current:hover {
	background: #F7A4F9;
}