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

/*スライド背景を透明に*/
  .slideshow {
	position: relative;
	width: 960px;
	margin: auto;
	overflow: hidden;
	  background-color:transparent;
    }

.slide-button-right{
	right:20%;
	bottom: 10%;	
}
.slide-button-center{
	right:50%;
	bottom: 7%;	
}

/*jquery slickの制御*/

/*スライド下の間を無くす制御*/
.slick-dotted.slick-slider{
	margin-bottom:0;
}

/*戻るボタン、進むボタンの制御*/
.slick-arrow{
	position: absolute;
	display: flex;
	top:0;
	z-index: 1;
	background-color: rgba(0,0,0,0.5);
	color:#bbb;
	width: 20px;
	height: 100%;
	font-size: 1.3em;
	padding: 0 20px;
	transition: all 0.3s ease-in-out;
}
.slick-arrow i{
	width: 100%;
	margin: auto 0;
}
.slick-arrow:hover{
	cursor:pointer;
	color:#000;
	width: 30px;
	padding: 0 17px;
	background-color: rgba(255,255,255,0.7);
}
/*戻るボタン位置調整*/
.slick-custom-prev{
	left:0;
	text-align: left;
}
/*進むボタン位置調整*/
.slick-custom-next{
	right:0;
	text-align: right;
}
/*スライド下にある●ボタン位置調整*/
		  .slick-dots{
			  bottom: 10px;
		  }
/*スライド下にある●ボタン間隔調整*/
		  .slick-dots li {
			  margin: auto 10px;
		  }
/*スライド下にある●ボタン制御（非選択）*/
		  .slick-dots li button:before{
			  color: #aaa;
			  font-size:30px;
			  line-height: 0.5;
			  -webkit-text-stroke: 1px #fff;
			  opacity: 1;
			  transition: transform 0.3s ease-in-out;
		  }
		  .slick-dots li:hover button:before{
			  color: #000;
			  transform: scale(1.2);
		  }

			@media (max-width: 768px) {
				.slick-dots li button:before{
					font-size:10px;
				}
		  }