@charset "utf-8";

/*
 pageHeader
============================================== */
.pageHeader{
  text-align: center;
  line-height: 68px;
  font-size: 30px;
  font-weight: bold;
  background-color: #e60012;
  color: #fff;
}
.pageHeader a{color: #fff!important;}
.pageHeader p{letter-spacing: -0.5em;}
.pageHeader p > *{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}
.pageHeader p > .small{font-size: 26px;}
.pageHeader .ecm-icon-coupon-filled{
  padding: 0 0.25em;
}

/*
 kanban_area
===================================================== */

.kanban_area{
  position: relative;
}

.kanban_area .kanban_anc_btn{
  position: absolute;
  top:230px;
  right: calc(50% - 92px);
}

/*
 ecm-floating-navi-container
===================================================== */
.ecm-floating-navi-container[data-color="e60012"],
.ecm-floating-navi-container[data-color="e60012"] .ecm-floating-navi{background: #e60012;}
.ecm-floating-navi-container[data-color="e60012"] .ecm-floating-navi-item{padding: 12px 6px;}

.ecm-floating-navi-container[data-color="e60012"][data-sticky="true"] {top:50px}

.ecm-floating-navi-container[data-color="e60012"] .ecm-floating-navi-item.ecm-floating-navi-item-anchor[data-in-viewport=true] {
    /* font-weight: normal;
    border-color:transparent; */
}

.disney_flo_right .ecm-floating-nav-pill{
  background-color: transparent;
  padding: 0;
}

/*
 cntTtl
===================================================== */
.disney-contents-title[data-layout="pickup"] {
  font-size: 30px;
  margin-bottom: 24px;
}
.disney-contents-title[data-layout="pickup"] h2 > span {
  display: block;
  margin-top: 10px;
    font-size: 32px;
}
.disney-contents-title[data-layout="baymax"]{
  background-image: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20241004/h2_title_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 459px;
  height: 85px;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 16px;
}


.disney-contents-title[data-layout="coupon_select"]{
  width:100%;
  height:102px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20260327/h2_coupon_select_bg.png) no-repeat top center;
  background-size: 567px auto;
  margin-bottom: 16px;
  font-size:40px;
  line-height: 1.3;
}
.disney-contents-title[data-layout="coupon_select"] > span{
  font-size: 32px;
  margin-bottom: 0;
}

.whole_ttl{
  text-align: center;
  margin-bottom: 16px;
}

.disney-contents-sub-title{
  text-align: center;
  color:#333333;
  font-size: 32px;
  font-weight:bold ;
}

.disney-contents-sub-title:after{
  display: block;
  content:"";
  width:80px;
  height:4px;
  border-radius:2px;
  margin: 8px auto 24px;
}

.disney-contents-lead{
  font-size:16px;
  color:#333333;
  text-align: center;
  margin-bottom: 40px;
}

/*
 disney-article-default
===================================================== */

.lead_area{
  position: relative;
  text-align: center;
  color:#333333;
}

.lead_area::before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  background-color: #e0f2f7;
}

#coupon_select{
    color:#333333;
}

.disney-contents-bgc-select{background: #eef7ff!important;position: relative; padding-top: 64px;}

.disney-contents-bgc-select:before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  background-color: #eef7ff;
}



.disney-article-whole-wrap{
  /* background-color: #eff7ff; */
  padding-top: 64px;
  position: relative;
}
.disney-article-whole-wrap:before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  background-color: #eef7ff;
}

.disney-article-whole-wrap + .disney-article-default{
  padding-top: 0;
}

.disney-contents-bgc-coupon_a{
  position: relative;
    padding-top: 64px;
  padding-bottom: 234px;
  background-image: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20260327/coupon01_btm.png);
  background-repeat: no-repeat;
  background-position: right calc(100% - 30px);
}
.disney-contents-bgc-coupon_a::before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  border-bottom: 80px solid #eaf2ff;
  background-color: #ffffff;
}
.disney-contents-bgc-coupon_a::after {
  content: "";
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 158px solid transparent;
  border-left: 100vw solid #eaf2ff;
  z-index: -1;
}

.disney-contents-bgc-coupon_b{
  position: relative;
    padding-top: 64px;
  padding-bottom: 234px;
  background-image: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20260327/coupon02_btm.png);
  background-repeat: no-repeat;
  background-position: left calc(100% - 30px);
}
.disney-contents-bgc-coupon_b::before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  border-bottom: 80px solid #eaf6ef;
  background-color: #ffffff;
}
.disney-contents-bgc-coupon_b::after {
  content: "";
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 158px solid transparent;
  border-right: 100vw solid #eaf6ef;
  z-index: -1;
}

.disney-contents-bgc-pickup{
  position: relative;
    padding-top: 64px;
  padding-bottom: 234px;
  background-image: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20260327/pickup_bottom.png);
  background-repeat: no-repeat;
  background-position: right calc(100% - 30px);
}
.disney-contents-bgc-pickup::before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  border-bottom: 80px solid #eaf6ef;

}
.disney-contents-bgc-pickup::after {
  content: "";
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 158px solid transparent;
  border-left: 100vw solid #eaf6ef;
  z-index: -1;
}

