@charset "utf-8";


/* 動く広告バナー */

.slick-list.dragging { cursor: pointer; cursor: hand; }


.slick-slide { 
  width: 100%;
  height: 100%; 
  min-height: 1px; 
  display: none; 
}
.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }
.slick-dots{
  bottom: -50px;
}
/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }


.js-container--top{
  margin-top: 40px;
  margin-bottom: 40px;
}

.top-mv-slider__inner { 
  position: relative;
  border: 3px solid #333; 
}


@media (min-width: 768px) { 
  .top-mv-slider__inner {
    max-width: 1000px;
    /* padding: 18px; */
    margin: 0 auto;
    width: 96%;
  } 
}

@media (max-width: 767px) { 
  .top-mv-slider-ttl{
  margin: 0 3.125vw;
  }
  
}



.top-mv-slider-items .slick-track { margin-left: 0 !important; margin-right: 0 !important; }

.top-mv-slider-item a { 
  display: flex;
  overflow: hidden; 
  padding: 10px;
}
.top-mv-slider-item__img img{
  width: 100%;
}
.top-mv-slider-item__img { 
  position: relative; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover;
  width: 47%; 
  margin-right: 20px
}
.top-mv-slider-item__img span{
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
  letter-spacing: 1.7px;
  width: 30%;
  text-align: center;
  background-color: rgb(255, 255, 255,0.7);
}

.top-mv-slider-item__cont { 
  padding-top: 3%;
  overflow: hidden;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1.7px;
}
.top-mv-slider-item__cont p{
  margin-bottom: 0;
}
/* animation setting */
.top-mv-slider-item { -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); }

/* slick-current */
.top-mv-slider-item.slick-current { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.slick-current .top-mv-slider-item { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
@media (max-width: 767px) {
  #top-mv{
    width: 90%;
    margin: 0 auto;
  }

  .top-mv-slider-item__cont{
    padding: 20px;
  }
}
@media (max-width: 700px){
  #top-mv{
    width: 96%;
  }
  .top-mv-slider-item a{
    padding: 5px;
  }
.top-mv-slider-item__cont{
  font-size: 13px;
  font-weight: normal;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  letter-spacing: normal;
}
}
@media (max-width: 500px){
  .top-mv-slider-item__cont{
    font-size: 10px;
  }
  .top-mv-slider-item__img{
    /* width: 50%; */
    float:none;
    width:100%;
    margin-right:0;
  }
  .top-mv-slider-item__img span{
    font-size: 10px;
  }
  .js-container--top{
    margin-top: 40px;
    margin-bottom: 30px;
  }
}




 /* 動く広告バナー 終わり*/