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

【楽天市場】サンリオzone ｜ キッズ・ベビー特集

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

/*
 coupon_notice_band
---------------------------------------------- */
.coupon_notice_band {
    background: #fcffe9;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    line-height: 2.47em;
  }
  .coupon_notice_band a {
    color: #ff9d9d !important;
    text-shadow:0 0 10px #ffffff;
  }
  
  .coupon_notice_band a:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  
.color-9a6955{
  color:#9a6955;
}

  /*
   rn-floatingNavi
  ---------------------------------------------- */
  .ecm-floating-navi-container.-baby {
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/nav_bg.png?v=202505021036);
    background-size: auto 100%;
    background-position: top center;
    background-repeat: no-repeat;
    border-bottom: none !important;
  }
  
  .ecm-floating-navi-container.-baby .ecm-floating-navi{
      height:92px;
      width:960px;
      margin: 0 auto;
      gap: 44px;
  }
  .ecm-floating-navi-container.-baby .ecm-floating-navi-item  {
    font-weight: bold;
    color:#aa7762;
    font-size: 22.59px;
    padding-left: 28px;
    padding-bottom: 24px;
}
  .ecm-floating-navi-container.-baby[data-sticky="true"] {
    top: 56px;
  }
  

  .ecm-floating-navi-container.-baby .ecm-floating-navi{
    overflow: visible;
}

.ecm-floating-navi-container.-baby .ecm-floating-navi-item  {

}

.ecm-floating-navi-container.-baby .ecm-floating-navi-item._kids{
    width: 152px;
    height: 86px;
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/nav_btn01.png?v=202505021036);
    background-size:auto 100% ;
    background-position: center center;
    background-repeat: no-repeat;
    animation: 4s ease-in-out 0s fluffy infinite;
    transform: translateY(-5px);
  }
.ecm-floating-navi-container.-baby .ecm-floating-navi-item._baby{
    width: 153px;
    height: 86px;
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/nav_btn02.png?v=202505021036);
    background-size:auto 100% ;
    background-position: center center;
    background-repeat: no-repeat;
    animation: 3.4s ease-in-out -0.7s fluffy  infinite;
    transform: translateY(-5px);
}
.ecm-floating-navi-container.-baby .ecm-floating-navi-item._gift{
    width: 157px;
    height: 86px;
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/nav_btn03.png?v=202505021036);
    background-size:auto 100% ;
    background-position: center center;
    background-repeat: no-repeat;
    animation: 5s ease-in-out 1.3s fluffy infinite;
    transform: translateY(-5px);
}

@keyframes fluffy {
	0%,
	100% {
		transform: translateY(-5px);
	}
	50% {
		transform: translateY(5px);
	}
}


  
  .right_floating_sanrio{}

  .right_floating_sanrio .ecm-floating-menu ._logo {
    display: block;
    margin: 0 auto;
}

  .right_floating_sanrio .ecm-floating-nav-pill{
    background-color: #ffffff;
    color:#6cb7ec;
    border: 1px solid #6cb7ec;
    border-right: none;
    min-width: 180px;
  }
  
  .right_floating_sanrio .ecm-floating-nav-pill[data-in-viewport="true"]{
    background-color: #6cb7ec;
    color:#ffffff;
  }
  
  
  /*
   heading
  ---------------------------------------------- */
  /* default */
  .article[data-layout="udr"] .article__heading {
    font-size: 36px;
    color: #66503d;
    padding-top: 60px;
    margin-bottom: 12px;
  }
  .article__heading--character_search{
    position: relative;
    padding-top: 100px;
    margin: 0 auto 10px;
  }
  .article__heading--character_search span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #66503d;
  }
  
  .top_lead{
    text-align: center;
    color:#9a6955;
    font-size:16px;
    padding:16px 0 36px;
}

.contents__caution{
  font-size:18px !important;
}

/*
swiper
---------------------------------------------- */

.ecm-slider-prev.ecm-slider-prev-pagination {
    display: flex;
    opacity: 1;
    background-color:#f485a1 ;
    color:#ffffff;
}


.ecm-slider-next.ecm-slider-next-pagination {
    display: flex;
    opacity: 1;
    background-color:#f485a1 ;
    color:#ffffff;
}

