@charset "utf-8";

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

ecm-floating[ecm]

-----------------------------------------------*/
.ecm-floating-top {
  width: 100vw;
  height: 64px;
  background-color: #7d001a;
}
.ecm-floating-top .ecm-floating-top-container {
  height: 100%;
}
.ecm-floating-top .ecm-search {
  border: none;
  height: 50px;
  flex: 1 0 auto;
  margin-right: 32px;
}
.ecm-floating-top .ecm-search .ecm-search-submit {
  width: 58px;
  background-color: transparent;
}
.ecm-floating-top .ecm-search .ecm-icon-search {
  font-size: 32px;
  color: #7d001a;
}

#floatingBanner > div {
  position: relative;
}
#floatingBanner > div > span {
  position: absolute;
  right: -4px;
  top: -12px;
}
#floatingBanner .ecm-icon-close {
  cursor: pointer;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1.25px 6px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  background-color: #fff;
}

.ecm-floating-bottom {
  border-top: 2px solid #7d001a;
  width: 100%;
  background-color: #fff;
}
.ecm-floating-bottom .ecm-floating-bottom-container {
  max-width: 960px;
  margin: 0 auto;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor {
  position: relative;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor:hover {
  text-decoration: none;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(1) {
  background-color: #fff7b2;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(2) {
  background-color: #ffcfdc;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(3) {
  background-color: #fcdab9;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(4) {
  background-color: #d2f5fc;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor-inner-text {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: bold;
  font-family: RakutenSansJP2_W-Bold;
  color: #333333;
  font-size: 15px;
  height: 78px;
  position: relative;
  z-index:1;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor-inner-text .em {
  /* font-size: 20px; */
  color:#bf0000;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(4)  .ecm-icon-chevron-down{
  color: transparent;
  font-size: 18px;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(4):after{
  position: absolute;
  right: 4px;
  bottom: 4px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent #9b0020 #9b0020 transparent;
}

.ecm-floating-bottom .ecm-floating-bottom-anchor-inner-icon {
  height: 40px;
}
.ecm-floating-bottom .ecm-floating-bottom-anchor-inner-icon [class^=ecm-icon-] {
  position: absolute;
  right: 16px;
  bottom: -16px;
  font-size: 86px;
}

.ecm-floating-bottom .ecm-floating-bottom-anchor-inner-icon svg{
    position: absolute;
  right: 16px;
  bottom: -16px;
  width: 86px;
  height: 86px;
}

.ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(1) .ecm-floating-bottom-anchor-inner-icon [class^=ecm-icon-]{
  color: #ffe760;
}
/* .ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(2) .ecm-floating-bottom-anchor-inner-icon [class^=ecm-icon-]{
  color: #ffb0c9;
} */
.ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(2) .ecm-floating-bottom-anchor-inner-icon svg{
filter: brightness(0) saturate(100%) invert(85%) sepia(25%) saturate(1200%) hue-rotate(295deg) brightness(108%) contrast(105%);
}
.ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(3) .ecm-floating-bottom-anchor-inner-icon [class^=ecm-icon-]{
  color: #fcc098;
}
/* .ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(4) .ecm-floating-bottom-anchor-inner-icon [class^=ecm-icon-]{
  color: #94d6e8;
} */
.ecm-floating-bottom .ecm-floating-bottom-anchor:nth-child(4) .ecm-floating-bottom-anchor-inner-icon svg{
filter: brightness(0) saturate(100%) invert(89%) sepia(63%) saturate(7499%) hue-rotate(166deg) brightness(93%) contrast(96%);
}

.ecm-floating-bottom.invisible .ecm-floating-bottom-anchor-inner-text {
  display: none;
}
.ecm-floating-bottom.invisible .ecm-floating-bottom-anchor-inner-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.floating-noentry {
  opacity: 0;
  transition: 0.5s;
  display: none;
}

.floating-noentry.is-active {
  opacity: 1;
  display: block;
}

.floating-entered {
  opacity: 0;
  transition: 0.5s;
  display: none;
}

.floating-entered.is-active {
  opacity: 0;
  display: block;
  animation: fadeInAnimation 0.5s ease-in-out forwards;
  animation-delay: 0.5s;
  z-index: 1000;
  position: relative;
}

@keyframes fadeInAnimation {
  to {
    opacity: 1;
  }
}

/*
 kanban[data-layout="normal"]
============================================ */
.kanban[data-layout="normal"]{
  width: 100%;
  min-width:1024px;
  max-width:1920px;
  margin: 0 auto;
  height:660px;
  position: relative;
  overflow:hidden;
}
.kanban[data-layout="normal"]::before{
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/kanban_bg-behind.png) no-repeat center top;
  position: absolute;
  z-index:-3;
}
.kanban[data-layout="normal"]::after{
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/kanban_bg_front.png) no-repeat center top;
  z-index:-1;
  position: absolute;
}
.kanban[data-layout="normal"] .kanban__animation img,
.kanban[data-layout="normal"] .kanban__title img{
  margin-left: 50%;
  transform:translateX(-50%);
}
.kanban[data-layout="normal"] .kanban__animation{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index:-2;
}
.kanban[data-layout="normal"] .kanban__animation .kanban__animation-light{
  position: absolute;
  top: 0;
  left: 0;
  z-index:-1;
}
.kanban[data-layout="normal"] .kanban__animation .kanban__animation-player{
  position: absolute;
  top: 0;
  left: 0;
}
.kanban[data-layout="normal"] .kanban__condition{
  position: absolute;
  z-index:1;
  width:630px;
  height: 91px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 7px;
  bottom:21px;
  left: 50%;
  transform:translateX(-50%);
  border-radius: 8px;
  border:solid 1px #870011;
  box-sizing: border-box;
}
.kanban[data-layout="normal"] .kanban__condition-icon{
  position: absolute;
  width: 159px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  background-color: #8a0139;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  color: #fff;
  left: 50%;
  top: -15px;
  transform:translateX(-50%);
}
.kanban[data-layout="normal"] .kanban__condition-text{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3545;
  color: #8a0139;
  text-align: center;
}
.kanban[data-layout="normal"] .kanban__condition-text > span{font-size: 15px;}
.kanban[data-layout="normal"] .kanban__condition-notice{
  font-size: 16px;
  text-align: center;
  color: #333;
}
.kanban__copy{
  position: absolute;
  width:630px;
  bottom:3px;
  left: 50%;
  transform:translateX(-50%);
}
.kanban__copy img{
  display: block;
  width: 103px;
  height: 12px;
  margin-left: auto;
}
.kanban__period{
  margin-bottom: 16px;
}
.kanban__period-text{
  font-size: 18px;;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.04em;
  margin-bottom: 12px;
  color: #3b1625;
}
.kanban__campaign-anchor{text-align: center;}
.kanban__campaign-anchor > a{font-size:15px; padding: 0 2em;}
.kanban__campaign-anchor > a +a{border-left: 1px solid #333333;}
.kanban__campaign-anchor > a:hover{text-decoration: underline;}

/*
 kanban[data-layout="victory"]
======================================================= */
.kanban[data-layout="victory"]{
  width: 100%;
  min-width:1024px;
  max-width:1920px;
  margin: 0 auto;
  height:660px;
  position: relative;
  overflow:hidden;
}
.kanban[data-layout="victory"] .kanban__animation img,
.kanban[data-layout="victory"] .kanban__title img{
  margin-left: 50%;
  transform:translateX(-50%);
}

/* .kanban[data-layout="victory"]::before{
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/victory/victory_bg-behind.jpg) no-repeat center top;
  position: absolute;
  z-index:-3;
}
.kanban[data-layout="victory"]::after{
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/victory/victory_bg_front.png) no-repeat center top;
  z-index:-1;
  position: absolute;
} */
.kanban[data-layout="victory"] .victory__animation{
  width: 824px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform:translateX(-50%);
  z-index:-2;
}
.kanban[data-layout="victory"] .victory__v01,
.kanban[data-layout="victory"] .victory__v02{
  position: absolute;
  width: 216px;
  top: 360px;
  left: 259px;
  opacity:0;
}
.kanban[data-layout="victory"] .victory__v01{animation:victory-fadeIn-v01 2.16s linear 0s normal forwards;}
.kanban[data-layout="victory"] .victory__v02{animation:victory-fadeIn-v02 2.16s linear 0s normal forwards;}
.kanban[data-layout="victory"] .victory__v03{
  position: absolute;
  width: 389px;
  top: 194px;
  left: 183px;
  opacity:0;
  animation:victory-fadeIn-v03 2.16s linear 0s normal forwards;
}
.kanban[data-layout="victory"] .victory__date{
  position: absolute;
  width: 128px;
  top: 65px;
  right: 16px;
  opacity:0;
  transform:scale(1.5);
  animation:victory-fadeIn-date 0.4s linear 2.83s normal forwards;
}
.kanban[data-layout="victory"] .victory__logo{
  position: absolute;
  width: 715px;
  top: 8px;
  left:-15px;
  opacity:0;
  animation:victory-fadeIn-condition 0.46s linear 2.3s normal forwards;
}
.kanban[data-layout="victory"] .victory__yamawake{
  position: absolute;
  width: 790px;
  top: 176px;
  left: 17px;
  opacity:0;
  animation:victory-fadeIn-yamawake 0.56s linear 2.5s normal forwards;
}
.kanban[data-layout="victory"] .victory__player{
  position: absolute;
  width: 110%;
  bottom: 25px;
  left: -50px;
  opacity:0;
  animation:victory-fadeIn-player 0.43s linear 2.8s normal forwards;
}
.kanban[data-layout="victory"] .kanban__condition{
  position: absolute;
  z-index:1;
  width:630px;
  height: 91px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 7px;
  bottom:21px;
  left: 50%;
  transform:translateX(-50%);
  border-radius: 8px;
  border:solid 1px #870011;
  box-sizing: border-box;
}
.kanban[data-layout="victory"] .kanban__condition-icon{
  position: absolute;
  width: 159px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  background-color: #8a0139;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  color: #fff;
  left: 50%;
  top: -15px;
  transform:translateX(-50%);
}
.kanban[data-layout="victory"] .kanban__condition-text{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3545;
  color: #8a0139;
  text-align: center;
}
.kanban[data-layout="victory"] .kanban__condition-text > span{font-size: 15px;}
.kanban[data-layout="victory"] .kanban__condition-notice{
  font-size: 16px;
  text-align: center;
  color: #333;
}
.kanban[data-layout="victory"] .victory__lightL{
  position: absolute;
  width:86px;
  z-index:1;
  opacity:0;
  animation:victory-fadeIn-light 0.6s linear 3s normal forwards;
}
.kanban[data-layout="victory"] .victory__lightL > img{
  display: block;
  width: 100%;
}
.kanban[data-layout="victory"] .victory__lightM{
  position: absolute;
  width: 56px;
  z-index:1;
  opacity:0;
  animation:victory-fadeIn-light 0.6s linear 3s normal forwards;
}
.kanban[data-layout="victory"] .victory__lightM > img{
  display: block;
  width: 100%;
}
.kanban[data-layout="victory"] .victory__lightS{
  position: absolute;
  width: 43px;
  z-index:1;
  opacity:0;
  animation:victory-fadeIn-light 0.6s linear 3s normal forwards;
}
.kanban[data-layout="victory"] .victory__lightS > img{
  display: block;
  width: 100%;
}
.kanban[data-layout="victory"] .victory__lightL._01{
  top: 169px;
  left: 16px;
}
.kanban[data-layout="victory"] .victory__lightL._02{
  top: 346px;
  right: -347px;
}
.kanban[data-layout="victory"] .victory__lightL._03{
  top: 80px;
  left: -385px;
}
.kanban[data-layout="victory"] .victory__lightL._04{
  top: 9px;
  right: 59px;
}
.kanban[data-layout="victory"] .victory__lightM._01{
  top: 138px;
  right: -89px;
}
.kanban[data-layout="victory"] .victory__lightM._02{
  top: 437px;
  left: -306px;
}
.kanban[data-layout="victory"] .victory__lightM._03{
  top: 455px;
  right: -85px;
}
.kanban[data-layout="victory"] .victory__lightM._04{
  top: 50px;
  right: -261px;
}
.kanban[data-layout="victory"] .victory__lightM._05{
  top: 72px;
  right:229px;
}
.kanban[data-layout="victory"] .victory__lightM._06{
  top: 277px;
  right: 259px;
}
.kanban[data-layout="victory"] .victory__lightM._07{
  top: 408px;
  left: -111px;
}
.kanban[data-layout="victory"] .victory__lightM._08{
  top: 251px;
  left: -450px;;
}
.kanban[data-layout="victory"] .victory__lightM._09{
  top: 61px;
  left:-133px;
}
.kanban[data-layout="victory"] .victory__lightS._01{
  top: 9px;
  left:125px;
}
.kanban[data-layout="victory"] .victory__lightS._02{
  top: 72px;
  left:241px;
}
.kanban[data-layout="victory"] .victory__lightS._03{
  top: 221px;
  right:-453px;
}
.kanban[data-layout="victory"] .victory__lightS._04{
  top: 180px;
  right:94px;
}
.kanban[data-layout="victory"] .victory__lightS._05{
  top: 301px;
  left: -211px;
}
.kanban[data-layout="victory"] .victory__lightS._06{
  top: 336px;
  right:-205px;
}
.kanban[data-layout="victory"] .victory__lightS._07{
  top: 204px;
  left:-76px;
}

/* animation */
@keyframes victory-fadeIn-v01 {
  0% {
    opacity: 0;
    transform:translateX(0) scale(3.5);
  }
  20% {
    opacity: 1;
    transform:translateX(0) scale(1.0);
  }
  32.3% {
    opacity: 1;
    transform:translateX(0) scale(1.0);
    transform-origin:left!important;
  }
  38.5% {
    opacity: 1;
    transform:translateX(-117px) scale(1.0);
    transform-origin:left!important;
  }
  81.53% {
    opacity: 1;
    transform:translateX(-117px) scale(1.0);
    transform-origin:left top!important;
  }
  100% {
    opacity: 0;
    transform:translateX(-412px) scale(3.5);
    transform-origin:left top!important;
  }
}
@keyframes victory-fadeIn-v02 {
  0% {
    opacity: 0;
    transform:translateX(0) scale(1.0);
    transform-origin:right!important;
  }
  20% {
    opacity: 0;
    transform:translateX(0) scale(1.0);
    transform-origin:right!important;
  }
  32.2% {
    opacity: 0;
    transform:translateX(0) scale(1.0);
    transform-origin:right!important;
  }
  32.3% {
    opacity: 1;
    transform:translateX(0) scale(1.0);
    transform-origin:right!important;
  }
  38.5% {
    opacity: 1;
    transform:translateX(117px) scale(1.0);
    transform-origin:right!important;
  }
  81.53% {
    opacity: 1;
    transform:translateX(117px) scale(1.0);
    transform-origin:right top!important;
  }
  100% {
    opacity: 0;
    transform:translateX(412px) scale(3.5);
    transform-origin:right top!important;
  }
}
@keyframes victory-fadeIn-v03 {
  0% {
    opacity: 0;
    transform:translateY(0) scale(3.5);
  }
  44.61% {
    opacity: 0;
    transform:translateY(0) scale(3.5);
  }
  52.3% {
    opacity: 1;
    transform:translateY(0) scale(0.8);
  }
  55.38% {
    opacity: 1;
    transform:translateY(0) scale(1.0);
  }
  81.53% {
    opacity: 1;
    transform:translateY(0) scale(1.0);
    transform-origin:top!important;
  }
  100% {
    opacity: 0;
    transform:translateY(-412px) scale(3.5);
    transform-origin:top!important;
  }
}
@keyframes victory-fadeIn-logo {
  0% {
    opacity: 0;
    transform:scale(2.0);
  }
  100% {
    opacity: 1;
    transform:scale(1.0);
  }
}
@keyframes victory-fadeIn-yamawake {
  0% {
    opacity: 0;
    transform:translateY(calc(50/750*100vw));
  }
  100% {
    opacity: 1;
    transform:translateY(0);
  }
}
@keyframes victory-fadeIn-player {
  0% {
    opacity: 0;
    transform:translateY(calc(54/750*100vw));
  }
  92% {
    opacity: 1;
    transform:translateY(calc(-10/750*100vw));
  }
  100% {
    opacity: 1;
    transform:translateY(0);
  }
}
@keyframes victory-fadeIn-date {
  0% {
    opacity: 0;
    transform:scale(1.5);
  }
  1% {
    opacity: 1;
    transform:scale(1.5);
  }
  92% {
    opacity: 1;
    transform:scale(0.7);
  }
  100% {
    opacity: 1;
    transform:scale(1.0);
  }
}
@keyframes victory-fadeIn-condition {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes victory-fadeIn-light {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*
 con
============================================ */
.con._01{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/con01_bg.png) no-repeat center top #fcf7cc;
}
.con._02{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/con02_bg.png) no-repeat center top #fcf7cc;
}
.con._osusume{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2026/_pc/img//con_osusume_bg.png) no-repeat center top #ffdc74;
}
.con._keyword{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/con02_bg.png) no-repeat center top #fff;
}
.con._03{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/con03_bg.png) no-repeat center top #eeccd5;
}
.con._04{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/con04_bg.png) no-repeat center top #ffdab5;
}
.con._wallpaper{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2026/_pc/img/con_wallpaper_bg.png) no-repeat center top #ffdab5;
}
.campaign{
  width:960px;
  height:150px;
  text-align: center;
  position: relative;
}
.campaign > img{
  width: 143px;
  height: 121px;
  position: absolute;
  top: 36px;
  left: 50%;
  transform:translateX(-50%);
}
.con._01 .campaign{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/campaign01_bg.png) no-repeat left top;
  height:150px;
}
.con._02 .campaign{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/campaign02_bg.png) no-repeat left top;
  height:150px;
}
.con._osusume .campaign{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2026/_pc/img/campaign_osusume_bg.png) no-repeat left top;
  height:150px;
}
.con._keyword .campaign{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2026/_pc/img/campaign_keyword_bg.png) no-repeat left top;
  height:150px;
}
.con._03 .campaign{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/campaign03_bg.png) no-repeat left top;
  height:150px;
}
.con._04 .campaign{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/campaign04_bg.png) no-repeat left top;
  height:150px;
  margin-bottom: 41px;
}
.con._wallpaper .campaign{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2026/_pc/img/campaign_wallpaper_bg.png) no-repeat left top;
  height:150px;
  margin-bottom: 41px;
}
.con._05 .campaign{
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/campaign05_bg.png) no-repeat left top;
  height:150px;
  margin-bottom: 41px;
}
.contents__period{margin-bottom:52px;}
.contents__period-text{
  font-size: 18px;;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.04em;
  margin-bottom: 14px;
  color: #3b1625;
}
.contents__campaign-anchor{text-align: center;}
.contents__campaign-anchor > a{font-size:15px;padding: 0 2em;}
.contents__campaign-anchor > a +a{border-left: 1px solid #333333;}
#anc03 .contents__campaign-anchor > a{
  font-size: 18px;
  text-decoration: underline;
}
.contents__campaign-anchor > a:hover{text-decoration: underline;}