.disney-article-whole-wrap{
}

.disney-article-whole-wrap> .disney-article-default{
    padding-top: 64px;
}

#cnt01.disney-article-default,#cnt05.disney-article-default{
  padding-bottom: 234px;
  background-image: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20260327/cont_bottom01.png);
  background-repeat: no-repeat;
  background-position: right calc(100% - 30px);
}
#cnt01.disney-article-default::before,#cnt05.disney-article-default::before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  border-bottom: 80px solid #eaf6ef;
  background-color: #eff7ff;
}
#cnt01.disney-article-default::after,#cnt05.disney-article-default::after {
  content: "";
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 158px solid transparent;
  border-right: 100vw solid #eaf6ef;
  z-index: -1;
}
#cnt02.disney-article-default,#cnt06.disney-article-default{
  padding-bottom: 248px;
  background-image: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20260327/cont_bottom02.png);
  background-repeat: no-repeat;
  background-position: left calc(100% - 16px);
}
#cnt02.disney-article-default::before,#cnt06.disney-article-default::before{
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  border-bottom: 80px solid #ffe6d6;
  background-color: #fcf8f5;
}
#cnt02.disney-article-default::after,#cnt06.disney-article-default::after{
  content: "";
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 158px solid transparent;
  border-left: 100vw solid #ffe6d6;
  z-index: -1;
}
#cnt03.disney-article-default,#cnt07.disney-article-default{
  padding-bottom: 234px;
  background-image: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20260327/cont_bottom03.png);
  background-repeat: no-repeat;
  background-position: right calc(100% - 30px);
}
#cnt03.disney-article-default::before,#cnt07.disney-article-default::before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  border-bottom: 80px solid #eaf6ef;
  background-color: #eff7ff;
}
#cnt03.disney-article-default::after,#cnt07.disney-article-default::after {
  content: "";
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 158px solid transparent;
  border-right: 100vw solid #eaf6ef;
  z-index: -1;
}
#cnt04.disney-article-default{
  padding-bottom: 248px;
  background-image: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20260327/cont_bottom04.png);
  background-repeat: no-repeat;
  background-position: left calc(100% - 16px);
}
#cnt04.disney-article-default::before{
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  border-bottom: 80px solid #ffe6d6;
  background-color: #fcf8f5;
}
#cnt04.disney-article-default::after{
  content: "";
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 158px solid transparent;
  border-left: 100vw solid #ffe6d6;
  z-index: -1;
}
#cnt01.disney-article-default .disney-contents-sub-title:after,
#cnt05.disney-article-default .disney-contents-sub-title:after{
  background-color: #1d4e7c;
}
#cnt02.disney-article-default .disney-contents-sub-title:after,
#cnt06.disney-article-default .disney-contents-sub-title:after{
  background-color: #ff7a00;
}
#cnt03.disney-article-default .disney-contents-sub-title:after,
#cnt07.disney-article-default .disney-contents-sub-title:after{
  background-color: #1d4e7c;
}
#cnt04.disney-article-default .disney-contents-sub-title:after{
  background-color: #ff7a00;
}


.disney-contents-bgc-fff999[data-layout=pickup] {
  padding-bottom: 240px!important;
  background-image: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20241004/pickup_bottom.png)!important;
  background-repeat: no-repeat!important;
  background-position: right bottom!important;
}
.disney-contents-bgc-fff999{
  position: relative;
  padding: 56px 0 80px;
}
.disney-contents-bgc-fff999::before {
  box-sizing: border-box!important;
  border-bottom: 80px solid #fce08b!important;
  background-color: #fff999!important;
}
.disney-contents-bgc-fff999[data-layout=pickup]::after {
  content: "";
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 158px solid transparent!important;
  border-right: 100vw solid #fce08b!important;
  z-index: -1;
}
.disney-contents-bgc-pink{
  position: relative;
  padding: 56px 0 80px;
}
.disney-contents-bgc-pink[data-layout=coupon] {
  padding-bottom: 240px!important;
  background-image: url(https://r.r10s.jp/evt/event/disney/character/bighero6/_pc/img/20250328/coupon_bottom.png)!important;
  background-repeat: no-repeat!important;
  background-position: left calc(100% - 16px);
}
.disney-contents-bgc-pink::before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  border-bottom: 80px solid #f29191!important;
  background-color: #f2cece!important;
}
.disney-contents-bgc-pink[data-layout=coupon]::after {
  content: "";
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 158px solid transparent;
  border-left: 100vw solid #f29191!important;
  z-index: -1;
}
.disney-contents-bgc-eeeeee{
  background-image: inherit!important;
}
.disney-contents-bgc-eeeeee::before{
  border-bottom:none!important;
  background-image: inherit!important;
  background-color: #eeeeee!important;
}
.disney-contents-bgc-eeeeee::after{display: none!important;}

