@charset "utf-8";
/*swiper*/
.top_swiper{
	height: auto;
	position: relative;	
  width: 100%;
}
.swiper{width: 100%;}
.swiper-slide a:hover{
  opacity: 1 !important;
}
.swiper-slide img {
  height: auto;
  width: 100%;
}
.swiper-pagination{
	bottom: -46px !important;
}
.swiper-button-prev,.swiper-button-next{opacity: 0;}
/* デフォルトのページネーション bullets の色 */
.swiper-pagination-bullet {
  background-color: #FFD022 !important;
  width: 12px !important;
  height: 12px !important;
  margin: 8px !important;
  opacity: 1 !important;
}
/* 選択（アクティブ）されている bullet の色 */
.swiper-pagination-bullet-active {
  background-color: #844500 !important;
  width: 12px !important;
  height: 12px !important;
  margin: 8px !important;
  opacity: 1 !important;
}

/*■WHATページ用の改変■*/
.what_swiper{
  margin:0 auto;
  width: 100%;
  max-width: 1024px;
}
.what_swiper .swiper-slide{
  border: 1px solid #ccc;
  height: auto;
  width: 100%;
}

.what_swiper_wrap{
  display: block;
  position: relative;
  margin: 0 auto;
  width: fit-content;
}
.what_mask_h,.what_mask_m{
  display: block;
  position: absolute;
  top:0;
  left:0;right: auto;
  height: 100%;
  width: auto;
  z-index: 2;
  border-left: 1px solid #FFF;
}
.what_mask_m{
  left:auto;right: 0;
  border-left: none;
  border-right: 1px solid #FFF;
}
@media screen and (max-width: 1025px) {
  .what_swiper_wrap{
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
.what_mask_h,.what_mask_m{
  display: none;
}
.what_swiper_wrap{
  width: 99%;
}
}