@charset "utf-8";
/*
kanban
======================================================= */
.kanban_wrap{
  position: relative;
  overflow: hidden;
}
.kanban{
  position: relative;
  overflow: hidden;
}
.kanban__image{
  width: 50%;
  height: 470px;
  overflow: hidden;
  margin: 0;
  transform: none;
  /* position: relative; */
}
.kanban_box{
  position: relative;
  display: flex;
  width: 1920px;
  transform: translateX(-50%);
  margin-left: 50%;
  overflow: hidden;
}
/* .kanban_box{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
} */
.kanban__image .kanban_img{
  /* position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 470px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;*/
  opacity: 0;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  /* margin: 0 -12%;
  padding: 0 12%; */
}
.kanban__image .kanban_img._bottom{
  animation-name: fade-bottom;
}
.kanban__image .kanban_img._top{
  animation-name: fade-top;
}
@keyframes fade-top {
  0%{
    z-index:0;
    opacity: 0;
    transform: translateY(35px);
  }
  25%{
    opacity: 0;
    transform: translateY(35px);
  }
  37.5%{
    z-index:1;
    opacity: 1;
    /* transform: translateY(35px); */
  }
  65%{
    opacity: 1;
  }
  100%{
    opacity: 1;
    transform: translateY(-35px);
  }
}
@keyframes fade-bottom {
  0%{
    z-index:0;
    opacity: 0;
    transform: translateY(-35px);
  }
  25%{
    opacity: 0;
    transform: translateY(-35px);
  }
  37.5%{
    z-index:1;
    opacity: 1;
    /* transform: translateY(-35px); */
  }
  65%{
    opacity: 1;
  }
  100%{
    opacity: 1;
    transform: translateY(35px);
  }
}

.kanban_img{
  width: 960px;
  height: 560px;
  top: -35px;
  position: absolute;
}
.kanban__image._left{
  background-image: url(https://r.r10s.jp/evt/event/food/season/winter/2025/_pc/img/top/kanban_img01.jpg);
  background-position: 0px -67px;
  background-size: 100%;
}
.kanban__image._right{
  background-image: url(https://r.r10s.jp/evt/event/food/season/winter/2025/_pc/img/top/kanban_img02.jpg);
  background-position: 0 0;
  background-size: 100%;
}
/* 1枚目のスライド */
.kanban__image._left .kanban_img:first-of-type{
  background-image: url(https://r.r10s.jp/evt/event/food/season/winter/2025/_pc/img/top/kanban_img03.jpg);
  background-size: 100%;
  animation-delay: 4s;
}
/* 2枚目のスライド */
.kanban__image._left .kanban_img:last-of-type{
  background-image: url(https://r.r10s.jp/evt/event/food/season/winter/2025/_pc/img/top/kanban_img01.jpg);
  background-size: 100%;
  animation-delay: 0s;
}
/* 3枚目のスライド */
.kanban__image._right .kanban_img:first-of-type{
  background-image: url(https://r.r10s.jp/evt/event/food/season/winter/2025/_pc/img/top/kanban_img04.jpg);
  background-size: 100%;
  animation-delay: 4s;
}
/* 4枚目のスライド */
.kanban__image._right .kanban_img:last-of-type{
  background-image: url(https://r.r10s.jp/evt/event/food/season/winter/2025/_pc/img/top/kanban_img02.jpg);
  background-size: 100%;
  animation-delay: 0s;
}

/* kanban_logo */
.kanban_logo{
  position: absolute;
  transform: translateX(-50%);
  margin-left: 50%;
  z-index: 10;
  width: 432px;
  height: 243px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}

/*
bnr_area
======================================================= */
.bnr_area{
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
}
.bnr_area .ecm-slider-track li{
  border-radius: 10px;
  overflow: hidden;
}
.bnr_area::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 500%;
  margin: 0 -500%;
  background-color: #870b23;
  background-image: url(https://r.r10s.jp/evt/event/food/season/winter/2025/_pc/img/cmn/bg_paper01.png);
  background-repeat: repeat;
  background-size: 2000px auto;
  background-position: top center;
  z-index: -1;
}
.bnr_area_list li a:hover{
  opacity: .8;
}