@charset "utf-8";

/*
 body
================================================= */
.seasonal__sanrioWrap{overflow:hidden;}
.__sanrio .ecm-kanban-image {
  width: initial;
  margin-left: 50%;
  transform: translate(-50%);
}

/*
 coupon_notice_band
================================================= */
.coupon_notice_band{
  background:#5cc2cf;
  text-align: center;
  color:#fff;
  font-weight: bold;
  font-size:26px;
  line-height: 2.43em;
}
.coupon_notice_band a{
  display: block;
  color:#fff!important;
}
.coupon_notice_band a:hover {
  text-decoration: none;
  opacity: 0.8;
}

/*
 ecm-floating-navi-container -sanrio_summer
================================================= */
.ecm-floating-navi-container.-sanrio_summer{
  background-color: #21ade5!important;
  font-weight: bold;
  height: 64px;
}
.ecm-floating-navi-container.-sanrio_summer .ecm-floating-navi{height: 64px;}
.ecm-floating-navi-container.-sanrio_summer a.ecm-floating-navi-item{
  color: #fff!important;
  font-size:16px;
  position: relative;
  padding: 12px 24px;
}
.ecm-floating-navi-container.-sanrio_summer a.ecm-floating-navi-item span span{
  font-size: 75%;
}
.ecm-floating-menu.-sanrio_summer-right ._logo{
  display: block;
  margin: 0 auto;
}
.ecm-floating-menu.-sanrio_summer-right .ecm-floating-nav-pill{
  background-color: #ffffff;
  color:#21ade5;
  border:1px solid #21ade5;
  border-right: none;
  min-width: 220px;
}
.ecm-floating-menu.-sanrio_summer-right .ecm-floating-nav-pill[data-in-viewport=true]{
  background-color: #21ade5;
  color: #ffffff;
}

/*
 lead
================================================= */
.lead{
  padding:36px 0;
  font-size: 16px;
  line-height: 1.5;
  color:#853c35;
  text-align: center;
  background: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_pc/img/20250602/lead_bg.png?v=202505271630) no-repeat center center;
}

/*
 coupon
================================================= */
.coupon_area{
  background-color: #ffffff;
  padding: 30px 0 92px;
}
.coupon_title{
  text-align:center;
  font-size:16px;
  font-weight: bold;
  margin-bottom:12px;
  color:#7f433d;
}

.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,#21ade5 11px), radial-gradient(circle at center right, transparent 0px, transparent 10px,#21ade5 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,#21ade5 10px,#21ade5 11px, #fff 12px), radial-gradient(circle at center right, transparent 0px, transparent 10px,#21ade5 10px,#21ade5 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 .coupon-width{
  width:460px;
  margin:0 auto 16px;
}
.coupon_area .ecm-coupon-discount{
  color:#f26db8;
}
.coupon_area .ecm-coupon-discount:before{
  position: absolute;
  left:20px;
  top:0;
  display: block;
  content:"";
  width:47px;
  height:61.5px;
  background-image: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_pc/img/20250602/summer_cpn_1.png?v=202505271630);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.coupon_area .ecm-coupon-discount:after{
  position: absolute;
  right:24px;
  top:22px;
  display: block;
  content:"";
  width:30.5px;
  height:39.5px;
  background-image: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_sp/img/20250602/summer_cpn_2.png?v=202505271630);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.coupon_area .ecm-coupon-title{
  color:#555555;
}
.coupon_area .ecm-coupon-text{
  border-top-color:#21ade5;
  background-color:#21ade5;
  color:#ffffff;
}
.coupon_area .ecm-coupon-text i{
  color:#ffffff;
}
.coupon_area .ecm-coupon-note{
  color:#555555;
}
.coupon_alt{
  color:#555555;
  font-size:16px;
  text-align: center;
  margin:0 auto 12px;
}
.coupon_period{
  width:640px;
  color:#7f433d;
  font-size:16px;
  text-align: center;
  line-height: 1.75;
  margin:0 auto;
}