/*
 js-scroll-anime
============================================ */
.con .js-scroll-anime{
  position: relative;
  margin-bottom: 40px;
  margin-top: -33px;
  width: 960px;
  height: 154px;
}
.con._keyword .js-scroll-anime{
  margin-bottom: 40px;
}
.con._03 .js-scroll-anime{
  margin-bottom: 40px;
}
.con .js-scroll-anime .con__title,
.con .js-scroll-anime .con__mascot{
  opacity:0;
}
.con .js-scroll-anime .con__title{
  position: absolute;
  width:960px;
  left: 0;
}
.con._01 .js-scroll-anime .con__title{
  top: 51px;
}
.con._02 .js-scroll-anime .con__title{
  top: 50px;
}
.con._osusume .js-scroll-anime .con__title{
  top: 50px;
}
.con._keyword .js-scroll-anime .con__title{
  top: 50px;
}
.con._03 .js-scroll-anime .con__title{
  top: 50px;
}
.con._04 .js-scroll-anime .con__title{
  top: 5px;
}
.con._wallpaper .js-scroll-anime .con__title{
  top: 5px;
}
.con._01 .js-scroll-anime .con__mascot{
  position: absolute;
  width:218px;
  height:156px;
  top:0;
  right:117px;
}
.con._02 .js-scroll-anime .con__mascot{
  position: absolute;
  width:190px;
  height:166px;
  top:0;
  right:117px;
}
.con._osusume .js-scroll-anime .con__mascot{
  position: absolute;
  width:203px;
  height:150px;
  top:0;
  right:117px;
}
.con._keyword .js-scroll-anime .con__mascot{
  position: absolute;
  width:198px;
  height:146px;
  top:0;
  right:117px;
}
.con._03 .js-scroll-anime .con__mascot{
  position: absolute;
  width:194px;
  height:167px;
  top:0;
  right:117px;
}
.con._04 .js-scroll-anime .con__mascot{
  position: absolute;
  width:246px;
  height:153px;
  top:-35px;
  right:117px;
}
.con._wallpaper .js-scroll-anime .con__mascot{
  position: absolute;
  width:182px;
  height:149px;
  top:-55px;
  right:87px;
}
.con .js-scroll-anime.is-animated .con__title{
  animation:fadeIn-title 0.4s linear 0s normal forwards;
}
.con .js-scroll-anime.is-animated .con__mascot{
  animation:fadeIn-mascot 0.25s linear 0s normal forwards;
}

