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

【楽天市場】サンリオzone ｜ サンリオキャラクター大賞

=================================================*/
/*----------------------------------------------

vote_notice_band[.vote_notice_band]

---------------------------------------------- */
.vote_notice_band {
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  line-height: 2.47em;
  background-color: #014898;
}
.vote_notice_band a {
  color: #fff!important;
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));
}
.vote_notice_band a:hover {
  text-decoration: none;
  opacity: 0.8;
}

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

ecm-kanban[ecm]

---------------------------------------------- */
.kanban{
  background-color: #f5f4f2;
}
.ecm-kanban[data-layout=default] .ecm-kanban-image {
  width: initial;
  margin-left: 50%;
  transform: translate(-50%);
}

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

vote[#vote]

---------------------------------------------- */
#vote {
  background-color: #f5f4f2;
}
.leadText-texture{
  height: 317px;
  background: url(https://r.r10s.jp/evt/event/sanrio/characterranking/webclip/_pc/img/20250404/leadText_texture.png?v=202503311426) repeat-x left top;
}
.leadText-area {
  position: relative;
  width: 611px;
  height: 338px;
  margin: 0 auto;
  top: -21px;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/characterranking/webclip/_pc/img/20250630/leadText_bg.png?v=202503311426);
}
.leadText-area .leadText-paragragh {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 29px;
  line-height: 1.666;
  font-weight: bold;
  color: #014898;
  text-align: center;
}

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

ecm-floating[ecm]

---------------------------------------------- */
.ecm-floating-navi-container.-characterranking {
  background-color: #0097e0;
}
.ecm-floating-navi-container.-characterranking .ecm-floating-navi {
  height: 64px;
  width: 960px;
  margin: 0 auto;
}
.ecm-floating-navi-container.-characterranking .ecm-floating-navi-item {
  font-weight: bold;
  color: #ffffff;
  font-size: 16px;
}
.ecm-floating-navi-container.-characterranking .ecm-floating-navi-item:hover{
  border-bottom:solid 4px #fff;
  padding-top: 15px;
}
.ecm-floating-navi-container.-characterranking .ecm-floating-navi-item.ecm-floating-navi-item-anchor[data-in-viewport=true]{
  border-color:rgba(0,0,0,0)!important;
}
.ecm-floating-navi-container.-characterranking[data-sticky=true] {
  top: 56px;
}

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

ecm-floating-navi-container -characterranking-right[ecm]

---------------------------------------------- */
.ecm-floating-menu.-characterranking-right ._logo {
  display: block;
  margin: 0 auto;
}
.ecm-floating-menu.-characterranking-right .ecm-floating-nav-pill {
  background-color: #ffffff;
  color: #014898;
  border: 2px solid #014898;
  border-right: none;
  min-width: 220px;
}
.ecm-floating-menu.-characterranking-right .ecm-floating-nav-pill:hover,
.ecm-floating-menu.-characterranking-right .ecm-floating-nav-pill[data-in-viewport=true] {
  background-color: #0097e0;
  color: #ffffff;
}

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

main[#main]

---------------------------------------------- */
#main[data-layout=characterranking] {
  background-color: #fffdd9;
  padding-top: 42px;
  padding-bottom: 74px;
}

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

.ecm-container[module]

---------------------------------------------- */
.ecm-container[data-layout="characterranking"]{
  padding-right: 27px!important;
  padding-left: 27px!important;
}


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

article[.article]

---------------------------------------------- */
.article[data-layout=characterranking] {
  position: relative;
  z-index: 0;
}
.article[data-layout=characterranking]:before, .article[data-layout=characterranking]:after {
  content: "";
  display: block;
}
.article--sanrioshop:before, .article--sanrioshop:after {
  -webkit-clip-path: polygon(0 0, 100% 34px, 100% calc(100% - 30px), 0 100%);
          clip-path: polygon(0 0, 100% 34px, 100% calc(100% - 30px), 0 100%);
}
.article--sanrioshop:before {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #fff;
}
.article--sanrioshop:after {
  position: absolute;
  z-index: -2;
  left: -4px;
  top: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #014898;
}
.article--itemlist__top{
  transform:rotate(-0.1deg);
}
.article--itemlist__top:before {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% + 4px);
  background-color: #fff;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/characterranking/webclip/_pc/img/20250404/section--itemlist_bg.jpg?v=202503311426);
  background-size: 100% auto;
  background-repeat: repeat-x;
  -webkit-clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
}
.article--itemlist__top:after {
  position: absolute;
  z-index: -2;
  left: -4px;
  top: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #014898;
  -webkit-clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
}
.article--itemlist__bottom{
  transform:rotate(0.1deg);
}
.article--itemlist__bottom:before {
  position: absolute;
  z-index: -1;
  left: 0;
  top: -1px;
  width: calc(100% - 4px);
  height: 100%;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 35px));
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 35px));
}
.article--itemlist__bottom:after {
  position: absolute;
  z-index: -2;
  left: -4px;
  top: 0;
  width: calc(100% + 8px);
  height: calc(100% + 4px);
  background-color: #014898;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 35px));
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 35px));
}
.article--itemlist::before{
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: 100%;
  background-color: #fff;
}
.article--itemlist::after{
  position: absolute;
  z-index: -2;
  left: -4px;
  top: 0;
  width: calc(100% + 4px);
  height: 100%;
  background-color: #014898;
}

