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

Rakuten Fashion THE SALE(楽天ファッション・ザ・セール) | 共通

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

.color-green {
  color: #1299A2;
}

div[aria-controls]{
  cursor: pointer;
}

.cnt-mb-88{
  margin-bottom: 104px;
}

#pointback_con{
  /* background:linear-gradient(0deg,#ffe8d3 0%,#ffe5df 100%) ; */
  background: linear-gradient(180deg, #E8E8E8 0%, #F5F5F5 100%);
}

.ecm-wrap[data-layout="default"] {
  color: #333333;
}

.cnt-line-height-1-six { line-height: 1.6;}
.cnt-line-height-1-eight { line-height: 1.8;}


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

ecm-kanban

--------------------------------------------------------*/
.ecm-kanban[data-layout=allback] {
  max-width: 1440px;
}
.ecm-kanban[data-layout=default] .ecm-kanban__logo {
  position: absolute;
  top: 24px;
  left: 50%;
  width: 370px;
  transform: translateX(calc(-50% - 325px));
  z-index: 1;
}

.ecm-kanban[data-layout=default] .tab-contents[data-layout=kanban] {
  width: 1440px;
  /* width: 100%; */
  min-height:400px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.ecm-kanban__rightButton {
  position: absolute;
  right: calc(50% - 480px) ;
  bottom: 14px;
  width: 108px;
  /* height: 119px; */
}

.ecm-kanban__topNavi {
  position: absolute;
  left: 0;
  right: 0;
  top: 424px;
  margin:0 auto;
  width:480px;
  box-sizing: border-box;
}

.ecm-kanban__bottomText {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-shadow:0px 2px 4px rgba(0,0,0,0.25) ;
  /* filter:drop-shadow(0px 2px 4px rgba(0,0,0,0.25)); */

}
.ecm-kanban__bottomText [class^=ecm-icon-] {
  margin-left: 4px;
}

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

ecm-floating

--------------------------------------------------------*/
.ecm-floating-coupon {
  top: inherit !important;
}
.ecm-floating-coupon .ecm-floating-coupon-button {
  width: 108px;
  height: 109px;
  top: -16px;
  right: 3px;
  position: relative;
}
.ecm-floating-coupon .ecm-floating-coupon-close {
  border: 0;
  background-color: #ffffff;
  color: #8F8F8F;
  box-shadow: none;
  position: absolute;
  top: -8px;
  right: 2px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1.25px 6px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  z-index: 3;
}

.ecm-floating-search {
  width: 100%;
  padding:12px 0;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.08);
  text-align: center;
}


.ecm-floating-search img{
  width: 480px;

}
.coupon_bg_anim{
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  filter:drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.2)) ;
}
.coupon_bg_anim:before{
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  background: linear-gradient(
      -45deg,
      rgba(255,255,255,0) 45%,
      rgba(255,255,255,0.2) 50%,
      rgba(255,255,255,0.8) 60%,
      rgba(255,255,255,0.2) 70%,
      rgba(255,255,255,0) 75%
    );
  background-size: 600% 100%;
  animation: shine 14s infinite;
  animation-delay: 0s;
  animation-timing-function: linear;
}

@keyframes shine {
  0% {
    background-position-x: 400%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -400%;
  }
}

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

heading

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

:root {
  --heading_women: #FE8A76;
  --heading_men: #249BC1;
  --heading_kids: #FFCD29;
}


/* heading-default */
.heading-default {
  position: relative;
  margin-bottom: 56px;
  z-index: 0;
}
.heading-ranking {
  margin-bottom: 70px;
}
.heading-default + * {
  position: relative;
  z-index: 1;
}
.heading-default:after{
  display: block;
  content: "";
  width:100%;
  position: absolute;
  bottom: -56px;
  left: 0;
  background-color: var(--heading_women);
}
.tab-content[data-tab="women"] .heading-default:after{
  background-color: var(--heading_women);
}
.tab-content[data-tab="men"] .heading-default:after{
  background-color: var(--heading_men);
}
.tab-content[data-tab="kids"] .heading-default:after{
  background-color: var(--heading_kids);
}

