@import url("https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap");

 /*=======header=======*/
 .header {
   position: relative;
   top: 0;
   width: 100%;
   z-index: 4;
   background-color: #fff;
 }

 .fr-header {
   background: #fff !important;
   border-bottom: none !important;
   box-sizing: border-box !important;
   height: 53px;
   min-width: 320px !important;
   padding: 12px 0 13px !important;
   position: relative;
   z-index: 2;
 }

 .fr-header_inner {
   box-sizing: border-box !important;
   padding: 0 15px !important;
 }

 .-doubleWrapper {
   display: block;
   height: 28px !important;
   left: 21px;
   position: absolute;
   width: 63px !important;
 }

 img.fr-header_logo.-double {
   height: 28px !important;
   width: 63px !important;
 }

 .utLogoWrapper {
   display: block;
   height: 28.8px;
   left: 50%;
   position: absolute;
   transform: translateX(-50%);
   width: 36px;
 }

 .fr-header_utLogo {
   height: auto;
   width: 36px;
 }

 @media screen and (min-width: 813px) {
   .header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background-color: #fff;
     z-index: 10;
   }

   .fr-header {
     height: 69px;
     width: 100%;
     background: #fff !important;
   }

   .-doubleWrapper {
     left: 24px;
     top: 20px;
     height: 28px !important;
     width: 63px !important;
   }

   img.fr-header_logo.-double {
     height: auto !important;
   }

   .utLogoWrapper {
     top: 20px;
     left: 128px;
   }

   .fr-header_utLogo {
     height: auto !important;
     width: 35px !important;
   }
 }

 /*=======header end=======*/

 /* =======left image======== */
 @media screen and (min-width: 813px) {
   .leftImageWrapper {
     position: sticky;
     top: 69px;
     height: calc(100vh - 69px);
     flex: 2;
     display: flex;
     justify-content: end;
   }

   .leftImageWrapper img {
     transform-origin: center;
     height: 100%;
     width: 100%;
     max-width: 850px;
     object-fit: cover;
     object-position: center center;
   }
 }

 /* =======left image end======== */

 /*=======anchor=======*/

 .ut-mario .fr-fixedAnchor_container .fr-fixedAnchor_inner .fr-fixedAnchor_item {
   padding-left: 7.5px;
   padding-right: 7.5px;
 }

 .ut-mario .main .fr-fixedAnchor.-isFixed {
   top: 0;
 }

 .fr-fixedAnchor_item.-lineup-text {
   display: flex;
   align-items: center;
 }

 .u-imgAdjustBox.-anchorImage {
   width: 35px;
   height: 35px;
 }

 .fr-fixedAnchor_item.-lineup {
   opacity: 0.6;
 }

 .fr-fixedAnchor_itemLink.-imageAnchor {
   display: flex;
   padding: 0;
   align-items: center;
   gap: 5px;
 }

 .fr-fixedAnchor_itemLink.-current {
  font-weight: 500;
 }

 .fr-fixedAnchor_itemLink.-current:after {
   content: none;
   opacity: 1;
 }

 /*=======anchor end=======*/

 .main_inner {
   flex-shrink: 0;
   padding-top: 0px !important;
   position: relative;
   z-index: 2;
 }

 .main {
   position: relative;
   height: auto;
 }

 .main-section-background {
   background-image: url("https://image.uniqlo.com/UQ/ST3/jp/imagesother/26ss_ut_mario-movie/BG_new2.jpg");
   background-position: top;
   background-repeat: repeat-y;
   background-size: 100%;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
 }

 .heading-text {
   color: #fff;
   text-align: center;
   font-family: "Black Han Sans", sans-serif;
   font-size: 38px;
   font-weight: 400;
 }

 .intro-text-section,
 .lineup-text-section {
   color: #fff;
   text-align: center;
 }

 .gender-text-wrapper {
   display: flex;
   justify-content: center;
   gap: 15px;
 }

 .gender-text {
   font-weight: 700;
   font-size: 18px;
   line-height: 21.6px;
 }

 .intro-contents {
   font-weight: 700;
   font-size: 16px;
   line-height: 24px;
 }

 .intro-description {
   word-break: break-all;
 }

 .fr-anchorButton.-background-translucence {
   border-color: black;
 }

 .fr-anchorButton_item.-background-translucence {
   background-color: rgba(255, 255, 255, 0.65);
   border-color: black;
 }

 [data-aspect-ratio="263:77"]:before {
   padding-top: calc(77 / 263 * 100%);
 }

 .star-img {
   width: 263px;
   margin-left: auto;
   margin-right: auto;
 }

 .gender-section {
   color: #fff;
 }

 .hero-kv {
   position: absolute;
   top: 0;
   width: 100%;
   left: 50%;
   transform: translateX(-50%);
   z-index: 1;
 }

 .hero-spacer {
   width: 100%;
   aspect-ratio: 375/563;
 }

 .fr-anchorButton.-gender-anchor {
   width: 100vw;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 15px;
   border: none;
 }

 .fr-anchorButton_item.-gender-anchor {
   background-color: transparent;
   border: none;
 }

 .fr-anchorButton_itemText.-gender-anchor {
   color: #fff;
   background-color: transparent;
   display: flex;
   flex-direction: column;
   gap: 8px;
 }

 .lineup-anchor-icon {
   min-width: 75px;
   width: 100%;
 }

 .lineup-anchor-text {
   font-family: "Black Han Sans", sans-serif;
 }

 .down-arrow-icon {
   width: 24px;
   height: 24px;
 }

 [data-pc-aspect-ratio="528:730"]:before {
   padding-top: calc(730 / 528 * 100%);
 }

 [data-sp-aspect-ratio="375:563"]:before {
   padding-top: calc(563 / 375 * 100%);
 }

 .ut-mario .fr-pagetop.-top-umbrella {
   background: url(https://image.uniqlo.com/UQ/ST3/jp/imagesother/26ss_ut_mario-movie/TOP.png) 50% / 75px auto no-repeat transparent;
   width: 75px;
   height: 103px;
   bottom: 10px;
   right: 4px;
   box-shadow: none;
 }

 .ut-mario .js-fixedAnchor_10,
 .ut-mario .js-fixedAnchor_11 {
   margin-top: 0;
   padding-top: 0;
 }

.ut-mario .u-fixedAnchorAdjust.first-anchor {
   margin-top: -45px;
   padding-top: 64px;
 }

 .ut-mario .u-fixedAnchorAdjust.js-fixedAnchor_10,
 .ut-mario .u-fixedAnchorAdjust.js-fixedAnchor_11 {
    margin-top: -20px;
    padding-top: 20px;
 }

 .ut-mario .u-fixedAnchorAdjust {
   margin-top: -64px;
   padding-top: 64px;
 }

.fr-mediaCarouselThumbs_items.-items-center {
  justify-content: center;
}

 @media screen and (min-width: 813px) {

   .ut-mario,
   .main {
     background-color: rgba(26, 31, 72, 1);
   }

   .main.-layout {
     display: flex;
     width: 100%;
     min-height: 100vh;
     padding-top: 69px;
   }

   .ut-mario .main_inner {
     flex: 0 0 500px;
     padding-right: 0;
     background-color: rgba(26, 31, 72, 1);
     padding-left: 0;
   }

   body .u-fixedAnchorAdjust:last-child {
     margin-top: 0;
     padding-top: 0;
   }

   .-default.-length-2 .fr-anchorButton_item {
     width: calc((100% - 2.5px) / 2);
   }

   .fr-anchorButton.-gender-anchor {
     width: 100%;
   }

   .ut-mario .rightAnchorWrapper {
     position: sticky;
     top: 89px;
     height: calc(100vh - 89px);
     flex: 0.7;
     flex-shrink: 0;
     margin-left: 1vw;
     margin-right: 1vw;
   }

   .rightAnchorBox {
     border-radius: 10px;
     width: 230px;
     height: 571px;
     background-color: rgba(115, 99, 149, 1);
     padding: 20px 12px;
   }

   .rightAnchor {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
   }

   .u-imgAdjustBox.-lineupImage {
     width: 35px;
     height: 36px;
   }

   .anchorHeading {
     color: #fff;
     text-align: center;
     font-family: "Black Han Sans", sans-serif;
     font-size: 26px;
     font-weight: 400;
   }

   .anchorText {
     color: #fff;
     font-size: 14px;
     font-weight: 19.6px;
     text-align: center;
   }

   .anchorItems.-length-2 {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 5px;
   }

   .anchorItems.-length-2 .fr-fixedAnchor_itemLink {
     padding: 0;
   }

   .anchorItems.-length-2 .anchorItem {
     width: 100px;
     height: 100px;
   }

   .ut-mario .fr-pagetop.-top-umbrella {
     right: var(--right, 5px);
   }

   .ut-mario .js-fixedAnchor_9 {
    padding-top: 85px;
   }

   .ut-mario .js-fixedAnchor_10 {
     margin-top: 0;
     padding-top: 0;
   }

   .ut-mario .js-fixedAnchor_11 {
     margin-top: 0;
     padding-top: 9px;
   }
 }

 /* ======= lineup section ======= */
 .fr-heading.-lineup-heading {
   font-size: 60px;
   color: #fff;
   font-family: "Black Han Sans", sans-serif;
 }

 .section-layer {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .itemInformationTextWrap {
   color: #fff;
   align-items: flex-end;
   display: flex;
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
   padding-top: 4px;
 }

 .genderSizeText {
   font-size: 13px;
   font-weight: 400;
   line-height: 16.9px;
   margin-right: 15px;
 }

 .sizeText {
   margin-left: 15px;
 }

 .ut-mario .itemInformationTextWrap .moneyText {
   text-align: left;
   width: auto;
 }

 .ut-mario .itemInformationTextWrap .moneyText [data-component-type="ProductCarouselDestroy"] .fr-bff-product {
   margin-top: 0;
   width: auto;
 }

 .ut-mario .itemInformationTextWrap .moneyText .fr-bff-products[data-component-type="ProductCarouselDestroy"] {
   display: inline;
   width: 100%;
 }

 .ut-mario .itemInformationTextWrap .moneyText [data-component-type="ProductCarouselDestroy"] .fr-bff-product_content,
 .ut-mario .itemInformationTextWrap .moneyText [data-component-type="ProductCarousel"] .fr-bff-product_content {
   margin-right: 0;
   margin-top: 0;
 }

 .ut-mario .itemInformationTextWrap .moneyText [data-component-type="ProductCarouselDestroy"] .fr-bff-product_price,
 .ut-mario .itemInformationTextWrap .moneyText [data-component-type="ProductCarousel"] .fr-bff-product_price,
 .ut-mario .itemInformationTextWrap .moneyText [data-component-type="ProductGridHorizontal"] .fr-bff-product_price,
 .ut-mario .itemInformationTextWrap .moneyText [data-component-type="ProductGridText"] .fr-bff-product_price,
 .ut-mario .itemInformationTextWrap .moneyText [data-component-type="ProductGrid"] .fr-bff-product_price {
  color: #fff; 
  font-family:
     UniqloPro Regular,
     sans-serif;
   font-size: 18px;
   font-weight: 400;
   line-height: 21.6px;
   margin-top: 0;
 }

 .ut-mario .itemInformationTextWrap .moneyText .fr-bff-products {
   background-color: transparent;
 }

 .ut-mario .moneyText .u-color-text-pricedown {
   color: #fff;
 }

 .ut-mario .moneyText .fr-bff-product_apology,
 .ut-mario .moneyText .fr-bff-product_futureExhibition,
 .ut-mario .moneyText .fr-bff-product_gender,
 .ut-mario .moneyText .fr-bff-product_imgWrapper,
 .ut-mario .moneyText .fr-bff-product_name,
 .ut-mario .moneyText .fr-bff-product_noStock,
 .ut-mario .moneyText .fr-bff-product_priceFlags,
 .ut-mario .moneyText .fr-bff-product_sizes {
   display: none;
 }

 .ut-mario .itemInformationButtonWrap .bffHeart_bff .fr-bff-products .fr-bff-product .fr-bff-product_inner .fr-bff-product_imgWrapper figure {
   display: none;
 }

 .ut-mario .itemInformationButtonWrap .bffHeart_bff .fr-bff-products {
   background-color: transparent;
   display: block;
   width: auto;
 }

 .ut-mario .itemInformationButtonWrap .bffHeart_bff .fr-bff-products .fr-bff-product {
   margin-top: 0;
   width: 100%;
 }

 .ut-mario .itemInformationButtonWrap {
   align-items: center;
   display: flex;
   justify-content: center;
   margin-bottom: 80px;
 }

 .ut-mario .itemInformationButtonWrap.-lastSection {
   margin-bottom: 64px;
 }

 .ut-mario .itemInformationButtonWrap .bffHeart_bff .fr-bff-products .fr-bff-product .fr-bff-product_inner .fr-bff-product_colorChipsAndFavorite {
   border: 1px solid #fff;
   border-radius: 50%;
   margin-left: 9.5px;
   margin-right: 0;
 }

 .ut-mario .itemInformationButtonWrap .bffHeart_bff .fr-bff-products .fr-bff-product .fr-bff-product_inner .fr-bff-favorite_icon {
   fill: #fff;
 }

 .ut-mario .itemInformationButtonWrap .bffHeart_bff .fr-bff-products .fr-bff-product .fr-bff-product_inner .fr-bff-product_colorChipsAndFavorite .fr-bff-favorite {
   height: 48px;
   width: 48px;
 }

 .ut-mario .itemInformationButtonWrap .bffHeart_bff .fr-bff-products .fr-bff-product .fr-bff-product_inner .fr-bff-product_colorChipsAndIcon,
 .ut-mario .itemInformationButtonWrap .bffHeart_bff .fr-bff-products .fr-bff-product .fr-bff-product_inner .fr-bff-product_content,
 .ut-mario .itemInformationButtonWrap .bffHeart_bff .fr-bff-products .fr-bff-product_apology {
   display: none;
 }

 .text-in-carousel {
   display: flex;
   justify-content: center;
   gap: 18px;
   font-size: 13px;
   color: #fff;
   text-align: center;
 }

 .detailViewButtonWrap {
   width: 100%;
 }

 .fr-linkButton.-purpleButton {
   display: block;
   border: none;
   background-color: rgba(157, 80, 178, 1);
   color: #fff;
   padding: 17px 15px;
 }

 @media screen and (min-width: 813px) {
   .ut-mario .itemInformationButtonWrap {
     margin-bottom: 106px;
   }

   .ut-mario .itemInformationButtonWrap.-lastSection {
     margin-bottom: 85px;
   }
 }

 /* ======= lineup section end ======= */

 /* ======= styling ======= */
 .styleTitle {
   position: relative;
   width: 100%;
   height: 207px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .heading-text.stylingHeading {
   position: relative;
   z-index: 1;
 }

 .u-imgAdjustBox.stylingImage {
   position: absolute;
   top: 10px;
   max-height: 100%;
   width: 123px;
   left: calc(50% - 170px);
 }

 .u-imgAdjustBox.stylingImage img {
   height: 100%;
   width: auto;
   aspect-ratio: 123 / 207;
   z-index: 0;
 }

 .flowerBox {
   display: flex;
   justify-content: center;
   width: 100%;
 }

 .fr-styling.-length-2 .fr-styling_item {
   width: calc((100% - 1px) / 2);
 }

 .u-imgAdjustBox.flowerImage {
   width: clamp(91px, calc(6.1vw * 4), 500px);
   aspect-ratio: 91 / 88;
   height: auto;
 }

 @media screen and (min-width: 813px) {

   .u-imgAdjustBox.flowerImage {
     width: 91px;
   }
 }

 /* ======= styling end ======= */


 /* ========= movieSection ========= */
 .movieSection {
   background-color: rgba(13, 24, 76, 1);
 }

 .movieHeader {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 249px;
 }

 .heading-text.movieHeading {
   position: relative;
   z-index: 1;
 }

 .u-imgAdjustBox.movieStar {
   position: absolute;
   top: 38px;
   max-height: 100%;
   left: calc(50% - 150px);
   width: 72px;
   height: 68px;
 }

 .u-imgAdjustBox.movieStar img {
   height: 100%;
   width: auto;
   aspect-ratio: 72 / 68;
   z-index: 0;
 }

 .u-imgAdjustBox.moviePrincess {
   position: absolute;
   top: 0;
   max-height: 100%;
   right: calc(50% - 180px);
 }

 .u-imgAdjustBox_inner.moviePrincessInner {
   width: unset;
   left: unset;
   right: 15px;
 }

 .u-imgAdjustBox.moviePrincess img {
   height: 100%;
   width: auto;
   aspect-ratio: 123 / 249;
   z-index: 0;
 }

 .movieHead {
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   color: #fff;
   text-align: center;
 }

 /* ========= movieSection end========= */

 /* ========= related-infomation =======*/
 .fr-imagePlusText_label.-related-infomation-text {
   font-size: 16px;
 }

 @media screen and (min-width: 813px) {
   .-list .fr-imagePlusText {
     width: 100%;
   }
 }

 /* ========= related-infomation end =======*/

 /* ========== footer ========== */
 .ut-mario .aside {
   background-color: #fff;
 }

 .ut-mario .aside .fr-sp-mt-xxxl {
   margin-top: 0;
   padding-top: 64px;
 }

 .ut-mario .aside #common_banner>div {
   margin-top: 0;
 }


 @media screen and (min-width: 813px) {
   .ut-mario .aside .fr-snsButtons_inner {
     min-width: 320px;
   }

   .ut-mario .aside .fr-snsButtons_heading {
     text-align: center;
   }

   .ut-mario .aside .fr-snsButtons_items {
     display: flex;
     justify-content: center;
   }

   .ut-mario .aside #common_questionnaire {
     padding-left: 20px;
     padding-right: 20px;
   }

   .ut-mario .aside #common_banner .swiper-container .swiper-wrapper .swiper-slide {
     margin-right: 0;
   }

   .ut-mario .aside #common_banner>div>section>a {
     padding-left: 20px;
     padding-right: 20px;
   }
 }

 .ut-mario footer .fr-globalFooter {
   background-color: #fff !important;
   margin: 0 auto !important;
   padding-top: 24px !important;
 }

 .ut-mario footer .fr-globalFooter .fr-globalFooter_navigationInner {
   display: block !important;
 }

 .ut-mario footer .fr-globalFooter .fr-globalFooter_navigationItems {
   display: block !important;
   font-size: 16px !important;
 }

 .ut-mario footer .fr-globalFooter .fr-globalFooter_navigationItem {
   margin-left: 0 !important;
   margin-top: 24px !important;
 }

 .ut-mario footer .fr-globalFooter .fr-globalFooter_snsItems.u-only-sp {
   display: flex !important;
   justify-content: center !important;
   margin-top: 24px !important;
 }

 .ut-mario footer .fr-globalFooter .fr-globalFooter_snsItems.u-only-sp .fr-globalFooter_snsItem {
   align-items: center !important;
   display: flex !important;
   justify-content: center !important;
 }

 .ut-mario footer .fr-globalFooter .fr-globalFooter_snsItems.u-only-pc {
   display: none !important;
 }

 .ut-mario footer .fr-globalFooter .fr-globalFooter_copyright {
   padding: 15px 4vw !important;
 }

 .ut-mario footer .fr-globalFooter .fr-globalFooter_copyrightInner {
   justify-content: center !important;
 }

 /* ========== footer end ========== */

 /* ========== common ==========*/

 .font-size-11 {
   font-size: 11px;
 }

 .background-white {
   background-color: #fff;
 }

 .fr-mediaCarouselThumbs_item:before {
   border-color: rgba(218, 218, 218, 1);
 }

 .fr-mediaCarouselThumbs_item.-current:after {
   border-color: rgba(244, 244, 244, 1)
 }

 [data-aspect-ratio="375:345"]:before {
   padding-top: calc(345 / 375 * 100%);
 }

 [data-aspect-ratio="225:201"]:before {
   padding-top: calc(201 / 225 * 100%);
 }

 [data-aspect-ratio="268:297"]:before {
   padding-top: calc(297 / 268 * 100%);
 }

 [data-aspect-ratio="295:339"]:before {
   padding-top: calc(339 / 295 * 100%);
 }

 [data-aspect-ratio="143:217"]:before {
   padding-top: calc(217 / 143 * 100%);
 }

 [data-aspect-ratio="187:192"]:before {
   padding-top: calc(192 / 187 * 100%);
 }

 [data-aspect-ratio="144:186"]:before {
   padding-top: calc(186 / 144 * 100%);
 }

 [data-aspect-ratio="290:206"]:before {
   padding-top: calc(206 / 290 * 100%);
 }

 [data-aspect-ratio="123:207"]:before {
   padding-top: calc(207 / 123 * 100%);
 }

 [data-aspect-ratio="91:88"]:before {
   padding-top: calc(88 / 91 * 100%);
 }

 [data-aspect-ratio="72:68"]:before {
   padding-top: calc(68 / 72 * 100%);
 }

 [data-aspect-ratio="123:249"]:before {
   padding-top: calc(249 / 123 * 100%);
 }

 [data-aspect-ratio="375:73"]:before {
   padding-top: calc(73 / 375 * 100%);
 }

 [data-aspect-ratio="187:250"]:before {
   padding-top: calc(250 / 187 * 100%);
 }

 .padding-x-27 {
   padding-left: 27px;
   padding-right: 27px;
 }

 .padding-x-40 {
   padding-left: 40px;
   padding-right: 40px;
 }

 .padding-x-68 {
   padding-left: 68px;
   padding-right: 68px;
 }

 .padding-x-75 {
   padding-left: 75px;
   padding-right: 75px;
 }

 .padding-x-94 {
   padding-left: 94px;
   padding-right: 94px;
 }

 .padding-x-108 {
   padding-left: 108px;
   padding-right: 108px;
 }

 .padding-x-116 {
   padding-left: 116px;
   padding-right: 116px;
 }

 .color-white {
   color: #fff
 }

 .fr-img.-object-fit-contain {
   object-fit: contain;
 }

 .webCM-description {
   color: #fff;
   overflow-wrap: break-word;
   word-break: break-word;
 }

 .fr-imagePlusText_body.-break-word {
   overflow-wrap: break-word;
   word-break: break-word;
 }

 .fr-imagePlusText_link.-view-more-text {
   color: #fff;
   text-decoration: underline;
 }

 @media screen and (min-width: 813px) {
   .fr-pc-px-1g {
     padding-left: 20px;
     padding-right: 20px;
   }
 }