/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■スライド　ギャラリー　イメージ　4枚
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#img_slideImg{
	min-height:400px;
	padding:20px 0 64px 0;
	}
#slideImg {
	position: relative;
	width: 900px;
	height: 400px;
	margin: 0px auto;
	//background-color:#CCC;
	background-origin:content-box;
	
}
#slideImg .slideArea {
	position: relative;
	height: 400px;
	overflow: hidden;
	}
.hideen{
	display:none;}
/* slide images */
#slideImg .slideArea ul {
	position: absolute;
	background-position:left -10px;
	top: 0px;
	left: 0px;
	width: 3600px;
	margin: 0;
}
#slideImg .slideArea ul li {
	float: left;
	width: 900px;
	list-style:none;
	padding : 0;
	margin:0 auto;
}
#slideImg .slideArea ul li:last-child {
	margin-right: 0;
}
#slideImg .slideArea ul li a {
	background: none;
}
 
/* slideImg_items */
#slideImg ul li,{
	background: transparent;
}
#slideImg ul li label{
	background: transparent;
}

/* slideImg list button */
#slideImg ul.nav {
	width: 62px;
	margin: 0 auto;
	padding: 0;
}
#slideImg ul.nav li {
	float: left;
	margin-right: 16px;

}
#slideImg ul.nav li:last-child {
	margin-right: 0;
}
#slideImg ul.nav li label {
	display: block;
	width: 50px;
	height: 50px;
	

}
#slideImg ul.nav li label:hover { 
opacity: 0; }
 
/* slide_button 範囲*/
#slideImg p,
#slideImg p label {
	position: absolute;
	top: 0;
	right: 0px;
	margin: 0;
	width: 70px;
	height: 93px;
	cursor: pointer;
	//background-color: #06C;
	
}

#slideImg .prev {
	left: 10px;
	top:130px;
}
#slideImg .next {
	right: 10px;
	top:130px;

}

 

/* CSS スライド */
#slideImg #switch01:checked ~ .slideArea ul {
	left: -40px;
}
#slideImg #switch02:checked ~ .slideArea ul {
	left: -940px;
}
#slideImg #switch03:checked ~ .slideArea ul {
	left: -1840px;
}
#slideImg #switch04:checked ~ .slideArea ul {
	left: -2740px;
}


#slideImg #switch01:checked ~ .nav li label[for="switch01"],
#slideImg #switch02:checked ~ .nav li label[for="switch02"],
#slideImg #switch03:checked ~ .nav li label[for="switch03"],
#slideImg #switch04:checked ~ .nav li label[for="switch04"]
{

	opacity: 0;
}
#slideImg input {
	display: none;
}
 
/*#slideImg #switch01:checked ~ .prev label:not([for="switch06"]),
#slideImg #switch02:checked ~ .prev label:not([for="switch01"]),
#slideImg #switch03:checked ~ .prev label:not([for="switch02"]),
#slideImg #switch04:checked ~ .prev label:not([for="switch03"]),
#slideImg #switch05:checked ~ .prev label:not([for="switch04"]),
#slideImg #switch06:checked ~ .prev label:not([for="switch05"]),
#slideImg #switch01:checked ~ .next label:not([for="switch02"]),
#slideImg #switch02:checked ~ .next label:not([for="switch03"]),
#slideImg #switch03:checked ~ .next label:not([for="switch04"]),
#slideImg #switch04:checked ~ .next label:not([for="switch05"]),
#slideImg #switch05:checked ~ .next label:not([for="switch06"]),
#slideImg #switch06:checked ~ .next label:not([for="switch01"])
{
	pointer-events: none;
}*/
#slideImg #switch01:checked ~ .prev label:not([for="switch04"]),
#slideImg #switch02:checked ~ .prev label:not([for="switch01"]),
#slideImg #switch03:checked ~ .prev label:not([for="switch02"]),
#slideImg #switch04:checked ~ .prev label:not([for="switch03"]),
#slideImg #switch01:checked ~ .next label:not([for="switch02"]),
#slideImg #switch02:checked ~ .next label:not([for="switch03"]),
#slideImg #switch03:checked ~ .next label:not([for="switch04"]),
#slideImg #switch04:checked ~ .next label:not([for="switch01"])
{
	pointer-events: none;
}
/* transition */
#slideImg ul.nav li label {
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0;
}


#slideImg .slideArea ul {
	transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0s;
	-webkit-transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0;
}



/* clearfix */
#slideImg ul:before, #slideImg ul:after {
	content: ""; display: table;
}
#slideImg ul:after {
	clear: both;
}
#slideImg ul {
	*zoom: 1;
}

@media screen and (min-width:600px) {
.mobilecontents_2{
	display:none;}
}
@media screen and (max-width:599px) {
.mobilecontents_2{
	display:none;}
#img_slideImg{
		min-height: 325px;
		}
		
#slideImg {
	position: relative;
	width: 400px;
	height: 325px;
	margin: 0px auto;
	padding:0px;
	//background-color:#CCC;
	background-origin:content-box;
	
	
}

#slideImg .slideArea {
	position: relative;
	height: 325px;
	overflow: hidden;
	margin-bottom: 0px;
}

#slideImg .slideArea ul {
	position: absolute;
	top: 0;
	left: 0px;
	width: 1600px;
	margin: 0;
}
#slideImg .slideArea ul li {
	float: left;
	width: 400px;
	list-style:none;
	padding : 0;
	margin:0 auto;
}
/* slideボタン */
#slideImg p,
#slideImg p label {
	position: absolute;
	top: 0;
	right: 10px;
	margin: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#slideImg .prev {
	left: 0px;
	top:120px;
}
#slideImg .next {
	right: 0px;
	top:120px;

}


#slideImg .prev img,#slideImg .next img{
	width:30px;
	height:40px;}
/* CSS スライド mobile400*/
#slideImg #switch01:checked ~ .slideArea ul {
	left: -40px;
}
#slideImg #switch02:checked ~ .slideArea ul {
	left: -440px;
}
#slideImg #switch03:checked ~ .slideArea ul {
	left: -840px;
}
#slideImg #switch04:checked ~ .slideArea ul {
	left: -1240px;
}

	}
@media screen and (max-width:400px) {
#img_slideImg{
		min-height:200px;
		
		}
		
#slideImg {
	position: relative;
	width: 260px;
	height: 200px;
	margin: 0px auto;
	padding:0px;
	//background-color:#CCC;
	background-origin:content-box;
	
}
#slideImg .slideArea {
	position: relative;
	height: 200px;
	overflow: hidden;
	margin-bottom: 0px;
}

#slideImg .slideArea ul {
	position: absolute;
	top: 0;
	left: 0px;
	width: 1040px;
	margin: 0;
}
#slideImg .slideArea ul li {
	float: left;
	width: 260px;
	list-style:none;
	padding : 0;
	margin:0 auto;
}
/* slideボタン */
#slideImg p,
#slideImg p label {
	position: absolute;
	top: 0;
	right: 10px;
	margin: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#slideImg .prev {
	right: 5px;
	top:76px;
}
#slideImg .next {
	right: 5px;
	top:76px;

}
/* CSS スライド mobile200*/
#slideImg #switch01:checked ~ .slideArea ul {
	left: -40px;
}
#slideImg #switch02:checked ~ .slideArea ul {
	left: -300px;
}
#slideImg #switch03:checked ~ .slideArea ul {
	left: -560px;
}
#slideImg #switch04:checked ~ .slideArea ul {
	left: -820px;
}

}