:root {
 --white: #fff;
 --black: #1d1d1f;
 --red: #f00;
 --blue: #0366ee;
 --dark-blue: #337ab7;
 --light-blue: #2d9ae3;
 --gray: #333;
 --light-gray: #bbb;
 --white-smoke: #f5f5f5;
 --secondary-color: #604c3f;
 --theme-color-orange: #e1540b;
 --theme-black: #000;
 --theme-brown: #411600;
 --theme-light-brown: #f3efe6;
 --theme-bg-color: var(--theme-light-brown);
}
:root {
 --page-base-vw: 998px;
 --page-justfit-inner-vw: 710px;
 --page-item-list-item-vw: 674px;
}
#home .main {
 --ff-sans: var(--font-family-noto-sans);
 letter-spacing: normal;
}
#home .main__inner {
 margin-inline: auto;
}
#home .p-loading-intro-video-wrap {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: var(--theme-light-brown);
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 99999;
 opacity: 1;
 transition: opacity 1s ease-in-out;
}
#home .p-loading-intro-video-wrap * {
 pointer-events: auto !important;
}
#home .p-loading-intro-video__inner {
 margin-inline: auto;
 width: 100vw;
 line-height: 0;
 display: none;
}
#home .p-loading-intro-video__inner video {
 width: 100%;
 height: auto;
 border: none;
 outline: none;
 aspect-ratio: 1920/560;
}
#home:has(#dialog_renewal_animation[open]) {
 overflow: hidden;
}
#home:has(#dialog_renewal_animation[open]) * {
 pointer-events: none;
}
#home:has(#dialog_renewal_animation[open]) #dialog_renewal_animation_close_button {
 pointer-events: auto;
}
#home .p-dialog-renewal-animation {
 all: unset;
 position: fixed;
 top: 0;
 left: 0;
 display: grid;
 place-items: center;
 width: 100%;
 height: 100%;
 border: none;
 z-index: 999;
 animation: dialogFadeOut 0.3s ease-out forwards;
 background-color: rgba(212, 201, 170, 0.6);
 pointer-events: none;
 visibility: hidden;
 transition: visibility 0.3s ease-out;
}
@keyframes dialogFadeIn {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@keyframes dialogFadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}
#home .p-dialog-renewal-animation[open] {
 visibility: visible;
 animation: dialogFadeIn 0.3s ease-out forwards;
}
#home .p-dialog-renewal-animation__container {
 position: relative;
 z-index: 200;
 pointer-events: auto;
 width: 888px;
 height: 340px;
 filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.2));
}
#home .p-dialog-renewal-animation #renewal_animation {
 width: 888px;
 height: 340px;
 background-color: var(--white);
 overflow: hidden;
}
#home .p-dialog-renewal-animation #dialog_renewal_animation_close_button {
 --modal-shadow-color-rgb: 0, 0, 0;
 --modal-shadow-opacity: 0.5;
 --modal-shadow: 0 1px 3px 0 rgb(0 0 0/0.1), 0 1px 2px -1px rgb(0 0 0/0.1);
 --modal-ring-offset-shadow: 0 0 transparent;
 --modal-ring-shadow: 0 0 transparent;
 position: absolute;
 right: 0;
 bottom: 0;
 margin-top: auto;
 margin-bottom: -30px;
 margin-right: -30px;
 width: 60px;
 height: 60px;
 border: none;
 text-transform: none;
 overflow: visible;
 will-change: transform;
 backface-visibility: hidden;
 transform: translateZ(0);
 cursor: pointer;
 z-index: 10000;
 border-radius: calc(infinity * 1px);
 transform: translateX(0);
 background-color: #8c6025;
 box-shadow: var(--modal-ring-offset-shadow), var(--modal-ring-shadow), var(--modal-shadow);
}
#home .p-dialog-renewal-animation #dialog_renewal_animation_close_button:focus-visible,
#home .p-dialog-renewal-animation #dialog_renewal_animation_close_button:focus-visible {
 border-radius: calc(infinity * 1px);
}
#home .p-dialog-renewal-animation #dialog_renewal_animation_close_button::before,
#home .p-dialog-renewal-animation #dialog_renewal_animation_close_button::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 25px;
 height: 2px;
 background-color: var(--white);
}
#home .p-dialog-renewal-animation #dialog_renewal_animation_close_button::before {
 transform: translate(-50%, -50%) rotate(45deg);
}
#home .p-dialog-renewal-animation #dialog_renewal_animation_close_button::after {
 transform: translate(-50%, -50%) rotate(-45deg);
}
#home .p-hot-items {
 margin-inline: auto;
 margin-top: 46px;
}
#home .p-hot-items__title {
 margin-inline: auto;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-topics {
 position: relative;
 margin-inline: auto;
 margin-top: 73px;
 padding-bottom: 41px;
}
#home .p-topics:has([class*="is-opened"]) {
 padding-bottom: 0;
}
#home .p-topics:has([class*="is-opened"]) .p-topics__container::before,
#home .p-topics:has([class*="is-opened"]) .p-topics__container::after {
 height: calc(100% - 86px);
}
#home .p-topics__title {
 margin-inline: auto;
 margin-top: 20px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-topics__container {
 position: relative;
 margin-inline: auto;
 width: 908px;
}
#home .p-topics__container::before,
#home .p-topics__container::after {
 pointer-events: none;
 content: "";
 position: absolute;
 top: 0;
 display: block;
 width: 40px;
 height: calc(100% - 26px);
 background-color: #eeeade;
}
#home .p-topics__container::before {
 left: 0;
}
#home .p-topics__container::after {
 right: 0;
}
#home .p-topics ul {
 margin-inline: auto;
 margin-top: 28px;
 padding-left: 118px;
 width: 828px;
 background-color: var(--white);
}
#home .p-topics li {
 padding-left: min(20px, 20 / var(--page-base-vw) * 100vw);
 display: flex;
 flex-wrap: nowrap;
 gap: 30px;
}
#home .p-topics li * {
 color: var(--theme-brown);
 font-size: 19px;
 font-feature-settings: "palt";
 line-height: 1.6842105263;
 letter-spacing: 0.05em;
}
#home .p-topics li + li {
 margin-top: 26px;
}
#home .p-topics__item-date {
 width: 5.5em;
}
#home .p-topics__item-title {
 width: 27.5em;
}
#home .p-topics__item-title p,
#home .p-topics__item-title a {
 display: block;
}
#home .p-topics__item-title a,
#home .p-topics__item-title button {
 text-align: left;
 text-decoration: underline;
}
#home .p-topics .p-details {
 position: relative;
 margin-inline: auto;
 margin-top: 26px;
 width: 828px;
 background-color: var(--white);
}
#home .p-topics .p-details summary {
 margin-inline: auto;
 margin-top: 20px;
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 display: grid;
 place-items: center;
 width: 354px;
 height: 40px;
 border-radius: calc(infinity * 1px);
 border: 1px solid #c3a980;
 z-index: 1;
 cursor: pointer;
}
#home .p-topics .p-details summary::-webkit-details-marker {
 display: none;
}
#home .p-topics .p-details summary span {
 color: var(--theme-brown);
 text-align: center;
 font-size: 17px;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
}
#home .p-topics .p-details summary span.is-open {
 display: none;
}
#home .p-topics .p-details.is-opened {
 margin-top: 26px;
 padding-bottom: 86px;
}
#home .p-topics .p-details.is-opened summary {
 top: initial;
 bottom: 0;
}
#home .p-topics .p-details.is-opened summary span.is-close {
 display: none;
}
#home .p-topics .p-details.is-opened summary span.is-open {
 display: block;
}
#home #home_slider_hotitems .swiper,
#home .p-items-swiper-container .swiper,
#home #home_slider_new_items .swiper,
#home #home_slider_fuwaraku_fashion .swiper {
 visibility: hidden;
}
#home #home_slider_hotitems .swiper.swiper-initialized,
#home .p-items-swiper-container .swiper.swiper-initialized,
#home #home_slider_new_items .swiper.swiper-initialized,
#home #home_slider_fuwaraku_fashion .swiper.swiper-initialized {
 visibility: visible;
}
#home #home_slider_hotitems .swiper-main .swiper-slide,
#home .p-items-swiper-container .swiper-main .swiper-slide,
#home #home_slider_new_items .swiper-main .swiper-slide,
#home #home_slider_fuwaraku_fashion .swiper-main .swiper-slide {
 position: relative;
 aspect-ratio: 1/1;
}
#home #home_slider_hotitems .swiper-pagination-bullet,
#home #home_slider_hotitems .swiper-button-prev-outside,
#home #home_slider_hotitems .swiper-button-next-outside,
#home #home_slider_hotitems .swiper-button-prev--bottom,
#home #home_slider_hotitems .swiper-button-next--bottom,
#home #home_slider_hotitems .swiper-thumbs .swiper-slide,
#home .p-items-swiper-container .swiper-pagination-bullet,
#home .p-items-swiper-container .swiper-button-prev-outside,
#home .p-items-swiper-container .swiper-button-next-outside,
#home .p-items-swiper-container .swiper-button-prev--bottom,
#home .p-items-swiper-container .swiper-button-next--bottom,
#home .p-items-swiper-container .swiper-thumbs .swiper-slide,
#home #home_slider_new_items .swiper-pagination-bullet,
#home #home_slider_new_items .swiper-button-prev-outside,
#home #home_slider_new_items .swiper-button-next-outside,
#home #home_slider_new_items .swiper-button-prev--bottom,
#home #home_slider_new_items .swiper-button-next--bottom,
#home #home_slider_new_items .swiper-thumbs .swiper-slide,
#home #home_slider_fuwaraku_fashion .swiper-pagination-bullet,
#home #home_slider_fuwaraku_fashion .swiper-button-prev-outside,
#home #home_slider_fuwaraku_fashion .swiper-button-next-outside,
#home #home_slider_fuwaraku_fashion .swiper-button-prev--bottom,
#home #home_slider_fuwaraku_fashion .swiper-button-next--bottom,
#home #home_slider_fuwaraku_fashion .swiper-thumbs .swiper-slide {
 cursor: pointer;
 transition: opacity 0.3s ease-in-out;
}
@media (any-hover: hover) {
 #home #home_slider_hotitems .swiper-pagination-bullet:hover,
 #home #home_slider_hotitems .swiper-button-prev-outside:hover,
 #home #home_slider_hotitems .swiper-button-next-outside:hover,
 #home #home_slider_hotitems .swiper-button-prev--bottom:hover,
 #home #home_slider_hotitems .swiper-button-next--bottom:hover,
 #home #home_slider_hotitems .swiper-thumbs .swiper-slide:hover,
 #home .p-items-swiper-container .swiper-pagination-bullet:hover,
 #home .p-items-swiper-container .swiper-button-prev-outside:hover,
 #home .p-items-swiper-container .swiper-button-next-outside:hover,
 #home .p-items-swiper-container .swiper-button-prev--bottom:hover,
 #home .p-items-swiper-container .swiper-button-next--bottom:hover,
 #home .p-items-swiper-container .swiper-thumbs .swiper-slide:hover,
 #home #home_slider_new_items .swiper-pagination-bullet:hover,
 #home #home_slider_new_items .swiper-button-prev-outside:hover,
 #home #home_slider_new_items .swiper-button-next-outside:hover,
 #home #home_slider_new_items .swiper-button-prev--bottom:hover,
 #home #home_slider_new_items .swiper-button-next--bottom:hover,
 #home #home_slider_new_items .swiper-thumbs .swiper-slide:hover,
 #home #home_slider_fuwaraku_fashion .swiper-pagination-bullet:hover,
 #home #home_slider_fuwaraku_fashion .swiper-button-prev-outside:hover,
 #home #home_slider_fuwaraku_fashion .swiper-button-next-outside:hover,
 #home #home_slider_fuwaraku_fashion .swiper-button-prev--bottom:hover,
 #home #home_slider_fuwaraku_fashion .swiper-button-next--bottom:hover,
 #home #home_slider_fuwaraku_fashion .swiper-thumbs .swiper-slide:hover {
  opacity: 0.7;
 }
}
#home #home_slider_hotitems .swiper-button-prev-outside,
#home #home_slider_hotitems .swiper-button-next-outside,
#home #home_slider_hotitems .swiper-pagination-fraction,
#home #home_slider_hotitems .swiper-button--bottom,
#home .p-items-swiper-container .swiper-button-prev-outside,
#home .p-items-swiper-container .swiper-button-next-outside,
#home .p-items-swiper-container .swiper-pagination-fraction,
#home .p-items-swiper-container .swiper-button--bottom,
#home #home_slider_new_items .swiper-button-prev-outside,
#home #home_slider_new_items .swiper-button-next-outside,
#home #home_slider_new_items .swiper-pagination-fraction,
#home #home_slider_new_items .swiper-button--bottom,
#home #home_slider_fuwaraku_fashion .swiper-button-prev-outside,
#home #home_slider_fuwaraku_fashion .swiper-button-next-outside,
#home #home_slider_fuwaraku_fashion .swiper-pagination-fraction,
#home #home_slider_fuwaraku_fashion .swiper-button--bottom {
 --swiper-gray: #c6c6c6;
 --swiper-theme-color: var(--theme-brown);
 --swiper-preloader-color: var(--light-gray);
 --pagination-fix: 28px;
}
#home #home_slider_hotitems .swiper-pagination-fraction,
#home #home_slider_hotitems .swiper-pagination,
#home #home_slider_hotitems .swiper-horizontal > .swiper-pagination-bullets,
#home #home_slider_hotitems .swiper-pagination-bullets.swiper-pagination-horizontal,
#home .p-items-swiper-container .swiper-pagination-fraction,
#home .p-items-swiper-container .swiper-pagination,
#home .p-items-swiper-container .swiper-horizontal > .swiper-pagination-bullets,
#home .p-items-swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,
#home #home_slider_new_items .swiper-pagination-fraction,
#home #home_slider_new_items .swiper-pagination,
#home #home_slider_new_items .swiper-horizontal > .swiper-pagination-bullets,
#home #home_slider_new_items .swiper-pagination-bullets.swiper-pagination-horizontal,
#home #home_slider_fuwaraku_fashion .swiper-pagination-fraction,
#home #home_slider_fuwaraku_fashion .swiper-pagination,
#home #home_slider_fuwaraku_fashion .swiper-horizontal > .swiper-pagination-bullets,
#home #home_slider_fuwaraku_fashion .swiper-pagination-bullets.swiper-pagination-horizontal {
 bottom: 0;
 top: var(--swiper-pagination-top, auto);
 left: 0;
 width: 100%;
 line-height: 1;
 line-height: 1cap;
}
#home #home_slider_hotitems .swiper-button-prev-outside,
#home #home_slider_hotitems .swiper-button-next-outside,
#home .p-items-swiper-container .swiper-button-prev-outside,
#home .p-items-swiper-container .swiper-button-next-outside,
#home #home_slider_new_items .swiper-button-prev-outside,
#home #home_slider_new_items .swiper-button-next-outside,
#home #home_slider_fuwaraku_fashion .swiper-button-prev-outside,
#home #home_slider_fuwaraku_fashion .swiper-button-next-outside {
 top: calc(var(--swiper-slide-vh) / 2 - var(--pagination-fix) / 2);
 width: 30px;
 height: 34px;
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 color: var(--theme-brown);
 z-index: 10;
 cursor: pointer;
}
#home #home_slider_hotitems .swiper-button-prev-outside::after,
#home #home_slider_hotitems .swiper-button-next-outside::after,
#home .p-items-swiper-container .swiper-button-prev-outside::after,
#home .p-items-swiper-container .swiper-button-next-outside::after,
#home #home_slider_new_items .swiper-button-prev-outside::after,
#home #home_slider_new_items .swiper-button-next-outside::after,
#home #home_slider_fuwaraku_fashion .swiper-button-prev-outside::after,
#home #home_slider_fuwaraku_fashion .swiper-button-next-outside::after {
 font-family: swiper-icons;
 font-size: var(--swiper-navigation-size);
 text-transform: none !important;
 letter-spacing: 0;
 font-variant: initial;
 line-height: 1;
 font-size: 34px;
}
#home #home_slider_hotitems .swiper-button-prev-outside,
#home .p-items-swiper-container .swiper-button-prev-outside,
#home #home_slider_new_items .swiper-button-prev-outside,
#home #home_slider_fuwaraku_fashion .swiper-button-prev-outside {
 left: 416px;
}
#home #home_slider_hotitems .swiper-button-prev-outside::after,
#home .p-items-swiper-container .swiper-button-prev-outside::after,
#home #home_slider_new_items .swiper-button-prev-outside::after,
#home #home_slider_fuwaraku_fashion .swiper-button-prev-outside::after {
 content: "prev";
}
#home #home_slider_hotitems .swiper-button-next-outside,
#home .p-items-swiper-container .swiper-button-next-outside,
#home #home_slider_new_items .swiper-button-next-outside,
#home #home_slider_fuwaraku_fashion .swiper-button-next-outside {
 right: 416px;
}
#home #home_slider_hotitems .swiper-button-next-outside::after,
#home .p-items-swiper-container .swiper-button-next-outside::after,
#home #home_slider_new_items .swiper-button-next-outside::after,
#home #home_slider_fuwaraku_fashion .swiper-button-next-outside::after {
 content: "next";
}
#home #home_slider_hotitems .swiper-button--bottom,
#home .p-items-swiper-container .swiper-button--bottom,
#home #home_slider_new_items .swiper-button--bottom,
#home #home_slider_fuwaraku_fashion .swiper-button--bottom {
 position: relative;
 display: flex;
 place-items: center;
 margin-inline: auto;
 margin-top: var(--swiper-pagination-mt);
 width: 142px;
 height: var(--pagination-fix);
}
#home #home_slider_hotitems .swiper-button-prev--bottom,
#home #home_slider_hotitems .swiper-button-next--bottom,
#home .p-items-swiper-container .swiper-button-prev--bottom,
#home .p-items-swiper-container .swiper-button-next--bottom,
#home #home_slider_new_items .swiper-button-prev--bottom,
#home #home_slider_new_items .swiper-button-next--bottom,
#home #home_slider_fuwaraku_fashion .swiper-button-prev--bottom,
#home #home_slider_fuwaraku_fashion .swiper-button-next--bottom {
 position: relative;
 top: initial;
 left: initial;
 right: initial;
 transition: opacity 0.3s ease-in-out;
 z-index: 10;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-top: 0;
 top: 0;
 width: 40px;
 height: var(--pagination-fix);
 color: var(--swiper-theme-color);
}
#home #home_slider_hotitems .swiper-button-prev--bottom::after,
#home #home_slider_hotitems .swiper-button-next--bottom::after,
#home .p-items-swiper-container .swiper-button-prev--bottom::after,
#home .p-items-swiper-container .swiper-button-next--bottom::after,
#home #home_slider_new_items .swiper-button-prev--bottom::after,
#home #home_slider_new_items .swiper-button-next--bottom::after,
#home #home_slider_fuwaraku_fashion .swiper-button-prev--bottom::after,
#home #home_slider_fuwaraku_fashion .swiper-button-next--bottom::after {
 content: "";
 background-position: 0 0;
 background-size: 100% auto;
 background-repeat: no-repeat;
 width: 40px;
 aspect-ratio: 100/70;
}
@media (any-hover: hover) {
 #home #home_slider_hotitems .swiper-button-prev--bottom::after:hover,
 #home #home_slider_hotitems .swiper-button-next--bottom::after:hover,
 #home .p-items-swiper-container .swiper-button-prev--bottom::after:hover,
 #home .p-items-swiper-container .swiper-button-next--bottom::after:hover,
 #home #home_slider_new_items .swiper-button-prev--bottom::after:hover,
 #home #home_slider_new_items .swiper-button-next--bottom::after:hover,
 #home #home_slider_fuwaraku_fashion .swiper-button-prev--bottom::after:hover,
 #home #home_slider_fuwaraku_fashion .swiper-button-next--bottom::after:hover {
  opacity: 0.7;
 }
}
#home #home_slider_hotitems .swiper-button-prev--bottom::after,
#home .p-items-swiper-container .swiper-button-prev--bottom::after,
#home #home_slider_new_items .swiper-button-prev--bottom::after,
#home #home_slider_fuwaraku_fashion .swiper-button-prev--bottom::after {
 transform: rotate(180deg);
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2270%22%20fill%3D%22%23411600%22%20viewBox%3D%220%200%20100%2070%22%3E%3Cpath%20d%3D%22M75%2035%2057.939%2023.75v9.077H0v4.346h57.939v9.077L75%2035z%22%2F%3E%3Cpath%20d%3D%22M65%2070c-19.299%200-35-15.7-35-35S45.701%200%2065%200s35%2015.7%2035%2035-15.701%2035-35%2035zm0-66.505C47.652%203.495%2033.537%2017.628%2033.537%2035S47.652%2066.505%2065%2066.505%2096.463%2052.372%2096.463%2035%2082.348%203.495%2065%203.495z%22%2F%3E%3C%2Fsvg%3E");
}
#home #home_slider_hotitems .swiper-button-next--bottom::after,
#home .p-items-swiper-container .swiper-button-next--bottom::after,
#home #home_slider_new_items .swiper-button-next--bottom::after,
#home #home_slider_fuwaraku_fashion .swiper-button-next--bottom::after {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%2270%22%20fill%3D%22%23411600%22%20viewBox%3D%220%200%20100%2070%22%3E%3Cpath%20d%3D%22M75%2035%2057.939%2023.75v9.077H0v4.346h57.939v9.077L75%2035z%22%2F%3E%3Cpath%20d%3D%22M65%2070c-19.299%200-35-15.7-35-35S45.701%200%2065%200s35%2015.7%2035%2035-15.701%2035-35%2035zm0-66.505C47.652%203.495%2033.537%2017.628%2033.537%2035S47.652%2066.505%2065%2066.505%2096.463%2052.372%2096.463%2035%2082.348%203.495%2065%203.495z%22%2F%3E%3C%2Fsvg%3E");
}
#home #home_slider_hotitems .swiper-pagination-fraction,
#home .p-items-swiper-container .swiper-pagination-fraction,
#home #home_slider_new_items .swiper-pagination-fraction,
#home #home_slider_fuwaraku_fashion .swiper-pagination-fraction {
 text-align: center;
 position: relative;
 top: initial;
 bottom: initial;
 flex-wrap: nowrap;
 justify-content: space-between;
 color: var(--swiper-theme-color);
 font-size: 20px;
 font-family: var(--font-family-roboto-condensed);
 font-weight: 300;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.025em;
}
#home #home_slider_hotitems .swiper-pagination-fraction .swiper-pagination-current,
#home #home_slider_hotitems .swiper-pagination-fraction .swiper-pagination-total,
#home .p-items-swiper-container .swiper-pagination-fraction .swiper-pagination-current,
#home .p-items-swiper-container .swiper-pagination-fraction .swiper-pagination-total,
#home #home_slider_new_items .swiper-pagination-fraction .swiper-pagination-current,
#home #home_slider_new_items .swiper-pagination-fraction .swiper-pagination-total,
#home #home_slider_fuwaraku_fashion .swiper-pagination-fraction .swiper-pagination-current,
#home #home_slider_fuwaraku_fashion .swiper-pagination-fraction .swiper-pagination-total {
 display: inline-block;
 width: 1em;
}
#home #home_slider_hotitems {
 --swiper-slide-vw: 400px;
 --swiper-slide-vh: 400px;
 --swiper-pagination-vw: 10px;
 --swiper-pagination-mt: 25px;
 --swiper-pagination-bullet-horizontal-gap: 12.5px;
 --swiper-navigation-sides-offset: 30px;
 --swiper-navigation-top-offset: 580px;
 --swiper-navigation-size: 68px;
}
#home #home_slider_hotitems.swiper-container {
 position: relative;
 margin-top: 11px;
 margin-right: -101px;
 margin-left: -101px;
 width: calc(100% + 202px);
 height: calc(var(--swiper-slide-vh) + var(--swiper-pagination-vw) + var(--swiper-pagination-mt));
 overflow-y: hidden;
}
#home #home_slider_hotitems .swiper-slide {
 margin-right: 15px;
 margin-left: 15px;
 width: var(--swiper-slide-vw);
}
@media (any-hover: hover) {
 #home #home_slider_hotitems .swiper-slide a:hover {
  opacity: 1;
 }
}
#home #home_slider_hotitems .swiper-button-prev-outside,
#home #home_slider_hotitems .swiper-button-next-outside {
 margin-top: 0;
 top: calc(50% - var(--swiper-pagination-vw) - var(--swiper-pagination-mt));
 width: 30px;
 color: var(--theme-brown);
}
#home #home_slider_hotitems .swiper-button-prev-outside::after,
#home #home_slider_hotitems .swiper-button-next-outside::after {
 font-size: 30px;
}
#home #home_slider_hotitems .swiper-button-next-outside {
 right: 414px;
}
#home #home_slider_hotitems .swiper-button-prev-outside {
 left: 414px;
}
#home #home_slider_hotitems .swiper-pagination-fraction,
#home #home_slider_hotitems .swiper-pagination,
#home #home_slider_hotitems .swiper-horizontal > .swiper-pagination-bullets,
#home #home_slider_hotitems .swiper-pagination-bullets.swiper-pagination-horizontal {
 bottom: 0;
 top: var(--swiper-pagination-top, auto);
 left: 0;
 width: 100%;
 line-height: 1;
 line-height: 1cap;
}
#home #home_slider_hotitems .swiper-pagination-bullet {
 width: var(--swiper-pagination-vw);
 height: auto;
 background-color: #dbcbb1;
 opacity: 1;
 aspect-ratio: 1/1;
}
#home #home_slider_hotitems .swiper-pagination-bullet-active {
 background-color: #8c6025;
}
#home .p-renewal-info {
 position: relative;
 margin-inline: auto;
 margin-top: 100px;
}
#home .p-renewal-info .p-details summary {
 position: relative;
 margin-inline: auto;
 display: grid;
 place-items: center;
 width: 1088px;
 height: 240px;
 cursor: pointer;
 transition: opacity 0.3s ease-in-out;
 z-index: 1;
}
@media (any-hover: hover) {
 #home .p-renewal-info .p-details summary:hover {
  opacity: 0.7;
 }
}
#home .p-renewal-info .p-details summary::-webkit-details-marker {
 display: none;
}
#home .p-renewal-info .p-details summary span.p-detail__toggle-marker {
 margin: auto;
 position: absolute;
 bottom: 0;
 right: 0;
 left: 0;
 width: 38px;
 height: 38px;
}
#home .p-renewal-info .p-details summary span.p-detail__toggle-marker::before,
#home .p-renewal-info .p-details summary span.p-detail__toggle-marker::after {
 margin: auto;
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 right: 0;
 left: 0;
 width: 38px;
 height: 3px;
 background-color: var(--white);
 z-index: 1;
}
#home .p-renewal-info .p-details summary span.p-detail__toggle-marker::after {
 transform: rotate(90deg);
 transition: transform 0.3s ease-in-out;
}
#home .p-renewal-info .p-details summary span {
 color: var(--white);
 font-size: 20px;
 font-feature-settings: "palt";
 letter-spacing: 0.05em;
 text-transform: uppercase;
}
#home .p-renewal-info .p-details summary span.is-open {
 display: none;
}
#home .p-renewal-info .p-details.is-opened summary span.is-close {
 display: none;
}
#home .p-renewal-info .p-details.is-opened summary span.is-open {
 display: block;
}
#home .p-renewal-info .p-details.is-opened summary span.p-detail__toggle-marker::after {
 transform: rotate(0deg);
}
#home .p-renewal-info .p-details__content-inner {
 padding-bottom: 34px;
 background-color: #f7f4ec;
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list {
 padding-top: 46px;
 margin-inline: auto;
 width: 908px;
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list li {
 position: relative;
 overflow: hidden;
 margin-bottom: 49px;
 padding-bottom: 33px;
 border-bottom: 1px solid var(--theme-brown);
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list li:nth-of-type(1) .p-renewal-info__list-button-area > p,
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list li:nth-of-type(2) .p-renewal-info__list-button-area > p,
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list li:nth-of-type(3) .p-renewal-info__list-button-area > p {
 text-transform: uppercase;
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list-subtitle {
 width: 97px;
 float: left;
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list-no {
 margin-left: 13px;
 width: 20px;
 float: left;
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list-icon {
 position: relative;
 padding-top: 20px;
 width: 78px;
 clear: both;
 float: left;
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list-title {
 margin-top: 46px;
 margin-left: 27px;
 width: 290px;
 float: left;
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list-title + p {
 padding-top: 22px;
 width: 550px;
 color: var(--theme-brown);
 font-size: 20px;
 font-weight: 400;
 font-feature-settings: "palt";
 line-height: 1.75;
 letter-spacing: 0.05em;
 clear: both;
 float: left;
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list-button-area {
 margin-top: 26px;
 float: right;
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list-button-area > p {
 color: #8c6025;
 font-size: 22px;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
}
#home .p-renewal-info .p-details__content-inner .p-renewal-info__list-button {
 margin-inline: auto;
 margin-top: 11px;
 width: 264px;
}
#home .p-pittari {
 --pitari-hover-tap-color: rgba(225, 217, 196, 1);
 margin-top: 81px;
}
#home .p-pittari__title {
 margin-inline: auto;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-pittari__size {
 margin-inline: auto;
 margin-top: 22px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-pittari__subtitle {
 margin-inline: auto;
 margin-top: 32px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-pittari__list {
 margin-inline: auto;
 margin-top: 20px;
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 width: 100%;
}
#home .p-pittari__list li {
 position: relative;
 display: grid;
 place-items: center;
 height: 70px;
 background-color: #eeeade;
 --border-width: 3px;
}
#home .p-pittari__list li + li {
 border-left: var(--border-width) solid var(--white);
}
#home .p-pittari__list li button {
 position: relative;
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 justify-content: space-between;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
@media (any-hover: hover) {
 #home .p-pittari__list li button:hover {
  opacity: 1;
 }
}
#home .p-pittari__list li button span {
 margin-left: 25px;
 color: var(--theme-brown);
 text-align: center;
 font-size: 18px;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
 z-index: 1;
}
#home .p-pittari__list li button img {
 margin-top: 5px;
 margin-right: 15px;
 position: absolute;
 top: 0;
 right: 0;
 width: 59px;
 height: 59px;
}
#home .p-pittari__list li button img[src*="pittari_nav_design_photo_v2"] {
 width: 80px;
 height: 65px;
}
#home .p-pittari__list li button:active::before {
 pointer-events: none;
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #eeeae0;
 mix-blend-mode: multiply;
 z-index: 1;
}
#home .p-pittari__note {
 margin-top: 15px;
 color: var(--theme-brown);
 text-align: center;
 font-size: 15px;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
}
#home .p-pittari .p-modal__overlay {
 background-color: rgba(212, 201, 170, 0.6);
}
#home .p-pittari .p-modal__container-wrap {
 pointer-events: auto;
 margin-inline: auto;
 margin-top: 20px;
 width: var(--page-base-vw);
 height: calc(var(--vh, 1vh) * 100 - 40px);
 position: absolute;
 top: 0;
}
#home .p-pittari .p-modal__container {
 padding: 0 40px 20px;
 border-radius: 0;
 width: 1088px;
 max-height: initial;
 height: calc(100% - 40px);
 overflow-x: hidden;
}
#home .p-pittari .p-modal__body {
 width: 1008px;
}
#home .p-pittari .p-modal__close-button:is(button) {
 margin-inline: auto;
 display: grid;
 place-items: center;
 top: initial;
 right: inherit;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 40px;
 background-color: var(--theme-brown);
}
#home .p-pittari .p-modal__close-button:is(button)::before,
#home .p-pittari .p-modal__close-button:is(button)::after {
 display: none;
}
#home .p-pittari .p-modal__close-button:is(button) span {
 margin-left: 77px;
 width: -moz-fit-content;
 width: fit-content;
 height: -moz-fit-content;
 height: fit-content;
 color: var(--white);
 font-size: 25px;
 font-family: var(--font-family-roboto-condensed);
 font-weight: 300;
 letter-spacing: 0.045em;
 line-height: 1;
 line-height: 1cap;
 position: absolute;
 top: 50%;
 left: 0;
 transform: translate(0, -50%);
}
#home .p-pittari .p-modal__close-button:is(button) span::before,
#home .p-pittari .p-modal__close-button:is(button) span::after {
 margin-left: -56px;
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 33px;
 height: 1px;
 background-color: var(--white);
}
#home .p-pittari .p-modal__close-button:is(button) span::before {
 transform: translate(-50%, -50%) rotate(45deg);
}
#home .p-pittari .p-modal__close-button:is(button) span::after {
 transform: translate(-50%, -50%) rotate(-45deg);
}
#home .p-pittari .p-tab__list {
 position: sticky;
 top: 0;
 z-index: 2;
 margin-inline: auto;
 padding-top: 20px;
 padding-bottom: 25px;
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 3px;
 width: 100%;
 background-color: var(--white);
}
#home .p-pittari .p-tab__list li {
 display: grid;
 place-items: center;
 height: 46px;
 color: var(--theme-brown);
 text-align: center;
 font-size: 17px;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
 background-color: #eeeade;
}
#home .p-pittari .p-tab__list li button {
 position: relative;
 color: var(--theme-brown);
 width: 100%;
 height: 100%;
 transition: background-color 0.3s ease-in-out;
}
@media (any-hover: hover) {
 #home .p-pittari .p-tab__list li button:hover {
  opacity: 1;
  background-color: var(--pitari-hover-tap-color);
 }
}
#home .p-pittari .p-tab__list li button[aria-selected="true"] {
 background-color: var(--pitari-hover-tap-color);
}
#home .p-pittari .p-tab__panel[aria-hidden="true"] {
 display: none;
}
#home .p-pittari .p-tab__panel .p-tab__child {
 width: 100%;
}
#home .p-pittari .p-tab__panel .p-tab__child::before {
 margin-inline: auto;
 pointer-events: none;
 content: "";
 display: block;
 width: 1088px;
 height: 186px;
 position: fixed;
 top: 20px;
 right: 0;
 left: 0;
 background-color: var(--white);
 z-index: 1;
}
#home .p-pittari .p-tab__panel .p-tab__child-menu {
 position: sticky;
 top: 0;
 z-index: 2;
 display: grid;
 align-items: center;
 width: 234px;
 height: 70px;
 float: left;
 list-style: none;
 background-color: #eeeade;
 cursor: pointer;
}
#home .p-pittari .p-tab__panel .p-tab__child-menu:nth-of-type(n + 2) {
 margin-left: calc((100% - 936px) / 3);
}
#home .p-pittari .p-tab__panel .p-tab__child-menu::before {
 content: "";
 position: absolute;
 bottom: -5px;
 left: 0;
 width: 100%;
 height: 5px;
}
#home .p-pittari .p-tab__panel .p-tab__child-menu::after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
@media (any-hover: hover) {
 #home .p-pittari .p-tab__panel .p-tab__child-menu:hover::after {
  background-color: var(--pitari-hover-tap-color);
  opacity: 0.4;
  mix-blend-mode: multiply;
 }
}
#home .p-pittari .p-tab__panel .p-tab__child input[name="tab_menu_width"],
#home .p-pittari .p-tab__panel .p-tab__child input[name="tab_menu_toe"],
#home .p-pittari .p-tab__panel .p-tab__child input[name="tab_menu_heel"] {
 display: none;
}
#home .p-pittari .p-tab__panel .p-tab__child-contents {
 display: none;
 clear: both;
 overflow: hidden;
}
#home .p-pittari .p-tab__panel .p-tab__child #child_width_2e:checked ~ #child_content_width_2e,
#home .p-pittari .p-tab__panel .p-tab__child #child_width_3e:checked ~ #child_content_width_3e,
#home .p-pittari .p-tab__panel .p-tab__child #child_width_4e:checked ~ #child_content_width_4e,
#home .p-pittari .p-tab__panel .p-tab__child #child_width_5e:checked ~ #child_content_width_5e,
#home .p-pittari .p-tab__panel .p-tab__child #child_toe_round:checked ~ #child_content_toe_round,
#home .p-pittari .p-tab__panel .p-tab__child #child_toe_almond:checked ~ #child_content_toe_almond,
#home .p-pittari .p-tab__panel .p-tab__child #child_toe_square:checked ~ #child_content_toe_square,
#home .p-pittari .p-tab__panel .p-tab__child #child_toe_pointed:checked ~ #child_content_toe_pointed,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_1_0cm:checked ~ #child_content_heel_1_0cm,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_2_0cm:checked ~ #child_content_heel_2_0cm,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_2_3cm:checked ~ #child_content_heel_2_3cm,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_2_5cm:checked ~ #child_content_heel_2_5cm,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_3_0cm:checked ~ #child_content_heel_3_0cm,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_3_5cm:checked ~ #child_content_heel_3_5cm,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_4_0cm:checked ~ #child_content_heel_4_0cm,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_5_0cm:checked ~ #child_content_heel_5_0cm,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_6_0cm:checked ~ #child_content_heel_6_0cm,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_6_5cm:checked ~ #child_content_heel_6_5cm,
#home .p-pittari .p-tab__panel .p-tab__child #child_heel_7_0cm:checked ~ #child_content_heel_7_0cm {
 display: block;
}
#home .p-pittari .p-tab__panel .p-tab__child input:checked + .p-tab__child-menu::before {
 background-color: #8c6025;
}
#home .p-pittari .p-tab__panel .p-tab__child input:checked + .p-tab__child-menu::after {
 background-color: rgba(0, 0, 0, 0);
}
@media (any-hover: hover) {
 #home .p-pittari .p-tab__panel .p-tab__child input:checked + .p-tab__child-menu:hover::after {
  background-color: var(--pitari-hover-tap-color);
  mix-blend-mode: multiply;
 }
}
#home .p-pittari .p-tab__panel .p-tab__child .p-cards.--items {
 --gap: 24px;
 margin-top: 25px;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 width: 1008px;
}
#home .p-pittari .p-tab__panel .p-tab__child .p-cards.--items .p-card {
 --card-vw: 234px;
 --card-photo-vw: 234px;
}
#home .p-pittari .p-tab__panel .p-tab__child .p-cards.--items .p-card .p-card__badge {
 --badge-vw: 56px;
 --badge-vh: 56px;
}
#home .p-pittari .p-tab__panel-list {
 margin-inline: auto;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 20px 24px;
 width: 100%;
}
#home .p-pittari .p-tab__panel-list li {
 height: 70px;
}
#home .p-pittari .p-tab__panel-list .p-details summary {
 position: relative;
 display: grid;
 align-items: center;
 height: 70px;
 list-style: none;
 background-color: #eeeade;
 transition: opacity 0.3s ease-in-out;
 cursor: pointer;
 transition: opacity 0.3s ease-in-out;
}
@media (any-hover: hover) {
 #home .p-pittari .p-tab__panel-list .p-details summary:hover {
  opacity: 0.7;
 }
}
#home .p-pittari .p-tab__panel-list .p-details summary::-webkit-details-marker {
 display: none;
}
@media (any-hover: hover) {
 #home .p-pittari .p-tab__panel-list .p-details summary:hover {
  opacity: 0.7;
 }
}
#home .p-pittari .p-tab__panel-list .p-details summary span {
 position: absolute;
 top: 50%;
 right: 0;
 width: 25px;
}
#home .p-pittari .p-tab__panel-list .p-details summary span::before,
#home .p-pittari .p-tab__panel-list .p-details summary span::after {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 right: 0;
 width: 25px;
 height: 2px;
 background-color: var(--theme-brown);
 z-index: 1;
}
#home .p-pittari .p-tab__panel-list .p-details summary span::after {
 transform: rotate(90deg);
 transition: transform 0.3s ease-in-out;
}
#home .p-pittari .p-tab__panel-list .p-details.is-opened summary span::after {
 transform: rotate(0deg);
}
#home .p-pittari .p-tab__panel-list--design li {
 position: relative;
 background-color: #eeeade;
 cursor: pointer;
}
#home .p-pittari .p-tab__panel-list--design li::before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 transition: background-color 0.3s ease-in-out;
 background-color: rgba(0, 0, 0, 0);
 mix-blend-mode: multiply;
 pointer-events: none;
 z-index: 1;
}
@media (any-hover: hover) {
 #home .p-pittari .p-tab__panel-list--design li:hover::before {
  background-color: var(--pitari-hover-tap-color);
  opacity: 0.4;
 }
}
#home .p-pittari .p-tab__panel-list--design li a {
 padding-left: 20px;
 display: flex;
 justify-content: flex-start;
 place-items: center;
}
#home .p-pittari .p-tab__panel-list--design li a img:first-child {
 width: 220px;
 height: 50px;
}
#home .p-pittari .p-tab__panel-list--design li a img:last-child {
 margin-left: -6px;
 width: 86px;
 height: 70px;
 mix-blend-mode: multiply;
}
@media (any-hover: hover) {
 #home .p-pittari .p-tab__panel-list--design li a:hover {
  opacity: 1;
 }
 #home .p-pittari .p-tab__panel-list--design li a:hover img {
  opacity: 1;
 }
}
#home .p-pittari .p-tab__panel-list--design li a:active {
 background-color: #e5e0cf;
}
#home .p-pittari .p-tab__panel-list--design li a::before,
#home .p-pittari .p-tab__panel-list--design li a::after {
 position: absolute;
 top: 0;
 left: 0;
 content: "";
 aspect-ratio: 1/1;
}
#home .p-pittari .p-tab__panel-list--design li a::before {
 border-top: 20px solid #d4c9aa;
 border-right: 20px solid rgba(0, 0, 0, 0);
}
#home .p-pittari .p-tab__panel-list--design li a::after {
 border-top: 13px solid #d4c9aa;
 border-right: 13px solid rgba(0, 0, 0, 0);
 border-top-color: rgba(0, 0, 0, 0);
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_basic_basic_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_basic_basic_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_basic_basic_pumps.png"])::before {
 border-top-color: #d4c9aa;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_basic_basic_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_basic_basic_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_basic_basic_pumps.png"]):active::before {
 border-top-color: #d2cbb1;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"])::before {
 border-top-color: #8e9cce;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"])::after,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"])::after,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"])::after {
 border-top-color: #a2d7d4;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"]):active::before {
 border-top-color: #7783aa;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"]):active::after,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"]):active::after,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_memory_foam_insoles_sneaker_pumps.png"]):active::after {
 border-top-color: #83b8ad;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_inheel_sneaker_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_inheel_sneaker_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_inheel_sneaker_pumps.png"])::before {
 border-top-color: #cda2ca;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_inheel_sneaker_pumps.png"])::after,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_inheel_sneaker_pumps.png"])::after,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_inheel_sneaker_pumps.png"])::after {
 border-top-color: #a2d7d4;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_inheel_sneaker_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_inheel_sneaker_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_inheel_sneaker_pumps.png"]):active::before {
 border-top-color: #b585a3;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_inheel_sneaker_pumps.png"]):active::after,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_inheel_sneaker_pumps.png"]):active::after,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_inheel_sneaker_pumps.png"]):active::after {
 border-top-color: #83b8ad;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_wedge_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_wedge_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_wedge_pumps.png"])::before {
 border-top-color: #c8db4d;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_wedge_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_wedge_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_wedge_pumps.png"]):active::before {
 border-top-color: #adc233;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_flexible_moccasin_shoes.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_flexible_moccasin_shoes.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_flexible_moccasin_shoes.png"])::before {
 border-top-color: #f8bf88;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_flexible_moccasin_shoes.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_flexible_moccasin_shoes.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_flexible_moccasin_shoes.png"]):active::before {
 border-top-color: #f8bf88;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_soft_loafers.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_soft_loafers.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_soft_loafers.png"])::before {
 border-top-color: #c0dd98;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_soft_loafers.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_soft_loafers.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_soft_loafers.png"]):active::before {
 border-top-color: #b1c982;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_boots.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_boots.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_boots.png"])::before {
 border-top-color: #fbca4d;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_active_boots.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_active_boots.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_active_boots.png"]):active::before {
 border-top-color: #e6b73d;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_relax_knit_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_relax_knit_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_relax_knit_pumps.png"])::before {
 border-top-color: #baccb5;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_relax_knit_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_relax_knit_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_relax_knit_pumps.png"]):active::before {
 border-top-color: #a1b393;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_smart_bit_loafers.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_smart_bit_loafers.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_smart_bit_loafers.png"])::before {
 border-top-color: #9aa7b1;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_smart_bit_loafers.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_smart_bit_loafers.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_smart_bit_loafers.png"]):active::before {
 border-top-color: #8f9799;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_smart_ballet_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_smart_ballet_pumps.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_smart_ballet_pumps.png"])::before {
 border-top-color: #9aa7b1;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_smart_ballet_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_smart_ballet_pumps.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_smart_ballet_pumps.png"]):active::before {
 border-top-color: #8f9799;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_sports_wedge_sneakers.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_sports_wedge_sneakers.png"])::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_sports_wedge_sneakers.png"])::before {
 border-top-color: #a3bce2;
}
#home .p-pittari .p-tab__panel-list--design li a:has(img[src*="pittari_design_sports_wedge_sneakers.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-src*="pittari_design_sports_wedge_sneakers.png"]):active::before,
#home .p-pittari .p-tab__panel-list--design li a:has(img[data-srcset*="pittari_design_sports_wedge_sneakers.png"]):active::before {
 border-top-color: #8ba1bf;
}
#home .p-pittari .p-tab__panel.--width .p-tab__child-menu {
 top: 91px;
}
#home .p-pittari .p-tab__panel.--toe .p-tab__child-menu {
 top: 91px;
 padding-left: 19px;
 display: flex;
 place-items: center;
}
#home .p-pittari .p-tab__panel.--toe .p-tab__child-menu img:first-child {
 padding-top: 5px;
 z-index: 1;
}
#home .p-pittari .p-tab__panel.--toe .p-tab__child-menu img:last-child {
 position: absolute;
 top: 0;
 left: 0;
 width: 234px;
 height: 70px;
}
#home .p-pittari .p-tab__panel.--heel .p-tab__child-menu {
 top: 91px;
 width: 74px;
}
#home .p-pittari .p-tab__panel.--heel .p-tab__child-menu:nth-of-type(n + 2) {
 margin-left: 10px;
}
#home .p-movie {
 margin-inline: auto;
 margin-top: 80px;
 width: 600px;
}
#home .p-movie__video-embed {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}
#home .p-movie__video-embed iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
}
#home .p-movie__video-embed:has(lite-youtube) {
 padding-top: 0;
}
#home .p-short-movie {
 margin-top: 80px;
}
#home .p-short-movie__icon {
 margin-inline: auto;
 display: grid;
 place-items: center;
}
#home .p-short-movie__title {
 margin-inline: auto;
 margin-top: 19px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-short-movie__title span {
 margin-top: 10px;
 display: block;
 color: var(--theme-brown);
 text-align: center;
 font-size: 15px;
 font-weight: 400;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
}
#home .p-short-movie__subtitle {
 margin-inline: auto;
 margin-top: 7px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-short-movie__video {
 margin-inline: auto;
 margin-top: 32px;
}
#home .p-short-movie__video:has(fw-embed-feed) {
 width: -moz-fit-content;
 width: fit-content;
 max-width: 1088px;
}
#home .p-short-movie__video:has(fw-storyblock) {
 --vw: 240;
 width: calc(var(--vw) * 1px);
}
#home .p-short-movie__video-embed {
 position: relative;
 width: 100%;
}
#home .p-short-movie__video-embed fw-embed-feed,
#home .p-short-movie__video-embed fw-storyblock {
 color: var(--theme-brown);
}
#home .p-short-movie__video-embed fw-embed-feed {
 height: 420px;
}
#home .p-short-movie__video-embed fw-storyblock {
 height: calc(var(--vw) * 16 / 9 * 1px);
}
#home .p-items-swiper-container {
 --swiper-slide-vw: 400px;
 --swiper-slide-vh: 400px;
 --swiper-pagination-vw: 10px;
 --swiper-pagination-mt: 16px;
 --swiper-pagination-bullet-horizontal-gap: 12.5px;
 --swiper-navigation-sides-offset: 30px;
 --swiper-navigation-top-offset: 400px;
 --swiper-navigation-size: 44px;
}
#home .p-items-swiper-container.swiper-container {
 position: relative;
 margin-top: 31px;
 margin-right: -116px;
 margin-left: -116px;
 width: calc(100% + 232px);
 height: calc(var(--swiper-slide-vh) + var(--swiper-pagination-vw) + var(--swiper-pagination-mt) + var(--pagination-fix) + 40px);
 overflow-y: hidden;
}
#home .p-items-swiper-container .swiper-main .swiper-wrapper {
 margin-inline: auto;
 width: 1380px;
}
#home .p-items-swiper-container .swiper-main .swiper-slide {
 margin-right: 30px;
 margin-left: 30px;
 width: var(--swiper-slide-vw);
}
#home .p-items-swiper-container .swiper-main .swiper-slide button {
 outline: 1px solid #e2e2e2;
 outline-offset: -1px;
}
@media (any-hover: hover) {
 #home .p-items-swiper-container .swiper-main .swiper-slide button:hover {
  opacity: 1;
 }
}
#home .p-items-swiper-container .swiper-thumbs {
 position: relative;
 margin-top: 25px;
 width: 100%;
 height: 10px;
 line-height: 1;
 line-height: 1cap;
 text-align: center;
 transition: 300ms opacity;
 transform: translate3d(0, 0, 0);
 z-index: 10;
}
#home .p-items-swiper-container .swiper-thumbs .swiper-wrapper {
 margin-inline: auto;
 width: -moz-fit-content;
 width: fit-content;
}
#home .p-items-swiper-container .swiper-thumbs .swiper-slide {
 margin-right: 12.5px;
 margin-left: 12.5px;
 width: var(--swiper-pagination-vw) !important;
 background-color: #dbcbb1;
 opacity: 1;
 border-radius: calc(infinity * 1px);
}
#home .p-items-swiper-container .swiper-thumbs .swiper-slide-thumb-active {
 background-color: #8c6025;
}
#home #home_slider_new_items,
#home #home_slider_fuwaraku_fashion {
 --swiper-slide-vw: 400px;
 --swiper-slide-vh: 400px;
 --swiper-pagination-vw: 10px;
 --swiper-pagination-mt: 16px;
 --swiper-pagination-bullet-horizontal-gap: 12.5px;
 --swiper-navigation-sides-offset: 30px;
 --swiper-navigation-top-offset: 400px;
 --swiper-navigation-size: 44px;
 margin-top: 31px;
 display: block;
 opacity: 1;
 transition: opacity 0.3s ease-in-out;
}
@starting-style {
 #home #home_slider_new_items,
 #home #home_slider_fuwaraku_fashion {
  opacity: 0;
 }
}
#home #home_slider_new_items .swiper-wrapper,
#home #home_slider_fuwaraku_fashion .swiper-wrapper {
 align-items: center;
}
#home #home_slider_new_items .swiper-main .swiper-slide,
#home #home_slider_fuwaraku_fashion .swiper-main .swiper-slide {
 margin-right: 30px;
 margin-left: 30px;
}
#home #home_slider_new_items .swiper-main .swiper-slide button,
#home #home_slider_fuwaraku_fashion .swiper-main .swiper-slide button {
 outline: 1px solid #e2e2e2;
 outline-offset: -1px;
}
#home .p-new-items {
 position: relative;
 margin-inline: auto;
 margin-top: 80px;
}
#home .p-new-items__icon {
 margin-inline: auto;
 display: grid;
 place-items: center;
}
#home .p-new-items__title {
 margin-inline: auto;
 margin-top: 20px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-new-items__title span {
 margin-top: 10px;
 display: block;
 color: var(--theme-brown);
 text-align: center;
 font-size: 15px;
 font-weight: 400;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
}
#home .p-new-items__subtitle {
 margin-inline: auto;
 margin-top: 8px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-new-items .p-details {
 margin-top: 16px;
}
#home .p-new-items .p-details summary {
 position: relative;
 margin-inline: auto;
 display: grid;
 place-items: center;
 width: 354px;
 height: 40px;
 color: var(--theme-brown);
 border-radius: calc(infinity * 1px);
 outline: 1px solid #c3a980;
 background-color: var(--white);
 z-index: 1;
 cursor: pointer;
 transition: all 0.3s ease-in-out;
}
@media (any-hover: hover) {
 #home .p-new-items .p-details summary:hover {
  opacity: 1;
  color: #bab1a4;
  background-color: #f5f3ed;
  outline-color: #e0dac9;
 }
}
#home .p-new-items .p-details summary::-webkit-details-marker {
 display: none;
}
#home .p-new-items .p-details summary span {
 text-align: center;
 font-size: 17px;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
}
#home .p-new-items .p-details summary span.is-open {
 display: none;
}
#home .p-new-items .p-details.is-opened summary span.is-close {
 display: none;
}
#home .p-new-items .p-details.is-opened summary span.is-open {
 display: block;
}
#home .p-new-items .p-details__content-inner {
 position: relative;
}
#home .p-new-items:has(.js-details[class*="is-opened"]) #home_slider_new_items {
 margin-top: 0;
 opacity: 0;
 height: 0;
}
#home .p-new-items__list {
 margin-inline: auto;
 margin-top: 30px;
 width: -moz-fit-content;
 width: fit-content;
 height: 1459px;
 overflow-y: scroll;
 overflow-x: hidden;
}
#home .p-new-items__list ul {
 margin-inline: auto;
 display: grid;
 gap: 25px;
 grid-template-columns: repeat(3, 1fr);
 width: 100%;
 height: -moz-fit-content;
 height: fit-content;
}
#home .p-new-items__list ul li {
 width: 346px;
}
#home .p-new-items__list ul li button {
 outline: 1px solid #e2e2e2;
 outline-offset: -1px;
}
#home .p-pick-up-items {
 position: relative;
 margin-inline: auto;
 margin-top: 79px;
}
#home .p-pick-up-items__icon {
 margin-inline: auto;
 display: grid;
 place-items: center;
}
#home .p-pick-up-items__title {
 margin-inline: auto;
 margin-top: 20px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-pick-up-items__title span {
 margin-top: 6px;
 display: block;
 color: var(--theme-brown);
 text-align: center;
 font-size: 15px;
 font-weight: 400;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
}
#home .p-pick-up-items__subtitle {
 margin-inline: auto;
 margin-top: 8px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-pick-up-items__list {
 margin-inline: auto;
 margin-top: 31px;
}
#home .p-pick-up-items__item {
 margin-inline: auto;
}
#home .p-pick-up-items__item + .p-pick-up-items__item {
 margin-top: 30px;
}
#home .p-pick-up-items__search {
 position: relative;
 margin-top: 16px;
 z-index: 10;
}
#home .p-pick-up-items__search-tooltip-container {
 position: relative;
 display: grid;
 margin-inline: auto;
}
#home .p-pick-up-items__search-tooltip-toggle {
 display: none;
}
#home .p-pick-up-items__search-tooltip-content {
 margin-inline: auto;
 margin-bottom: 20px;
 visibility: hidden;
 position: absolute;
 display: grid;
 place-items: center;
 width: 250px;
 height: 60px;
 z-index: 1;
 bottom: 100%;
 left: 50%;
 transform: translateX(-50%);
 opacity: 0;
 transition: opacity 0.3s;
 background-color: #eae4d5;
 border-radius: 4px;
}
#home .p-pick-up-items__search-tooltip-content::before {
 margin-inline: auto;
 content: "";
 position: absolute;
 right: 0;
 bottom: -14px;
 left: 0;
 width: 20px;
 height: 20px;
 background-repeat: no-repeat;
 background-position: 0 0;
 background-size: 100% auto;
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.027%22%20height%3D%2214%22%20viewBox%3D%220%200%2014.027%2014%22%3E%3Cpath%20fill%3D%22%23eae4d5%22%20d%3D%22m0%200%205.636%2013.093a1.5%201.5%200%200%200%202.756%200L14.027%200H0z%22%2F%3E%3C%2Fsvg%3E");
}
#home .p-pick-up-items__search-tooltip-content p {
 color: var(--theme-brown);
 text-align: center;
 font-size: 13px;
 font-feature-settings: "palt";
 line-height: 1.1538461538;
 letter-spacing: 0.05em;
}
#home .p-pick-up-items__search-tooltip-toggle:checked + .p-pick-up-items__search-tooltip-trigger p {
 display: none;
}
#home .p-pick-up-items__search-tooltip-toggle:checked + .p-pick-up-items__search-tooltip-trigger button,
#home .p-pick-up-items__search-tooltip-toggle:checked + .p-pick-up-items__search-tooltip-trigger a {
 display: grid;
}
#home .p-pick-up-items__search-tooltip-toggle:checked + .p-pick-up-items__search-tooltip-trigger + .p-pick-up-items__search-tooltip-content {
 visibility: visible;
 opacity: 1;
}
#home .p-pick-up-items__search-tooltip-trigger {
 margin-inline: auto;
 width: 354px;
 cursor: pointer;
 transition: all 0.3s ease-in-out;
 border-radius: calc(infinity * 1px);
 outline: 1px solid #c3a980;
 outline-offset: -1px;
}
#home .p-pick-up-items__search-tooltip-trigger p,
#home .p-pick-up-items__search-tooltip-trigger button,
#home .p-pick-up-items__search-tooltip-trigger a {
 margin-inline: auto;
 width: 354px;
 height: 40px;
 display: grid;
 place-items: center;
 color: #765029;
 text-align: center;
 font-size: 17px;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
 border-radius: calc(infinity * 1px);
}
@media (any-hover: hover) {
 #home .p-pick-up-items__search-tooltip-trigger p:hover,
 #home .p-pick-up-items__search-tooltip-trigger button:hover,
 #home .p-pick-up-items__search-tooltip-trigger a:hover {
  opacity: 1;
 }
}
#home .p-pick-up-items__search-tooltip-trigger button,
#home .p-pick-up-items__search-tooltip-trigger a {
 display: none;
}
#home .p-pick-up-items .p-details summary {
 margin-inline: auto;
 position: relative;
 display: grid;
 align-items: center;
 width: 690px;
 height: 90px;
 list-style: none;
 background-color: #eeeade;
 transition: opacity 0.3s ease-in-out;
 cursor: pointer;
}
@media (any-hover: hover) {
 #home .p-pick-up-items .p-details summary:hover {
  opacity: 0.7;
 }
}
#home .p-pick-up-items .p-details summary::-webkit-details-marker {
 display: none;
}
#home .p-pick-up-items .p-details summary span {
 position: absolute;
 top: 50%;
 right: 0;
 width: 25px;
}
#home .p-pick-up-items .p-details summary span::before,
#home .p-pick-up-items .p-details summary span::after {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 right: 0;
 width: 25px;
 height: 2px;
 background-color: var(--theme-brown);
 z-index: 1;
}
#home .p-pick-up-items .p-details summary span::after {
 transform: rotate(90deg);
 transition: transform 0.3s ease-in-out;
}
#home .p-pick-up-items .p-details.is-opened summary span::after {
 transform: rotate(0deg);
}
#home .p-fuwaraku-fashion {
 position: relative;
 margin-inline: auto;
 margin-top: 80px;
}
#home .p-fuwaraku-fashion__icon {
 margin-inline: auto;
 display: grid;
 place-items: center;
}
#home .p-fuwaraku-fashion__title {
 margin-inline: auto;
 margin-top: 20px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-fuwaraku-fashion__title span {
 margin-top: 10px;
 display: block;
 color: var(--theme-brown);
 text-align: center;
 font-size: 15px;
 font-weight: 400;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
}
#home .p-fuwaraku-fashion__subtitle {
 margin-inline: auto;
 margin-top: 8px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-fuwaraku-fashion__7days {
 position: relative;
 margin-top: 31px;
 padding-bottom: 49px;
}
#home .p-fuwaraku-fashion__7days::before {
 --vw-l: 159px;
 --vw: 154px;
 content: "";
 display: block;
 width: 100%;
 height: 10px;
 background-image: linear-gradient(
  to right,
  #b9e1e8 0% calc(var(--vw-l) * 1),
  #f8ce80 calc(var(--vw) * 1) calc(var(--vw) * 2),
  #b6d2df calc(var(--vw) * 2) calc(var(--vw) * 3),
  #f8cbd5 calc(var(--vw) * 3) calc(var(--vw) * 4),
  #f8ce80 calc(var(--vw) * 4) calc(var(--vw) * 5),
  #b9e1e8 calc(var(--vw) * 5) calc(var(--vw) * 6),
  #f8cbd5 calc(var(--vw) * 6) calc(var(--vw-l) * 7)
 );
}
#home .p-fuwaraku-fashion__7days h5 {
 margin-inline: auto;
 margin-top: 17px;
 display: grid;
 place-items: center;
 width: 589px;
}
#home .p-fuwaraku-fashion__7days p {
 position: absolute;
 top: 0;
 right: 0;
 margin-top: -71px;
 margin-right: 18px;
 width: 171px;
 height: 171px;
}
#home .p-fuwaraku-fashion__7days figure {
 margin-inline: auto;
 margin-top: 14px;
 width: 100%;
}
#home .p-fuwaraku-style {
 position: relative;
 margin-inline: auto;
 margin-top: 77px;
}
#home .p-fuwaraku-style__icon {
 margin-inline: auto;
 display: grid;
 place-items: center;
}
#home .p-fuwaraku-style__title {
 margin-inline: auto;
 margin-top: 19px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-fuwaraku-style__title span {
 margin-top: 6px;
 display: block;
 color: var(--theme-brown);
 text-align: center;
 font-size: 15px;
 font-weight: 400;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
}
#home .p-fuwaraku-style__subtitle {
 margin-inline: auto;
 margin-top: 7px;
 display: grid;
 place-items: center;
 line-height: 1;
 line-height: 1cap;
}
#home .p-fuwaraku-style .p-visumo-social {
 position: relative;
}
#home .vsm-tile {
 all: unset !important;
}
#home .vsm-tile .ecbn-selection-widget {
 margin: 0 !important;
 max-width: 1088px !important;
}
#home .vsm-tile .ecbn-selection-page-wrapper {
 margin: 0 auto !important;
}
#home .vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-content {
 margin: 0 !important;
}
#home .vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-snap {
 margin-inline: auto !important;
 margin-top: 30px !important;
 display: grid !important;
 gap: 24px !important;
 grid-template-columns: repeat(4, 1fr) !important;
 width: 100% !important;
 height: -moz-fit-content !important;
 height: fit-content !important;
}
#home .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item {
 position: relative !important;
 top: initial !important;
 right: initial !important;
 bottom: initial !important;
 left: initial !important;
 padding: 0 !important;
 width: 254px !important;
}
#home .vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-image-loading-more {
 margin-inline: auto !important;
 margin-top: 25px !important;
}
#home .vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-image-loading-more .ecbn-selection-page-more {
 margin-inline: auto !important;
 margin: 0 auto !important;
 padding: 0 !important;
 position: relative !important;
 display: grid !important;
 place-items: center !important;
 width: 354px !important;
 height: 40px !important;
 color: var(--theme-brown) !important;
 text-align: center !important;
 font-size: 0 !important;
 font-feature-settings: "palt" !important;
 line-height: 1 !important;
 letter-spacing: 0.05em !important;
 border-radius: calc(infinity * 1px) !important;
 border: 1px solid #c3a980 !important;
 z-index: 1 !important;
 transition:
  color 0.3s ease-in-out,
  background-color 0.3s ease-in-out,
  outline-color 0.3s ease-in-out;
}
@media (any-hover: hover) {
 #home .vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-image-loading-more .ecbn-selection-page-more:hover {
  opacity: 1 !important;
  color: #bab1a4 !important;
  background-color: #f5f3ed !important;
  outline-color: #e0dac9 !important;
 }
}
#home .vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-image-loading-more .ecbn-selection-page-more::before {
 position: absolute !important;
 content: "もっと見る" !important;
 font-size: 17px !important;
}
#home .vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-footer2 {
 margin-top: 25px !important;
 margin-right: 40px !important;
 display: flex !important;
 justify-content: flex-end !important;
 align-items: baseline !important;
}
#home .vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-footer2 .ecbn-selection-powered-pre {
 font-size: 11px !important;
 line-height: 1cap !important;
}
#home .vsm-tile .ecbn-selection-page-wrapper .ecbn-selection-footer2 .ecbn-selection-powered-name {
 margin-left: 5px !important;
 vertical-align: baseline !important;
}
#home .l-header--renewal {
 --theme-bg-color: transparent;
 background-color: rgba(0, 0, 0, 0);
}
#home .l-header--renewal.is-scrolling {
 --theme-bg-color: var(--theme-light-brown);
}
#wrap {
 --before-background: #f3efe6;
}
#wrap::before {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 content: "";
 width: 100%;
 height: min(1457px, 1457 / var(--page-base-vw) * 100vw);
 background-image: linear-gradient(to bottom, var(--before-background) min(1057px, 1057 / var(--page-base-vw) * 100vw), transparent);
}
.body-pc #wrap::before,
.ua-pc #wrap::before,
.ua-tb:not(.ua-ios) #wrap::before {
 margin-inline: auto;
 right: 0;
 width: var(--page-base-vw);
 height: 755px;
 background-image: linear-gradient(to bottom, var(--before-background) 554px, transparent);
}
#header .l-header__main,
#header .l-header__nav {
 background-color: var(--before-background);
}
#header.is-scrolling {
 --before-background: var(--theme-bg-color);
 background-color: var(--before-background);
}
.main__inner:has(#circle_slider) {
 background-color: initial;
}
@keyframes startFadein {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@keyframes mainAnimMobile {
 0% {
  width: min(120px, 120 / var(--page-base-vw) * 100vw);
  height: min(120px, 120 / var(--page-base-vw) * 100vw);
  top: min(276px, 276 / var(--page-base-vw) * 100vw);
  left: min(356px, 356 / var(--page-base-vw) * 100vw);
  opacity: 0;
 }
 100% {
  width: min(465px, 465 / var(--page-base-vw) * 100vw);
  height: min(465px, 465 / var(--page-base-vw) * 100vw);
  top: 0;
  left: max(-26px, -26 / var(--page-base-vw) * 100vw);
  opacity: 1;
 }
}
@keyframes mainAnimPc {
 0% {
  width: 120px;
  height: 120px;
  top: 150px;
  left: 667px;
  opacity: 0;
 }
 100% {
  width: 370px;
  height: 370px;
  top: 0;
  left: 195px;
  opacity: 1;
 }
}
#circle_slider {
 --thumbnail-color: #b89969;
 --basic-color: #b89969;
 --active-color: #b89969;
 --relax-color: #7da880;
 --smart-color: #838389;
 --sports-color: #8a99c2;
 --default-accent-color: #8c6025;
 --basic-accent-color: #8c6025;
 --active-accent-color: #8c6025;
 --relax-accent-color: #278957;
 --smart-accent-color: #324853;
 --sports-accent-color: #28619d;
 position: relative;
 overflow-x: hidden;
 height: min(776px, 776 / var(--page-base-vw) * 100vw);
 opacity: 0;
 animation: startFadein 0.3s ease-in forwards 0.6s;
}
.body-pc #circle_slider,
.ua-pc #circle_slider,
.ua-tb:not(.ua-ios) #circle_slider {
 height: 570px;
}
#circle_slider .circle-slider-main {
 position: relative;
 height: min(650px, 650 / var(--page-base-vw) * 100vw);
 z-index: 1;
}
.body-pc #circle_slider .circle-slider-main,
.ua-pc #circle_slider .circle-slider-main,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-main {
 height: 470px;
}
#circle_slider .circle-slider-main__slide {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: min(650px, 650 / var(--page-base-vw) * 100vw);
}
.body-pc #circle_slider .circle-slider-main__slide,
.ua-pc #circle_slider .circle-slider-main__slide,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-main__slide {
 margin-top: 26px;
 height: 470px;
}
#circle_slider .circle-slider-main__slide:nth-child(1) {
 --first-letter-color: var(--basic-accent-color);
 --thumbnail-color: var(--basic-color);
}
#circle_slider .circle-slider-main__slide:nth-child(2) {
 --first-letter-color: var(--active-accent-color);
 --thumbnail-color: var(--active-color);
}
#circle_slider .circle-slider-main__slide:nth-child(3) {
 --first-letter-color: var(--relax-accent-color);
 --thumbnail-color: var(--relax-color);
}
#circle_slider .circle-slider-main__slide:nth-child(4) {
 --first-letter-color: var(--smart-accent-color);
 --thumbnail-color: var(--smart-color);
}
#circle_slider .circle-slider-main__slide:nth-child(5) {
 --first-letter-color: var(--sports-accent-color);
 --thumbnail-color: var(--sports-color);
}
#circle_slider .circle-slider-main__slide figure {
 width: min(120px, 120 / var(--page-base-vw) * 100vw);
 height: min(120px, 120 / var(--page-base-vw) * 100vw);
 aspect-ratio: 1/1;
 position: absolute;
 top: min(276px, 276 / var(--page-base-vw) * 100vw);
 left: min(356px, 356 / var(--page-base-vw) * 100vw);
 opacity: 0;
 transform-origin: right top;
}
.body-pc #circle_slider .circle-slider-main__slide figure,
.ua-pc #circle_slider .circle-slider-main__slide figure,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-main__slide figure {
 width: 120px;
 height: 120px;
 top: 52px;
 left: 779px;
}
#circle_slider .circle-slider-main__slide figure img {
 border-radius: calc(infinity * 1px);
}
#circle_slider .circle-slider-main__slide figure + p {
 margin: min(24px, 24 / var(--page-base-vw) * 100vw) 0 0 min(560px, 560 / var(--page-base-vw) * 100vw);
 display: flex;
 flex-direction: column;
 position: absolute;
 top: 0;
 right: 0;
 width: min(190px, 190 / var(--page-base-vw) * 100vw);
 height: min(120px, 120 / var(--page-base-vw) * 100vw);
 opacity: 0;
 transition: opacity 0.5s ease-in-out;
}
.body-pc #circle_slider .circle-slider-main__slide figure + p,
.ua-pc #circle_slider .circle-slider-main__slide figure + p,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-main__slide figure + p {
 margin: 60px 0 0 58px;
 right: initial;
 left: 0;
 width: 190px;
 height: 120px;
}
#circle_slider .circle-slider-main__slide figure + p span:first-child {
 color: var(--theme-brown);
 font-family: var(--font-family-roboto-condensed);
 font-weight: 300;
 font-size: 50px;
 font-size: 6.6666666667vw;
 line-height: 1;
 letter-spacing: 0.02em;
}
@media (min-width: 751px) {
 #circle_slider .circle-slider-main__slide figure + p span:first-child {
  font-size: 50px;
 }
}
.body-pc #circle_slider .circle-slider-main__slide figure + p span:first-child,
.ua-pc #circle_slider .circle-slider-main__slide figure + p span:first-child,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-main__slide figure + p span:first-child {
 font-size: 45px;
}
#circle_slider .circle-slider-main__slide figure + p span:first-child::first-letter {
 color: var(--first-letter-color);
 font-size: 90px;
 font-size: 12vw;
}
@media (min-width: 751px) {
 #circle_slider .circle-slider-main__slide figure + p span:first-child::first-letter {
  font-size: 90px;
 }
}
.body-pc #circle_slider .circle-slider-main__slide figure + p span:first-child::first-letter,
.ua-pc #circle_slider .circle-slider-main__slide figure + p span:first-child::first-letter,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-main__slide figure + p span:first-child::first-letter {
 margin-right: -3px;
 font-size: 80px;
}
#circle_slider .circle-slider-main__slide figure + p span:last-child {
 color: var(--theme-brown);
 font-size: 15px;
 font-size: 2vw;
 font-feature-settings: "palt";
 line-height: 1;
 letter-spacing: 0.05em;
}
@media (min-width: 751px) {
 #circle_slider .circle-slider-main__slide figure + p span:last-child {
  font-size: 15px;
 }
}
.body-pc #circle_slider .circle-slider-main__slide figure + p span:last-child,
.ua-pc #circle_slider .circle-slider-main__slide figure + p span:last-child,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-main__slide figure + p span:last-child {
 margin: 3px 0 0 5px;
 font-size: 15px;
}
#circle_slider .circle-slider-main__slide-shoes {
 margin: min(382px, 382 / var(--page-base-vw) * 100vw) 0 0 0;
 position: absolute;
 top: 0;
 left: 0;
 width: min(328px, 328 / var(--page-base-vw) * 100vw);
 height: min(250px, 250 / var(--page-base-vw) * 100vw);
 z-index: 2;
}
.body-pc #circle_slider .circle-slider-main__slide-shoes,
.ua-pc #circle_slider .circle-slider-main__slide-shoes,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-main__slide-shoes {
 margin: 267px 0 0 49px;
 width: 240px;
 height: 234px;
}
#circle_slider .circle-slider-main__slide.is-active figure {
 margin: 0;
 animation: mainAnimMobile 1s ease-in-out forwards 0.3s;
 opacity: 1;
}
.body-pc #circle_slider .circle-slider-main__slide.is-active figure,
.ua-pc #circle_slider .circle-slider-main__slide.is-active figure,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-main__slide.is-active figure {
 animation: mainAnimPc 1s ease-in-out forwards 0.3s;
}
#circle_slider .circle-slider-main__slide.is-active figure + p {
 opacity: 1;
}
#circle_slider #circle_slider_thumbnail,
#circle_slider #circle_slider_decoration_multiply,
#circle_slider #circle_slider_decoration {
 --rotated-value: 162deg;
 --rotated-next: calc((360 / 5) * 1deg);
 --rotated-move: min(130px, 130 / var(--page-base-vw) * 100vw);
}
.body-pc #circle_slider #circle_slider_thumbnail,
.ua-pc #circle_slider #circle_slider_thumbnail,
.ua-tb:not(.ua-ios) #circle_slider #circle_slider_thumbnail,
.body-pc #circle_slider #circle_slider_decoration_multiply,
.ua-pc #circle_slider #circle_slider_decoration_multiply,
.ua-tb:not(.ua-ios) #circle_slider #circle_slider_decoration_multiply,
.body-pc #circle_slider #circle_slider_decoration,
.ua-pc #circle_slider #circle_slider_decoration,
.ua-tb:not(.ua-ios) #circle_slider #circle_slider_decoration {
 --rotated-move: 130px;
}
#circle_slider .circle-slider-thumbnail,
#circle_slider .circle-slider-decoration-multiply,
#circle_slider .circle-slider-decoration {
 margin-top: min(316px, 316 / var(--page-base-vw) * 100vw);
 margin-right: min(10px, 10 / var(--page-base-vw) * 100vw);
 position: absolute;
 top: 0;
 right: 0;
 width: min(260px, 260 / var(--page-base-vw) * 100vw);
 height: min(260px, 260 / var(--page-base-vw) * 100vw);
}
.body-pc #circle_slider .circle-slider-thumbnail,
.ua-pc #circle_slider .circle-slider-thumbnail,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-thumbnail,
.body-pc #circle_slider .circle-slider-decoration-multiply,
.ua-pc #circle_slider .circle-slider-decoration-multiply,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-decoration-multiply,
.body-pc #circle_slider .circle-slider-decoration,
.ua-pc #circle_slider .circle-slider-decoration,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-decoration {
 margin-top: 192px;
 margin-right: 49px;
 width: 260px;
 height: 260px;
}
#circle_slider .circle-slider-thumbnail__slide,
#circle_slider .circle-slider-decoration-multiply__slide,
#circle_slider .circle-slider-decoration__slide {
 width: min(120px, 120 / var(--page-base-vw) * 100vw);
 height: min(120px, 120 / var(--page-base-vw) * 100vw);
 position: absolute;
 display: grid;
 place-items: center;
 border-radius: calc(infinity * 1px);
 background-color: rgba(0, 0, 0, 0);
 border: none;
 cursor: pointer;
 transition: transform 1s ease-in-out;
 transform: rotate(calc(var(--rotated-value) * -1 + var(--rotated-next) * var(--child-no))) translate(var(--rotated-move)) rotate(calc(var(--rotated-value) - var(--rotated-next) * var(--child-no)));
}
.body-pc #circle_slider .circle-slider-thumbnail__slide,
.ua-pc #circle_slider .circle-slider-thumbnail__slide,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-thumbnail__slide,
.body-pc #circle_slider .circle-slider-decoration-multiply__slide,
.ua-pc #circle_slider .circle-slider-decoration-multiply__slide,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-decoration-multiply__slide,
.body-pc #circle_slider .circle-slider-decoration__slide,
.ua-pc #circle_slider .circle-slider-decoration__slide,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-decoration__slide {
 width: 120px;
 height: 120px;
}
#circle_slider .circle-slider-thumbnail__slide span,
#circle_slider .circle-slider-decoration-multiply__slide span,
#circle_slider .circle-slider-decoration__slide span {
 color: var(--white);
 font-size: 24px;
 font-size: 3.2vw;
 font-family: var(--font-family-roboto-condensed);
 font-weight: 300;
 line-height: 1;
 line-height: 1cap;
 letter-spacing: 0.045em;
 z-index: 1;
}
@media (min-width: 751px) {
 #circle_slider .circle-slider-thumbnail__slide span,
 #circle_slider .circle-slider-decoration-multiply__slide span,
 #circle_slider .circle-slider-decoration__slide span {
  font-size: 24px;
 }
}
.body-pc #circle_slider .circle-slider-thumbnail__slide span,
.ua-pc #circle_slider .circle-slider-thumbnail__slide span,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-thumbnail__slide span,
.body-pc #circle_slider .circle-slider-decoration-multiply__slide span,
.ua-pc #circle_slider .circle-slider-decoration-multiply__slide span,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-decoration-multiply__slide span,
.body-pc #circle_slider .circle-slider-decoration__slide span,
.ua-pc #circle_slider .circle-slider-decoration__slide span,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-decoration__slide span {
 font-size: 24px;
}
#circle_slider .circle-slider-thumbnail__slide img,
#circle_slider .circle-slider-decoration-multiply__slide img,
#circle_slider .circle-slider-decoration__slide img {
 display: block;
 width: min(120px, 120 / var(--page-base-vw) * 100vw);
 height: min(120px, 120 / var(--page-base-vw) * 100vw);
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}
.body-pc #circle_slider .circle-slider-thumbnail__slide img,
.ua-pc #circle_slider .circle-slider-thumbnail__slide img,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-thumbnail__slide img,
.body-pc #circle_slider .circle-slider-decoration-multiply__slide img,
.ua-pc #circle_slider .circle-slider-decoration-multiply__slide img,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-decoration-multiply__slide img,
.body-pc #circle_slider .circle-slider-decoration__slide img,
.ua-pc #circle_slider .circle-slider-decoration__slide img,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-decoration__slide img {
 width: 120px;
 height: 120px;
}
#circle_slider .circle-slider-thumbnail {
 z-index: 2;
 opacity: 0;
 animation: startFadein 1s ease-in forwards;
 pointer-events: none;
}
#circle_slider .circle-slider-thumbnail__slide {
 background-position: 0 0;
 background-size: contain;
 background-repeat: no-repeat;
}
#circle_slider .circle-slider-thumbnail__slide:nth-child(1) {
 --thumbnail-color: var(--basic-color);
 --child-no: 0;
}
#circle_slider .circle-slider-thumbnail__slide:nth-child(2) {
 --thumbnail-color: var(--active-color);
 --child-no: 1;
}
#circle_slider .circle-slider-thumbnail__slide:nth-child(3) {
 --thumbnail-color: var(--relax-color);
 --child-no: 2;
}
#circle_slider .circle-slider-thumbnail__slide:nth-child(4) {
 --thumbnail-color: var(--smart-color);
 --child-no: 3;
}
#circle_slider .circle-slider-thumbnail__slide:nth-child(5) {
 --thumbnail-color: var(--sports-color);
 --child-no: 4;
}
#circle_slider .circle-slider-thumbnail__slide:focus {
 outline: none;
 box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}
