@charset "UTF-8";
/*================================================

おせち特集2026 | TOP

=================================================*/
/*------------------------------------------------

main

------------------------------------------------*/
.main[data-layout=toshikoshi] {
  background-image: url(https://r.r10s.jp/evt/event/toshikoshi/2025/_pc/img/cmn/bg_basic.jpg?v=202509301455);
  background-size: 100% auto;
  background-repeat: repeat-y;
}

/*------------------------------------------------

kanban

------------------------------------------------*/
.kanban {
  background-image: url(https://r.r10s.jp/evt/event/toshikoshi/2025/_pc/img/top/kanban-bg.png?v=202509301455), url(https://r.r10s.jp/evt/event/toshikoshi/2025/_pc/img/cmn/bg_basic.jpg?v=202509301455);
  background-size: 1920px auto, 100% auto;
  background-repeat: no-repeat, repeat-y;
  background-position: top center;
}

.top-kanban {
  position: relative;
  background-size: 1920px auto;
  background-repeat: no-repeat;
  background-position: center top;
}
.top-kanban::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 1920px;
  padding-top: 320px;
  background-image: url(https://r.r10s.jp/evt/event/toshikoshi/2025/_pc/img/top/top-kanban-bg.png?v=202509301455);
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: 0;
  animation: top-kanban-bg 2s 0s forwards;
}
.top-kanban .top-kanban-item {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
}

.top-kanban-active .top-kanban-item {
  animation: top-kanban-item 8s 0s infinite;
}
.top-kanban-active .top-kanban-item-1 {
  animation-delay: 0s;
}
.top-kanban-active .top-kanban-item-2 {
  animation-delay: 4s;
}

.h1-image {
  overflow: hidden;
  height: 0;
}

@keyframes top-kanban-bg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes top-kanban-item {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*------------------------------------------------

ecm-search

------------------------------------------------*/
.ecm-search-top {
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #d31111;
}
.ecm-search-top .ecm-search-submit {
  background-color: #d31111;
}

/*------------------------------------------------

top_pagelist[おせち特集ページ一覧]

------------------------------------------------*/
.ecm-view-more-toshikoshi-2025 .scm-commentary-title {
  color: #594b37;
}
.ecm-view-more-toshikoshi-2025 .scm-commentary-button {
  color: #d31111 !important;
  border-color: #d31111;
}

.scm-commentary-more-toshikoshi-2025 {
  border: none;
}/*# sourceMappingURL=top_cnts.css.map */