@charset "utf-8";
/* スライダー用CSS */

html {
	height: 100%;
	width: 100%;
}

#slidewrapper * {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#slidewrapper {
	position: relative;
	background-color: #fff;
	width: 600px;
	height: 570px;
	overflow: hidden;
}
#slidewrapper ul li {
	display: block;
	float: left;
}
#slide_images {
	overflow: hidden;
	position: relative;
}

#slide_images::after {
	content: "";
 	background-color: #FFF;
	height: 480px;
	width: 4px;
	position: absolute;
	top: 0px;
	right: -2px;
	z-index: 999999999999999999999999999;
	display:block;
}


#slide_thumbs {
	height: 70px;
	overflow: hidden;
}
#slide_images span.image {
	width: 600px;
	height: 480px;
	display: block;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
#slide_images {
	background-color: #FFF;
	width: 600px;
	height: 480px;
	margin-bottom:20px;
}
#slide_thumbs {
	width:600px;

}

#slide_thumbs div {
	width: 80px;
	height: 65px;
	cursor: pointer;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	text-align: center;
	padding-right: 2px;
	padding-left: 1px;
}

#slide_thumbs span.thumb_img {
	height: 65px;
	width: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	cursor: pointer;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
	float: left;
	background-color: #EEE;
	background-size:cover;
}

#slide_thumbs .thumb_img .selected {
	opacity: 0.6;
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha(opacity=60);
}
#slide_prev {
	width: 15px;
	height: 69px;
	display: block;
	background: transparent url("../images/slide_prev.png") no-repeat center center;
	position: absolute;
	left: 4px;
	bottom: 0px;
	background-size:8px 9px;
}
#slide_next {
	width: 15px;
	height: 69px;
	display: block;
	background: transparent url("../images/slide_next.png") no-repeat center center;
	position: absolute;
	bottom: 0px;
	right: 4px;
	background-size:8px 9px;
}

#slide_prev:hover,
#slide_next:hover{
  opacity: 0.6;
  -ms-filter: "alpha( opacity=60 )";
  filter: alpha(opacity=60);
}


/* 追記*/
#slide_images > .caroufredsel_wrapper{
	display:block;
	width:600px!important;
	height:487px!important;
}
/*#slide_images > .caroufredsel_wrapper ul{
	あまり変化なし
width: 9000px!important;
height: 487px!important;
}
.slide_thumbs_bloc{
	width:600px;
	height:69px;
	position:relative;
}
.slide_thumbs_bloc .caroufredsel_wrapper{
		display:block;
		height: 69px!important;
		width:600px!important;
}
.slide_thumbs_bloc .caroufredsel_wrapper #slide_thumbs{
	width: 1888px!important;
	height: 69px!important; 
		}
*/


@media screen and (max-width: 640px) {
#slide_images {
    width: 550px;
    height: 440px;
    margin-bottom: 20px;	
}
#slidewrapper {
    position: relative;
    background-color: #fff;
    width: 550px;
	height: 530px;
    overflow: hidden;
}
#const_inner .content10{
	width:550px;
}
#slide_images  li > span > img{
	width:550px;
	height:auto;
}
#slide_images > .caroufredsel_wrapper {
    display: block;
    width: 550px!important;
    height: 440px!important;
}
slide_thumbs_bloc{
	width:550px;
}
#slide_thumbs img {
	cursor: pointer;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#slide_thumbs span.thumb_img{
/*    width: 74px;
	height: 60px;
*/
margin-right:1px;
margin-left:0px;
}
}