/*
 article
================================================= */
.article.-udr{
  padding: 40px 0;
  position: relative;
}
.article--bgc-blue{
  background-color: #d8f1ff!important;
  padding-top: 0!important;
}
.article--bgc-green{
  background-color: #dcfef9!important;
  padding-top: 0!important;
}
.article--bgc-ffffff{
  background-color: #ffffff!important;
}
.article--bgc-fffeee  {
  background-color: #fffeee!important;
}
.article--bgc.-udr.-last{padding-bottom:100px!important;}
.article.-udr.-footer{margin-bottom: 80px!important;}
.article--bgc.-sanrioonline::after,
.article--bgc.-anchor::after{
  content: '';
  position: absolute;
  width: 180px;
  height: 99px;
  border-radius: 90px 90px 0 0;
  top: -77px;
  left: 50%;
  margin-left: -90px;
  background-repeat: no-repeat;
  background-position: left top;
}
.article--bgc.-udr.-sanrioonline{
  position: relative;
  width: 100%;
  background-color: #feffcd;
  padding-top: 108px;
  padding-bottom: 16px;
}
.article--bgc.-udr.-sanrioonline .article__heading:before{
  content: "";
  position: absolute;
  display: block;
  width: 232px;
  height: 132px;
  top: -154px;
  left: 50%;
  margin-left:-116px;
  background-image: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_pc/img/20250602/con_osusume_icon.png?v=202505271630);
  background-repeat: no-repeat;
  background-position: center center;
}
.article--bgc.-udr::before{
  content: '';
  display: block;
  position: relative;
  width: 100%;
  height: 84px;
  margin: 0;
  padding: 0;
  background-repeat: repeat-x;
  background-position: center top;
}
.article--bgc.-udr.-sanrioonline::before{
  display: none;
}
.article--bgc-blue.-udr::before{
  background-image: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_pc/img/20250602/con_wave01.png?v=202505271630);
  background-color: #dcfef9;
}
#a01 .article--bgc-blue.-udr:first-child::before{
  background-color: #feffcd;
}
.article--bgc-green.-udr::before{
  background-image: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_pc/img/20250602/con_wave02.png?v=202505271630);
  background-color: #d8f1ff;
}

/* article__heading */
.article.-udr .article__heading {
  color: #853c35!important;
  font-size:36px!important;
  position: relative;
  text-align: center;
  margin-bottom: 14px!important;
  font-weight: bold;
}
.article--bgc.-udr.-sanrioonline .article__heading{
  color: #ff36a3!important;
}
.article__headingImage{
  margin-top: -9px;
  margin-bottom: 10px;
}
.article__heading > .article__catch{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 218px;
  height: 61px;
  background: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_pc/img/20250602/title_catch_bg.png?v=202505271630) no-repeat;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #853c35;
  line-height: 1;
  margin: 0 auto 6px;
}

/* article__subHeading */
.article.-udr .article__subHeading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 801px;
  margin-right: auto;
  margin-left: auto;
  color: #21ade5!important;
  font-size:31.63px!important;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}
#a01 .article .article__subHeading,
#a04 .article .article__subHeading{
  height: 73px;
  background: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_pc/img/20250602/h3_01.png?v=202505271630) center bottom no-repeat;
}
#a02 .article .article__subHeading,
#a05 .article .article__subHeading{
  height: 81px;
  background: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_pc/img/20250602/h3_02.png?v=202505271630) center bottom no-repeat;
}
#a03 .article .article__subHeading{
  height: 75px;
  background: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_pc/img/20250602/h3_03.png?v=202505271630) center bottom no-repeat;
}
#a03 .article:nth-child(2) .article__subHeading{
  height: 75px;
  background: url(https://r.r10s.jp/evt/event/genre/summer/tieup/sanrio/_pc/img/20250602/h3_04.png?v=202505271630) center bottom no-repeat;
}
.article .article__subHeading > .article__subHeadingInner{display: block;}

/* contents__caution */
.article__paragragh--sanrioshop {
  font-size: 16px;
  line-height: 1.5;
  color: #ff0000;
  text-align: center;
  margin-top: 20px;
}

/*
 button
================================================= */
.button.-udr .button__link {
  font-size: 24px;
  font-weight: bold;
  color: #fff!important;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  border-radius: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 576px;
  height: 86px;
  margin: 32px auto 0;
  background-color: #f26db8;
  border:2px solid #f26db8;
}
.button.-udr .button__link:hover{
  text-decoration: none;
  opacity: 0.8;
}
.-sanrioonline .button.-udr .button__link{
  height: 96px;
  border-radius: 48px;
}
.button.-udr .button__link::before{border-color:#fff;}
.button.-udr .button__link:hover{opacity:0.8;}
.button.-udr + .button.-udr{margin-top: 32px;}
.button.-udr.-white .button__link{background-color: #ffffff;}

/*
 ecm-alcor
================================================= */
.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;
}

/*
 copyright
================================================= */
.paragraph.-copyright {text-align: left;}

/*
 modal_bnr_btn
================================================= */
.modal_bnr_btn{z-index:110!important;}