@media screen and (min-width: 767px) {
 
#main{
width:100%;
color:#342b2b;
text-align:center;
background:#fff;
margin:0 auto;
padding:0;
display:block;
position:relative;
clear:both;
}

#main .slideshow {
	position: relative;
	width: 750px; /* 画像の横幅 */
text-align:center;
margin:0 auto;
padding:0;
}

#main .slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 2s; /* フェードの時間(秒) */
text-align:center;
margin:0 auto;
padding:0;
}

#main .slideshow .show {
	opacity: 1;
	z-index: 1;
text-align:center;
margin:0 auto;
padding:0;
}

}

@media screen and (max-width: 750px) {
 
#main{
width: 100%;
color:#fff;
text-align:center;
background:#342b2b;
margin:0 auto;
padding:0;
display:block;
position:relative;
clear:both;
}

#main .slideshow {
	position: relative;
	width: 100%; /* 画像の横幅 */
text-align:center;
margin:0 auto;
padding:0;
}

#main .slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
text-align:center;
margin:0 auto;
padding:0;
	transition: 2s; /* フェードの時間(秒) */
}

#main .slideshow .show {
	opacity: 1;
	z-index: 1;
}

}


#wrap {
position:relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
display:block;
clear:both;
}

#wrap img{
	margin:0;
	padding:0;
	border:none;
	}

.slideConts {
  width: 100%;
  height:auto;
  margin: 0 auto;
  padding:0;
border:none;
  -webkit-transition: 2.5s;
  -o-transition: 2.5s;
  transition: 2.5s;
}
.slideContsL {
  background-color:#342b2b;
  transform: translate(-500px, 0);;
}
.slideContsR {
  background-color:#342b2b;
  transform: translate(500px, 0);;
}
.slideContsL.show {
  transform: translate(0, 0) !important;
}
.slideContsR.show {
  transform: translate(0, 0) !important;
}

.fadeConts {
  width: 100%;
  height:auto;
  margin: 0 auto;
  background-color: #342b2b;
  opacity: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.fadeConts.show {
  opacity: 1;
}