/*
 animation
============================================ */
@keyframes fadeIn-title {
  0% {
    opacity: 0;
    transform:translateY(40px);
  }
  100% {
    opacity: 1;
    transform:translateY(0);
  }
}
@keyframes fadeIn-mascot {
  0% {
    opacity: 0;
    transform:translateX(117px);
  }
  100% {
    opacity: 1;
    transform:translateX(0);
  }
}

/*
 entry__caution
============================================ */
.entry__caution{
  width: 656px;
  font-size: 15px;
  margin: 0 auto 14px;
  line-height: 1.3;
}

/*
 subtitle
============================================ */
.subtitle{
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #3b1625;
  margin: 0 auto 42px;
}
.subtitle::after{
  content: '';
  display: block;
  width: 580px;
  height:10px;
  margin:12px auto 0;
  background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/ttl_line.png) no-repeat center top;
}

/*
 cnt-search
============================================ */
.cnt-search{
  width: 640px;
  height: 58px;
  margin: 0 auto 32px;
  border:solid 1px #760030;
}
.cnt-search .ecm-search-submit{
  background-color: #760030;
  width: 58px;
}
.cnt-search .ecm-search-input{
  font-size: 18px;
  color: #818181;
  padding: 20px;
}
.cnt-search .ecm-search-submit .ecm-icon-search{font-size: 32px;}



