@charset "utf-8";
.gift-floating-banner {
  right: 32px;
  bottom: 96px;
  width: 120px;
}

.gift-floating-banner[data-module-name='ecm-floating'][aria-hidden='true'] {
  height: auto;
}

.gift-floating-banner[data-module-name='ecm-floating'][data-static='false'] {
  top: unset;
}

.gift-floating-banner__button {
  padding: 0;
  border: none;
  background-color: transparent;
  appearance: none;
}

@media (hover: hover) {
  .gift-floating-banner__button:hover {
    opacity: 0.8;
  }
}

.gift-modal__content-wrapper {
  max-width: 960px;
}

.gift-modal__content {
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
  padding: 32px;
  text-align: center;
  border-radius: 16px;
}

.gift-modal__close {
  font-size: 23px;
  position: absolute;
  top: 20px;
  right: 20px;
  display: grid;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background-color: transparent;
  appearance: none;
  place-content: center;
}

.gift-modal__title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 32px;
  color: #ff5a61;
}

.gift-modal__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
}

.gift-modal__text-highlight {
  background-color: #f9eb28;
}

.gift-modal__detail {
  font-size: 12px;
  font-weight: 500;
}
.modal-deadline-close {
  position: absolute;
  right: 0px;
  top: -2px;
  background-color: #fff;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 4px rgba(0,0,0,.5);
  cursor: pointer;
}


.gift-kanban {
  background-color: #FAC927;
  overflow: hidden;
}

.gift-kanban picture {
  display: block;
  width: 1920px;
  height: 400px;
  margin-left: 50%;
  translate: -50%;
}

.gift-kanban-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gift-period {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  padding: 19px 0;
  color: #333333;
  text-align: center;
  background-color: #FFF9CF;
  font-family: Noto Sans JP, sans-serif;
}

#usage {
  font-family: Noto Sans JP, sans-serif;
}

.gift-note-list {
  line-height: 1.35;
}
.gift-note-alert {
  color: #f00;
}

.gift-button-group {
  width: 464px;
  margin: 40px auto 0;
}

.gift-button {
  line-height: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px;
  color: #000;
  border-color: #000;
  border-radius: 8px;
  max-width: 220px;
  height: 50px;
  margin: 0 auto;
}

.gift-button__icon {
  position: absolute;
  right: 16px;
  top: 50%;
  translate: 0 -50%;
}

.gift-more-button-wrap {
  width: 343px;
  margin: 40px auto 0;
}

.gift-search-wrap {
  width: 560px;
  margin: 0 auto;
}

.gift-keyword-tag {
  margin-top: 0;
  font-size: 12px;
}

/* ガイドパーツ */
.howtouse__subheader{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  border-radius: 16px 16px 0 0;
}

