/*---------------共通---------------*/
[data-sp-aspect-ratio="9:16"]:before {
  padding-top: 177.7777%;
}
.main_inner{
  padding-top: 0px !important;
}
.fr-fixedAnchor.-isFixed{
  top: 0px !important;
}
.fr-bff-products{
  background-color: transparent !important;
}
.anchorAdjust {
  padding-top: 50px;
  margin-top: -50px;
}
.fr-mediaCarouselThumbs .swiper-slide[class*="duplicate"] .fr-img[class*="lazyload"] {
  opacity: 1;
}
[data-component-type=ProductGridText] .fr-bff-product_futureExhibition {
  display: none !important;
}

.kv_relative{
  position: relative;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 1;
  background-color: #fff;
}
.ut-header{
  width: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
}
.ut-header.DateCheck{
  opacity: 1;
}
.ut-header.-check{
  animation-name:fadeInAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}
.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  opacity: 0;
  height: calc(var(--vh, 1vh) * 100);
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.kv_fadeIn.-check{
  animation-name:fadeInAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
}
.kv_fadeIn.DateCheck{
  opacity: 1;
}
.anniversary_character_relative{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  max-width: 375px;
  width: calc((200/ 375) * 100vw);
  top: 35%;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}
.anniversary_character-left{
  width: 76px;
  position: absolute;
  bottom: 0;
  left: 0%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}
.anniversary_character-middle{
  width: 128px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}
.anniversary_character-right{
  width: 100px;
  position: absolute;
  bottom: 0;
  right: 0%;
  transform: translate(50%, 0%);
  -webkit-transform: translate(50%, 0%);
  -ms-transform: translate(50%, 0%);
}
.mickey_animation{
  opacity: 0;
}
.anniversary_character-left .DateCheck{
  opacity: 1;
}
.anniversary_character-middle .DateCheck{
  opacity: 1;
}
.anniversary_character-right .DateCheck{
  opacity: 1;
}
.anniversary_character-left .mickey_animation.-check{
  animation-name:poyon;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}
