@charset "euc-jp";
html,body{margin:0;padding:0;}
html {overflow: auto;}
body {
	overflow: hidden;
	position: relative;
	min-width: 1000px;}
body, div, p, ul, li, a, h1 {margin: 0;padding: 0;}
a{text-decoration:none;color:black;}

ul,li,dl,dd,dt{margin:0;padding:0;}
li{list-style:none;}



#wrapper{
	text-align: left;
	text-decoration: none;
	width: 1080px;
	margin: 0 auto;
	font-size:12.5px;
}

/*トップスライダー*/
.slide {
	overflow-x: hidden;
	/*margin: 0 -400px;
	padding: 0 400px;*/
}

@media screen and (max-width: 1079px) {
   /* 表示領域が1080px以下の場合に適用するスタイル */
   .slide {margin:0;padding:0}
   
}

.slide-inner{
margin: 0 auto;
background-color: #fff;
}
.swiper-container {
	width: 960px;
	/*height: 502px;*/
	height: 430px;
	overflow: visible;
	z-index: 1;
	padding-bottom: 40px;
}
.swiper-pagination-bullet{width:10px;height:10px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.swiper-slide {text-align: center;}
.swiper-pagination-bullet-active{background-color:#c50018;}
.swiper-button-next, .swiper-button-prev{
	height:100%;
	margin-top:0;
	top:0;
	background-color:#ffffff;
	background-image:none;
	/*width:460px;*/
	width:65px;
}

.slide-container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1080px;
}


.swiper-button-next{
	/*right:-465px;*/
	right:-60px;
	background: -webkit-linear-gradient(right,rgba(255, 255, 255,0.8) 10%,rgba(255,255,255,0));
	background: -moz-linear-gradient(right,rgba(255, 255, 255,0.8) 10%,rgba(255,255,255,0));
	background: linear-gradient(to left,rgba(255, 255, 255,0.8) 10%,rgba(255,255,255,0));
	text-align:left;
	background-image: linear-gradient(-90deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%),
						url("../../smp/img/slider/next.svg");
	background-position:center left;
}
.swiper-button-prev{
	/*left:-465px;*/
	left:-60px;
	background: -webkit-linear-gradient(left,rgba(255, 255, 255,0.8) 10%,rgba(255,255,255,0));
	background: -moz-linear-gradient(left,rgba(255, 255, 255,0.8) 10%,rgba(255,255,255,0));
	background: linear-gradient(to right,rgba(255, 255, 255,0.8) 10%,rgba(255,255,255,0.));
	text-align:right;
	background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%),
						url("../../smp/img/slider/prev.svg") ;
	background-position:center right;
}

.swiper-button-prev,
.swiper-button-next{
position: absolute;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 100;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100% 100%,60px 60px;
}

.swiper-button-prev{
    background-position: center right;
}

.swiper-button-next{
    background-position: center left;
}