.heading-default .heading-headline {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 960px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 2;
  color: #333333;
}

.heading-halfprice:after{
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_halfprice.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 74px;
  height: 74px;
}
.heading-category:after {
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_category.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 67px;
  height: 67px;
}
.heading-brand:after {
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_brand.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 63px;
  height: 63px;
  bottom: -56px;
}
.heading-ranking:after{
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_ranking.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 65px;
  height: 65px;
  bottom: -50px;
}
.heading-price:after{
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_price.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 67px;
  height: 67px;
}
.heading-trend:after {
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_trend.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 50px;
  height: 50px;
  bottom: -44px;
}
.heading-coupon{
  margin-bottom: 88px;
}
.heading-coupon:after {
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_coupon.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 64px;
  height: 64px;
  bottom: -48px;
}
.heading-point_campaign:after {
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_point_campaign.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 65px;
  height: 65px;
  bottom: -54px;
}
.heading-pickupitem:after {
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_pickup_item.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 91px;
  height: 91px;
  bottom: -67px;
}
.heading-theme:after {
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_theme.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 91px;
  height: 91px;
  bottom: -67px;
}

.heading-search.-udr {
  margin-bottom: 88px;
}
.heading-search:after {
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_search.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 91px;
  height: 91px;
  bottom: -54px;
}

.heading-shop {
  padding-bottom: 52px;
}
.heading-shop:after {
  mask-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250628/_cmn/img/heading_bg_shop.svg);
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 92px;
  height: 92px;
  bottom: -18px;
}

.heading-totop{
  color:#1299A2;
}

/* heading-sub */
.heading-sub {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  /* margin-bottom: 24px; */
  text-align: center;
  padding: 16px 0;
  line-height: 1.5;
}

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

d-grid[ecm]

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

.d-flex-category {
  justify-content: center;
  flex-wrap: wrap;
}

.d-flex-category .d-grid-item{
  width:106px;
}

.d-flex-category .d-grid-item-figure{
  width:100%;
  margin:0;
}

.d-flex-category .d-grid-item-figure img {
  padding: 12px;
  box-sizing: border-box;
}

.d-flex-category .d-grid-item-link{
  text-decoration: none;
}
.d-flex-category .d-grid-item-link:hover{
  opacity: 0.8;
}

.d-flex-category .d-grid-item-figure img {
  padding: 12px;
  box-sizing: border-box;
}
.d-flex-category .d-grid-item-figcaption {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #333333;
  margin-top: 8px;
}

/* .d-grid-brand .d-grid-item {
  border: 1px solid #ECEEEF;
} */
.d-grid-brand.d-grid-col-4 .d-grid-item {
  display: flex;
  align-items: center;
}

.d-grid-brand.d-grid-col-4 .d-grid-item .d-grid-item-card {
  width:100%;
}
.d-grid-brand.d-grid-col-4 .d-grid-item .d-grid-item-card img{
  image-rendering: -webkit-optimize-contrast;
}

/* .d-grid-brand.d-grid-col-4 .d-grid-item .d-grid-item-image {
  flex: 1 1 45.8%;
}
.d-grid-brand.d-grid-col-4 .d-grid-item .d-grid-item-logo {
  flex: 1 1 54.2%;
  padding: 0;
  align-items: center;
  box-sizing: border-box;
} */
.d-grid-brand.d-grid-col-5 .d-grid-item {
  padding: 25.48px 40.28px;
  border: 1px solid #ECEEEF;
}

.d-grid-brand.d-grid-col-5 .d-grid-item.brand__logo {
  padding: 24px 34px;
}

.d-grid-col-1.footer-about-col{
  width:490px;
  margin:0 auto;
}


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

ecm-ad[ecm]