/*
 disney-contents-button
===================================================== */
.disney-contents-button{
  font-weight: bold;
  line-height: 1!important;
}
.disney-contents-button._ff7a00{background-color: #ff7a00;}
.disney-contents-button._1d4e7c{background-color: #1d4e7c;}
.disney-contents-button._cc0000{background-color: #cc0000;}

/*
 coupon
============================================== */

.cont_nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.cont_nav a{
 /* filter: drop-shadow( 0 0  8px rgba(0,0,0,0.2)); */
}
.cont_nav img{

}
.shop_detail{
    color:#333333;
  margin-bottom: 28px;
}
.shop_logo{
  width: 480px;
  margin:0 auto 16px;
}
.shop_name{
  font-size: 22px;
  font-weight: bold;
  color:#333333;
  text-align: center;
  margin-bottom: 1em;
}
.shop_lead{
  font-size: 16px;
  color:#333333;
  text-align: center;
}

#coupon_a,#coupon_b{
    color:#333333;
}

#coupon_a .md-d-grid-col-1 {
  width: 400px;
  margin: 0 auto;
}
#coupon_b .md-d-grid-col-2 {
  width: 824px;
  margin: 0 auto;
}
.ecm-coupon-link{
  padding-top: 16px;
  width:calc(100% - 1px);
}

.cnt-coupon-body__f39800{
  /* height: 168px; */
  margin: 0 auto;
}
.cnt-coupon-body__f39800::before {
  background-image: radial-gradient(circle at center left, transparent 0px, transparent 10px, #f39800 11px), radial-gradient(circle at center right, transparent 0px, transparent 10px, #f39800 11px);
  border-radius: 8px;
}
.cnt-coupon-body__f39800 .ecm-coupon-link::before {
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-image: radial-gradient(circle at center left, transparent 0, transparent 11px, #fff 12px), radial-gradient(circle at center right, transparent 0, transparent 11px, #fff 12px);
  border-radius: 8px;
}


.cnt-coupon-body__e60012{
  /* height: 168px; */
  margin: 0 auto;
}
.cnt-coupon-body__e60012::before {
  background-image: radial-gradient(circle at center left, transparent 0px, transparent 10px, #e60012 11px), radial-gradient(circle at center right, transparent 0px, transparent 10px, #e60012 11px);
  border-radius: 8px;
}

.cnt-coupon-body__e60012 .ecm-coupon-link::before {
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-image: radial-gradient(circle at center left, transparent 0, transparent 11px, #fff 12px), radial-gradient(circle at center right, transparent 0, transparent 11px, #fff 12px);
  border-radius: 8px;
}
.noTransitionCoupon__image{
	position: absolute;
	width:76px;
	height:76px;
	z-index:20;
}
.noTransitionCoupon__image._01{
	top: 40px;
	left: 16px;
}
.noTransitionCoupon__image._02{
	top: 38px;
	right: 16px;
}
.cnt-coupon-body__f39800 .ecm-coupon-discount {
  color: #f39800 !important;
  font-size: 32px !important;
  margin-bottom: 8px!important;
}
.cnt-coupon-body__f39800 .ecm-coupon-discount em{
  font-size: 64px!important;
}
.cnt-coupon-body__f39800 .ecm-coupon-title{
  font-size: 16px !important;
  margin-bottom: 16px!important;
}
.cnt-coupon-body__f39800 .ecm-coupon-text{
  width: 100%;
  font-size: 22px!important;
  border-color: #f39800;
  background-color: #f39800;
  color: #fff !important;
  font-weight: 300 !important;
  padding: 16px 0!important;
  border-radius: 0 0 8px 8px;
}
.cnt-coupon-body__f39800 .ecm-icon-coupon-filled{
  color: #fff !important;
  font-size: 24px!important;
}


.cnt-coupon-body__e60012 .ecm-coupon-discount {
  color: #e60012 !important;
  font-size: 32px !important;
  margin-bottom: 8px!important;
}
.cnt-coupon-body__e60012 .ecm-coupon-discount em{
  font-size: 64px!important;
}
.cnt-coupon-body__e60012 .ecm-coupon-title{
  font-size: 16px !important;
  margin-bottom: 16px!important;
}
.cnt-coupon-body__e60012 .ecm-coupon-text{
  width: 100%;
  font-size: 22px!important;
  border-color: #e60012;
  background-color: #e60012;
  color: #fff !important;
  font-weight: 300 !important;
  padding: 16px 0!important;
  border-radius: 0 0 8px 8px;
}
.cnt-coupon-body__e60012 .ecm-icon-coupon-filled{
  color: #fff !important;
  font-size: 24px!important;
}


.ecm-coupon-note{
  margin-top: 1em;
}

.coupon__period{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 24px 0 28px;
  line-height: 1.5;
}
.coupon__notice{
  font-size: 22px;
  text-align: center;
  line-height: 1.5;
}
.coupon__anchorlink{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #0783c2 !important;
}

.coupon_item_ttl{
  font-size: 40px;
  color:#333333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 32px;
  margin-top: 56px;
}
#coupon_b .disney-contents-sub-title{
   color:#e60012;
}