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

新生活特集2026 TOP


=================================================*/


.newlife-top-header{
  /* background-color: #fefcf5; */
}

/*
 newlife2026-top-kanban
=================================================*/
.newlife2026-top-kanban{
  width: 100%;
  height: 400px;
  padding-top: 30px;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
  z-index:1;
  overflow: hidden;
  margin-bottom: 16px;
}
.newlife2026-top-kanban .ecm-kanban{
  z-index: 5;
}

.item_wrap_01{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;
  background: url(https://r.r10s.jp/evt/event/season/newlife/2026/_pc/img/top/interior_01_bg.png?v=202601292202) no-repeat top center;
  opacity: 0;
  animation: slideshow 9s infinite linear forwards; animation-delay: 0s;
}
.item_wrap_01 > *{
  flex-shrink: 0;


}
.item_wrap_01 .item_base{
  width: 1920px; 
  height: 100%;
  opacity: 0;
  animation: fade-in 9s infinite linear forwards;
  animation-delay: 0s;
  z-index: 0;
}
.item_wrap_01 .item_01{
  position: absolute;
  top:127px;
  left: calc(50% + 190px);
  width: 383px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
    animation-delay: 0.2s;
  z-index: 1;
}
.item_wrap_01 .item_02{
  position: absolute;
  top:282px;
  right: calc(50% + 359px);
  width: 149px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 0.4s;
  z-index: 2;
}
.item_wrap_01 .item_03{
  position: absolute;
  top:145px;
  right: calc(50% + 200px);
  width: 122px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 0.6s;
  z-index: 1;
}
.item_wrap_01 .item_04{
  position: absolute;
  top:-19px;
  left: calc(50% + 226px);
  width: 105px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 0.8s;
  z-index: 1;
}
.item_wrap_02{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;
  background: url(https://r.r10s.jp/evt/event/season/newlife/2026/_pc/img/top/interior_02_bg.png?v=202601292202) no-repeat top center;
  opacity: 0;
  animation: slideshow 9s infinite linear forwards; animation-delay: 3s;
}
.item_wrap_02 > *{
  flex-shrink: 0;
}
.item_wrap_02 .item_base{
  width: 1920px; 
  height: 100%;

  opacity: 0;
  animation: fade-in 9s infinite linear forwards;
  animation-delay: 3.1s;
  z-index: 1;
}
.item_wrap_02 .item_01{
  position: absolute;
  top:60px;
  left: calc(50% + 446px);
  width: 116px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 3.3s;
  z-index: 2;
}
.item_wrap_02 .item_02{
  position: absolute;
  top:48px;
  left: calc(50% + 264px);
  width: 130px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 3.5s;
  z-index: 0;
}
.item_wrap_02 .item_03{
  position: absolute;
  top:176px;
  right: calc(50% + 211px);
  width: 166px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 3.7s;
  z-index: 2;
}
.item_wrap_02 .item_04{
  position: absolute;
  top:46px;
  right: calc(50% + 329px);
  width: 192px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 3.9s;
  z-index: 2;
}
.item_wrap_03{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;
  background: url(https://r.r10s.jp/evt/event/season/newlife/2026/_pc/img/top/interior_03_bg.png?v=202601292202) no-repeat top center;
  opacity: 0;
  animation: slideshow 9s infinite linear forwards;
  animation-delay: 6s;
}
.item_wrap_03 > *{
  flex-shrink: 0;
}
.item_wrap_03 .item_base{
  width: 1920px; 
  height: 100%;
  opacity: 0;
	animation: fade-in 9s infinite linear forwards;
  animation-delay: 6s;
  z-index: 0;
}
.item_wrap_03 .item_01{
  position: absolute;
  top:138px;
  left: calc(50% + 206px);
  width: 373px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 6.2s;
  z-index: 2;
}
.item_wrap_03 .item_02{
  position: absolute;
  top:272px;
  left: calc(50% + 293px);
  width: 59px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 6.4s;
  z-index: 2;
}
.item_wrap_03 .item_03{
  position: absolute;
  top:136px;
  right: calc(50% + 212px);
  width: 287px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 6.6s;
  z-index: 1;
}
.item_wrap_03 .item_04{
  position: absolute;
  top:25px;
  right: calc(50% + 368px);
  width: 97px;
  opacity:0;
  transform: translateY(-50%);
	animation: bound-anim 9s infinite linear forwards;
  animation-delay: 6.8s;
  z-index: 2;
}

@keyframes bound-anim {
	0% {transform: translateY(-50%); opacity:0;}
	2.5% {transform: translateY(1%); opacity:1;}
	3.25% {transform: translateY(-0.5%);}
	4% {transform: translateY(0%);}
	50% {transform: translateY(0%); opacity:1;}
	60% {transform: translateY(-50%); opacity:0;}
}
@keyframes harf-bound {
	0% {transform: translateY(-30%); opacity: 0;}
	2.5% {transform: translateY(2%); opacity: 1;}
	3.25% {transform: translateY(-1.5%);}
	4% {transform: translateY(0%);}
	50% {transform: translateY(0%);opacity: 1;}
	60% {transform: translateY(-30%); opacity: 0;}
}

@keyframes fade-in {
	0% {opacity: 0;}
	3% {opacity: 1;}
	4% {opacity: 1;}
	50% {opacity: 1;}
	60% {opacity: 0;}
}

@keyframes slideshow {
	0% {opacity:1;}
	33% {opacity:1;}
	35% {opacity:0;}
	66% {opacity:0;}
  100%{opacity: 0;}
}


.h1__image {
  height: 0;
  overflow: hidden;
}

/*
 top_mv_banner
=================================================*/
.ecm-slider.-newlife2026{

}
.ecm-slider.-newlife2026 .ecm-slider-track img{
  /* box-shadow: 0 0 15px rgba(0,0,0,.7); */
}

/*
 top_mv_banner_modal
=================================================*/
.scm-modal-trigger.scm-modal-trigger-static.-newlife2026{
  background: inherit!important;

}
.ecm-modal-content.-newlife2026{border-radius: 8px;}


/*
 newlife2026-scm-anchor-navi
=================================================*/

.newlife2026-scm-anchor-navi .scm-anchor-navi-list{
  background-color: #ffffff;

}
.newlife2026-scm-anchor-navi .scm-anchor-navi-item:not(:first-child):before{
  background-color: #929292;
}
.newlife2026-scm-anchor-navi .scm-anchor-navi-link{
  color: #324757!important;
  font-size: 12px!important;
  line-height: 1.363;
  letter-spacing: -0.04em;
  padding: 8px 8px 5px!important;
}
.newlife2026-scm-anchor-navi .ecm-icon-chevron-down{
  font-weight: bold;
  color: #687e8a;
  margin-top: 2px;
}


/*
-newlife2026-guide-list
=================================================*/
.-newlife2026-guide-list .scm-content-card-guide-header {
  background: #580413;
}
.d-grid-col-2.-newlife2026-guide-list .scm-content-card:nth-child(2) .scm-content-card-guide-header,
.d-grid-col-2.-newlife2026-guide-list .scm-content-card:nth-child(3) .scm-content-card-guide-header,
.d-grid-col-2.-newlife2026-guide-list .scm-content-card:nth-child(6) .scm-content-card-guide-header{
  background: #bb0021;
}


/*
 article_footer
=================================================*/
.scm-page-overview.-newlife2026{

  margin:0  auto;
  background-color: #fff9e3;
  position: relative;
  padding: 40px 80px 42px;
}
.scm-page-overview.-newlife2026 .scm-page-overview-headline{
  color:#4d5759;
}
.scm-page-overview.-newlife2026 .scm-page-overview-text{
  color:#4d5759;
  line-height: 1.5;
  font-size:16px;
}
.guidelist-newlife2026 .scm-commentary-title{color:#111111;}
.guidelist-newlife2026 .scm-commentary-text{
  color: #111111;
  line-height: 1.5;
}
.guidelist-newlife2026 .scm-commentary:not(:last-child){
  border-bottom-color: #ebebeb;
}
.guidelist-newlife2026 .ecm-button{
  background-color: #fff;
  color:#111111!important;
  border-color:#111111;
  border-radius: calc((1.3em + 22px)/ 2);
}
.guidelist-newlife2026 .ecm-button:hover,
.guidelist-newlife2026 .ecm-button:visited{
  background-color: #ffffff;
}
.guidelist-newlife2026 .ecm-button i{
  color:#580413;
  margin-right: 0!important;
}
.guidelist-newlife2026 .ecm-view-more-button{
  background-color: #ffffff;
  color:#111111!important;
  border-color:#111111;
  border-radius: 22px;
}
.guidelist-newlife2026 .ecm-view-more-button i{
  color:#111111;
}