.osechi2026 {
  background-image: url(https://shop.yabaton.jp/img/lp/osechi2026/bg02.png);
  background-repeat: repeat;
  background-size: contain;
  background-position: center;
}
.osechi2026__header-inner {
  position: relative;
  width: 85%;
  max-width: 1025px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .osechi2026__header-inner {
    width: 90%;
  }
}
.osechi2026__header-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.osechi2026__header-area img {
  width: 100%;
}
.osechi2026__header-contents {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 5%;
}
@media only screen and (max-width: 767px) {
  .osechi2026__header-contents {
    padding-top: 9%;
  }
}
.osechi2026__header-contents .fadein-next {
  opacity: 0;
  transform: translateY(30%);
  animation-name: info-animation;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
  animation-delay: 0.8s;
  margin-bottom: 30px;
  width: 37.3%;
  max-width: 380px;
}
@media only screen and (max-width: 767px) {
  .osechi2026__header-contents .fadein-next {
    width: 60.3%;
    margin-bottom: 4%;
  }
}
.osechi2026__header-contents img {
  display: block;
  margin-left: auto;
  width: 29.5%;
  max-width: 301px;
}
@media only screen and (max-width: 767px) {
  .osechi2026__header-contents img {
    width: 48.5%;
  }
}
.osechi2026__section01 {
  background-image: url(https://shop.yabaton.jp/img/lp/osechi2026/bg01-pc.png);
  background-repeat: repeat;
  background-position: center;
  background-size: cover;
  margin-top: -15%;
}
@media only screen and (max-width: 767px) {
  .osechi2026__section01 {
    background-image: url(https://shop.yabaton.jp/img/lp/osechi2026/bg01-sp.png);
    margin-top: -30%;
  }
}
.osechi2026__section01-inner {
  width: 85%;
  max-width: 1025px;
  margin: auto;
  padding-top: 15%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .osechi2026__section01-inner {
    width: 90%;
    padding-top: 30%;
  }
}
.osechi2026__section01-inner .fadein-next {
  opacity: 0;
  transform: translateY(30%);
  animation-name: info-animation;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
  animation-delay: 0.8s;
  margin-bottom: 30px;
  position: sticky;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .osechi2026__section01-inner .fadein-next {
    margin-bottom: 3%;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}
.osechi2026__section01-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35.5%;
}
@media only screen and (max-width: 767px) {
  .osechi2026__section01-bg {
    top: 56%;
    width: 40%;
  }
}
.osechi2026__section02-inner {
  width: 90%;
  max-width: 1090px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .osechi2026__section02-inner {
    width: 80%;
  }
}
.osechi2026__section02-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  width: 90%;
  max-width: 1090px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .osechi2026__section02-title {
    width: 90%;
    margin: auto;
    gap: 5px;
  }
}
.osechi2026__section02 .left-side {
  animation-name: LaftAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.1s;
  opacity: 0;
}
.osechi2026__section02-label {
  background-color: #231815;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 40px;
  border-radius: 0 40px 40px 0;
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .osechi2026__section02-label {
    padding-right: 7%;
    padding-top: 1%;
    padding-bottom: 1%;
  }
}
.osechi2026__section02-label::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 100%;
  top: 0;
  left: -200%;
  background-color: #231815;
  z-index: 9;
}
.osechi2026__section02-contents {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .osechi2026__section02-contents {
    margin-top: 7%;
  }
}
.osechi2026__section02-list {
  display: flex;
  gap: 5%;
}
.osechi2026__section02-list-sp li img {
  display: block;
  width: 80%;
}
.osechi2026__section02-list-sp li:nth-child(2n) img {
  margin: 0 auto 5%;
  width: 100%;
}
.osechi2026__section02-btn {
  margin-top: 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10%;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .osechi2026__section02-btn {
    flex-direction: column;
    margin-bottom: 8%;
    margin-top: 16%;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .osechi2026__section02-btn a {
    width: 100%;
    margin-bottom: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .osechi2026__section02-btn a:last-child {
    margin-bottom: 0;
  }
}
.osechi2026__section02-btn a img {
  width: 100%;
}
.osechi2026__section02 .fadein-next {
  opacity: 0;
  transform: translateY(30%);
  animation-name: info-animation;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
  animation-delay: 0.8s;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .osechi2026__section02 .fadein-next {
    margin-bottom: 5%;
  }
}
.osechi2026__footer img {
  width: 100%;
}

#osechi2026 #sysWrap {
  margin-top: 73px !important;
  margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  #osechi2026 #sysWrap {
    margin-top: 70px !important;
  }
}
@media only screen and (max-width: 767px) {
  #osechi2026 #sysWrap {
    margin-top: 70px !important;
  }
}