.section__block--top-page {
  max-width: 1100px;
}

.slider {
  margin-top: 0;
}
.slider .bx-wrapper {
  margin-bottom: 0;
}
.slider .bx-wrapper .bx-caption {
  text-align: center;
  top: 0;
  bottom: auto;
}

#slider img {
  display: block;
  margin: 0 auto;
}

.banner__section {
  margin-top: 2px;
}

.news__lists {
  list-style-type: none;
  margin: 0 0 2em;
}

.news__list {
  margin-bottom: .5em;
}

.news__date {
  margin-right: 1em;
}

.osulive {
  margin-bottom: .5em;
}

/*トップブランドリスト*/

.bland_list_top ul{
  text-align:center;
}

.bland_list_top li{
  display:inline-block;
  margin-bottom:3px;
}
.bland_list_top p{
  text-align:center;
}

.img_wrap{
  overflow: hidden;
  cursor: pointer;
}
.img_wrap span{
  font-family:"MS Pゴシック";
}
.img_wrap img{
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img{
  transform: scale(1.1);
  transition-duration: 0.5s;
}


.youtube-warpper {
    position: relative;
    width: 100%;
  }
  
.youtube-warpper:before {
    content: "";
    display: block;
    padding-top: calc(9 / 16 * 100%);/*アスペクト比 16：9 -> 56.25% */
    overflow: hidden;
  }
  
.youtube-warpper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  
.youtube-warpper-center {
    margin: 30px auto;  /* 中央に配置 */
  }

.viewall{
  margin-top:5px;
}

iframe {
  width: 75%; /* 任意の横幅を指定 */
  height: auto;
  aspect-ratio: 16/9;
}

.cruisers_promo{
  text-align:center;
}


.bland_list_gensen{
  display: flex;
}
.new_item{
  display: inline-block;
  margin:40px 6.5% 0px;
}

@media (max-width: 768px) {
  .new_itemul{
  column-count: 2;
  text-align: center;
  margin:auto;
}
  .new_item{
  display: inline-block;
  margin:auto;
}
  .new_itemli{
  height:280px;
  padding:10px;
}
  .bx-viewport slider{
    text-align:center;
  }
  iframe {
  width: 100%; /* 任意の横幅を指定 */
  height: auto;
  aspect-ratio: 16/9;
}
 
  .arrow span {
  display: block;
  width: 100px;
  height: 2px;
  background-color: #000;
  position: relative;
  transform: scale(0, 1);
  transform-origin: top left;
  animation: arrow01 5s ease-in-out infinite forwards;
}

@keyframes arrow01 {
    0% { transform: scale(0, 1); }
    30% { transform: scale(0, 1); }
    40% { transform: scale(1, 1); }
    85% { transform: scale(1, 1); opacity: 1;}
    90% { transform: scale(1, 1); opacity: 0; }
    100% { transform: scale(1, 1); opacity: 0; }
}
.arrow span::after {
  content: "";
  display: block;
  width: 8px;
  height: 15px;
  border-right: 2px solid #000;
  transform: rotate(-45deg) scale(1, 0);
  transform-origin: right bottom;
  position: absolute;
  bottom: 2px;
  right: 1px;
  animation: arrow02 5s ease-in-out infinite forwards;
}
@keyframes arrow02 {
    0% { transform: rotate(-45deg) scale(1, 0); }
    45% { transform: rotate(-45deg) scale(1, 0); }
    55% { transform: rotate(-45deg) scale(1, 1); }
    85% { transform: rotate(-45deg) scale(1, 1); opacity: 1;}
    90% { transform: rotate(-45deg) scale(1, 1); opacity: 0; }
    100% { transform: rotate(-45deg) scale(1, 1); opacity: 0; }
}
@media (min-width: 768px) {
  .new_itemul{
  column-count: 3;
  text-align: center;
  max-width:400px;
}
  .new_item{
  display: inline-block;
  margin:40px 25% 0px;
}
  .new_itemli{
  height:280px;
  padding:10px;
  }
iframe {
  width: 100%; /* 任意の横幅を指定 */
  height: auto;
  aspect-ratio: 16/9;
}

@media (max-width: 980px) {
  .new_itemul{
  column-count: 4;
  text-align: center;
  margin:auto;
}
  .new_item{
  display: inline-block;
  margin:auto;
  padding:10px;
}
  .new_itemli{
  height:280px;
}
iframe {
  width: 100%; /* 任意の横幅を指定 */
  height: auto;
  aspect-ratio: 16/9;
}

.banner-list__unit span  {
  margin-top:10px;
  }
 
  .arrow span {
  display: block;
  width: 100px;
  height: 2px;
  background-color: #000;
  position: relative;
  transform: scale(0, 1);
  transform-origin: top left;
  animation: arrow01 3s ease-in-out infinite forwards;
  float:right;
}

  .txt-hide{
display: none;
}

button.more {
width: 120px;
margin: 20px auto;
display: block;
background-color: #666;
color: #fff;
padding:10px 15px;
border: none;
outline: 0;
transition: .5s;
-erbkit-transition: .5s;
}
 

  
@keyframes arrow01 {
    0% { transform: scale(0, 1); }
    30% { transform: scale(0, 1); }
    40% { transform: scale(1, 1); }
    85% { transform: scale(1, 1); opacity: 1;}
    90% { transform: scale(1, 1); opacity: 0; }
    100% { transform: scale(1, 1); opacity: 0; }
}
.arrow span::after {
  content: "";
  display: block;
  width: 8px;
  height: 15px;
  border-right: 2px solid #000;
  transform: rotate(-45deg) scale(1, 0);
  transform-origin: right bottom;
  position: absolute;
  bottom: 2px;
  right: 1px;
  animation: arrow02 3s ease-in-out infinite forwards;
}
@keyframes arrow02 {
    0% { transform: rotate(-45deg) scale(1, 0); }
    45% { transform: rotate(-45deg) scale(1, 0); }
    55% { transform: rotate(-45deg) scale(1, 1); }
    85% { transform: rotate(-45deg) scale(1, 1); opacity: 1;}
    90% { transform: rotate(-45deg) scale(1, 1); opacity: 0; }
    100% { transform: rotate(-45deg) scale(1, 1); opacity: 0; }
}

/* 新着商品レイアウト */

.new_item{
  display: inline-block;
  margin:40px 5% 0px;
}

.new_itemul{
  column-count: 6;
  text-align: center;
  max-width:1110px;
}

.new_itemli{
  height:280px;
}

.new_itemli span{
  display: block;
}

.new_itemli a{
  color:#000000;
}


@media (max-width: 768px) {
  .new_itemul{
  column-count: 2;
  text-align: center;
  margin:auto;
}
  .new_item{
  display: inline-block;
  margin:auto;
}
  .new_itemli{
  height:280px;
  padding:10px;
}
  .bx-viewport slider{
    text-align:center;
  }
  
@media (min-width: 768px) {
  .new_itemul{
  column-count: 3;
  text-align: center;
  max-width:400px;
}
  .new_item{
  display: inline-block;
  margin:40px 25% 0px;
}
  .new_itemli{
  height:280px;
  padding:10px;
}
  .viewall_button{
    max-width:75%;
    height:auto;
  }
    

@media (max-width: 980px) {
  .new_itemul{
  column-count: 4;
  text-align: center;
  margin:auto;
}
  .new_item{
  display: inline-block;
  margin:auto;
  padding:10px;
}
  .new_itemli{
  height:280px;
}


.banner-list__unit span  {
  margin-top:10px;
  }

 .viewall_button{
    max-width:75%;
    height:auto;
  }