@charset "utf-8";

/*
 sea-c-background-period
==================================== */
.sea-c-background-period{
  background-color: #ffdada;
}

/*
 howto__vote
==================================== */
.howto__vote{
  border-radius: 24px;
  border:solid 4px #700015;
  padding: 52px 124px 52px 123px;
  margin-right: 80px;
  margin-left: 80px;
}
.howto__vote__image{
  margin-bottom: 22px;
}
.howto__vote__notice{
  font-size: 14px;
  line-height: 1.5;
}

/*
 campaignLinkList
==================================== */
.campaignLinkList li a{
  display: block;
  font-size: 16px;
  line-height: 20px;
}
.campaignLinkList span{
  position: relative;
  padding-right: 37px;
}
.campaignLinkList span::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 6px;
  right: 3px;
  width: 11px;
  height: 11px;
  margin: auto;
  border-right: 3px solid #606060;
  border-top: 3px solid #606060;
  transform: rotate(135deg);
}

/*
 anchor__area
==================================== */
.anchor__wrap{
  gap:14px
}
.anchor__button{
  position: relative;
  border-radius: 8px;
  border:solid 2px #700015;
  height: 117px;
  overflow:hidden;
  width: 100%;
  color: #333 !important;
  text-decoration: none!important;
}
.anchor__button:hover{opacity:.8;}
.anchor__button .icon{
  width: 90px;
  height: 69px;
  padding-top: 8px;
}
.anchor__button .text{
  padding-top: 4px;
  text-align: center;
  font-size: 14px;
  line-height: 1.333;
}
.anchor__button .arrow{
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 18px;
  background-color: #700015;
}
.anchor__button .arrow::before{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-top: 8px solid #ffffff;
  border-bottom: 0;
}

/*
 ecm-floating-navi-container
==================================== */
.ecm-floating-navi-container[data-layout="color"]{border-bottom:none!important;}
.ecm-floating-navi-container[data-layout="color"] .ecm-floating-navi{
  background-color: #fff;
  height: 149px;
  padding: 16px 0;
}
.ecm-floating-navi-item.ecm-floating-navi-item-anchor{
  border-bottom:none!important;
}
.ecm-floating-navi-item.ecm-floating-navi-item-anchor[data-in-viewport=true]{
  font-weight: normal!important;
}
.ecm-floating-navi-container[data-layout="color"] .ecm-floating-navi-item{padding: 0!important;}
.ecm-floating-navi-container[data-layout="color"] .ecm-floating-navi-item:not(:last-child){margin-right: 14px!important;}
.ecm-floating-navi-container[data-layout="color"] .floating-navi__button{
  position: relative;
  border-radius: 8px;
  border:solid 2px #700015;
  height: 117px;
  width: 100%;
  color: #333 !important;
}
.ecm-floating-navi-container[data-layout="color"] .floating-navi__button:hover{
  text-decoration: none;
  opacity:.8;
}
.ecm-floating-navi-container[data-layout="color"] .floating-navi__button .icon{
  width: 90px;
  height: 69px;
  padding-top: 8px;
}
.ecm-floating-navi-container[data-layout="color"] .floating-navi__button .text{
  padding-top: 4px;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  line-height: 1.333;
}
.ecm-floating-navi-container[data-layout="color"] .floating-navi__button .arrow{
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 18px;
  background-color: #700015;
  border-radius: 0 0 6px 6px;
}
.ecm-floating-navi-container[data-layout="color"] .floating-navi__button .arrow::before{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-top: 8px solid #ffffff;
  border-bottom: 0;
}