.swiper.-category .ecm-slider-pagination-bullet:not(:first-child){
    margin-left: 6px;
}
.swiper.-category .ecm-slider-pagination-bullet{
    width: 12px;
    height: 12px;
}
.swiper.-category .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active{
    background-color: #ffadac;

}


/*
definition
  ---------------------------------------------- */
.definition.-cagegory {
    -webkit-transform: none;
            transform: none;

}

.definition.-category .definition__link {
    box-sizing: border-box;
    display: block;
    position: relative;
    border:1px solid #9a6955;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 12px;
}
.definition.-category .definition__link:hover{
    text-decoration: none;
    opacity: 0.8;
}

.definition.-category .swiper-image{
    width: 100%;
    border:1px solid #9a6955;
}

.definition.-category .definition__title {
    font-size: 15px;
    font-weight: bold;
    color: #9baaf6;
    line-height: 1.5;
    text-align: center;
    margin:12px auto 0;
}

.definition.-category .definition__term {
    font-weight: bold;
}

.ecm-slider-prev-pagination .ecm-icon-chevron-left, .ecm-slider-next-pagination .ecm-icon-chevron-right {
    font-size: 27px;
    font-weight: bold;
}

.ecm-slider-prev.ecm-slider-prev-pagination {
    /* display: flex;
    opacity: 1; */
    width: 44px;
    height: 44px;
    background-color:#f485a1 ;
    border: 4px solid #ffffff;
    color:#ffffff;
    left: -22px;
    top:calc(50% - 22px);
}


.ecm-slider-next.ecm-slider-next-pagination {
    /* display: flex;
    opacity: 1; */
    width: 44px;
    height: 44px;
    background-color:#f485a1 ;
    border: 4px solid #ffffff;
    color:#ffffff;
    right: -22px;
    top:calc(50% - 22px);
}

#con_carousel .ecm-slider-pagination-bullet:not(:first-child){
    margin-left: 24px;
}

#con_carousel .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active{
  background-color: #e8447e;
}
  
/*
definition
---------------------------------------------- */


#baby .definition.-category .definition__title {
color:#fb9dac;
}


.definition.-category .definition__term {
font-weight: bold;

}

  
/* character-contents
-------------------------------------------------*/
.character-contents {
  background-color: #fce5e8;
  padding: 12px 0 16px;
}

.rc-headline[data-layout="sanrio_newlife"] .rc-headline__headline {
  font-size: 18px;
  color: #f091a7;
}
  
  
/* contents
-------------------------------------------------*/

/* bg */
.article--bgc-fffeee::before {
  content: '';
  background-color: #fffeee;
}
.contents__inner.-baby::before {
  top: 0;
}
.contents__inner.-baby {
  padding: 48px 0 80px;
}

.contents__inner.-baby.inner_first {
  padding: 20px 0 32px;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/con_top.png?v=202505021036);
  background-size: auto 20px;
  background-position:top center;
  background-repeat: repeat-x;
}

  .article--bgc-blue{
    background-color: #e7f0fd!important;
}
.article--bgc-babypink{
    background-color: #fceef3!important;
}
.article--bgc-yellow{
    background-color: #fcfbe9!important;
}