.howtouse__smalltitle{
  font-size: 30px;
  font-weight: 400;
  text-align: center;
}
.con03 .contents-card__inner{
  margin-right: 50px;
  margin-left: 50px;
}
.con03 .received .contents-card__inner{
  margin-right: 18px;
  margin-left: 18px;
}
.contents-card__inner._border{
  border-bottom:solid 2px #CCCCCC;
}
.ecm-accordion-panel > .contents-card > div{
  margin-right: 50px;
  margin-left: 50px;
}
.contents-card__section__title{
  width: 100%;
  height: 56px;
  font-size: 16px;
  margin-bottom: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  background-color: #ffe2de;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contents-card__section__title p > span{
  font-weight: 700;
  color: #ff5a61;
}
.contents-card__section__lead{
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}
.contents-card__section__imageWrap{
  width: 508px;
  margin-right: auto;
  margin-left: auto;
}
.contents-card__section__imageWrap.step{width: 788px;}
.contents-card__section__imageWrap > .contents-card__section__imageList{position: relative;}
.contents-card__section__imageWrap > .contents-card__section__imageList:not(:first-child)::before{
  content: '';
  position: absolute;
  width: 30px;
  height: 20px;
  top: 40%;
  transform:translateY(-50%);
  left: -49px;
}
.presented .contents-card__section__imageWrap.step > .contents-card__section__imageList:not(:first-child)::before{
  top: 45%;
  transform:translateY(-50%);
  left: -38px;
}
.received .contents-card__section__imageWrap.step > .contents-card__section__imageList:not(:first-child)::before{
  top: 41%;
  transform:translateY(-50%);
  left: -20px;
}
.presented .contents-card__section__imageWrap > .contents-card__section__imageList::before{
  background: url(https://r.r10s.jp/evt/event/gift/socialgift/_pc/img/udr/guide/arrow01.png?v=202604031030) no-repeat;
}
.received .contents-card__section__imageWrap > .contents-card__section__imageList::before{
  background: url(https://r.r10s.jp/evt/event/gift/socialgift/_pc/img/udr/guide/arrow02.png?v=202604031030) no-repeat;
}
.presented .contents-card__section__imageList.step2::after{
  content: '';
  position: absolute;
  width: 30px;
  height: 20px;
  top: 45%;
  transform:translateY(-50%);
  right: -38px;
  background: url(https://r.r10s.jp/evt/event/gift/socialgift/_pc/img/udr/guide/arrow01.png?v=202604031030) no-repeat;
}
.howtouse-slider__step{
  text-align: center;
  margin-bottom: 16px;
}
.howtouse-slider__text{
  margin-top: 16px;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  line-height: 1.6;
}
.received .howtouse-slider__text{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.2em;
}
.presented .howtouse-slider__text p > span{color: #fa2730;}
.received .howtouse-slider__text p > span{color: #649A02;}
.howtouse-slider__offer{
  font-size: 12px;
  color: #666;
  line-height: 1.3;
  margin-top: 16px;
  text-align: center;
}
.presented .ecm-slider-prev, .presented .ecm-slider-next{
  border:solid 1px #fa2730;
  font-weight: bold;
  margin-top: -52px;
}
.received .ecm-slider-prev, .received .ecm-slider-next{
  border:solid 1px #649A02;
  font-weight: bold;
  margin-top: -52px;
}
.presented .ecm-slider-prev .ecm-icon-chevron-left,.presented .ecm-slider-prev .ecm-icon-chevron-right,.presented .ecm-slider-next .ecm-icon-chevron-left,.presented .ecm-slider-next .ecm-icon-chevron-right{
  color: #fa2730;
}
.received .ecm-slider-prev .ecm-icon-chevron-left,.received .ecm-slider-prev .ecm-icon-chevron-right,.received .ecm-slider-next .ecm-icon-chevron-left,.received .ecm-slider-next .ecm-icon-chevron-right{
  color: #649A02;
}
.contents-card__section .ecm-slider-pagination-bullet{
  background-color: #bbb;
}
.contents-card__section .ecm-slider-pagination-bullet:not(:first-child){
  margin-left: 16px;
}
.presented .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active{
  background-color: #fa2730;
}
.received .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active{
  background-color: #649A02;
}
.howtouse__check{
  padding: 35px 17.5px;
  background-color: #ffe2de;
  border-radius: 16px;
}
.mothersday__button{
  width: 700px;
  margin: 0 auto;
}

.howtouse__subheader {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius:16px;
}
.presented .howtouse__subheader {
  background-color: #fa2730;
  color: #fff;
}
.received .howtouse__subheader{
  background-color: #9bd236;
  color: #000;
}
.howtouse__subheader [class^=ecm-icon]{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  width: 1em;
  height: 1em;
  margin: auto;
}
.howtouse__subheader[aria-expanded="false"] .ecm-icon-plus {
  display: block;
}
.howtouse__subheader[aria-expanded="true"] .ecm-icon-plus {
  display: none;
}
.howtouse__subheader[aria-expanded="false"] .ecm-icon-minus {
  display: none;
}
.howtouse__subheader[aria-expanded="true"] .ecm-icon-minus {
  display: block;
}

.gift-brand-wrapper {
  width: 100vw;
  margin: 60px calc(50% - 50vw);
  padding: 100px 0 120px;
  background-color: #faf5c6;
}

/* マラソン共通CSS(udr_cns_20250228.css)のh3.ecm-du-ranking-header-title{display:none;}を本ページのランキング見出しのみ上書き */
.gift-ftr-navi h3.ecm-du-ranking-header-title {
  display: block;
}

/* マラソン共通CSS(udr_cns_20250228.css)の.ecm-du-ranking-pc .ecm-du-ranking-header{justify-content:right;}を本ページのみ上書き */
/* タイトルは左、更新日時(rnkDailyUpdateDate)は右に配置 */
.gift-ftr-navi .ecm-du-ranking-pc .ecm-du-ranking-header {
  justify-content: space-between;
}

/* 共通フッターインクルード(all_pc1column_main_all.html)内の固定幅広告(rdn-adspotのiframe等)がコンテンツ幅を超えて右にはみ出すため、幅を挙動に合わせて制限する */
.gift-ftr-navi {
  overflow-x: hidden;
}
.gift-ftr-navi img,
.gift-ftr-navi iframe {
  max-width: 100%;
}