@charset "UTF-8";

.swiper-container_wrap{
  position: relative;
  width: 100%;
  height: 100%;
}

.image_block_in {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
  background-color: #eeeeee;
}

.swiper-pagination_wrap{
  position: static;
  text-align: center;
  margin: 14px -20px -15px 0;
}

.swiper-pagination{
  display: inline-block;
  position: relative;
  line-height: 0;
  padding: 0 10px 0 10px;
  z-index: 3;
  text-align: left;
}

.swiper-pagination .swiper-pagination-bullet{
  position: relative;
  display: inline-block;
  vertical-align:  top;
  width: 5px;
  height: 5px;
  margin: 0 20px 15px 0;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #808080;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #e60000;
}



/*
------------------------------------ swiper ------------------------------------
*/

/* .swiper-container_wrap.type01 .swiper-container */

.swiper-container_wrap.type01 .swiper-container {
  width: 100%;
  /*padding: 0 14%;*/
}

.swiper-container_wrap.type01 .image_block_in{
  padding: 0 0 67% 0;
}


.swiper-container_wrap.type01 .swiper-wrapper{
  z-index: 3; 
}

/*
.swiper-container_wrap.type01 .swiper-pagination_wrap,
.swiper-container_wrap.type01 .bx-controls{
  padding: 0 0 12% 0;
}

.swiper-container_wrap.type01 .swiper-pagination,
.swiper-container_wrap.type01 .bx-default-pager{
  top: 34px;
}*/

.swiper-container_wrap.type01 .swiper-arrow_wrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
}

.swiper-container_wrap.type01 .swiper-button-prev{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
	background-size: 100% auto;
  width: 40px !important;
  height: 40px !important;
	margin: -20px 0px 0 0 !important;
  top: 50% !important;
  left: 10px !important;
}

.swiper-container_wrap.type01 .swiper-button-next{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-size: 100% auto;
  width: 40px !important;
  height: 40px !important;
	margin: -20px 0px 0 0 !important;
  top: 50% !important;
  right: 10px !important;
}

.swiper-container_wrap.type01 .swiper-arrow_wrap_in{
  position: relative;
  height: 100%;
}

@media all and (max-width: 700px) {
	.swiper-container_wrap.type01 .swiper-button-prev{
		left: 0px !important;
	}
	.swiper-container_wrap.type01 .swiper-button-next{
		right: 0px !important;
	}
}

/* .swiper-container_wrap.type_top .swiper-container */

.swiper-container_wrap.type_top .swiper-container {
  width: 100%;
}

.swiper-container_wrap.type_top .image_block_in{
  padding: 0 0 67% 0;
}


.swiper-container_wrap.type_top .swiper-wrapper{
  z-index: 3; 
}

.swiper-container_wrap.type_top .swiper-arrow_wrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
}

.swiper-container_wrap.type_top .swiper-button-prev{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
	background-size: 100% auto;
  width: 40px !important;
  height: 40px !important;
	margin: -20px 0px 0 0 !important;
  top: 50% !important;
  left: 10px !important;
}

.swiper-container_wrap.type_top .swiper-button-next{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-size: 100% auto;
  width: 40px !important;
  height: 40px !important;
	margin: -20px 0px 0 0 !important;
  top: 50% !important;
  right: 10px !important;
}

.swiper-container_wrap.type_top .swiper-arrow_wrap_in{
  position: relative;
  height: 100%;
}

@media all and (max-width: 700px) {
	.swiper-container_wrap.type_top .swiper-button-prev{
		left: 0px !important;
	}
	.swiper-container_wrap.type_top .swiper-button-next{
		right: 0px !important;
	}
}