--------------------------------------------------------*/
.ecm-ad-brand {
  box-shadow: 0px 2px 10px 0 rgba(0,0,0,.15);
}
.ecm-ad-brand .ecm-ad-image-block-100162 {
  width: 100%;
}
.ecm-ad-brand[data-ad-id="100110"] .ecm-ad-image-block {
  padding: 12px 14px;
}


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

ecm-button[ecm]

--------------------------------------------------------*/
.ecm-button-default {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 480px;
  height: 56px;
  margin:0 auto;
  font-size: 12px;
  box-sizing: border-box;
  border: 1px solid #333333;
  color: #333333 !important;
  border-radius: 2px;
  position: relative;
}
#modalFadeInCoupon .ecm-button-default {
  width: 327px;
}

.ecm-button-default i{
  position: absolute;
  right:16px;
  font-size: 14px;
}

.d-grid-button-col-2 {
  width: 678px;
  margin: 0 auto;
}
.d-grid-button-col-2 > a {
  width: 100%;
}

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

ecm-tab[ecm]

--------------------------------------------------------*/
/* .tab_slide_add .thesale-ranking-tab{
  overflow-x: scroll;
} */

.thesale-ranking-tab .ecm-tab[aria-selected="true"] {
  border-bottom-color: #bf0000 !important;
}

.ecm-tab-default .ecm-tab-menu {
  display: flex;
}
.ecm-tab-default .ecm-tab-menu button {
  width: 33.3333333333%;
  height: 54px;
  background-color: transparent;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 16px;
  font-weight: bold;
  color: #717171;
  border-bottom: 2px solid #ECEEEF;
}
.ecm-tab-default .ecm-tab-menu button[aria-selected=true] {
  background-color: #F7F7F7;
  border-bottom: 2px solid #1299A2;
  color: #1299A2;
}



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

con-search-custom

--------------------------------------------------------*/
.con-search-custom[data-layout=default] {
  width:480px;
  margin:0 auto 48px;
}

.con-search-custom[data-layout=default] .ecm-search{
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.con-search-custom[data-layout=default] .ecm-search-input-container {
  display: flex;
  flex-direction: row;
}

.con-search-custom[data-layout=default] .rc-searchForm__textInput {
  background: #ffffff;
  font-size: 14px;
}
.con-search-custom[data-layout=default] .rc-searchForm__select {
  background-color: #ffffff;
  font-size: 11px;
}
.con-search-custom[data-layout=default] .recm-search-submit {
  font-size: 20px;
}
.con-search-custom[data-layout=default] .rc-searchForm__selectContainer:before {
  font-size: 16px;
}

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

ecm-modal[ecm]

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

.ecm-modal-content .rc-rewardHeader__icons .ra-rewardIcon{
  background-color: #ebebeb;
  padding:4px 8px;
  line-height: 1.14em;
  font-size:13px;
  color:#333333;
}

#modalFadeInCoupon .ecm-modal-content{
  border-radius: 0;
  padding: 40px 32px;
  padding-top: 18px;
  /* background-image: linear-gradient(to bottom,rgba(105, 241, 218, 0.2) 0%,rgba(245,255,249, 0.2) 80px,rgba(238,224,177, 0.2) 284px,rgba(241,239,213, 0.2) 390px,rgba(255,255,255, 0.2) 479px); */
}

#modalFadeInCoupon .ecm-modal-content-wrapper{
  max-width: 1024px;
  min-width: 960px;
}

.w960-modal__contentsInner{
  width:960px;
  margin:0 auto;
}

#modalFadeInEntry .ecm-modal-content{
  border-radius: 0;
  padding: 40px 32px;
  padding-top: 18px;
  /* background-image: url(https://r.r10s.jp/evt/event/fashion/thesale/20250101/_pc/img/entry_bg.png);
  background-repeat: no-repeat;
  background-position: top center; */
  /* background-image: linear-gradient(to bottom,rgba(105, 241, 218, 0.2) 0%,rgba(245,255,249, 0.2) 160px,rgba(238,224,177, 0.2) 568px,rgba(241,239,213, 0.2) 781px,rgba(255,255,255, 0.2) 958.5px); */
}

