.recommend-item{
  opacity: 1;
}
.recommend-item.is-hidden {
  overflow: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
  margin-bottom: 0!important;
}
.list-btn.is-btn-hidden{
  display:none;
}
.list-btn{
  display: block;
  text-align: center;
  width: 100%;
}
.list-btn button{
  background: none!important;
  border: none!important;
  color: rgba(0,0,0,.5);
  display: block;
  width: 100%;
  padding-top: 1rem;
  transition: all .3s;
}
.list-btn button:hover{
  color: rgba(0,0,0,1);
}

/* ループバナー */
.swiper-container-free-mode > .swiper-wrapper{-webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important; }

/* スライドショー */
.main-slide{}
.swiper-slide img{
  width: 100%;
  max-width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 0!important;
}

/* Youtubeレスポンシブ */
.youtube{
  position:relative;
  width:100%;
  padding-top:22.25%;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.swiper-button-white{
  background-color: #000!important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
  font-family: "Font Awesome 5 Pro"!important;
  font-weight: 300;
  content: "\f054"!important;
  color: #fff;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
  font-family: "Font Awesome 5 Pro"!important;
  font-weight: 300;
  content: "\f053"!important;
  color: #fff;
}
.swiper-button-next{ right: 0!important;}
.swiper-button-prev{ left: 0!important;}
.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 1.2rem!important;
}
@media (max-width: 992px) {
  .youtube{padding-top:44.25%;}
  .swiper-button-next,.swiper-button-prev{display: none!important;}
}

.container.brand-list{
  padding-right: .75rem!important;
  padding-left: .75rem!important;
}

/* 動画バナーサンプル */
.bg-video-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 500px;
}
.bg-video-wrap video {
	-webkit-transform: translateX(-50%);
	left: 50%;
	max-height: initial;
	max-width: 200%;
	min-width: 100%;
	min-height: 500px;
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 1;
}
.overlay {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	background-image:
		radial-gradient(#000 35%, transparent 36%),
		radial-gradient(#000 35%, transparent 36%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
	z-index: 2;
}
.bg-video-wrap img{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	z-index: 3;
	max-width: 500px;
}
/* メインビジュアルインナー */
.video-inner{
	position: absolute;
	top: 50%;
	bottom: 50%;
	left: 50%;
	right: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	z-index: 3;
	max-width: 300px;
	width: 300px;
}
h2.video-inner{
  color: #fff!important;
}

.swiper-slide video{
  max-width: 100%!important;
}