.cnt-search-keyword-label {
  display: block;
  font-size: 20px;
  margin-bottom: 16px;
}
.cnt-search-keyword{
  margin-top: 0!important;
  margin-left: 0!important;
  border:solid 1px #760030;
  /* background-color: #fff!important; */
  font-size: 18px;
  text-align: center;
  width: 100%;
  height: 64px!important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}
.cnt-search-keyword > p{
  width:100%;
  line-break: anywhere;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cnt-search-keyword-wrapper {
  margin: 16px 0 0;
}
.cnt-search-keyword-wrapper .ecm-search-keyword-container {
  margin-top: 20px;
  gap: 24px;
  height: inherit;
}
.cnt-search-keyword-wrapper .cnt-search-keyword-label {
  font-size: 24px;
  font-weight: bold;
  color: #7d001a;
  display: block;
  text-align: center;
}
.cnt-search-keyword-wrapper .ecm-search-keyword-container .ecm-search-keyword.cnt-search-keyword {
  font-size: 18px;
  background-color: #ffffff;
  border-color: #7d001a;
  color: #383838;
  padding: 6px 12px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  width: calc((100% - 72px) / 4);
}
.cnt-search-keyword-wrapper .ecm-search-keyword.cnt-search-keyword:hover{opacity:.8;}

@media screen and (max-width: 767px) {
  .cnt-search-keyword-wrapper .cnt-search-keyword-label{
    position: relative;
  }
  .cnt-search-keyword-wrapper .ecm-search-keyword-container:not(.ecm-search-keyword-container-list){
    flex-wrap: wrap;
  }
  .cnt-search-keyword-wrapper .ecm-search-keyword.cnt-search-keyword{
    white-space: wrap;
  }
  
}

/* .cnt-search-keyword:hover{background-color: #f5f5f5;} */

/*
 present__item
============================================ */
.present__item{
  display: flex;
  justify-content: center;
  flex-wrap:wrap;
  width: 100%;
}
.present__item > .present__item-list{
  width:calc((100% - 60px) / 3);
  margin-right: 30px;
}
.present__item > .present__item-list:nth-child(3n),
.present__item > .present__item-list:last-child{margin-right: 0!important;}
.present__item > .present__item-list:nth-child(n+4){margin-top: 36px;}
.present__item-box{
  background-color: #fff;
  margin-bottom: 20px;
}
.present__item-box.-grd-border{
  border: none;
  padding: 10px 10px;
  border-radius: 8px;
  background-image: linear-gradient(0deg, rgba(165, 14, 64, 1) 12%, rgba(241, 47, 111, 1) 38%, rgba(165, 14, 64, 1) 62%, rgba(116, 18, 50, 1) 84%, rgba(165, 14, 64, 1) 100%);
}
.present__item-image{
  position: relative;
}
.present__item-imageNote{
  position: absolute;
  display: inline-block;
  font-size: 12px;
  color: #333;
  bottom: 6px;
  right: 6px;
}
.present__item-prize-container{
  display: flex;
  flex-wrap:wrap;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  padding: 0 38px 0 32px;
  background-color: #760030;
}
.present__item-prize-container.-ptn_obi{
  display: flex;
  flex-wrap:wrap;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  padding: 0 38px 0 32px;
  background-image: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/ptn_obi.png);
}
.-grd-border .present__item-prize-container{
  display: flex;
  flex-wrap:wrap;
  height: 60px;
  align-items: center;
  justify-content: space-between;
  padding: 0 38px 0 32px;
  background-color: #ffce24;
}
.-grd-border .present__item-prize{
  font-size: 28px;
  font-weight: bold;
  color: #9b0020;
  text-align: left;
}
.present__item-prize{
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-align: left;
}
.present__item-people{
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-align: right;
}
.present__item-people span{
  background-image: linear-gradient(90deg,rgba(241, 181, 0, 1) 7%, rgba(255, 230, 153, 1) 69%, rgba(255, 193, 4, 1) 100%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: 0px 0px 1px #ffce24;
}
.-grd-border .present__item-people{
  font-size: 28px;
  font-weight: bold;
  color: #9b0020;
  text-align: right;
}
.present__caution{
  font-size: 15px;
  line-height: 1.5;
}

/*
 cnt-alcor
============================================ */
.cnt-alcor{background-color:inherit!important;}
.cnt-alcor-image-link{background-color: #fff;}

/*
 ranking__caution
============================================ */
.ranking__caution{
  font-size: 15px;
  color: #999;
}

/*
 lookup-event
============================================ */
.d-grid[data-layout="lookup-event"]{
  width: 710px;
  margin: 0 auto;
}

/*
 gajet
============================================ */
.cnt-browsing-history .ecm-du-slider-items{overflow:hidden;}


/*
 cnt-floating-banner
============================================ */
.cnt-floating-banner{
  width: 704px!important;
  padding: 16px 64px!important;
  border-radius: 0!important;
  /* max-width: inherit; */
}
.cnt-floating-banner .ecm-slider-slide{
  display: block;
}
/* .cnt-floating-banner .ecm-slider-slide:hover{opacity:.8;} */
.cnt-floating-banner .ecm-search {
  width: 640px;
  border-color: #9b0020;
  margin-left: auto;
  margin-right: auto;
}
.cnt-floating-banner .ecm-search-submit {
  border: 0;
  background-color: #9b0020;
}
.cnt-floating-banner-close{
  top: -14px !important;
  right: -14px !important;
  width: 28px !important;
  height: 28px !important;
  background-color: #fff !important;
  color: #8f8f8f !important;
}


/**/

.item-moreview_btn {
	width: 540px;
	margin: 72px auto 0;

}

.item-moreview_btn a {
	display: block;
	width: 100%;
	background-color: #760030;
	font-family: 'RakutenSansJP_W_Bold';
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 80px;
	border-radius: 40px;
	position: relative;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.item-moreview_btn a:hover {
	opacity: 0.8;
  text-decoration: none;
}

.item-moreview_btn a:after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	right: 32px;
	top: calc(50% - 8px);
}

/* 勝ったら倍とは */
.campaign_data_area {
	background-image: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/campaign_data_bg.png);
  background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto;
	padding-top: 58px;
	padding-bottom: 40px;
	background-color: #870011;
}

.campaign_data_area .rc-headline[data-layout=sub] .rc-headline__headline {
	color: #ffffff;
	font-size: 44px;
	font-family: 'RakutenSansJP_W_Bold';
	margin-bottom: 52px;
}


.data_img_position {
	position: relative;
	margin: 0 auto;
}

.data_txt {
	width: 100%;
	font-family: "RakutenSansJP_W_Regular";
	color: #ffffff;
	font-size: 20px;
	margin: 24px auto 36px;
}

.data_btn {
	width: 480px;
	margin: 0 auto;

}

.data_btn a {
	display: block;
	width: 100%;
	background-color: #fff000;
	font-family: 'RakutenSansJP_W_Bold';
	font-size: 20px;
	color: #333333;
	text-align: center;
	line-height: 72px;
	border-radius: 36px;
	position: relative;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.data_btn a:hover {
	opacity: 0.8;
}

.data_btn a:after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px;
	border-color: transparent transparent transparent #333333;
	position: absolute;
	right: 32px;
	top: calc(50% - 8px);
}
.headline_win {
    color: #ffffff;
    font-size: 44px;
    font-family: 'RakutenSansJP_W_Bold';
    margin-bottom: 52px;
    margin: 0 0 24px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
  }
.floating_navi_wrap.ecm-floating-navi-container[data-pinned=false] {
    border-bottom: 0px solid;
}

.other_banner {
    text-align: center;
}

.con_subTitle {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 0 auto 42px;
}
.con_subTitle::after {
    content: '';
    display: block;
    width: 580px;
    height: 10px;
    margin: 12px auto 0;
    background: url(https://r.r10s.jp/evt/event/campaign/vissel/thanks/2025/_pc/img/20251122/ttl_v_line.png) no-repeat center top;
}


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

download_btn

-----------------------------------------------*/
.download_column{
  width: 852px;
  margin:0 auto;
}

.button_download{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;

}
.button_download .button__link {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  border-radius: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 320px!important;
  height: 80px;
  background-color: #fff000;
}
.button_download .button__link:first-child{
  background-color: #bf0000;
  color:#ffffff
}
.button_download .button__link:hover{
  text-decoration: none!important;
  opacity:.8;
}

.dl-wallpaper {
  /* border: 2px solid #fdb511; */
}


/*
  ecm-ad-layout
============================================ */
.ecm-ad-layout-100031 {
  background: #fff;
  padding: 16px 12px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}

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

popup_modal

-----------------------------------------------*/
[id^=popup_modal] {
  z-index: 9601;
  opacity: 1;
}
[id^=popup_modal] .ecm-modal-close{
  width: 48px;
  height: 48px;
  background-color: #cbcbcb;
  color:#333333;
  z-index: 1;
  top:24px;
  right: -20px;
  font-size:24px;
}
[id^=popup_modal] .ecm-modal-content{
  padding:0 0 40px;
  border-radius: 16px;
  overflow: hidden;
  background-color: #9b0020;
  /* background-image: url(/campaign/eagles/opening/20260327/_pc/img/popup_modal_bg.png);
  background-size: cover; */
}
[id^=popup_modal] .ecm-modal-content-inner {
  position: relative;
  z-index: 0;
  padding-top: 40px;
}
[id^=popup_modal] .ecm-modal-title{
  margin-bottom: 16px;
  text-align: center;
}

[id^=popup_modal] .swiper {
  width: 634px;
 padding-bottom: 68px;
}

[id^=popup_modal] .rcEntryButton{
  margin-top: 12px;
  position: relative;
  z-index: 2;
}

.swiper-slide-text-container {
  padding-top: 12px;
  /* min-height: 70px; */
}
.swiper-slide-text-lead {
  font-size: 20px;
  font-weight: bold;
  color: #bf0000;
}
.swiper-slide-text-note {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 14px;
  color: #ffffff;
}
.swiper-slide-text-default {
  font-size: 18px;
  color: #333333;
}
[id^=popup_modal] .swiper-pagination {
  bottom: 0px;
}
[id^=popup_modal] .swiper-pagination-bullet {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #ffffff;
  opacity: 1;
}
[id^=popup_modal] .swiper-pagination-bullet-active {
  background-color: #333333;
  border: 1px solid #333333;
  color: #ffffff;
}
[id^=popup_modal] .swiper-button-prev,
[id^=popup_modal] .swiper-button-next {
  background-color: #ffffff;
  border-radius: 4px;
  font-size: 17px;
  width: 170px;
  height: 36px;
  color: #111111;
  font-weight: bold;
}
[id^=popup_modal] .swiper-button-prev {
  top: inherit;
  bottom: 0px;
  left: 0;
}
[id^=popup_modal] .swiper-button-next {
  top: inherit;
  bottom: 0px;
  right: 0;
}
[id^=popup_modal] .swiper-button-prev:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  margin: auto;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-style: solid;
  border-color: #333333 #333333 transparent transparent;
  border-width: 1px;
  margin-right: 8px;
  transform: rotate(-135deg);
}
[id^=popup_modal] .swiper-button-next:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-style: solid;
  border-color: #333333 #333333 transparent transparent;
  border-width: 1px;
  margin-left: 8px;
  transform: rotate(45deg);
}
[id^=popup_modal] .swiper-button-prev svg,
[id^=popup_modal] .swiper-button-next svg {
  display: none;
}

