@charset "UTF-8";

.sub-title01 {
  padding-left: 0;
}

.st0{
  fill:none;
  stroke:#fff;
  stroke-width:8;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-miterlimit:10;
  enable-background:new;
  stroke-dasharray: 1700;
  stroke-dashoffset: 1700;
  -webkit-animation: dash 2.5s linear forwards;
  animation: dash 2.5s linear forwards;
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}





svg{width: 100;}
.animation-logo {
  width: 240px;
  padding: 0;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 4%;
}
.bg-img {
  width: 100%;
}
/*フェードイン*/
.sample-text1 {
  font-size: 20px;
  font-weight: bold;
  animation-name: fadein;
  animation-duration: .5s;
}
@keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadein1, .fadein2 {
  display: none;
  margin: auto;
}
.fadein1 {
  width: 80%;
}
.fadein2 {
  width: 60%;
}



/*ラインナップ*/

.lineup-title {
  background: url(/assets/images/top/index-bar@2x.png) no-repeat bottom center / auto 2px ;
}
.swiper-custom-parent {
  position: relative;
}
.slider1 , .slider2 , .slider3 {
  position: unset;
  width: 90%;
}
.Bbox-img {
  position: relative;
  height: 250px;
}
.Bbox-img02 {
  position: relative;
  height: 140px;
}
.Bbox-img img , .Bbox-img02 img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.Bbox-img a:hover , .Bbox-img02 a:hover {
  background-color:#FFF;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.Bwrap .swiper-button-next {
  background: url(../images/common/slider-arrow-right@2x.png) no-repeat center center / 25px 25px;
  right: 10px;
  z-index: unset;
}
.Bwrap .swiper-button-next:after {
  display: none;
}
.Bwrap .swiper-button-prev {
  background: url(../images/common/slider-arrow-left@2x.png) no-repeat center center / 25px 25px;
  left: 10px;
  z-index: unset;
}
.Bwrap .swiper-button-prev:after {
  display: none;
}













@media (max-width: 991.98px) {


.fadein1, .fadein2 {
  display: block;
  height: 14px;
}

.animation-logo {
  width: 25%;
}
/*ラインナップ*/
.slider1 {
  position: unset;
  width: 90%;
}
.slider2 {
  position: unset;
  width: 100%;
}
.Bbox-img {
  height: 210px;
}
.Bbox-img02 {
  height: 160px;
}
.Bwrap .swiper-button-prev {
    left: 5px;
    z-index: 2;
}
.Bwrap .swiper-button-next {
    right: 5px;
    z-index: 2;
}
.Bbox-price {
    line-height: 16px;
    text-align: left;
    padding: 0;
    margin-bottom: 10px;
}

.font28 {
  font-size: 28px;
}
.font32 {
  font-size: 32px;
}




}

.slider2 .style-logo {
  transform: translate(0.5rem, 0) scale(0.75);
}
.slider2 .style-logo-background {
  transform: scale(0.56);
}