#modalFadeInEntry .ecm-modal-content-wrapper{
  max-width: 1024px;
  min-width: 960px;
}

#modalFadeInSearch .ecm-modal-content-wrapper{
  max-width: 1024px;
  min-width: 960px;
}

#modalFadeInSearch .ecm-modal-content{
  border-radius: 0;
  padding: 40px 32px 62px;
}

/* 
#modalFadeInEntry .ecm-modal-content ,
#modalFadeInCoupon .ecm-modal-content ,
#modalFadeInSearch .ecm-modal-content {
overflow-x: scroll;
} */


#modalFadeInEntry .ecm-modal-content > div,
#modalFadeInCoupon .ecm-modal-content > div,
#modalFadeInSearch .ecm-modal-content > div{
  min-width: 960px;
}

@media only screen and (max-width:1024px){
  #modalFadeInEntry .ecm-modal-content ,
  #modalFadeInCoupon .ecm-modal-content ,
  #modalFadeInSearch .ecm-modal-content {
  overflow-x: scroll;
  }

}

#modalFadeInEntry .ecm-modal-close,
#modalFadeInCoupon .ecm-modal-close,
#modalFadeInSearch .ecm-modal-close{
  width:28px;
  height: 28px;
  top:62px;
  right:16px;
  z-index: 1;
}

.ecm-modal-bg[data-opening=true], .ecm-modal-bg[aria-expanded=true] {
  background-color: #000000b3;
}

#modalFadeInEntry .rcEntryButton .rcEntryButton-button ,
.entry_con .rcEntryButton .rcEntryButton-button {
  background: linear-gradient(90deg, rgba(253, 214, 114, 1) -50%, rgba(225, 66, 40, 1) 100%);
  border: none;
  width: 480px;
  height:74px;
}
#modalFadeInEntry .rcEntryButton.rcEntryButton-status--closed .rcEntryButton-button,
.entry_con .rcEntryButton.rcEntryButton-status--closed .rcEntryButton-button {
  background: #f3f3f3;
  border-color: #f3f3f3;
}
#modalFadeInEntry .rcEntryButton.rcEntryButton-status--before .rcEntryButton-button,
.entry_con .rcEntryButton.rcEntryButton-status--before .rcEntryButton-button {
  background: #f3f3f3;
  border-color: #f3f3f3;
}
#modalFadeInEntry .rcEntryButton.rcEntryButton-status--entered .rcEntryButton-button,
.entry_con .rcEntryButton.rcEntryButton-status--entered .rcEntryButton-button {
  background: #f3f3f3;
  border-color: #f3f3f3;
}
#modalFadeInEntry .rcEntryButton.rcEntryButton-status--loading .rcEntryButton-button,
.entry_con .rcEntryButton.rcEntryButton-status--loading .rcEntryButton-button {
  background: #bf0000;
  border: 1px solid #bf0000;
}
/* #modalFadeInEntry .rcEntryButton.rcEntryButton-status--selected .rcEntryButton-button ,
.entry_con .rcEntryButton.rcEntryButton-status--selected .rcEntryButton-button {
  background: #ebf7ec;
  border-color: #069907;
} */
#modalFadeInEntry .rcEntryButton.rcEntryButton-status--notfound .rcEntryButton-button ,
.entry_con .rcEntryButton.rcEntryButton-status--notfound .rcEntryButton-button {
  background: #bf0000;
  border: 1px solid #bf0000;
}
#modalFadeInEntry .rcEntryButton.rcEntryButton-status--applied .rcEntryButton-button ,
.entry_con .rcEntryButton.rcEntryButton-status--applied .rcEntryButton-button{
  background: #ebf7ec;
  border-color: #069907;
}

