@charset "UTF-8";

.swiper-button-disabled{
  display: none !important;
}


.swiper-wrapper{
  flex-wrap: nowrap !important;
  -webkit-flex-wrap: nowrap !important;
  margin: 0 !important;
}

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

.swiper-container_wrap .cms_list_area .cms_list{
  padding: 0 !important;
}

.swiper-container_wrap .cms_list_area .cms_list_in{
  padding: 0 !important;
}


.swiper-container_wrap .arrow_obj{
  width: 100% !important;
}

.normal .swiper-container_wrap .arrow_obj_wrap:hover .arrow_obj:before,
.normal .swiper-container_wrap .arrow_obj_wrap:hover .arrow_obj:after{
  background-color: #cccccc;
}

.swiper-container_wrap .arrow_obj_wrap{
  width: 100%;
}


/* sp */

.swiper-pagination_wrap{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 27px;
}

.swiper-pagination{
  position: relative;
  line-height: 0;
  text-align: center;
  width: 100%;
  padding: 0 0 0 0;
  z-index: 3;
}

.swiper-pagination .swiper-pagination-bullet{
  width: 6px;
  height: 6px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #9b9b9b;
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
  margin: 0 10px 0 0;
}

.swiper-pagination .swiper-pagination-bullet:last-child{
  margin: 0;
}

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

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

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

.swiper-container_wrap.type_top{
  padding: 0 0px;
}

.swiper-container_wrap.type_top .swiper-container{
}

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

.swiper-container_wrap.type_top .swiper_arrow_wrap{
  position: absolute;
  bottom: 40px;
  right: 40px;
	mix-blend-mode: difference;
}

.swiper-container_wrap.type_top .swiper_arrow_wrap_in{
  width: 40px;
  height: 12px;
  position: relative;
}

.swiper-container_wrap.type_top .swiper-button-prev,
.swiper-container_wrap.type_top .swiper-button-next{
  background-image: none !important;
  height: auto;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 0%;
  overflow:  hidden;
  white-space: nowrap;
  text-indent: 200%;
  margin: 0 !important;
}

.swiper-container_wrap.type_top .swiper-button-prev{
  left: 0px;
}

.swiper-container_wrap.type_top .swiper-button-next{
  right: 0px;
}

.swiper-container_wrap.type_top .swiper-button-prev:before,
.swiper-container_wrap.type_top .swiper-button-next:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 12px;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background: url(../img/template/slide_arrow02-32@2x.png) no-repeat;
  background-size: 100% auto;
}


.edge .swiper-container_wrap.type_top .swiper-button-prev:before,
.edge .swiper-container_wrap.type_top .swiper-button-next:before
.ie .swiper-container_wrap.type_top .swiper-button-prev:before,
.ie .swiper-container_wrap.type_top .swiper-button-next:before{
	background: url(../img/template/slide_arrow01-32@2x.png) no-repeat;
  background-size: 100% auto;
}

.swiper-container_wrap.type_top .swiper-button-next:before{
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}


@media screen and (max-width: 700px) {
  .swiper-container_wrap.type_top .swiper_arrow_wrap{
    display: none;
  }
}


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

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

.swiper-container_wrap.type01{
  padding: 0 0px;
}

.swiper-container_wrap.type01 .swiper-container{
}

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

/*
.swiper-container_wrap.type01 .swiper-slide img{
  max-width: none;
  width: 100%;
}*/

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

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

.swiper-container_wrap.type01 .swiper-button-prev,
.swiper-container_wrap.type01 .swiper-button-next{
  background-image: none !important;
  height: auto;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  overflow:  hidden;
  white-space: nowrap;
  text-indent: 200%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #000000;
  background-color: #ffffff;
}

.swiper-container_wrap.type01 .swiper-button-prev{
  left: 10px;
}

.swiper-container_wrap.type01 .swiper-button-next{
  right: 10px;
}

.swiper-container_wrap.type01 .swiper-button-prev:before,
.swiper-container_wrap.type01 .swiper-button-next:before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -3.5px;
  width: 7px;
  height: 12px;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background: url(../img/template/slide_arrow01-32@2x.png) no-repeat;
  background-size: 100% auto;
}


.swiper-container_wrap.type01 .swiper-button-next:before{
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}

/* pad以下 */
@media screen and (max-width: 950px) {
  .swiper-container_wrap.type01{
  }
}

/* pad */
@media screen and (max-width: 700px) {
  .swiper-container_wrap.type01{
    padding: 0;
  }
}

/* sp */
@media screen and (max-width: 700px) {
  .swiper-container_wrap.type01 .swiper-button-prev{
    left: -20px !important;
  }
  .swiper-container_wrap.type01 .swiper-button-next{
    right: -20px !important;
  }
}


/*
------------------------------------ .swiper-container_wrap.fade_type ------------------------------------
*/

.swiper-container_wrap.type_fade{
  cursor: pointer;
}
.swiper-container_wrap.type_fade .swiper-container,
.swiper-container_wrap.type_fade .swiper-wrapper{
  /*position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;*/
}

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