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

【楽天市場】ディズニーゾーン｜入園入学

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

/*
 mainTtl
---------------------------------------------- */
.mainTtl {
  background: #00903d;
  width: 100%;
}

/* 
 ecm-floating-navi-container
============================================== */
.ecm-floating-navi-container.-zootopia {
  background-color: transparent;
  border-bottom: none !important;
  height: 104px;
  padding-top: 12px;
  padding-bottom: 12px;
  box-shadow: none!important;
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi{
  height: 80px;
  gap: 28px;
  justify-content: center;
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi-item{
  width: 371px;
  padding: 0 !important;
  margin: 0 !important;
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi-item .ecm-floating-navi-item-anchor{
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  flex-grow: 0;
  border:solid 2px #fff;
  border-radius: 8px;
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi-item._01 .ecm-floating-navi-item-anchor{
  box-shadow: 0 0 4px rgba(230,37,120,.5);
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi-item._02 .ecm-floating-navi-item-anchor{
  box-shadow: 0 0 4px rgba(0,169,165,.5);
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi-item-anchor__inner{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #fff!important;
  border-radius: 4px;
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi-item._01 .ecm-floating-navi-item-anchor__inner{
  background-color: #e62578;
  border:solid 2px #ffcae1;
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi-item._02 .ecm-floating-navi-item-anchor__inner{
  background-color: #00a9a5;
  border:solid 2px #b7e8e7;
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi-item-anchor__inner > p{
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi-item-anchor__inner .ecm-icon-chevron-down{
  font-size: 22px !important;
  position: absolute;
  left: 50%;
  transform:translateX(-50%);
  bottom: 2px;
}
.ecm-floating-navi-container.-zootopia[data-sticky="true"] {
  box-shadow: none;
}
.ecm-floating-navi-container.-zootopia .ecm-floating-navi-item-anchor:hover{
  opacity:.8;
  text-decoration: none!important;
}

/*
 backgrounds
================================= */
.disney-article-default.bg-pickup{
  background-image: inherit!important;
  background-color: #e62578;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 68px;
  padding-bottom: 80px;
}
.disney-article-default.bg-goods{
  background-image: inherit!important;
  background-color: #0a913d;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 0!important;
  padding-bottom: 80px;
}
.disney-article-default.bg-skyblue{
  background-color: #ceefee;
  padding-top: 68px;
  padding-bottom: 80px;
}
.disney-article-default.bg-white{
  background-color: #fff;
  padding-top: 68px;
  padding-bottom: 80px;
}

/*
 midashi
================================= */
.pickup_Ttl{
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 1.3;
}
.pickup_Ttl > span{
  font-size: 36px;
}
.cntTtl {
  margin: 0 auto;
  color:#1a1919;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
.heading_sub1{
  font-size:32px;
  font-weight: bold;
  text-align: center;
  color: #00a9a5;
  margin-bottom: 20px;
}
.heading_sub1::after{
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  margin: 12px auto 0;
  background-color: #00a9a5;
}

/*
 pickup
================================= */
.pickup__lead{
  font-size: 16px;
  line-height:1.5;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
}
.disney-contents-button_pickup{
  width: 365px;
  height: 70px;
  margin-right: auto;
  margin-left: auto;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  color: #c2185b !important;
  border:solid 2px #f4a7c1;
  background-color: #fff;
  border-radius: 35px;
}
.disney-contents-button_pickup:hover{
  opacity:1!important;
  text-decoration: none !important;
  color: #c2185b !important;
  background-color: #fce4ec;
}
.disney-contents-button_pickup::after{
  border-color:#c2185b !important;
}

/*
 goods
================================= */
.goods__lead{
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
}
.goods__catch{
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
  margin-left: 20px;
  letter-spacing: -0.5em;
}
.goods__catch::before{
  content: '＼';
  font-size: 30px;
  display: inline-block;
  letter-spacing: normal;
}
.goods__catch::after{
  content: '／';
  font-size: 30px;
  display: inline-block;
  letter-spacing: normal;
}
.goods__catch > span{
  display: inline-block;
  letter-spacing: normal;
}
.goods__sliderCatch{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 60px;
  margin: 0 auto 12px;
  background: url(/disney/character/zootopia/_pc/img/20260309/h3_goods.png) no-repeat;
  background-size: 100% auto;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.125;
  color: #fff;
  letter-spacing: -0.04em;
  padding-left: 24px;
}
.swiper[data-layout="sign"] .swiper-slide:not(.swiper-slide-active) .goods__sliderCatch{
  transform:scale(0.92)!important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.disney-contents-button_goods{
  width: 365px;
  margin: 0 auto;
  height: 70px;
  font-size: 20px;
  font-weight: bold;
  color: #0b5d3b !important;
  border:solid 1px #bfe3d2;
  background-color: #fff;
  border-radius: 35px;
}
.disney-contents-button_goods:hover{
  opacity:1!important;
  text-decoration: none !important;
  color: #0b5d3b !important;
  background-color: #eaf6f0;
}
.disney-contents-button_goods::after{
  border-color:#0b5d3b !important;
}

/* definition */
.definition.-sign {
  -webkit-transform: none;
  transform: none;
}
.swiper[data-layout="sign"] {
  position: relative;
  width: 400px;
  margin: 0 auto;
}
.swiper[data-layout="sign"] .swiper-container {
  position: relative;
  display: none;
  width: 100%;
  margin: 0 auto;
  overflow: visible;
}
.swiper[data-layout="sign"] .swiper-container-initialized {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.swiper[data-layout="sign"] .swiper-wrapper {
  align-items: center;
}
.swiper[data-layout="sign"] .swiper-slide {
  width: 400px;
  margin: 0 auto;
  overflow: hidden;
}
.swiper[data-layout="sign"] .swiper-slide:not(.swiper-slide-active) {
  position: relative;
  z-index: -1;
  transform:scale(0.92);
  opacity:0.5;
}
.swiper[data-layout="sign"] .swiper-slide:not(.swiper-slide-active) > * {
  display: block;
}
@media screen and (min-width: 415px) {
  .swiper[data-layout="sign"] .swiper-slide:not(.swiper-slide-active) > * {
    z-index: 1;
  }
}
.swiper[data-layout="sign"] .swiper-slide > * {
  transition: all 0.2s 0s ease;
}
.swiper[data-layout="sign"] .swiper-image {
  display: block;
  width: 100%;
  padding:0 4px;
}
.swiper[data-layout="sign"] .swiper-button-prev {
  top: 50%;
  left: -12px;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  background-image: url(/disney/character/zootopia/_cmn/img/20260309/slider_prev_icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: scale(1, 1);
  z-index: 1 !important;
}
.swiper[data-layout="sign"] .swiper-button-next {
  top: 50%;
  right: -12px;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  background-image: url(/disney/character/zootopia/_cmn/img/20260309/slider_next_icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: scale(1, 1);
  z-index: 1 !important;
}
.swiper[data-layout="sign"] .swiper-pagination {
  position: relative;
  bottom: 0;
  z-index: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.swiper[data-layout="sign"] .swiper-pagination-bullet {
  outline: none !important;
  border-radius: 8px;
  width: 16px;
  height: 16px;
  margin: 0 4px;
  background-color: #cccccc;
  opacity: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent !important;
}
.swiper[data-layout="sign"] .swiper-pagination-bullet-active {
  background-color: #e62578;
}
.definition.-sign{
  display: flex;
  flex-wrap:wrap;
  width: 360px;
  height: 100%;
  margin: 0 auto;
  padding: 24px 12px;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 16px;
  box-shadow: 0 0 16px rgba(51,51,51,.3);
}
.definition.-sign .swiper-image{
  width: 100%;
  padding:0 4px;
}
.definition.-sign .definition__link {
  color: #333!important;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#a01_2 .definition.-sign .definition__link::after{
  content: '';
  position: absolute;
  display: block;
  top: 293px;
  right: -12px;
  width: 348px;
  height: 0;
  padding-top: 50px;
  background: url(/disney/character/zootopia/_cmn/img/20260309/slider_heart.png) no-repeat;
  background-size: 100% auto;
  z-index:1;
  transform:scale(0.92);
}
#a01_2 .swiper-slide.ecm-slider-slide-active .definition.-sign .definition__link::after{
  transform:scale(1.0);
}
#a01_2 .definition.-sign .swiper-imageBox{
  padding: 0 0 18px;
  position: relative;
}

/* .definition.-sign .definition__title > img {width: 100%;} */
.definition__description{
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.06em;
  text-align: center;
  min-height: 3em;
  color: #333!important;
}

/*
 right_floating_disney
---------------------------------------------- */
.right_floating_disney{
  transform: scale(0.8);
  transform-origin: right bottom;
  z-index: 120 !important;
}
.right_floating_disney .ecm-floating-menu{
  align-items: end;
}
.right_floating_disney .floating-menu-logo{
  width: 100%;
}
.right_floating_disney .floating-menu-logo > img{
  width: 125px!important;
}
.right_floating_disney .ecm-floating-nav-pill{
  background-color: #ffffff;
  color:#000000;
  border:none!important;
  border-right: none;
  padding:8px 0 8px 18px;
  margin-top: 4px;
  font-size: 14px;
  min-width: 210px;
  box-shadow: 0 0 2px rgba(0,0,0,.3);
}
.right_floating_disney .ecm-floating-nav-pill.-large{
  font-size:16px;
  font-weight: bold;
  padding: 6px 0 6px 26px;
  color: #fff !important;
  border:solid 2px #fff!important;
  border-right:none!important;
  min-width: 222px;
}
.right_floating_disney .ecm-floating-nav-pill.bg-pink.-large{
  background-color: #e62578;
}
.right_floating_disney .ecm-floating-nav-pill.bg-green.-large{
  background-color: #00a9a5;
}
.right_floating_disney .ecm-floating-nav-pill.bg-pickup:hover,
.right_floating_disney .ecm-floating-nav-pill.bg-pickup[data-in-viewport="true"]{
  background-color: #fce4ec;
  color: #c2185b !important;
}
.right_floating_disney .ecm-floating-nav-pill.bg-goods:hover,
.right_floating_disney .ecm-floating-nav-pill.bg-goods[data-in-viewport="true"]{
  background-color: #eaf6f0;
  color: #0b5d3b !important;
}
.right_floating_disney .ecm-floating-nav-pill.bg-green:hover,
.right_floating_disney .ecm-floating-nav-pill.bg-green[data-in-viewport="true"]{
  background-color: #ceefee;
}
.right_floating_disney .ecm-floating-nav-pill.bg-pink.-large:hover,
.right_floating_disney .ecm-floating-nav-pill.bg-pink.-large[data-in-viewport="true"]{
  background-color: #e62578;
}
.right_floating_disney .ecm-floating-nav-pill.bg-green.-large:hover,
.right_floating_disney .ecm-floating-nav-pill.bg-green.-large[data-in-viewport="true"]{
  background-color: #00a9a5;
}

/* 
 recommend_area
---------------------------------------------- */
#recommend_area a{
  display: block;
  width: 520px;
  margin: 0 auto;
  box-shadow:0 0 16px 8px rgba(0,0,0,.2);
}

/* 
 disney-contents-button
---------------------------------------------- */
.disney-contents-button_00a9a5{
  background-color: #00a9a5;
}