@charset "utf-8";

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

scm-alert-free-shipping[scm]※配送アイテム(モジュール)

---------------------------------------------------  */
.marathon .scm-alert-free-shipping-layout-default{
  background-color:#fff1ef;
  color: #333;
}

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

ecm-search[ecm]※検索窓(モジュール)

---------------------------------------------------  */
.marathon .ecm-search-layout-default {
  border: 1px solid #ff4b6e;
  width: 560px;
  margin: 0 auto;
}
.marathon .ecm-search-layout-default .ecm-search-submit {
  background-color: #ff4b6e;
}
.marathon .ecm-search-layout-default .ecm-search-submit .ecm-icon-search{
  font-size: 20px;
}

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

cpa[ecm]※CPA(モジュール)

---------------------------------------------------  */
.marathon-cpa{box-sizing: border-box;}
.marathon-cpa-shadowed {
  box-shadow: 0 3px 6px #0003;
}

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

sea-c-background[sea] ※背景色(ユニーク)

---------------------------------------------------  */
.marathon .sea-c-background {
  position: relative;
}
.marathon .sea-c-background-medama {
  background-color: #fed6d3;
}
.marathon .sea-c-background-joubu {
  background-color: #ffeeed;
}
.marathon .sea-c-background-kihon,
.marathon .sea-c-background-con04 {
  background-color: #fff8f8;
}
.marathon .sea-c-background-con01,
.marathon .sea-c-background-con03{
  background-color: #fff4d4;
}

/*
 period__wrap
==================================================== */
.period__wrap{
  margin-bottom: 40px;
  padding: 20px 0;
  background-color: #fff1ef;
}
.period__text{
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
}
.period__text + .period__text{margin-top: 8px;}
.period__notice{
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  margin-top: 16px;
}

/*
 contents__section
==================================================== */
.contents__section{position: relative;}
.contents__section::before{
  content: '';
  display: block;
  width: 100%;
  height: 18px;
  background-repeat: repeat-x;
  background-position: center bottom;
}
.con01.contents__section::before{
  background-image: url(https://r.r10s.jp/evt/event/campaign/point-up/marathon/20260204ggkmt/special/valentine/_pc/img/con01_head.png?v=202601301051);
}
.con02.contents__section::before{
  background-image: url(https://r.r10s.jp/evt/event/campaign/point-up/marathon/20260204ggkmt/special/valentine/_pc/img/con02_head.png?v=202601301051);
  background-color: #fff4d4;
}
.con03.contents__section::before{
  background-image: url(https://r.r10s.jp/evt/event/campaign/point-up/marathon/20260204ggkmt/special/valentine/_pc/img/con03_head.png?v=202601301051);
  background-color: #fff8f8;
}

/*
 scm-headline
==================================================== */
.scm-headline-layout-marathon{
  font-size: 40px!important;
}
.scm-headline-layout-marathon02{
  font-size: 32px!important;
}

/*
 step
==================================================== */
.step__label{
  width:128px;
  height:40px;
  margin: 0 auto 12px;
}
.step02__box{
  border:solid 2px #ff4b6e;
  border-radius: 8px;
  background-color: #fff;
  padding: 38px 0 16px;
  box-sizing: border-box;
  display: flex;
  flex-wrap:wrap;
}
.step__boxText{
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #ff4b6e;
  line-height: 1.5;
  margin-top: 20px;
}


/*
 entry
=================================================== */
.rcEntryButton._valentine .rcEntryButton-button{
  width: 468px!important;
  height: 69px!important;
}
.entry__notice{
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
}
.entry__anchor{
  width: 464px;
  margin-right: auto;
  margin-left: auto;
}
.entry__anchorLink{
  width: 100%;
  height: 40px;
  position: relative;
  display: flex;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #333333;
  color: #333333 !important;
  box-sizing: border-box;
  padding-right: 20px;
  font-size:14px;
}
.entry__anchorLink::after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-width: 8px 5.5px 0px 5.5px;
  top: 50%;
  right:8px;
  transform:translateY(-50%);
}
.entry__anchorLink:hover{opacity:.8;}

/*
 bnrlist__link
=================================================== */
.bnrlist__link{
  box-shadow: 0 4px 8px rgba(0,0,0,.4);
}

/*
 modalOpenShopList
=================================================== */
.marathon .modalOpenShopList {
  position: relative;
  display: block;
  letter-spacing: -0.5em;
  padding: 16px 8px;
  font-size: 14px;
  color: #ff4b6e;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ff4b6e;
  border-radius: 8px;
}
.marathon .modalOpenShopList > span{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}
.marathon .modalOpenShopList::after {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  content: "";
  margin-left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #ff4b6e;
  border-width: 6.75px 0px 6.75px 9.5px;
}
.marathon .rn-modal.-opened .rn-modal__container,
.marathon .rn-modal.-opening .rn-modal__container {
  z-index: 170!important;
}