[id^=popup_modal] .swiper-button-disabled {
  display: none;
}

[id^=popup_modal].is-active {
  animation: popup_modal 2s 1s forwards;
}
[id^=popup_modal].-hidden {
  display: none;
}
@keyframes popup_modal {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
#floating-popup_modal > div {
  position: relative;
}
#floating-popup_modal > div > span {
  position: absolute;
  right: -4px;
  top: -12px;
}
#floating-popup_modal .ecm-icon-close {
  cursor: pointer;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1.25px 6px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  background-color: #fff;
}

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

rcEntryButton

-----------------------------------------------*/
.rcEntryButton__yamawake.rcEntryButton-button div span {
  line-height: 1.1;
}
.rcEntryButton__yamawake .rcEntryButton-button div span + span {
  font-size: 28px;
}
.rcEntryButton__yamawake:not([class*=rcEntryButton-status--]) .rcEntryButton-button,
.rcEntryButton__yamawake .rcEntryButton-status--loading .rcEntryButton-button
{
  color: #ffffff;
  background: #bf0000;
  border:1px solid #bf0000;
}
.rcEntryButton__yamawake .rcEntryButton-button .rcEntryButton-text-icon{
  width: 26px;
  height: 26px;
}


.vissel-thanks__entry {
  position: relative;
  z-index: 0;
}
.vissel-thanks__entry .rcEntryButton-button div span {
  line-height: 1.1;
}
.vissel-thanks__entry .rcEntryButton-button div span + span {
  font-size: 28px;
}
.vissel-thanks__entry._yellow:not([class*=rcEntryButton-status--]) .rcEntryButton-button,.vissel-thanks__entry._yellow.rcEntryButton-status--loading .rcEntryButton-button
{
  color: #222;
  background: #fdb511;
  border:1px solid #fdb511;
}
.vissel-thanks__entry._yellow .rcEntryButton-button .rcEntryButton-text-icon{
  width: 26px;
  height: 26px;
filter: brightness(0) saturate(100%) invert(6%) sepia(26%) saturate(3%) hue-rotate(314deg) brightness(89%) contrast(82%);
}