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

【楽天市場】サンリオzone｜サンリオ公式のショッピングサイト
 https://event.rakuten.co.jp/sanrio/

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

/*
 swiper
---------------------------------------------- */
.swiper.-sign {
  position: relative;
  margin: 0 auto;
  margin-top: 22px;
  width: 100%;
  max-width: 464px;
}

.swiper.-sign .swiper-container {
  position: relative;
  display: none;
  width: 100%;
  margin: 0 auto;
  overflow: visible;
}

.swiper.-sign .swiper-container-initialized {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.swiper.-sign .swiper-wrapper {
  align-items: center;
  margin-left: -32px;
}

.swiper.-sign .swiper-image {
  display: block;
  width: 100%;
  height: auto;
}

.swiper.-sign .swiper-slide {
  box-sizing: border-box;
}

.swiper.-sign .swiper-slide.swiper-slide-active {
  margin: 0 16px;
}

.swiper.-sign .swiper-slide:not(.swiper-slide-active) > * {
  position: relative;
  z-index: -1;
  opacity: 0.5;
  -webkit-transform: scale(0.94);
          transform: scale(0.94);
}

@media screen and (min-width: 415px) {
  .swiper.-sign .swiper-slide:not(.swiper-slide-active) > * {
    z-index: 1;
  }
}

.swiper.-sign .swiper-slide > * {
  transition: all 0.2s 0s ease;
}

.swiper.-sign .button {
  position: absolute;
  top: 50%;
  z-index: 100;
  box-sizing: border-box;
  border-radius: 24px;
  border: 4px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  background-color: #f485a1;
  cursor: pointer;
}

.swiper.-sign .button-prev {
  left: -32px;
}

.swiper.-sign .button-prev::before {
  content: '';
  position: relative;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2272px%22%20height%3D%2272px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%20d%3D%22M0.0%2C0.0%20L72.0%2C0.0%20L72.0%2C72.0%20L0.0%2C72.0%20L0.0%2C0.0%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M24.185%2C32.769%20L38.36%2C19.181%20C39.630%2C17.617%2042.214%2C17.617%2043.808%2C19.181%20C45.402%2C20.744%2045.402%2C23.279%2043.808%2C24.843%20L32.422%2C36.12%20L43.808%2C47.182%20C45.402%2C48.745%2045.402%2C51.280%2043.808%2C52.843%20C42.214%2C54.407%2039.630%2C54.407%2038.36%2C52.843%20L24.185%2C39.255%20C23.280%2C38.368%2022.908%2C37.170%2023.29%2C36.12%20C22.908%2C34.854%2023.280%2C33.656%2024.185%2C32.769%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.swiper.-sign .button-next {
  right: -32px;
}

.swiper.-sign .button-next::before {
  content: '';
  position: relative;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2272px%22%20height%3D%2272px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22none%22%20d%3D%22M0.0%2C0.0%20L72.0%2C0.0%20L72.0%2C72.0%20L0.0%2C72.0%20L0.0%2C0.0%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M47.619%2C39.227%20L34.43%2C52.804%20C32.481%2C54.366%2029.948%2C54.366%2028.386%2C52.804%20C26.824%2C51.242%2026.824%2C48.709%2028.386%2C47.147%20L39.546%2C35.987%20L28.386%2C24.827%20C26.824%2C23.265%2026.824%2C20.732%2028.386%2C19.170%20C29.948%2C17.608%2032.481%2C17.608%2034.43%2C19.170%20L47.619%2C32.747%20C48.506%2C33.633%2048.871%2C34.830%2048.751%2C35.987%20C48.871%2C37.144%2048.506%2C38.341%2047.619%2C39.227%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.swiper.-sign .pagination {
  bottom: 0;
  z-index: 100;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 19px;
}

.swiper.-sign .pagination-bullet {
  outline: none !important;
  border-radius: 5px;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  background-color: #cccccc;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent !important;
}

.swiper.-sign .pagination-bullet-active {
  background-color: #f485a1;
}

.button.-sanrio .button__link {
  font-size: 24px;
  color: #f485a1;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  border-radius: 35px;
  border: 2px solid #f485a1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 362px;
  height: 70px;
  margin: 0 auto;
  background-color: #fff;
  text-decoration: none;
}

.article.-sanrio .article__heading2 {
    font-size: 25px;
    font-weight: bold;
    color: #515151;
    text-align: center;
    margin-bottom: 16px;
}

.color-gray-1 {
    color: #515151 !important;
}

/*
 swiper[2026_renewal]
---------------------------------------------- */
.swiper-slide-campaign .definition__link {
  position: relative;
  box-shadow: 0px 0px 10px 0 #ff85a4;
  border: 3px solid #ffffff!important;
}
.swiper-slide-campaign .definition__link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 0px 10px 0 #ff85a4 inset;
}

/*
 contents[2026_renewal]※offset調整
---------------------------------------------- */
#pickup {
  padding-top: 106px;
}
#newitem {
  position: relative;
  padding-top: 130px;
}
#anniversary + #newitem:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: 0 -500%;
  padding: 0 500%;
  background-color: #ffeb88;
}
.article--bgc-anniv {
  padding-bottom: 0px;
}
#ranking .article__heading::before {
  top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}