.rn-modal__anchorLink {
  display: flex;
  justify-content: center;
  align-items: center;
  width:500px;
  margin:0 auto;

}
.rn-modal__anchorLink > * {
  flex: 1 1 auto;
  text-align: center;
  color: #333333 !important;
  width: 50%;
}
.rn-modal__anchorLink > * + * {
  border-left: 2px solid #ECEEEF;
}
.rn-modal__anchorLink [class^=ecm-icon-] {
  margin-left: 8px;
}
.rn-modal__anchorLink a:hover{
  text-decoration: none;
  opacity: 0.8;
}


.con-headline[data-layout=coupon] .con-headline__headline {
  margin-bottom: 24px;
  font-size: 24px;
  text-align: center;
}
article .con-headline[data-layout=coupon].-rf span {
  color: #bf0000;
}
article .con-headline[data-layout=coupon].-fts span {
  color: #bf0000;
}

.con-headline[data-layout=entry] .con-headline__headline {
  font-size: 28px;
  line-height: 1.6;
  /* color: #1299A2; */
  margin-bottom: 16px;
  text-align: center;
  color: #333333;
}


.con-headline[data-layout=search] .con-headline__headline {
  font-size: 20px;
  margin-bottom: 32px;
  text-align: center;
  color: #333333;
}

.paragragh-allback-note-area {
  width: 624px;
  margin-left: auto;
  margin-right: auto;
}

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

rc-noTransitionCoupon[ecm]

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

.coupon_design-rfs{
  width: 632px;
  margin: 0 auto;
}
.coupon_design-rfs.-pre{
  width: 304px;
  margin: 0 auto;
}

