#slide{
position: absolute;
	top:0px;
	right: 0px;
	left: 0px;
	background-color: #000;
}
#slider{
  margin:0;
  padding:0;
	/*position: absolute;
	top:-20px;
	right: 0px;
	left: 0px;
	z-index: 5;*/
	
}

.skdslider {
  width:950px;
  position: relative;
  display: block;
	margin: 0 auto;
  /*overflow:hidden;*/
}
.slide::before {
   /* 透過した黒を重ねる */
	background-color: rgba(0,0,0,0.3);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
.skdslider .slide {
   display: none;
	
}
.skdslider .slide img {
   width: 950px;
   height: 100%;
   border:0;
	
	
}


.skdslider ul.slide-navs {
    bottom: 20px;
    text-align: center;
	transform: translateX(-50%);
	left: 50%;
    position: absolute;
	  list-style-type: none;
    
    padding: 0;
}
.slide-navs > li:first-child:last-child {
    display: none;
}/*スライド画像が1つだった場合に非表示*/
.skdslider ul.slide-navs li {
  float: left;
	background: url("image/slide-bg.png") no-repeat scroll 0 0 transparent;
	height:3px;
	width:28px;
	margin:3px;
	cursor:pointer;
}
.skdslider ul.slide-navs li.active {
  background: url("image/slide-bg-active.png") no-repeat scroll 0 0 transparent;
}


.skdslider .slide-desc {
    /*background: url("image/slide_desc.png") repeat scroll 0 0 transparent;*/

	position: absolute;
	top:60%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
	text-align: center;
	color: #FFFFFF;
	  display:inline-block;
}
.slide__content{
    display: block;
    opacity: 0;
    transform: translate(-50%,20%);
    transition: 0s;
}
.slide__content.on{
    opacity: 1;
    transform: translate(-50%,-50%);
    transition: .5s;
}
.skdslider .slide-desc > h2 {
    display: inline-block;
	margin-bottom: 5px;
	/*padding: 4px 20px;*/
	font-family: "Playfair Display", Adobe Garamond Pro, serif;
	/*font-family: "Open Sans",sans-serif;*/
	font-size: 30px;
	color: #FFFFFF;
	line-height: 1.2em;
	font-weight: 400;
white-space: nowrap;
}



.skdslider a.prev{
  background: url("image/left.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:2%;
	margin-top:-17px;
}

.skdslider a.next{
  background: url("image/right.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:2%;
	margin-top:-17px;
}
.skdslider a.prev:hover {
  
}
.skdslider a.next:hover {
  
}

.skdslider a.play {
    background: url("image/play.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}

.skdslider a.pause{
  background: url("image/pause.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}
/*Some Responsive CSS */
@media screen and (max-width:767px) {
	.skdslider .slide-desc > h2 {
		font-size: 20px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.skdslider .slide-desc > p {
		font-size: 14px;
		line-height: 15px;
		margin-top: 5px;
	}
	.skdslider .slide-desc > p a.more {
		font-size:14px;
	}
}