@charset "utf-8";
/* CSS Document */

/* Slider main container */
.swiper{
	position: relative;
	margin-bottom: 50px;
}
.swiper-wrapper {
  /* wrapperのサイズを調整 */
	position: relative;
	width: 100%;
	height: auto;
}
.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
	width: 100%;
	height: 100%;
	padding: 0 10px;
}
.swiper-slide img{
	width: 100%;
}
.swiper-slide img:hover{
	opacity: 0.8;
}
.swiper_button{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: auto;
}
.swiper_button-prev,
.swiper_button-next {
	width: 50px !important; /* ボタンの幅 */
	height: 50px !important; /* ボタンの高さ */
	background-size: 50px 50px; /* 表示したいサイズ */
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 10;	
	margin-top: 0 !important;
    background-color: transparent !important;
	pointer-events: auto;
	user-select: none;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}
.swiper_button-prev:focus,
.swiper_button-next:focus {
	outline: none;
}
.swiper_button-prev:hover,
.swiper_button-next:hover {
  opacity: 0.8;
  transition: opacity 0.3s ease;
}
/* 次ページボタンのスタイル */
.swiper_button-next {
	background-image: url('/img/shopstore/watanet/common/img_arrow_swiper.png') !important;
	right: 0 !important;
}
/* 前ページボタンのスタイル */
.swiper_button-prev {
	background-image: url('/img/shopstore/watanet/common/img_arrow_swiper.png') !important;
	transform: translateY(-50%) rotate(180deg) !important;
	left: 0 !important;
}