.coupon_design-rfs .ecm-coupon-link:before{
  background-image: radial-gradient(circle at center left, transparent 0px, transparent 11px, #FF694F 12px), radial-gradient(circle at center right, transparent 0px, transparent 11px, #FF694F 12px);
}

.coupon_design-rfs .ecm-coupon-discount{
  color:#ffffff;
}
.coupon_design-rfs .ecm-coupon-title{
  color:#ffffff;
}
.coupon_design-rfs .ecm-coupon-text{
  color:#ffffff;
}
.coupon_design-rfs .ecm-coupon-text i{
  color:#ffffff;
}
.coupon_design-rfs .ecm-coupon-note{
  color:#717171;
  margin-top: 8px;
}


.coupon_design-all .ecm-coupon-link:before{
  background-image: radial-gradient(circle at center left, transparent 0px, transparent 11px, #ececec 12px), radial-gradient(circle at center right, transparent 0px, transparent 11px, #ececec 12px);
}
.coupon_design-all .ecm-coupon-discount{
  color:#333333;
}
.coupon_design-all .ecm-coupon-title{
  color:#333333;
}

.coupon_design-all .ecm-coupon-text{
  color:#ffffff;
  background-color: #bf0000;
}
.coupon_design-all .ecm-coupon-text i{
  color:#ffffff;
}
.coupon_design-all .ecm-coupon-note{
  color:#717171;
  margin-top: 8px;
}



/*

 allget__coupon
----------------------------------------*/
.allget__coupon {
  width: 327px;
  margin: 0px auto 16px;
}
.allget__coupon._page {
  width: 480px;
}
.allget__couponBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  border: 1px solid #bf0000;
  border-radius: 2px;
  background-color: #ffffff;
  font-size: 12px;
  color: #bf0000;
  cursor: pointer;
  position: relative;
}
.allget__couponBtn:hover {
  opacity: 0.8;
}

.allget__couponBtn.couponOneClick-status-acquired,
.allget__couponBtn.couponOneClick-status-expired,
.allget__couponBtn.couponOneClick-status-finished,
.allget__couponBtn.couponOneClick-status-having {
  background: #f7f7f7;
  color: #717171;
  font-weight: 700;
  pointer-events: none;
  border: 0px;
}

.allget__couponBtn .multicoupon-container__icon {
  display: inline-block;
  font-size: 16px;
  margin-right: 4px;
}

.multicoupon-get-all.couponOneClick-status-loading {
  opacity: 0.5;
}

.multicoupon-get-all .couponOneClick-acquired,
.multicoupon-get-all .couponOneClick-expired,
.multicoupon-get-all .couponOneClick-finished,
.multicoupon-get-all .couponOneClick-having {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.multicoupon-get-all .couponOneClick-default {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.multicoupon-get-all.couponOneClick-status-acquired .couponOneClick-default,
.multicoupon-get-all.couponOneClick-status-expired .couponOneClick-default,
.multicoupon-get-all.couponOneClick-status-finished .couponOneClick-default,
.multicoupon-get-all.couponOneClick-status-having .couponOneClick-default {
  display: none;
}

.multicoupon-get-all.couponOneClick-status-acquired .couponOneClick-acquired,
.multicoupon-get-all.couponOneClick-status-having .couponOneClick-having {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

.multicoupon-get-all.couponOneClick-status-expired .couponOneClick-expired,
.multicoupon-get-all.couponOneClick-status-finished .couponOneClick-finished {
  display: inline-block;
  position: relative;
}



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

tab[js]

--------------------------------------------------------*/
.tab-content[data-tab] {
  display: none;
}
.tab-content[data-tab].active {
  display: block;
}

.tabs[data-layout] {
  display: flex;
  width:960px;
  margin:0 auto;
}
.tabs[data-layout] .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33.3333333333%;
  height: 54px;
  background-color: transparent;
  font-size: 16px;
  font-weight: bold;
  color: #8f8f8f;
  background-color: #f7f7f7;
  border-bottom: 2px solid #f7f7f7;
  cursor: pointer;
}
.tabs[data-layout] .tab.active {
  background-color: #fff;
}
.tabs[data-layout] .tab.active[data-tab=women] {
  /* color: #bf0000; */
  color:#333333;
  border-bottom: 2px solid #FF7153;
}
.tabs[data-layout] .tab.active[data-tab=men] {
  /* color: #829bc6; */
  color:#333333;
  border-bottom: 2px solid #269CC0;
}
.tabs[data-layout] .tab.active[data-tab=kids] {
  /* color: #d2b977; */
  color:#333333;
  border-bottom: 2px solid #FFAA31;
}

.ecm-kanban__bottomText[data-tab].active {
  display: flex;
  width:100%;
  margin:0 auto;
}

.ecm-kanban__bottomText[data-tab=women] {
  background-color: #bf0000;
}

.ecm-kanban__bottomText[data-tab=men] {
  background-color: #bf0000;
  /* background-color: #829bc6; */
}

.ecm-kanban__bottomText[data-tab=kids] {
  background-color: #bf0000;
  /* background-color: #d2b977; */
}

.tab-contents[data-layout=kanban] {
  /* width: 1440px; */
  width: 100%;
  margin-left: 50%;
  transform: translateX(-50%);
}

.tab-contents[data-layout=search] {
  padding: 32px 0 0;
}

.tab-contents[data-layout=default] {
  min-height: 1000px;
}

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

footer

--------------------------------------------------------*/
/* .article-footer-about {
  border-bottom: 8px solid #f7f7f7;
} */
.article-footer-banner {
  border-top: 8px solid #f7f7f7;
  margin-top: 64px;
}

.article-footer-about + .article-footer-banner  {
margin-top: 0;
}



.heading-footer{
  text-align: center;
}

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

coupon

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

.coupon_bg{
  padding-top: 56px;
  background-image: linear-gradient(to bottom, rgba(105, 241, 218, 0.15) 0px,rgba(245, 255, 249, 0.15) 130px,rgba(238, 224, 177, 0.15) 480px ,rgba(255,255,255,1) 486px);

}


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

udr_header 

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

.ecm-floating-navi-container.-fts_header{
  background-color: #FFFCED;
  border-bottom: none;
}
.ecm-floating-navi-container.-fts_header .ecm-container {
  width: 1024px;
}
.ecm-floating-navi-container.-fts_header a{
  /* width:960px; */
  height: 52px;
  display: flex;
  /* margin:0 auto; */
  justify-content: space-between;
  align-items: center;
}
.ecm-floating-navi-container.-fts_header a:hover{
  opacity: 0.8;
  text-decoration: none;
}

/* .ecm-floating-navi-container.-fts_header.-shoplist{
  border-bottom: none;
} */

.ecm-floating-navi-container.-fts_header.-shoplist > div{
  width:960px;
  height: 52px;
  display: flex;
  margin:0 auto;
  justify-content: space-between;
  align-items: center;
}
.ecm-floating-navi-container.-fts_header.-shoplist > div a{
  width:auto;
  display: flex;
  margin:0;
}

.header_banner_navi{
  display:flex;
}

.header_banner_navi li{
  position:relative;
}
.header_banner_navi li + li:before{
  position:absolute;
  top:14px;
  left:0;
  display: block;
  content:"";
  width:2px;
  height: 24px;
  background-color: #e0e0e0;
}

.header_banner_navi li a{
  display: inline-block;
  font-size:16px;
  font-weight: bold;
  color:#333333;
  padding:0 26px
}

/*****************

deal 

*******************/


.thesale-deal-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}

.thesale-deal-grid__link {
  display: block;
}

.thesale-deal-grid__link:hover {
  text-decoration: none;
}

.thesale-deal-grid__image-wrap {
  display: block;
  position: relative;
}

.thesale-deal-grid__image-wrap img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  width: 100%;
}

.thesale-deal-grid__image-wrap:hover img {
  opacity: 0.8;
}

.thesale-deal-grid__image-wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.04);
  z-index: 1;
}

