@charset "utf-8";

/*
 ecm-kanban-layout-coupon_genre
==================================== */
.ecm-kanban-layout-coupon_genre{
  position: relative;
  z-index:-1;
}
.ecm-kanban-layout-coupon_genre h1{
  position: relative;
}
.fadein_wrap{
  position: absolute;
  z-index:1;
  width: 960px;
  height: 100%;
  top: 0;
  left: 50%;
  transform:translateX(-50%);
}
.fadein_wrap > div{
  position: absolute;
  opacity: 0;
  animation-name: fadeInAnime;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}
.fadein_wrap > div img{
  filter:drop-shadow(4px 8px 8px rgba(0,0,0,.1));
}
.fadein_wrap .fadein_img01{
  left: -244px;
  bottom: 41px;
  animation-delay: 0.3s;
}
.fadein_wrap .fadein_img02{
  left: -240px;
  top: 64px;
  animation-delay: 0.8s;
}
.fadein_wrap .fadein_img03{
  left: -44px;
  bottom: 49px;
  animation-delay: 1.3s;
}
.fadein_wrap .fadein_img04{
  top: 33px;
  left: 75px;
  animation-delay: 1.8s;
}
.fadein_wrap .fadein_img05{
  top: 47px;
  right: 91px;
  animation-delay: 2.3s;
}
.fadein_wrap .fadein_img06{
  bottom: 32px;
  right: 1px;
  animation-delay: 2.8s;
}
.fadein_wrap .fadein_img07{
  top: 37px;
  right: -216px;
  animation-delay: 3.3s;
}
.fadein_wrap .fadein_img08{
  bottom: 28px;
  right: -303px;
  animation-delay: 3.8s;
}


@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*
 sea-c-background-medama
==================================== */
.sea-c-background-medama{
  background-color: #ffdfc8;
}

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

/*
 coupon
==================================== */
/* coupon01 */
.coupon01 .rc-noTransitionCoupon__title{
  color: #cd5b31;
}
.coupon01 .coupon_list_body{
  width: 388px;
  height: 130px;
  margin-right: auto;
  margin-left: auto;
}
.coupon01 .coupon_list_text{
  border-top: none;
  color: #fff;
  padding: 9px 0;
  font-size: 18px;
  background-color: #cd5b31;
}
.coupon01 .coupon_list_title{
  color: #333;
  margin-bottom: 8px;
}
.coupon01 .coupon_list_discount em{
  font-size: 50px;
}
.coupon01 .coupon_list_filled{
  color: #fff;
}
.coupon01 .rc-noTransitionCoupon__annotation{
  color: #333;
  font-size: 14px;
}
.coupon01 .coupon_list_body::before {
  background-image: radial-gradient(circle at center left, transparent 0, transparent 10px, #cd5b31 11px), radial-gradient(circle at center right, transparent 0, transparent 10px, #cd5b31 11px);
}
.coupon01 .coupon_list_link {
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  padding: 12px 0 0;
}
.coupon01 .coupon_list_discount{
  color: #cd5b31;
  font-size: 32px;
  margin-bottom: 7px;
}
.coupon01 .coupon_list_note{
  font-size: 12px;
  margin-top: 4px;
}

/* periodWrap01 */
.periodWrap01{
  margin: 18px 0 0;
  line-height: 1.5;
  font-size: 14px !important;
  text-align: center;
}
.cautionTxt{
  font-size: 11px;
  color: #222;
  line-height: 1.5;
}
.campaignLinkList{
  margin: 36px 0 0;
}
.campaignLinkList>li{
  margin-right: 0!important;
  box-sizing: border-box;
}
.campaignLinkList>li:nth-of-type(2n){
  border-left: 2px solid #606060;
  padding-left: 72px;
  margin-left: 60px;
}
.campaignLinkList li a{
  display: block;
  font-size: 16px;
  text-align: center;
  line-height: 32px;
}
.campaignLinkList span{
  position: relative;
  padding-right: 38px;
}
.campaignLinkList span::before{
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 4px;
  right: 3px;
  width: 11px;
  height: 11px;
  margin: auto;
  border-right: 3px solid #606060;
  border-top: 3px solid #606060;
  transform: rotate(135deg);
}

/*
 scm-alert-free-shipping-layout-default
==================================== */
.scm-alert-free-shipping-layout-default{
  background-color: #ffebdd!important;
}

/*
 genre-coupon-headline
==================================== */
.genre-coupon-headline{
  text-align: center;
  color: #cd5b31;
}
.genre-coupon-headline .small{
  font-size: 30px;
}

/*
 shoplist
==================================== */
#shoplist .ecm-accordion-item:not(:last-child){border-bottom:none!important;}
#shoplist .ecm-accordion-trigger{
  padding: 0 !important;
}
#shoplist .ecm-accordion-trigger.ecm-accordion-trigger-link:hover{text-decoration: underline!important;}
#shoplist .ecm-accordion-trigger.ecm-accordion-trigger-link:hover{background-color: inherit!important;}