.article--bgc-gift{
    background-color: #8dd0d6!important;
}
.article--bgc-white{
    background-color: #ffffff!important;
}
.article--bgc.-udr.-sanrioonline{
    position: relative;
    width: 100%;
    background-color: #edf8dd!important;
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/con_top.png?v=202505021036);
    background-size: auto 20px;
    background-position:top center;
    background-repeat: repeat-x;
    padding-top:150px;
}
.article--bgc.-udr.-sanrioonline:before {
    content: "";
    display: block;
    width:302px;
    height: 210px;
    padding: 0;
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/article_bg_osusume.png?v=202505021036);
    background-size: 100% auto;
    margin: 0 auto 12px;
    top:30px;
    left: calc(50% - 268px);
}

  
  /* contop_lead */
  .contop_lead {
    font-size: 16px;
    color:#66503d;
    text-align: center;
    line-height: 1.5;
  }
  
  /* coupon */
  
  .coupon_area {
    padding: 36px 0 38px;
    background-color: #ffffff;
    color: #9a6955;
  }
  .coupon_period {
    padding: 0 16px;
    color: #9a6955;
    font-size: 16px;
    text-align: center;
  }
  
  .coupon_col1{
    width: 330px;
    margin:0 auto;
  }
  
  
  .coupon_area .ecm-coupon{
    width: 547px;
    margin: 0 auto;
  }


  /* .coupon_area .ecm-coupon-link:after {
    content: "";
    z-index: 0;
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at center left, transparent 0px, transparent 10px,#66503d 11px), radial-gradient(circle at center right, transparent 0px, transparent 10px,#66503d 11px);
    background-size: calc(55% + 1px) 100%, calc(55% + 1px) 100%;
    background-repeat: no-repeat;
    background-position: -1px 50%, calc(100% + 1px) 50%;
    border-radius: 4px;
  }
  
  .coupon_area .ecm-coupon-link:before {
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    width: calc( 100% - 2px);
    height: calc( 100% - 2px);
    background-image: radial-gradient(circle at center left, transparent 0px, transparent 10px,#66503d 10px,#66503d 11px, #fff 12px), radial-gradient(circle at center right, transparent 0px, transparent 10px,#66503d 10px,#66503d 11px, #fff 12px);
    background-size: calc(55% + 1px) 100%, calc(55% + 1px) 100%;
    background-repeat: no-repeat;
    background-position: -1px 50%, calc(100% + 1px) 50%;
    border-radius: 4px;
  } */
/*   
  .coupon_area .ecm-coupon-discount{
    color:#f485a1;
  }
  .coupon_area .ecm-coupon-title{
    color:#66503d;
  }
  
  .coupon_area .ecm-coupon-text{
    border-top-color:#f485a1;
    background-color:#f485a1;
    color:#ffffff;
  }
  
  .coupon_area .ecm-coupon-text i{
    color:#ffffff;
  }
  
  .coupon_area .ecm-coupon-note{
    color:#74493e;
  }
   */
  
  /* heading */
  .contents__heading {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}

.contents__heading:before{
    display: block;
    content: "";
    margin: 0 auto 10px;
}
#kids .contents__heading:before{
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/h2_kids.png?v=202505021036);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width:64px;
    padding-top: 68px;
}
#baby .contents__heading:before{
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/h2_baby.png?v=202505021036);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 69px;
    padding-top:68px;
}
#gift .contents__heading:before{
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/h2_gift.png?v=202505021036);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    width: 92px;
    padding-top: 90px;
}

.contents__heading span {
    display: block;
    font-size:34px;
    font-weight: bold;
    text-align: center;
    color: #9a6955;
}
.contents__heading span.__eng {
    font-size: 22px;
    font-weight: normal;

}
.article__subHeading {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.article__subHeading span {
  display: inline-block;
  padding: 0 104px;
  align-items: center;
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #9a6955;
  padding-bottom: 26px;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/contents_heading_sub_bg.png?v=202505021036);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 204px 22px;
}
.article__subHeading:before {
  display: inline-block;
  align-items: center;
  content: "";
  width: 49px;
  height: 36px;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/contents_heading_sub_left.png?v=202505021036);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}


.article__subHeading:after {
    display: inline-block;
    align-items: center;
    content: "";
    width: 49px;
    height: 37px;
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/contents_heading_sub_right.png?v=202505021036);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}

.sanrio-article--sanrioshop .article__subHeading{display: none;}

.article__h4_Heading {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #9baaf6;
}
.article__h4_Heading:after {
    position: relative;
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/contents_heading_h4_bg.png?v=202505021036);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    display: block;
    content:"";
    width: 158px;
    padding-top: 11px;
    margin:8px auto 0;
}
.article--bgc-blue .article__h4_Heading:after,
.article--bgc-babypink .article__h4_Heading:after,
.article--bgc-yellow .article__h4_Heading:after {
    background-image: url(https://r.r10s.jp/evt/event/sanrio/baby/_pc/img/20250515/contents_heading_h4_bg_white.png?v=202505021036);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;

}

.article__subHeading + .article__h4_Heading{
    margin-top: 36px;
}

.category__heading {
    margin-bottom:16px;

}
.category__heading span {
    display: block;
    font-size: 33.82px;
    font-weight: bold;
    text-align: center;
    color: #9a6955;
}
.category__heading span.__eng {
    font-size: 22px;
    font-weight: normal;
}

.article__imgheading{
    text-align: center;
    margin-bottom: 24px;
}

#con_carousel .contents__heading {
    font-size: 6.5625vw;
    min-height:1.62em;
}