.thesale-deal-grid__text-wrap {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
  margin-top: 12px;
}

.thesale-deal-grid__shopname {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #333;
}

.thesale-deal-grid__price {
  color: #bf0000;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  font-family: Roboto;
}

.thesale-deal-grid__round-label {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 4px;
  left: 4px;
  z-index: 1;
  width: 62px;
  height: 62px;
  border-radius: 100%;
  font-size: 12px;
  line-height: 1.12;
  font-weight: 700;
}

.thesale-deal-grid__round-label strong {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  display: block;
  margin-bottom: 2px;
}

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

【楽天市場】Rakuten 初売り 共通ヘッダー

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

/* header */

.con-floatingNavi[data-layout="hatsuuri_top_campaign"]{
  border-bottom: 2px solid #bf0000;
  }
  .con-floatingNavi[data-layout="hatsuuri_top_campaign"] .con-floatingNavi__menuContainer{
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    width: 960px;
    height: 50px;
    margin:0 auto;
  }
  .con-floatingNavi[data-layout="hatsuuri_top_campaign"] .con-floatingNavi__menuContainer a:hover{
  opacity: 0.8;
}
  .con-floatingNavi[data-layout="hatsuuri_top_campaign"] .con-floatingNavi__menuLogo {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  width: 18%;
  padding: 0 12px;
  }
  .con-floatingNavi[data-layout="hatsuuri_top_campaign"] .con-floatingNavi__menuList{
    display: flex;
    flex-direction: row;

  }


  .con-floatingNavi[data-layout="hatsuuri_top_campaign"] .con-floatingNavi__menuItem{
  height: 50px;
    position: relative;
  }
  .con-floatingNavi[data-layout="hatsuuri_top_campaign"] .con-floatingNavi__menuLink{
    display: flex;
    justify-content: center;
    align-items: center;
  padding:0 32px;
    height: 100%;
  }
  
  .con-floatingNavi[data-layout="hatsuuri_top_campaign"] .con-floatingNavi__menuItem + .con-floatingNavi__menuItem:before{
  display: block;
  content:"";
  width:1px;
  height: 35px;
  background-color: #ebebeb;
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  margin:auto 0;
  }
  
  /* close用の記述　liのclassに -close を追記 */
  .con-floatingNavi[data-layout="hatsuuri_top_campaign"] .con-floatingNavi__menuItem._close a{
  pointer-events: none;
  }
  .con-floatingNavi[data-layout="hatsuuri_top_campaign"] .con-floatingNavi__menuItem._close a img{
  opacity:0.4;
  }
  .con-floatingNavi[data-layout="hatsuuri_top_campaign"] .con-floatingNavi__menuItem._close a:before{
  display: block;
  content: "";
  width:44px;
  height: 44px;
  position: absolute;
  top:0;bottom:0;
  left:0;right:0;
  margin:auto;
  background:url(https://r.r10s.jp/evt/event/newyear/2024/_pc/img/cmn/cmn_campaign/finished_icon.png) no-repeat center center;
  background-size:  44px auto;
  }

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

【楽天市場】Rakuten 初売り 共通フッター

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

/* footer */

.hatsuuri_cmn_campaign_footer{
  /* background:url(https://r.r10s.jp/evt/event/newyear/2024/_pc/img/cmn/cmn_campaign/footer_bg.png) center center ; */
  padding:56px 0;
}

.hatsuuri_cmn_campaign_box{
  background-color: #ffffff;
  width:850px;
  padding:50px;
  border-radius: 25px;
  /* box-shadow: 0px 8px 18px 0px rgba(46, 46, 46, 0.3); */
  margin: 0 auto;
}

.hatsuuri_cmn_footer_ttl{
  text-align: center;
  margin-bottom: 42px;
}
.hatsuuri_cmn_footer_ttl:after{
  display: block;
  content:"";
  margin:32px auto 0;
  background-color: #6a6a6a;
  width:150px;
  height: 2px;
}
.hatsuuri_cmn_footer_ttl a:hover{
  opacity: 0.8;
}

.hatsuuri_cmn_campaign_box .d-grid-col-1 a:hover{
  opacity:0.8;
  text-decoration: none;
}

/* close用の記述　aのclassに -close を追記 */
.hatsuuri_cmn_campaign_box .d-grid-col-1 div a._close{
  pointer-events: none;
  }

.hatsuuri_cmn_campaign_box .d-grid-col-1 a._close picture{
  position: relative;
  display: block;
}
.hatsuuri_cmn_campaign_box .d-grid-col-1 a._close picture img{
  opacity: 0.4;
}
.hatsuuri_cmn_campaign_box .d-grid-col-1 a._close picture:before{
display: block;
content: "";
width:58px;
height: 58px;
position: absolute;
top:40%;
transform: translateY(-50%);
left:0;right:0;
margin:auto;
background:url(https://r.r10s.jp/evt/event/newyear/2024/_pc/img/cmn/cmn_campaign/finished_icon.png) no-repeat center center;
background-size:  58px auto;
}

.hatsuuri_cmn_campaign_box .d-grid-col-1 p{
  color:#333333;
  font-size:16px;
  margin-top: 12px;
}

.hatsuuri_cmn_campaign_box .container {
  text-align: center;
}

.hatsuuri_cmn_campaign_box .container div {
  margin-bottom: 42px;
}
/* ----------------------------------------------------

ecm-pill

--------------------------------------------------------*/
.ecm-pill-keywords .ecm-pill {
  font-size: 14px;
  text-decoration: none;
  padding: 16px 24px;
  color: #333;
  border-radius: 32px;
  border: none;
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,.15);
}
.ecm-pill-keywords .ecm-icon-chevron-right {
  margin-left: 16px;
}
/* ----------------------------------------------------

js-eventAdMinder ※追加

--------------------------------------------------------*/
.js-eventAdMinder .thesale-grid__image-wrap img {
  aspect-ratio: 1;
  object-fit: contain;
}