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

【楽天市場】サンリオzone ｜ 入園入学特集

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

/*
 coupon_notice_band
---------------------------------------------- */
.coupon_notice_band {
  background: #3fd080;
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  line-height: 2.47em;
}
.coupon_notice_band a {
  color: #fff!important;
}

.coupon_notice_band a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.position-static{
  position: static;
}

/*
 ecm-floating-navi
---------------------------------------------- */
.nav_area{
  background-image:url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/nav_area_bg.png) ;
  background-position: top center;
  background-size: 1920px auto;
  background-repeat: no-repeat;
  height: 96px;
}

.ecm-floating-navi-container.-school {
  background-color: transparent;
  border-bottom: none !important;
}

.ecm-floating-navi-container.-school .ecm-floating-navi{
    height:95px;
    width:600px;
    gap: 24px;
    margin: 0 auto;
}
.ecm-floating-navi-container.-school .ecm-floating-navi-item  {
  font-weight: bold;
  color:#ffffff;
  font-size: 14.8px;
  letter-spacing: -0.8px;
  padding: 0;
}
.ecm-floating-navi-container.-school .ecm-floating-navi-item .ecm-floating-navi-item-anchor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color:#aa7762;
  font-size: 24.74px;
  line-height: 1.3;
  width: 100%;
  height: 100%;
  padding: 12px 12px 12px 20px;
}
.ecm-floating-navi-container.-school .ecm-floating-navi-item .ecm-floating-navi-item-anchor span span{
  font-size: 20.02px;
}

.ecm-floating-navi-container.-school .ecm-floating-navi-item .ecm-floating-navi-item-anchor:hover{
  text-decoration: none;
  opacity: 0.8;
}

.ecm-floating-navi-container.-school .ecm-floating-navi-item._01{
  background-image:url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/nav_item01.png) ;
  background-position: top center;
  background-size: 100% auto;
  width: 165px;
} 
.ecm-floating-navi-container.-school .ecm-floating-navi-item._02{
  background-image:url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/nav_item02.png) ;
  background-position: top center;
  background-size: 100% auto;
  width: 171px;
} 
.ecm-floating-navi-container.-school .ecm-floating-navi-item._03{
  background-image:url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/nav_item03.png) ;
  background-position: top center;
  background-size: 100% auto;
  width:165px;
} 

.ecm-floating-navi-container.-school[data-sticky="true"] {
  top: 56px;
}
.ecm-floating-navi-container.-school .ecm-floating-navi-item .modal_opener{
  position: static;
}
.ecm-floating-navi-container.-school .ecm-floating-navi-item .modal_opener .ecm-icon-chevron-down{
  display: inline-block;
  background-color: #ffffff;
  box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.22) ;
  border-radius: 50%;
  top:auto;
  bottom: 50%;
  right:24px;
  left: auto;
  margin: auto 0;
  padding: 0.35em;
  color:#aa7762;
  font-weight: bold;
  transform: translate(0 ,50%);
}


/* ----------------------------
  ドロップダウン見た目（ドロップダウン動作には無関係)
----------------------------- */
.accordion_wrap{
  width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}
.accordion_item {
  position: relative;
   z-index: 4;
   width: 240px;
}

.accordion_item div {
  position: relative;
  top: 6px;
  left: 2px;
  min-width: 170px;
  max-width: 33%;
  background: #ffffff;
  border: solid 1px #3fd080;  
  border-radius: 0.5em;
  box-shadow: 0px 0px 9px 5px rgba(102, 105, 102, 0.2);
}


.accordion_item div:before {
  content: "";
  position: absolute;
  top:  -24px; 
  left:60% ;   
  margin-left: -12px;
  border: 12px solid transparent; 
  border-bottom: 12px solid #3fd080; 
  z-index: 100;
}

.accordion_item div:after {
  content: "";
  position: absolute;
  top:  -20px; 
  left: 60%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  z-index: 200;
}

.accordion_item div#multiplAccordionPanel2:before,
.accordion_item div#multiplAccordionPanel2:after{
  left:85%;
}
.accordion_item div#multiplAccordionPanel3:before,
.accordion_item div#multiplAccordionPanel3:after{
  left:85%;
}

.accordion_item a {
  text-decoration: none;
  color: #aa7762;
  line-height: 2em;
  padding-left: 0.6em;
  display: block;
}
.accordion_item a:hover {
  /* background-color: #eee; */
}

.accordion_item a:not(:last-child) {
  padding-bottom: 0.2em;
  /* margin-bottom: 0.2em; */
  border-bottom: solid 0.1em #3fd080;
}