/*
 sea-c-background-color
==================================== */
.sea-c-background-red{
  background-color: #ffdada;
  position: relative;
}
.sea-c-background-red::before{
  content: '';
  position: absolute;
  left: 0;
  top: 237px;
  display: block;
  width: 100%;
  height: 251px;
  background: url(https://r.r10s.jp/evt/event/valentine/2026/_pc/img/udr/color/red_ribon.png?v=202512231456) center top;
}
.sea-c-background-pink{
  background-color: #ffdaef;
}
.sea-c-background-pink::before{
  content: '';
  position: absolute;
  left: 0;
  top: 237px;
  display: block;
  width: 100%;
  height: 251px;
  background: url(https://r.r10s.jp/evt/event/valentine/2026/_pc/img/udr/color/pink_ribon.png?v=202512231456) center top;
}
.sea-c-background-purple{
  background-color: #eddaff;
}
.sea-c-background-purple::before{
  content: '';
  position: absolute;
  left: 0;
  top: 237px;
  display: block;
  width: 100%;
  height: 251px;
  background: url(https://r.r10s.jp/evt/event/valentine/2026/_pc/img/udr/color/purple_ribon.png?v=202512231456) center top;
}
.sea-c-background-yellow{
  background-color: #fff6da;
}
.sea-c-background-yellow::before{
  content: '';
  position: absolute;
  left: 0;
  top: 237px;
  display: block;
  width: 100%;
  height: 251px;
  background: url(https://r.r10s.jp/evt/event/valentine/2026/_pc/img/udr/color/yellow_ribon.png?v=202512231456) center top;
}
.sea-c-background-blue{
  background-color: #daefff;
}
.sea-c-background-blue::before{
  content: '';
  position: absolute;
  left: 0;
  top: 237px;
  display: block;
  width: 100%;
  height: 251px;
  background: url(https://r.r10s.jp/evt/event/valentine/2026/_pc/img/udr/color/blue_ribon.png?v=202512231456) center top;
}
.sea-c-background-green{
  background-color: #f7ffda;
}
.sea-c-background-green::before{
  content: '';
  position: absolute;
  left: 0;
  top: 237px;
  display: block;
  width: 100%;
  height: 251px;
  background: url(https://r.r10s.jp/evt/event/valentine/2026/_pc/img/udr/color/green_ribon.png?v=202512231456) center top;
}
.sea-c-background-white{
  background-color: #ffffff;
}
.sea-c-background-white::before{
  content: '';
  position: absolute;
  left: 0;
  top: 237px;
  display: block;
  width: 100%;
  height: 251px;
  background: url(https://r.r10s.jp/evt/event/valentine/2026/_pc/img/udr/color/white_ribon.png?v=202512231456) center top;
}
.sea-c-background-black{
  background-color: #e9e9e9;
}
.sea-c-background-black::before{
  content: '';
  position: absolute;
  left: 0;
  top: 237px;
  display: block;
  width: 100%;
  height: 251px;
  background: url(https://r.r10s.jp/evt/event/valentine/2026/_pc/img/udr/color/black_ribon.png?v=202512231456) center top;
}
.sea-c-background-colorful{
  background: #F7FFDA;
  background: linear-gradient(0deg,rgba(247, 255, 218, 1) 0%, rgba(255, 218, 218, 1) 100%);
}
.sea-c-background-colorful::before{
  content: '';
  position: absolute;
  left: 0;
  top: 237px;
  display: block;
  width: 100%;
  height: 251px;
  background: url(https://r.r10s.jp/evt/event/valentine/2026/_pc/img/udr/color/colorful_ribon.png?v=202512231456) center top;
}

/*
 special_color-headline
==================================== */
.normal-headline{
  color: #a53e29;
  font-size: 40px;
}
.normal-headline .small{
  font-size: 30px;
}

/*
 rcEntryButton
==================================== */
.sea-c-background-pink .rcEntryButton-button{
  background: #ef3a87;
  border: 1px solid #ef3a87;
}
.sea-c-background-purple .rcEntryButton-button{
  background: #9d40c4;
  border: 1px solid #9d40c4;
}
.sea-c-background-yellow .rcEntryButton-button{
  background: #f59341;
  border: 1px solid #f59341;
}
.sea-c-background-blue .rcEntryButton-button{
  background: #415ff5;
  border: 1px solid #415ff5;
}
.sea-c-background-green .rcEntryButton-button{
  background: #5ba42b;
  border: 1px solid #5ba42b;
}
.sea-c-background-white .rcEntryButton-button,
.sea-c-background-colorful .rcEntryButton-button{
  background: #fff;
  border: 1px solid #700015;
  color: #700015;
}
.sea-c-background-white .rcEntryButton-button .rcEntryButton-text-icon path,
.sea-c-background-colorful .rcEntryButton-button .rcEntryButton-text-icon path{
  fill:#700015;
}
.sea-c-background-black .rcEntryButton-button{
  background: #474747;
  border: 1px solid #474747;
}