.anniversary_character-middle .mickey_animation.-check{
  animation-name: fadeIn-left-bottom;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 1;
} 
.anniversary_character-middle .mickey_animation.-checkTwo{
  animation-name:poyon2;
  animation-duration: 0.5s;
  animation-fill-mode:forwards;
} 
.anniversary_character-right .mickey_animation.-check{
  animation-name: fadeIn-left-top;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  opacity: 1;
} 
.anniversary_character-right .mickey_animation.-checkTwo{
  animation-name:poyon2;
  animation-duration: 0.5s;
  animation-fill-mode:forwards;
} 
.anniversary_logo{
  width: 235px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.anniversary_logo_fadeIn{
  opacity: 0;
}
.anniversary_logo_fadeIn.DateCheck{
  opacity: 1;
}
.anniversary_logo_fadeIn.-check{
  animation-name:fadeInAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
}
.title_logo{
  width: 254px;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.title_logo_fadeIn{
  opacity: 0;
}
.title_logo_fadeIn.DateCheck{
  opacity: 1;
}
.title_logo_fadeIn.-check{
  animation-name:fadeInAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}
.explanation{
  width: 100%;
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.explanation_fadeIn{
  opacity: 0;
}
.explanation_fadeIn.DateCheck{
  opacity: 1;
}
.explanation_fadeIn.-check{
  animation-name:fadeInAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}
.stylingMovieWrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.stylingMovieWrap:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(255,255,255,.7);
}
.stylingMovieWrap .stylingMovie {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  min-width: 100%;
  min-height: 100%;
}
.wrapper {
  background-color: unset;
}
.mickeyshines_bgArea_Movie{
  width: 100%;
}
.mickeyshines_bgArea {
  z-index: 2;
  position: relative;
}
.bgWhite, footer {
  z-index: 2;
  position: relative;
  background-color: #fff;
}
.fr-bff-products[data-component-type=ProductCarouselDestroy]{
  width: 100%;
}
.fr-pagetop{
  z-index: 3;
}

h2.u-uqFont-r{
  font-size: 32px !important;
  line-height: 38.4px;
}
.lineup_info_wrap .fr-bff-product_gender,.lineup_info_wrap .fr-bff-product_name,.lineup_info_wrap .fr-bff-product_reviewStars{
  display: none;
}
.lineup_info_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
}
.lineup_info_gender {
  font-size: 16px;
  line-height: 27px;
  padding: 0 6px;
  margin-right: 8px;
  color: #fff;
  background-color: #000;
}
.lineup_info_size {
  font-size: 11px;
  line-height: 16.5px;
  margin-right: 8px;
  color: #7d7d7d;
  font-weight: 300;
}
.lineup_info_wrap .fr-bff-product_price{
  margin-top: -2px;
}
.copywriter{
  font-size: 12px;
  color: #7d7d7d;
  font-weight: 300;
}
.what-mfa .logo_img{
  width: calc((195 / 375) * 100vw);
  margin-left: auto;
  margin-right: auto;
}
.explanation_fadeIn h2{
  font-size: 18px !important;
}
/*---------------アニメーション---------------*/
@keyframes fadeIn-left-bottom {
  0% {
      opacity: 0;
      transform: translate(-200px, 100px);
  }
  100% {
      opacity: 1;
      transform: translate(0, 0);
  }
}
@keyframes fadeIn-left-top {
  0% {
      opacity: 0;
      transform: translate(-200px, -300px);
  }
  100% {
      opacity: 1;
      transform: translate(0, 0);
  }
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes poyon {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
  0%   { transform: scale(0.8, 1.4) translate(0%, -100%); }
  10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
  20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes poyon2 {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  50%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  60%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/*---------------PConly---------------*/
@media screen and (min-width: 813px) {
  h2.u-uqFont-r{
    font-size: 48px !important;
    line-height: 57.6px;
  }
  .anchorAdjust {
    padding-top: 44px;
    margin-top: -44px;
  }
  .anniversary_character_relative{
    max-width: 301px;
    width: 301px;
  }
  .explanation{
    max-width: 576px;
    margin-left: auto;
    margin-right: auto;
  }
  .description-item{
    max-width: 576px;
    margin-left: auto;
    margin-right: auto;
  }
  @media screen and (min-height: 813px) {
    .anniversary_character-left{
      width: 84px !important;
    }
    .anniversary_character-middle{
      width: 143px !important;
    }
    .anniversary_character-right{
      width: 113px !important;
    }
    .anniversary_logo{
      width: 283px !important;
    }
  }
  .explanation_fadeIn h2{
    font-size: 25px !important;
  }
  .lineup_flex{
    display: flex;
    align-items: center;
    max-width: 925px;
    margin-left: auto;
    margin-right: auto;
  }
  .lineup_flex.flex-reverse{
    flex-direction: row-reverse;
  }
  .fr-mediaCarouselThumbs {
    width: 450px !important;
  }
  .lineup_contents_box{
    flex: 1;
    margin-left: 52.5px;
    margin-right: 52.5px;
  }
  .lineup_info_price {
    font-size: 20px;
    line-height: 24px;
  }
  .lineup_contents_box .fr-linkButtonParent{
    max-width: 345px;
    margin-left: auto;
    margin-right: 0;
  }
  .flex-reverse .lineup_contents_box .fr-linkButtonParent{
    max-width: 345px;
    margin-right: auto;
    margin-left: 0;
  }
  .one-lineup{
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
  .information_flex{
    display: flex;
    align-items: center;
    max-width: 925px;
    margin-left: auto;
    margin-right: auto;
  }
  .information_contents_box{
    flex: 1;
    margin-left: 25px;
  }
  .what-mfa{
    max-width: 576px;
    margin-left: auto;
    margin-right: auto;
  }
  .what-mfa .logo_img{
    width: 272px;
    margin-left: auto;
    margin-right: auto;
  }
  .-h3.item-title{
    font-size: 25px;
  }
  .fr-breadcrumbs{
    width: 100%!important;
    max-width: 1224px!important;
    margin-right: auto!important;
    margin-left: auto!important;
    padding-left: 24px!important;
    padding-right: 24px!important;
  }
}
/*---------------SPonly---------------*/
@media screen and (max-width: 812px) {
  .-list .fr-imagePlusText{
    margin-top: 15px;
  }
  [data-component-type=ProductCarouselDestroy] .fr-bff-product+.fr-bff-product{
    margin-left: calc((30/690) * 100%);
  }
  [data-component-type=ProductCarouselDestroy] .fr-bff-product{
    width: calc((210/690) * 100%);
  }
}