.right_floating_sanrio{
  transform: scale(0.8);
  transform-origin: right bottom;
  z-index: 120 !important;
}
.right_floating_sanrio .ecm-floating-menu{
  align-items: end;
}
.right_floating_sanrio .ecm-floating-nav-pill{
  background-color: #ffffff;
  color:#3fd080;
  border: 1px solid #3fd080;
  border-right: none;
  padding:5.5px 12px;
  margin-top: 2px;
  font-size: 13.6px;
  box-sizing: content-box;
  min-width: 224px;
}

.right_floating_sanrio .ecm-floating-nav-pill.-large{
  background-color: #3fd080;
  color:#ffffff;
  font-size:17px;
  padding: 6px 20px;
}

.right_floating_sanrio .ecm-floating-nav-pill:hover,
.right_floating_sanrio .ecm-floating-nav-pill[data-in-viewport="true"]{
  background-color: #efffe6;
  /* color:#ffffff; */
}
.right_floating_sanrio .ecm-floating-nav-pill.-large:hover,
.right_floating_sanrio .ecm-floating-nav-pill.-large[data-in-viewport="true"]{
  background-color: #3fd080;
  /* 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;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/contents_heading_sub_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 960px;
  padding-top: 18px;
  text-align: center;
  padding-bottom: 30px;

}
.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: 34px;
  text-align: center;
  font-weight: bold;
  color: #25a75f;
}



/*
 swiper
---------------------------------------------- */
#con_carousel{
  padding: 40px 0 32px;
  position: relative;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/contents_header_character.png);
  background-repeat: repeat;
  background-position: top center;
  background-size: 1920px auto;
}


#con_carousel .ecm-slider-slide.swiper-slide{
  /* width: 288px; */
  width: 230px;
}

.swiper.-sign .button {
  position: absolute;
  top: 50%;
  z-index: 100;
  box-sizing: border-box;
  border-radius: 18px;
  border: 3px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  background-color: #f485a1;
}

.ecm-slider-prev.ecm-slider-prev-pagination {
    /* display: flex;
    opacity: 1; */
    background-color:#f485a1 ;
    color:#ffffff;
    left: 300px;
}


.ecm-slider-next.ecm-slider-next-pagination {
    /* display: flex;
    opacity: 1; */
    background-color:#f485a1 ;
    color:#ffffff;
    right: 300px;
}

#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
---------------------------------------------- */
.ecm-slider-container._customized{
  width: 960px;
  margin:0 auto;
}
.ecm-slider-container._customized .ecm-slider{
  overflow: visible;
}
.definition.-sign .definition__link {
  color: #ffffff;
  box-sizing: border-box;
  display: block;
  position: relative;
  border: none;
}
.definition.-sign .definition__link:hover{
  opacity: 0.8;
}
.definition.-sign .swiper-image{width: 100%;}
.definition.-sign .definition__title {
  /* font-size: 24px; */
  font-size: 0px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  bottom:30px;
  left:0;
  right:0;
  margin:0 auto;
}
.definition.-sign .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.-udr{
}
.article--bgc-fffeee::before {
  content: '';
  background-color: #fffeee;
}
.contents__inner.-school::before {
  top: 0;
}
.contents__inner.-school {
  padding: 48px 0 40px;
}
.article--bgc.-udr.-sanrioonline{
  background-color: #ffe8e6!important;
}
.article--bgc.-udr.-sanrioonline::before{
  content: '';
  width: 100%;
  height: 38px;
  padding: 0;
  margin: 0;
  z-index:0;
  background: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/article_head_bg01.png) #fffeee center top no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.article--bgc.-udr.-con01{
  background-color: #fffeee!important;
}
.article--bgc.-udr.-con01::before{
  content: '';
  width: 100%;
  height: 38px;
  padding: 0;
  margin: 0;
  z-index:0;
  background: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/article_head_bg02.png) #ffe8e6 center top no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.article--bgc.-udr.-con02{
  background-color: #fff4f8!important;
}
.article--bgc.-udr.-con02::before{
  content: '';
  width: 100%;
  height: 38px;
  padding: 0;
  margin: 0;
  z-index:0;
  background: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/article_head_bg03.png) #efffe6 center top no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.article--bgc.-udr.-con03{
  background-color: #f3feff!important;
}
.article--bgc.-udr.-con03::before{
  content: '';
  width: 100%;
  height: 38px;
  padding: 0;
  margin: 0;
  z-index:0;
  background: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/article_head_bg04.png) #fff4f8 center top no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.article--bgc-yellow{
  background-color: #fffeee!important;
}
.article--bgc-green01{
  background-color: #efffe6!important;
}
.article--bgc-pink{
  background-color: #fff4f8!important;
}
.article--bgc-pink::before{
  display: none;
}
.article--bgc-purple{
  background-color: #f8e9f7!important;
}
.article--bgc-blue{
  background-color: #f3feff!important;
}
.article--bgc-green02{
  background-color: #e3fcf7!important;
}

