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

#slide_area {
	margin: 0;
		/*margin: 0 0 7%;
border-bottom: 7px solid #e6e6e6;*/
	background: #fff;
		border-bottom: 1px solid #fff;
}

#slide {
	height: auto;
	margin: 0 auto;
	padding: 0;
}



.sp_fil_button_list{
padding: 0 0 0;}

.bx-wrapper {
    margin-bottom: 40px;}

.pc{ display:none!important;}
.smp{ display:block!important;}

@media print, screen and (min-width : 860px){
.pc{ display:block!important;}
.smp{ display:none !important;}
#slide_area {
	position: relative;
		margin: 0;
	/*margin: 0 0 55px;
	border-bottom: 8px solid #e6e6e6;*/
}

#slide {
	position: relative;
	height: 600px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
.slide8:hover,
.slide7:hover,
.slide6:hover,
.slide5:hover,
.slide4:hover,
.slide3:hover,
.slide2:hover,
.slide1:hover{
/*opacity: 0.8;
メインビジュアルにマウスオーバー時、白くならないようにしてください だそうな
別に使用していないけど予備として6-8作ってます
*/
}

.slide1 {
background:url(../images/top/vis1.jpg) no-repeat center center;
background-size: cover;
}
.slide2 {
background:url(../images/top/vis2.jpg) no-repeat center center;
background-size: cover;
}
.slide3 {
background:url(../images/top/vis3.jpg) no-repeat center center;
background-size: cover;
}

.slide4 {
background:url(../images/top/vis4.jpg) no-repeat center center;
background-size: cover;
}
.slide5 {
background:url(../images/top/vis5.jpg) no-repeat center center;
background-size: cover;
}
.slide6 {
background:url(../images/top/vis6.jpg) no-repeat center center;
background-size: cover;
}
.slide7 {
background:url(../images/top/vis7.jpg) no-repeat center center;
background-size: cover;
}
.slide8 {
background:url(../images/top/vis8.jpg) no-repeat center center;
background-size: cover;
}

}