#circle_slider .circle-slider-thumbnail__slide::after {
 pointer-events: none;
}
#circle_slider .circle-slider-thumbnail__slide::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 aspect-ratio: 1/1;
 background-color: var(--thumbnail-color);
 border-radius: calc(infinity * 1px);
 mix-blend-mode: multiply;
 z-index: 1;
 opacity: 1;
 transition: opacity 1s ease;
}
#circle_slider .circle-slider-thumbnail__slide span {
 opacity: 1;
 transition: opacity 1s ease-in-out;
}
#circle_slider .circle-slider-thumbnail__slide figure {
 position: absolute;
 top: 0;
 left: 0;
 width: min(120px, 120 / var(--page-base-vw) * 100vw);
 height: min(120px, 120 / var(--page-base-vw) * 100vw);
 border-radius: calc(infinity * 1px);
 opacity: 1;
 transition: opacity 1s ease-in-out 0.5s;
}
.body-pc #circle_slider .circle-slider-thumbnail__slide figure,
.ua-pc #circle_slider .circle-slider-thumbnail__slide figure,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-thumbnail__slide figure {
 width: 120px;
 height: 120px;
}
#circle_slider .circle-slider-thumbnail__slide.is-active::before {
 opacity: 0;
}
#circle_slider .circle-slider-thumbnail__slide.is-active span,
#circle_slider .circle-slider-thumbnail__slide.is-active figure {
 opacity: 0;
}
#circle_slider .circle-slider-decoration-multiply {
 pointer-events: none;
 z-index: 3;
 mix-blend-mode: multiply;
}
#circle_slider .circle-slider-decoration-multiply__slide:nth-child(1) {
 --thumbnail-color: #dbcbb1;
 --child-no: 0;
}
#circle_slider .circle-slider-decoration-multiply__slide:nth-child(2) {
 --thumbnail-color: #dbcbb1;
 --child-no: 1;
}
#circle_slider .circle-slider-decoration-multiply__slide:nth-child(3) {
 --thumbnail-color: #baccb5;
 --child-no: 2;
}
#circle_slider .circle-slider-decoration-multiply__slide:nth-child(4) {
 --thumbnail-color: #c0bec0;
 --child-no: 3;
}
#circle_slider .circle-slider-decoration-multiply__slide:nth-child(5) {
 --thumbnail-color: #c6cbe0;
 --child-no: 4;
}
#circle_slider .circle-slider-decoration-multiply__slide::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 aspect-ratio: 1/1;
 background-color: var(--thumbnail-color);
 border-radius: calc(infinity * 1px);
 opacity: 0;
 visibility: hidden;
 transition:
  opacity 1s ease,
  visibility 1s ease;
}
#circle_slider .circle-slider-decoration-multiply__slide.is-active::before {
 opacity: 1;
 visibility: visible;
}
#circle_slider .circle-slider-decoration {
 z-index: 0;
}
#circle_slider .circle-slider-decoration__slide:nth-child(1) {
 --thumbnail-color: #dbcbb1;
 --child-no: 0;
}
#circle_slider .circle-slider-decoration__slide:nth-child(2) {
 --thumbnail-color: #dbcbb1;
 --child-no: 1;
}
#circle_slider .circle-slider-decoration__slide:nth-child(3) {
 --thumbnail-color: #baccb5;
 --child-no: 2;
}
#circle_slider .circle-slider-decoration__slide:nth-child(4) {
 --thumbnail-color: #c0bec0;
 --child-no: 3;
}
#circle_slider .circle-slider-decoration__slide:nth-child(5) {
 --thumbnail-color: #c6cbe0;
 --child-no: 4;
}
#circle_slider .circle-slider-decoration__slide::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: min(120px, 120 / var(--page-base-vw) * 100vw);
 height: min(120px, 120 / var(--page-base-vw) * 100vw);
 aspect-ratio: 1/1;
 background-color: var(--thumbnail-color);
 border-radius: calc(infinity * 1px);
 opacity: 0;
 visibility: hidden;
 transform: scale(1);
 transition:
  opacity 1s ease,
  visibility 1s ease,
  transform 1s ease-in-out;
}
.body-pc #circle_slider .circle-slider-decoration__slide::before,
.ua-pc #circle_slider .circle-slider-decoration__slide::before,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-decoration__slide::before {
 width: 120px;
 height: 120px;
}
#circle_slider .circle-slider-decoration__slide.is-active::before {
 opacity: 1;
 visibility: visible;
 transform: scale(2.08);
}
.body-pc #circle_slider .circle-slider-decoration__slide.is-active::before,
.ua-pc #circle_slider .circle-slider-decoration__slide.is-active::before,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-decoration__slide.is-active::before {
 transform: scale(2.5) translate(-60px, 0);
}
#circle_slider .circle-slider-message {
 position: relative;
 margin-inline: auto;
 margin-top: max(-28px, -28 / var(--page-base-vw) * 100vw);
 z-index: 1;
}
.body-pc #circle_slider .circle-slider-message,
.ua-pc #circle_slider .circle-slider-message,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-message {
 margin-top: -18px;
}
#circle_slider .circle-slider-message p {
 margin-inline: auto;
 display: grid;
 width: min(387px, 387 / var(--page-base-vw) * 100vw);
 height: min(153px, 153 / var(--page-base-vw) * 100vw);
}
.body-pc #circle_slider .circle-slider-message p,
.ua-pc #circle_slider .circle-slider-message p,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-message p {
 width: 400px;
 height: 109px;
}
#circle_slider .circle-slider-menu-trigger {
 --menu-trigger-color: var(--default-accent-color);
 margin: min(332px, 332 / var(--page-base-vw) * 100vw) 0 0 min(496px, 496 / var(--page-base-vw) * 100vw);
 position: absolute;
 top: 0;
 left: 0;
 display: grid;
 place-items: center;
 width: min(90px, 90 / var(--page-base-vw) * 100vw);
 height: min(90px, 90 / var(--page-base-vw) * 100vw);
 color: var(--menu-trigger-color);
 text-align: center;
 font-size: 12px;
 font-size: 1.6vw;
 line-height: 1.3458333333;
 letter-spacing: 0.05em;
 font-feature-settings: "palt";
 border: 1px solid var(--menu-trigger-color);
 border-radius: calc(infinity * 1px);
 z-index: 3;
 transition:
  color 1s ease-in-out,
  border-color 1s ease-in-out;
 opacity: 0;
 animation: startFadein 1s ease-in forwards;
}
@media (min-width: 751px) {
 #circle_slider .circle-slider-menu-trigger {
  font-size: 12px;
 }
}
.body-pc #circle_slider .circle-slider-menu-trigger,
.ua-pc #circle_slider .circle-slider-menu-trigger,
.ua-tb:not(.ua-ios) #circle_slider .circle-slider-menu-trigger {
 margin: 207px 0 0 794px;
 padding-top: 9px;
 width: 90px;
 height: 90px;
 font-size: 12px;
}
#circle_slider:has(.circle-slider-thumbnail__slide.--basic.is-active) .circle-slider-menu-trigger {
 --menu-trigger-color: var(--basic-accent-color);
}
#circle_slider:has(.circle-slider-thumbnail__slide.--active.is-active) .circle-slider-menu-trigger {
 --menu-trigger-color: var(--active-accent-color);
}
#circle_slider:has(.circle-slider-thumbnail__slide.--relax.is-active) .circle-slider-menu-trigger {
 --menu-trigger-color: var(--relax-accent-color);
}
#circle_slider:has(.circle-slider-thumbnail__slide.--smart.is-active) .circle-slider-menu-trigger {
 --menu-trigger-color: var(--smart-accent-color);
}
#circle_slider:has(.circle-slider-thumbnail__slide.--sports.is-active) .circle-slider-menu-trigger {
 --menu-trigger-color: var(--sports-accent-color);
}
#circle_slider .--change-img-kv,
#circle_slider .--change-img-shoes {
 position: relative;
 opacity: 0;
 transition: opacity 0.5s ease-in-out;
}
#circle_slider .--change-img-kv img,
#circle_slider .--change-img-shoes img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: -moz-fit-content;
 height: fit-content;
 opacity: 0;
 transition: opacity 0.5s ease-in-out;
}
.body-pc #circle_slider .--change-img-shoes img[src*="basic_1_shoes_v2.png"],
.ua-pc #circle_slider .--change-img-shoes img[src*="basic_1_shoes_v2.png"],
.ua-tb:not(.ua-ios) #circle_slider .--change-img-shoes img[src*="basic_1_shoes_v2.png"] {
 margin-top: -7px;
 margin-left: 8px;
}
#circle_slider .is-active .--change-img-shoes {
 opacity: 1;
 transition: opacity 0.5s ease-in-out 1s;
}
@keyframes mainAnimMobile {
 0% {
  width: min(465px, 465 / var(--page-base-vw) * 100vw);
  height: min(465px, 465 / var(--page-base-vw) * 100vw);
  top: 0;
  left: max(-26px, -26 / var(--page-base-vw) * 100vw);
  opacity: 0;
 }
 100% {
  width: min(465px, 465 / var(--page-base-vw) * 100vw);
  height: min(465px, 465 / var(--page-base-vw) * 100vw);
  top: 0;
  left: max(-26px, -26 / var(--page-base-vw) * 100vw);
  opacity: 1;
 }
}
@keyframes mainAnimPc {
 0% {
  width: 370px;
  height: 370px;
  top: 0;
  left: 195px;
  opacity: 0;
 }
 100% {
  width: 370px;
  height: 370px;
  top: 0;
  left: 195px;
  opacity: 1;
 }
}
#circle_slider.no-animation .circle-slider-main__slide.is-active {
 opacity: 1;
}
#circle_slider.no-animation .circle-slider-main__slide.is-active .--change-img-kv {
 width: min(465px, 465 / var(--page-base-vw) * 100vw);
 height: min(465px, 465 / var(--page-base-vw) * 100vw);
 top: 0;
 left: max(-26px, -26 / var(--page-base-vw) * 100vw);
 opacity: 1;
 transition: transform 0s;
}
#circle_slider.no-animation .circle-slider-main__slide.is-active .--change-img-kv img:nth-of-type(1) {
 opacity: 1;
}
#circle_slider.no-animation .circle-slider-main__slide.is-active .--change-img-shoes img:nth-of-type(1) {
 opacity: 1;
}
#circle_slider.no-animation .circle-slider-main__slide.is-active .--change-img-shoes img:nth-of-type(2) {
 opacity: 0;
}
#circle_slider.no-animation .circle-slider-thumbnail *,
#circle_slider.no-animation .circle-slider-thumbnail *:before,
#circle_slider.no-animation .circle-slider-decoration-multiply *,
#circle_slider.no-animation .circle-slider-decoration-multiply *:before,
#circle_slider.no-animation .circle-slider-decoration *,
#circle_slider.no-animation .circle-slider-decoration *:before {
 transition: transform 0s;
} /*# sourceMappingURL=home.css.map */
