.main-content{--gap: 16px}.main-content .common-small--hide{display:block}.main-content .common-pc--hide{display:none}@media screen and (max-width: 850px){.main-content{--gap: 6px}.main-content .common-small--hide{display:none}.main-content .common-pc--hide{display:block}}div div .common-subtitle{color:#000}@media only screen and (max-width: 589px){.main-content div div .common-title,.main-content div div .common-subtitle{line-height:1.3!important}}.color-white div div .common-title,.color-white div div .common-subtitle{color:#fff}@media only screen and (min-width: 850.1px){.pc-bg-f7{background:#f7f7f7}}@media only screen and (max-width: 850px){.m-no-pdinline .common-media-item .media-box,.m-no-pdinline.common-item-container .common-wrapper,.m-no-pdinline .common-page-width,.m-no-pdinline .common-wrapper{padding-inline:0}}@media only screen and (min-width: 850.1px){.f10-nav .common-tabbar .product-informa,.f10-nav .common-tabbar .btn-content{display:none}.f10-nav .common-tabbar>div:nth-child(2){flex:1}.f10-nav .common-tabbar>div:nth-child(2) .item-container{align-items:center;justify-content:center}}@media only screen and (max-width: 850px){.f10-nav .another-btn{display:none}}.f10-banner .bg-text-wrapper .common-banner-title{line-height:1}.f10-banner .common-subtitle{margin-bottom:clamp(20px,2.0833333334vw,40px);font-family:var(--misans-medium-style)}.f10-banner .banner-btn{font-size:clamp(16px,1.25vw,24px);line-height:1;font-weight:600;border:1.7px solid #000000;padding:8px 14px;border-radius:17px}.f10-banner .common-media-item .media-box .common-tips{color:#0009;line-height:1.1}@media screen and (min-width: 850.1px){.f10-banner .common-media-item .media-box .common-tips{text-align:left!important;bottom:19px;justify-content:flex-end;left:unset;right:30px;font-size:8px}}@media screen and (max-width: 850px){.main-content .common-media-item .bg-text-wrapper-inner{max-width:100%!important;text-align:center!important}.f10-banner .common-media-item .hero__text-content{vertical-align:top}.f10-banner .bg-text-wrapper .common-banner-title{margin-bottom:24px;margin-top:14%}.f10-banner .banner-btn{display:none}.f10-banner .common-media-item .media-box .common-tips{bottom:9%}}@media screen and (max-width: 590px){.f10-banner .common-media-item .media-box .common-tips{font-size:6px}}.f10-video .common-subtitle div{font-size:1.6em;text-align:center;line-height:1.2;letter-spacing:0;margin-bottom:20px}.f10-layout1 .item-1{grid-area:a}.f10-layout1 .item-2{grid-area:b}.f10-layout1 .item-3{grid-area:c}.f10-layout1 .item-4{grid-area:d}.f10-layout1 .item-5{grid-area:e}.f10-layout1 .item-6{grid-area:f}@media screen and (min-width: 850.1px){.f10-layout1 .pc-image-layout,.f10-layout1 .pc-layout{display:grid;gap:var(--gap)}}.f10-layout1 .item-cell-1{display:grid;grid:"a b" auto "a c" auto / 1fr 1fr;gap:var(--gap)}.f10-layout1 .item-cell-2{display:grid;grid:"d f" auto "e f" auto / 1fr 1fr;gap:var(--gap)}.f10-layout1 .common-subtitle b{font-size:1.6em;color:#fff;padding:24px 0 0 24px;display:block;line-height:1}@media screen and (max-width: 590px){.f10-layout1 .common-subtitle b{font-size:20px;padding-left:0}}@media screen and (max-width: 850px){.f10-layout1 .m-layout{display:grid;gap:var(--gap)}.f10-layout1 .new-common-img-layout .img-video-container .image-element__wrap img{border-radius:4px}.f10-layout1 .common-subtitle{margin-bottom:0}.f10-layout1 .common-subtitle b{font-size:20px;padding:10px}}@media screen and (max-width: 590px){.f10-layout1 .common-subtitle b{font-size:13px;padding:6px 4px}}.f10-media1 .prtext-wrapper .hero__text-content{padding-top:12%}@media screen and (min-width: 2000px){.f10-media1 .prtext-wrapper .hero__text-content{padding-top:25%}}.f10-media1 .common-media-item .prtext-wrapper .hero__text-content .common-title{margin-bottom:clamp(20px,1.5625vw,30px)}@media screen and (max-width: 850px){.f10-media1 .prtext-wrapper .hero__text-content{padding:29% 20px 20px!important}.f10-media1 div div .common-subtitle{color:#fff9}}.f10-swiper .common-header{margin-bottom:clamp(30px,4.0625vw,78px)}.f10-swiper1 .new-common-product-swiper-container .pfi-inner .float-image-content{left:12.5%;top:50%;transform:translateY(-50%);width:42%}.f10-swiper1 .float-image-content .swiper1-title{display:inline-block;font-size:1.5em;font-weight:600;border-bottom:4px solid #000000;margin-bottom:clamp(12px,1.145833333334vw,22px)}.f10-swiper1 .swiper-scrollbar-drag{height:4px;margin-top:10px}@media screen and (max-width: 850px){.f10-swiper1 .new-common-product-swiper-section .image-element__wrap img{border-radius:16px 16px 0 0}.f10-swiper1 .new-common-product-swiper-container .pfi-inner .float-image-content{position:relative;transform:unset;top:unset;left:unset;width:unset;background:#ebebeb;padding:24px 16px;text-align:left;border-radius:0 0 16px 16px}.f10-swiper1 .float-image-content .swiper1-title{color:#9e8972;border:none;font-size:16px}.f10-swiper1 .float-image-content .swiper1-subtitle{color:#1a1a1acc}}.main-content .f10-swiper2 .common-wrapper{width:100%!important;max-width:unset!important}.main-content .f10-swiper2 .common-swiper-featured>div>.common-wrapper:nth-child(2){padding-inline:0!important}.f10-swiper2 .new-common-product-swiper-container .pfi-inner .float-image-content{display:flex;justify-content:center;align-items:center;width:100%;top:30%;left:unset}.f10-swiper2 .swiper2-float{max-width:1200px;width:100%;padding:0 20px}.f10-swiper2 .swiper2-float .common-subtitle{max-width:460px}.f10-swiper2 .new-common-product-swiper-section .image-element__wrap img{border-radius:0}.f10-swiper2 .new-item_common-product-swiper-container .common-title{font-size:clamp(13px,1.1458333333334vw,22px)!important;margin-bottom:0;font-family:var(--misans-style);color:#c1c1c1}.f10-swiper2 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item{padding:6px 8px}.f10-swiper2 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active{border-bottom:4px solid #000}.f10-swiper2 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active .common-title{font-weight:600;color:#000}.f10-swiper2 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_swiper{margin-top:20px}@media screen and (max-width: 850px){.f10-swiper2 .swiper2-float .common-title,.f10-swiper2 .swiper2-float .common-subtitle{color:#fff}.f10-swiper2 .swiper-slide-2 .swiper2-float .common-subtitle{color:#fff9}.f10-swiper2 .swiper2-float .common-title{margin-bottom:12%}.f10-swiper2 .new-common-product-swiper-container .pfi-inner .float-image-content{top:12%}.f10-swiper2 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_swiper{transform:translateY(-270%)}.f10-swiper2 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active{border-bottom:4px solid #fff}.f10-swiper2 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active .common-title{color:#fff}.f10-swiper2 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item:not(.active){border-bottom:4px solid #b5a99b;width:40px!important}.f10-swiper2 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item:not(.active) .content{opacity:0}.f10-swiper2 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item{padding:6px 2px}.f10-swiper2 .swiper2-float{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-content .f10-swiper2 .common-section-container{padding-bottom:0}}.f10-featured .common-featured-box{gap:clamp(16px,1.666667vw,32px)}.f10-featured .common-featured-item{padding:0}.f10-featured .f10-featured1-title{font-size:1.6em;padding-block:clamp(20px,2.08333334vw,40px) clamp(10px,1.041666667vw,20px);font-family:var(--misans-title)}.f10-featured .f10-featured1-subtitle{color:#9f9f9f;font-size:.9em}.f10-swiper3 div div .common-subtitle{color:#1a1a1acc;padding-inline:20px}.f10-swiper3 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .content_swiper,.f10-swiper4 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .content_swiper{margin-top:20px}@media screen and (max-width: 850px){.f10-swiper3 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active{width:86vw!important}.f10-swiper3 .top-html .common-title{text-align:center}}@media screen and (max-width: 590px){.f10-swiper3 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active{width:71vw!important}}.f10-media2 .common-media-item .prtext-wrapper .hero__text-content{padding-top:20%}.f10-media2 .bg-text-wrapper .bg-text-wrapper-inner{transform:translate(13%)}@media screen and (max-width: 1100px){.f10-media2 .common-media-item .prtext-wrapper .hero__text-content{padding-top:12%}.f10-media2 .bg-text-wrapper .bg-text-wrapper-inner{transform:translate(0)}}@media screen and (max-width: 850px){.f10-media2 div div .common-title,.f10-media2 div div .common-subtitle{color:#fff}.f10-media2 .bg-text-wrapper .bg-text-wrapper-inner{margin-top:18%}.f10-media2 div div .common-subtitle{margin-top:85%;color:#fffc}}.f10-swiper4 .additional_content .common-title{font-size:16px!important;color:#9e8472;text-align:center;padding-block:30px 10px;margin-bottom:0}.f10-swiper4 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_swiper{margin:0}.f10-swiper4 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item{padding-block:0}.f10-media3 div div .common-subtitle{color:#0009}@media only screen and (max-width: 850px){.f10-media3 .common-media-item .media-box{padding:0}.main-content .f10-media3.common-section-container{padding-bottom:clamp(20px,5vw,40px)}}.f10-scroll-text1 .common-small--hide .common-wrapper.content-1{max-width:710px}@media only screen and (max-width: 850px){.main-content .f10-scroll-text1 .common-section-container.new-common-scroll-text.p-relative{padding-bottom:40px}.f10-scroll-text1 .f10-scroll-text1-m .image{position:relative}}.f10-scroll-text1-m .image .common-title{position:absolute;text-align:center;top:16%;left:50%;transform:translate(-50%);width:90%}.f10-scroll-text1-m .additional_content{background:#dbd3c9;padding:20px 30px;border-radius:0 0 10px 10px}.f10-scroll-text1-m .additional_content .common-subtitle{color:#0009;margin-bottom:0;text-align:center}.f10-swiper5-m .new-common-product-swiper-container .pfi-inner .float-image-content{top:0;left:0;padding:10.7% 20px;text-align:center}.f10-swiper5-m .float-image-content .title{font-size:16px;font-weight:600;color:#68482f}.f10-swiper5-m .float-image-content .common-subtitle{color:#0009;margin-top:60%}.f10-swiper5-m .bottom-content{position:relative}.f10-swiper5-m .bottom-content .button-content{margin-top:30px}.f10-swiper5-m .bottom-content .button-content .swiper-button-prev{left:50%;transform:translate(-115%);border:none}.f10-swiper5-m .bottom-content .button-content .swiper-button-next{right:50%;transform:translate(115%);border:none}@media only screen and (min-width: 850.1px){.f10-layout2 .pc-image-layout{display:grid;gap:20px}}.f10-layout2 .pc-image-layout .item-cell-2,.f10-layout2 .pc-image-layout .item-cell-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.f10-layout2 .pc-image-layout .common-subtitle{margin-bottom:32px;color:#000c}@media only screen and (max-width: 850px){.f10-layout2 .m-layout{display:grid;gap:8px}}.f10-layout2 .m-layout .item-cell-2,.f10-layout2 .m-layout .item-cell-3,.f10-layout2 .m-layout .item-cell-4,.f10-layout2 .m-layout .item-cell-5{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media only screen and (min-width: 590.1px){.f10-layout2 .m-layout .item-cell-2,.f10-layout2 .m-layout .item-cell-3,.f10-layout2 .m-layout .item-cell-4,.f10-layout2 .m-layout .item-cell-5{gap:16px}}.f10-layout2 .m-layout .additional_content{color:#1a1a1a;font-size:14px}.f10-spec .common-spec-content{flex-direction:column}.f10-spec .common-spec-image-box{flex:1;width:100%}.f10-spec .common-spec-image-box .image{max-width:unset}.f10-spec .common-spec-text-box{margin:0;padding:clamp(20px,4.88vw,40px) 0 0;width:100%}.f10-spec .spec-content{display:grid;gap:40px}.f10-spec .content{display:grid;grid-template-columns:repeat(3,1fr);color:#000c;padding-block:40px;border-top:1px solid #7777774D;font-size:1.1em}.f10-spec .content b{display:block}.f10-spec .content>div:nth-child(2):has(span),.f10-spec .content>div:nth-child(3):has(span){display:grid;gap:4px}@media screen and (min-width: 850.1px){.f10-spec .content.common-pc--hide{display:none}.f10-spec .wrapper{padding:0}}@media screen and (max-width: 850px){.f10-spec .wrapper{padding:0 20px}.f10-spec .content.common-small--hide{display:none}.f10-spec .common-spec-content-item{background:#f4f4f4;border-radius:4px;padding-top:0}.f10-spec .spec-content{gap:0}.f10-spec .content{padding-block:12px;border-top:none;border-bottom:1px solid #40404033;display:flex;flex-direction:column;gap:4px;color:#404040;font-size:1em}.f10-spec .content b{font-size:12px}}.f10-media4 .float-list{display:grid;gap:clamp(20px,1.6667vw,32px)}.f10-media4 .float-item{display:flex;justify-content:center;align-items:center}.f10-media4 .float-list .item-num{margin-right:clamp(15px,1.5625vw,30px);background:#68482f;border-radius:50%;padding:12px;position:relative}.f10-media4 .float-list span{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.f10-media4 .float-list .item-text{color:#0009;font-size:.7em}.f10-media4 .prtext-wrapper .hero__text-content{padding-top:11%}.f10-html .wrapper{max-width:unset;padding:0}.f10-html .html-title{color:#fff;font-size:20px;padding-block:24px;line-height:1}.f10-html .bottom-des{color:#ebebeb99;font-size:14px;display:grid;gap:8px}@media screen and (max-width: 850px){.f10-html .wrapper{padding:0 20px}.f10-html .bottom-des{gap:16px;font-size:12px}.f10-html .html-title{font-size:24px}}.f10-layout2-new .pc-image-layout .common-subtitle{height:2.2em;padding:0 10px;margin-bottom:24px}.f10-layout2-new .new-common-img-layout .img-video-container .image-element__wrap img{border-radius:0}.f10-layout2-new .pc-image-layout .item-cell-1{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:20px}.f10-layout2-new .pc-image-layout .item-cell-2{grid-template-columns:repeat(4,1fr)}.f10-layout2-new .pc-image-layout .item-cell-1 .item-1{grid-row:span 2;grid-column:span 3;background:#f7f7f7;display:flex;justify-content:center;align-items:center}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-f10.css.map */