/* contop_lead */
.contop_lead {
  font-size: 16px;
  color:#aa7762;
  text-align: center;
  line-height: 1.5;
  padding:40px 0;
  background-color: #fffeee;
}

/*
 coupon
---------------------------------------------- */

.coupon_col1{
  width: 330px;
  margin:0 auto;
}
.coupon_area {
  padding: 36px 0 24px;
  background-color: #fffeee;
  color: #66503d;
}
.coupon_period {
  padding: 0 16px;
  color: #66503d;
  font-size: 12px;
  text-align: center;
}
/* .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: 16px;
}
.contents__heading--osusume:before{
  content: "";
  display: block;
  position: relative;
  width:960px;
  height: 204px;
  top: -12px;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/article__heading_osusume.png);
  background-position: top center;
  margin-bottom: -8px;
}
.contents__heading--01{
  height:227px;
 
}

.contents__heading--01:before{
  content: "";
  display: block;
  position: absolute;
  width:960px;
  height:227px;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/article__heading_01.png);
  background-position: top center;
  top: 0;
  left: 0;
}
.contents__heading--02{
  height:212px;

}
.contents__heading--02:before{
  content: "";
  display: block;
  position: absolute;
  width:960px;
  height:212px;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/article__heading_02.png);
  background-position: top center;
  top: 0;
  left: 0;
}
.contents__heading--03 {
  height:202px;

}
.contents__heading--03:before {
  content: "";
  display: block;
  position: absolute;
  width:960px;
  height:202px;
  background-image: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/article__heading_03.png);
  background-position: top center;
  top: 0;
  left: 0;
}
.contents__heading > span {
  display: block;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: #aa7762!important;
}
.contents__heading--01 > span{
  padding-top: 70px;
  padding-bottom: 70px;
}
.contents__heading--02 > span{
  padding-top: 70px;
  padding-bottom: 70px;
}
.contents__heading--02 > span > span{font-size: 27px;}
.contents__heading--03 > span{
  padding-top: 70px;
  padding-bottom: 70px;
}

.article__subHeading {
  background-image: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/contents_heading_sub_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 960px;
  padding-top: 18px;
  text-align: center;
  padding-bottom: 30px;
}
#a02 .article__subHeading{
  padding-top: 9px;
  padding-bottom: 16px;
}
.article__subHeading span {
  font-size: 32px;
  font-weight: bold;
  color: #25a75f;
}
#a02 .article__subHeading span{
  line-height: 1.587;
}
.sanrio-article--sanrioshop .article__subHeading{display: none;}
.article__childHeading{
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #aa7762;
  margin-bottom: 20px;
}
.article__childHeading::after{
  content: '';
  display: block;
  width: 109px;
  height: 4px;
  margin: 0 auto;
  background: url(https://r.r10s.jp/evt/event/sanrio/school/_pc/img/20260115/contents_heading_child_bg.png) no-repeat;
}


#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;

}
.campaign_period {
  padding: 0 16px;
  color: #AA7762;
  font-size: 16px;
  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: #fa85bf;
}

.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="school"] .button__link {
  background-color: #ff96bc;
  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="school"] .button__link:hover {
  text-decoration: none;
  opacity: 0.8;
}

.sanrio-article--sanrioshop .button[data-layout=udr] .button__link,
.button[data-layout="school"].-sanrioshop .button__link {
  font-size: 24px;
  height: 86px;
  border-radius: 43px;
}
.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;
}



/*
 [inc_character_list]
---------------------------------------------- */
.item__area[data-layout="school"] {}
.item__area[data-layout="school"] .item__list {
  padding: 0 16px;
}
.item__area[data-layout="school"] .item__listItem {
}
.item__area[data-layout="school"] .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="school"] .item__wrap {
  display: flex;
  align-items: flex-start;
}
.item__area[data-layout="school"] .item__wrap {
  display: flex;
  align-items: flex-start;
}
.item__area[data-layout="school"] .item__thumb {
  width: 86px;
  margin-right: 6px;
}
.item__area[data-layout="school"] .item__title {
  margin-top: 12px;
  color: #74493e;
  font-size: 11px;
  white-space: nowrap;
}
.item__area[data-layout="school"] .item__keywordArea {
  width: calc(100% - 92px);
}
.item__area[data-layout="school"] .item__keywordList {
  display: flex;
  flex-wrap: wrap;
}
.item__area[data-layout="school"] .item__keywordListItem {
  display: inline-block;
  margin: 0 4px 8px 0;
}
.item__area[data-layout="school"] .item__keywordListItem a {
  display: flex;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 12px;
  padding: 4px;
  font-size: 11px;
  color: #333333!important;
}