.article--other:before, .article--other:after {
  -webkit-clip-path: polygon(0 0, 100% 38px, 100% 100%, 0 calc(100% - 52px));
          clip-path: polygon(0 0, 100% 38px, 100% 100%, 0 calc(100% - 52px));
}
.article--other:before {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #fff;
}
.article--other:after {
  position: absolute;
  z-index: -2;
  left: -4px;
  top: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #014898;
}

.article--vote:before, .article--vote:after {
  -webkit-clip-path: polygon(0 0, 100% 37px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 37px, 100% 100%, 0 100%);
}
.article--vote:before {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #fff;
}
.article--vote:after {
  position: absolute;
  z-index: -2;
  left: -4px;
  top: -4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #014898;
}

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

section[.section]

---------------------------------------------- */
.section[data-layout=characterranking] {
  position: relative;
  padding-bottom: 85px;
}
.section[data-layout=characterranking]:after {
  content: "";
  display: block;
}

.section--sanrioshop {
  padding: 64px 32px 68px !important;
}
.section--sanrioshop:after {
  position: absolute;
  z-index: -2;
  left: 0px;
  top: 1px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #014898;
  -webkit-clip-path: polygon(0 0, 100% 34px, 100% calc(100% - 30px), 0 100%);
          clip-path: polygon(0 0, 100% 34px, 100% calc(100% - 30px), 0 100%);
}

.section--itemlist {
  padding-top: 48px;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 0!important;
}
#a01 .section--itemlist{
  padding-top: 0!important;
}
#a01 .section--itemlist > div{
  position: relative;
  top: -17px;
  margin-bottom:-17px;
}
.section--itemlist:after {
  position: absolute;
  z-index: -2;
  left: 0px;
  top: 1px;
  width: calc(100% + 4px);
  height: calc(100% + 1px);
  background-color: #014898;
}
.section--itemlist__top{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 142px;
  padding-right: 32px;
  padding-left: 32px;
  padding-bottom: 0!important;
}
.section--itemlist__top::after{
  position: absolute;
  z-index: -2;
  left: 0px;
  top: 1px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #014898;
  -webkit-clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
}
.section--itemlist__bottom{
  padding-bottom: 88px!important;
  padding-right: 32px;
  padding-left: 32px;
}
.section--itemlist__bottom::after{
  position: absolute;
  z-index: -2;
  left: 0;
  top: 4px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #014898;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 35px));
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 35px));
}

.section--other {
  padding-top: 88px;
  padding-left: 111px;
  padding-right: 111px;
}
.section--other:after {
  position: absolute;
  z-index: -2;
  left: 0px;
  top: 1px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #014898;
  -webkit-clip-path: polygon(0 0, 100% 38px, 100% 100%, 0 calc(100% - 52px));
          clip-path: polygon(0 0, 100% 38px, 100% 100%, 0 calc(100% - 52px));
}
.section--other a:hover{text-decoration: none!important;}

.section--vote {
  padding-top: 88px;
  padding-left: 72px;
  padding-right: 72px;
  padding-bottom: 68px!important;
}
.section--vote:after {
  position: absolute;
  z-index: -2;
  left: 0px;
  top: 1px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: #014898;
  -webkit-clip-path: polygon(0 0, 100% 37px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 37px, 100% 100%, 0 100%);
}

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

heading[.heading]

---------------------------------------------- */
.heading[data-layout] {
  position: relative;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: #014898;
}

.heading[data-layout=default]:before {
  content: "";
  display: block;
  position: absolute;
  width: 158px;
  top: -104px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(https://r.r10s.jp/evt/event/sanrio/characterranking/webclip/_pc/img/20250404/heading_default_bg.png?v=202503311426);
  background-repeat: no-repeat;
  padding-top: 86px;
}

.heading[data-layout=sanrioshop] {
  font-size: 36px;
  margin-bottom: 52px;
}
.heading[data-layout=sanrioshop]:before {
  content: "";
  display: block;
  position: absolute;
  width: 839px;
  top: -78px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(https://r.r10s.jp/evt/event/sanrio/characterranking/webclip/_pc/img/20250404/heading_sanrioshop_bg.png?v=202503311426);
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-top: 153px;
}
.heading[data-layout=itemlist] {
  font-size: 36px;
  color: #ffffff;
  margin-bottom: 22px;
}
.article__subHeading {
  margin-bottom: 20px;
}

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

ecm-alcor[ecm]

---------------------------------------------- */
.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-sanriobaby .sanrio_customize .ecm-alcor-price .ecm-alcor-price-num {
  color: #fdd6d6 !important;
}

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

button[.button]

---------------------------------------------- */
.button[data-layout=vote] .button__link {
	
	
	
	
  background-color: #e7002e;
  border: 4px solid #014898;
  border-radius: 48px;
  width: 584px;
  height: 95px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  margin: auto;
}









.button[data-layout=characterranking] {
  margin-top: 30px;
}
.button[data-layout=characterranking] .button__link {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  width: 580px;
  height: 90px;
  margin: 0 auto;
  border-radius: 45px;
  background-color: #0097e0;
  border: 4px solid #014898;
}
.button[data-layout=vote] .button__link:hover,
.button[data-layout=characterranking] .button__link:hover{text-decoration: none!important;}

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

d-grid[ecm]

---------------------------------------------- */
.character-name {
  font-size: 22px;
  font-weight: bold;
  color: #014898;
  margin-top: 8px;
  text-align: center;
}/*# sourceMappingURL=cnt_sanrio_characterranking20250404.css.map */