#con_carousel .contents__heading span {
    color: #ff0066;
}

/* caution */
.contents__caution{
    font-size: 16px;
    line-height: 1.5;
    color: #ff0000;
    text-align: center;
}

  /*
   article
  ---------------------------------------------- */
  /* button */
  .button.-udr .button__link {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 362px;
    height: 70px;
    margin: 0 auto;
    background-color: #f4a7a7;
  }
  
  .button.-udr .button__link::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 24px;
    border: 0px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .button.-search .button__link {
    font-size: 24px;
    font-weight: bold;
    color: #fa85bf;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    border-radius: 35px;
    border: 4px solid #fa85bf;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 420px;
    height: 70px;
    margin: 0 auto;
    background-color: #fff;
  }
  
  .button.-search .button__link::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 24px;
    border: 0px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  
  .button[data-layout="udr"] .button__link,
  .button[data-layout="baby"] .button__link {
    background-color: #f4a7a7;
    width: 576px;
    height: 86px;
    border-radius: 43px;
    margin: 24px auto 0;
  }
  
  .md-d-grid-col-2 .button[data-layout="udr"] .button__link{
    width: 100%;
  }
  
  .button[data-layout="udr"] .button__link:hover,
  .button[data-layout="baby"] .button__link:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  
  .sanrio-article--sanrioshop .button[data-layout=udr] .button__link,
  .button[data-layout="baby"].-sanrioshop .button__link {
    font-size: 24px;

  }
  .button[data-layout="search"] .button__link {
    color: #b0a194;
    border-color: #b0a194;
  }
  .button[data-layout="search"] .button__link::before {
    border-color: #b0a194;
  }
  
  /* rc-itemAlcor */
  .sanrio_customize .ecm-alcor {background-color: transparent;}
  
  
  .sanrio_customize .ecm-alcor-image-link{
      border-radius: 8px;
      border: 1px solid #ffc57a;
      overflow: hidden;
  }
  .sanrio_customize .ecm-alcor-name {font-size: 14px;}
  .sanrio_customize .ecm-alcor-price .ecm-alcor-price-num{
    font-size: 24px;
    color: #f485a1!important;
  }
  .article--bgc-gift .sanrio_customize .ecm-alcor-price .ecm-alcor-price-num{

    color: #fdd6d6 !important;
  }
  
  
  
  /*
   [inc_character_list]
  ---------------------------------------------- */
  .item__area[data-layout="baby"] {}
  .item__area[data-layout="baby"] .item__list {
    padding: 0 16px;
  }
  .item__area[data-layout="baby"] .item__listItem {
  }
  .item__area[data-layout="baby"] .item__listItem + * {
    background-image : linear-gradient(to right, #ff7f50, #ff7f50 4px, transparent 4px, transparent 8px);  /* 幅2の線を作る */
    background-size: 8px 1px;          /* グラデーションの幅・高さを指定 */
    background-position: left top;  /* 背景の開始位置を指定 */
    background-repeat: repeat-x;
    padding-top: 24px;
    margin-top: 24px;
  }
  .item__area[data-layout="baby"] .item__wrap {
    display: flex;
    align-items: flex-start;
  }
  .item__area[data-layout="baby"] .item__wrap {
    display: flex;
    align-items: flex-start;
  }
  .item__area[data-layout="baby"] .item__thumb {
    width: 86px;
    margin-right: 6px;
  }
  .item__area[data-layout="baby"] .item__title {
    margin-top: 12px;
    color: #74493e;
    font-size: 11px;
    white-space: nowrap;
  }
  .item__area[data-layout="baby"] .item__keywordArea {
    width: calc(100% - 92px);
  }
  .item__area[data-layout="baby"] .item__keywordList {
    display: flex;
    flex-wrap: wrap;
  }
  .item__area[data-layout="baby"] .item__keywordListItem {
    display: inline-block;
    margin: 0 4px 8px 0;
  }
  .item__area[data-layout="baby"] .item__keywordListItem a {
    display: flex;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 12px;
    padding: 4px;
    font-size: 11px;
    color: #333333!important;
  }