@charset "UTF-8";.section_title{font-size:36px;font-weight:700;font-family:"Noto Serif JP",serif;text-align:center;margin-bottom:40px;line-height:1}@media screen and (max-width:767px){.section_title{font-size:28px;margin-bottom:20px}}.section_title span{font-size:20px;font-weight:400}@media screen and (max-width:767px){.section_title span{font-size:14px}}.product__rating{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:12px}.product__rating .rating-star{--letter-spacing: .3 !important;--font-size: 1.2}.mv{background-color:var(--color-background-secondary-black);padding-bottom:15px;position:relative}@media screen and (max-width:767px){.mv{padding-bottom:10px}}.mv .swiper-slide{background-color:var(--color-background-secondary-black);flex-shrink:0!important}.mv .swiper-slide a{display:block}.mv .swiper-slide img{width:100%;height:auto;display:block}.mv .mv_nav{position:relative;display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}@media screen and (max-width:767px){.mv .mv_nav{gap:10px}}.mv .swiper-button-prev,.mv .swiper-button-next{display:block!important;position:relative;width:25px;height:25px;background:none;transition:opacity .3s ease;top:3px;left:0;right:0;background-size:contain;background-repeat:no-repeat;background-position:left bottom}.mv .swiper-button-prev:after,.mv .swiper-button-next:after{content:"";display:none}.mv .swiper-button-prev:hover,.mv .swiper-button-next:hover{opacity:.7}.mv .swiper-button-prev{background-image:url(../assets/icon_arrow_wh.svg);transform:scaleX(-1)}.mv .swiper-button-next{background-image:url(../assets/icon_arrow_wh.svg)}.mv .swiper-pagination{position:relative;display:flex;justify-content:center;align-items:center;gap:0;width:fit-content}.mv .swiper-pagination-bullet{width:60px;height:2px;background:#b4aa93;opacity:.5;margin:0!important;border-radius:0;transition:opacity .3s ease}@media screen and (max-width:767px){.mv .swiper-pagination-bullet{width:40px}}.mv .swiper-pagination-bullet-active{opacity:1;background:#b4aa93;width:60px}@media screen and (max-width:767px){.mv .swiper-pagination-bullet-active{width:40px}}.topics{padding:20px;background-color:var(--color-background-secondary-black);color:var(--color-brandcolor-primary-reverse);border-top:1px solid var(--color-object-border-primary);border-bottom:1px solid var(--color-object-border-primary);position:relative;z-index:100}@media screen and (max-width:767px){.topics{padding:10px 20px}}.topics_inner{display:flex;justify-content:center;align-items:center;gap:10px}@media screen and (max-width:767px){.topics_inner{flex-direction:column;gap:5px;font-size:12px}}.about{padding-bottom:20px;background-color:var(--color-background-secondary-black);background-image:url(../assets/top_about_bg_bottom_pc.webp);background-size:100% 221px;background-position:bottom;background-repeat:no-repeat;color:var(--color-brandcolor-primary-reverse)}@media screen and (max-width:767px){.about{padding-bottom:20px;background-image:url(../assets/top_about_bg_bottom_sp.webp);background-size:100% 55px}}.about_inner{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}@media screen and (max-width:767px){.about_inner{flex-direction:column-reverse;gap:0;margin-bottom:20px}}.about_inner_img{position:relative;z-index:5;width:60%;height:510px;overflow:hidden}@media screen and (max-width:767px){.about_inner_img{width:100%;height:240px}}.about_inner_img .about_img_zoom{display:block!important;background-image:url(../assets/top_about_img.webp);width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1);will-change:transform}.about_inner_text{position:relative;z-index:1;width:40%;display:flex;justify-content:center;align-items:center}@media screen and (max-width:767px){.about_inner_text{width:100%;padding:40px 0}}.about_inner_text:before,.about_inner_text:after{content:"";position:absolute}.about_inner_text:before{aspect-ratio:718/448;top:-95px;left:-30px;width:60%;background:url(../assets/top_feature_bg_left.webp) no-repeat center/contain}@media screen and (max-width:767px){.about_inner_text:before{top:-10px;width:65%}}.about_inner_text:after{aspect-ratio:488/640;bottom:-200px;right:-30px;width:48%;background:url(../assets/top_feature_bg_right.webp) no-repeat center/contain;z-index:-1}@media screen and (max-width:767px){.about_inner_text:after{right:0;bottom:-100px;width:50%}}.about_inner_text .about_text{writing-mode:vertical-rl;font-size:32px;line-height:2;letter-spacing:.2em}@media screen and (max-width:767px){.about_inner_text .about_text{font-size:24px;letter-spacing:.1em}}.about_content{display:flex;justify-content:space-between;align-items:center;gap:80px}@media screen and (max-width:767px){.about_content{flex-direction:column-reverse;align-items:flex-end;gap:30px}}.about_content_link{position:relative;padding:0 68px 4px 0;color:var(--color-brandcolor-primary-reverse);border-bottom:1px solid var(--color-brandcolor-primary-reverse);font-size:18px}@media screen and (max-width:767px){.about_content_link{font-size:16px}}.about_content_link:after{content:"";background:url(../assets/icon_arrow_wh.svg) no-repeat center/contain;position:absolute;top:50%;right:0;transform:translateY(-50%);width:25px;height:25px}.about_content_text{writing-mode:vertical-rl;line-height:2}@media screen and (max-width:767px){.about_content_text{writing-mode:horizontal-tb}}html[lang^=en] .about_inner_text .about_text,html[lang^=en] .about_content_text{writing-mode:horizontal-tb}.about_content_text font:empty{display:none}.about_content_text font:empty+br{display:none}.blurX{display:inline-block;opacity:0}.blurX.active{animation:blurX 1.2s forwards;transition:transform 1s cubic-bezier(.165,.84,.44,1) opacity 1s cubic-bezier(.165,.84,.44),filter 1s cubic-bezier(.165,.84,.44)}@keyframes blurX{0%{filter:blur(5px);opacity:0}to{filter:blur(0);opacity:1}}.new_arrival{padding:100px 0 0}@media screen and (max-width:767px){.new_arrival{padding:40px 0 0}}.new_arrival .section_title{text-align:left;margin-bottom:0}@media screen and (max-width:767px){.new_arrival .section_title{text-align:center}}.new_arrival_ttl_inner{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}@media screen and (max-width:767px){.new_arrival_ttl_inner{justify-content:center;margin-bottom:30px}}.new_arrival_nav{display:flex;gap:40px;align-items:center}@media screen and (max-width:767px){.new_arrival_nav{display:none}}.new_arrival .swiper-button-prev,.new_arrival .swiper-button-next{position:relative;color:var(--color-brandcolor-primary);font-weight:700;line-height:1;text-decoration:none;text-align:center;border-bottom:1px solid var(--color-brandcolor-primary);width:fit-content}.new_arrival .swiper-button-prev:after,.new_arrival .swiper-button-next:after{content:"";display:none}.new_arrival .swiper-button-prev:before,.new_arrival .swiper-button-next:before{content:"";position:absolute;top:50%;transform:translate(-50%,-50%);width:25px;height:25px}.new_arrival .swiper-button-prev:hover,.new_arrival .swiper-button-next:hover{opacity:.7}.new_arrival .swiper-button-prev{padding-left:35px}.new_arrival .swiper-button-prev:before{background:url(../assets/icon_arrow_s.svg) no-repeat center/contain;transform:scaleX(-1) translate(-50%,-50%);left:-15px}.new_arrival .swiper-button-next{padding-right:35px}.new_arrival .swiper-button-next:before{background:url(../assets/icon_arrow_s.svg) no-repeat center/contain;right:0;left:auto}.new_arrival_inner{padding:0 20px;margin-left:calc(50% - 500px);overflow:hidden}@media screen and (max-width:767px){.new_arrival_inner{padding:0 16px;margin-left:0}}.new_arrival_swiper{overflow:visible}.new_arrival_item{position:relative}.new_arrival_item a{display:block;text-decoration:none;color:inherit}.new_arrival_item a .appear{-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 48%,#fff 52%,#fff 100%);mask-image:linear-gradient(180deg,transparent 0%,transparent 48%,#fff 52%,#fff 100%);-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-position:0% 100%;mask-position:0% 100%}.new_arrival_item a .appear img{opacity:0;filter:brightness(1.85) blur(5px);transition:opacity 1s .2s,filter 0s .4s;will-change:filter}.new_arrival_item a .appear.active{animation:appear 2s cubic-bezier(.215,.61,.355,1) forwards}.new_arrival_item a .appear.active img{opacity:1;filter:brightness(1) blur(0)}.new_arrival_title{font-size:18px;margin-top:15px;margin-bottom:15px;line-height:1.4;font-weight:400}@media screen and (max-width:767px){.new_arrival_title{font-size:16px}}.new_arrival_price{font-size:18px}@media screen and (max-width:767px){.new_arrival_price{font-size:16px}}.new_arrival_price span{font-size:16px}@keyframes appear{0%{-webkit-mask-position:0% 0%;mask-position:0% 0%}to{-webkit-mask-position:100% 100%;mask-position:100% 100%}}.ranking{position:relative;padding:100px 0 0}@media screen and (max-width:767px){.ranking{padding:40px 0 0}}.ranking:before{content:"";position:absolute;aspect-ratio:452/640;top:50px;right:-50px;width:20%;background:url(../assets/top_ranking_bg.webp) no-repeat center/contain}@media screen and (max-width:767px){.ranking:before{width:60%;top:20px;right:-30px}}.ranking .section_title{text-align:left;margin-bottom:60px}@media screen and (max-width:767px){.ranking .section_title{text-align:center;margin-bottom:30px}}.ranking_inner{max-width:1040px;margin:0 auto;padding:0 20px}@media screen and (max-width:767px){.ranking_inner{padding:0 16px}}.ranking_swiper{overflow:visible}.ranking_item{position:relative}.ranking_item:before{content:"";position:absolute;top:-30px;left:10px;width:60px;height:60px;z-index:10}.ranking_item.rank01:before{background:url(../assets/top_ranking_icon1.svg) no-repeat center/contain}.ranking_item.rank02:before{background:url(../assets/top_ranking_icon2.svg) no-repeat center/contain}.ranking_item.rank03:before{background:url(../assets/top_ranking_icon3.svg) no-repeat center/contain}.ranking_item.rank04:before{background:url(../assets/top_ranking_icon4.svg) no-repeat center/contain}.ranking_item.rank05:before{background:url(../assets/top_ranking_icon5.svg) no-repeat center/contain}.ranking_item a{display:block;text-decoration:none;color:inherit}.ranking_item a img{width:100%;margin-bottom:15px}.ranking_title{font-size:18px;margin-bottom:15px;line-height:1.4;font-weight:400}@media screen and (max-width:767px){.ranking_title{font-size:16px}}.ranking_price{font-size:18px}@media screen and (max-width:767px){.ranking_price{font-size:16px}}.ranking_price span{font-size:16px}.ranking .review{display:flex;align-items:center;gap:10px;font-size:12px}.ranking .review .review_count{display:inline-block;height:14px}.ranking .review .review_count.star1{width:14px;background:url(../assets/top_review_star1.svg) no-repeat center/contain}.ranking .review .review_count.star2{width:30px;background:url(../assets/top_review_star2.svg) no-repeat center/contain}.ranking .review .review_count.star3{width:45px;background:url(../assets/top_review_star3.svg) no-repeat center/contain}.ranking .review .review_count.star4{width:60px;background:url(../assets/top_review_star4.svg) no-repeat center/contain}.ranking .review .review_count.star5{width:75px;background:url(../assets/top_review_star5.svg) no-repeat center/contain}.category{position:relative;padding:100px 0 0}@media screen and (max-width:767px){.category{padding:40px 0 0}}.category:before{content:"";position:absolute;aspect-ratio:10/7;top:50px;left:0;width:40%;background:url(../assets/top_category_bg.webp) no-repeat center/contain}@media screen and (max-width:767px){.category:before{width:50%;top:-35px}}.category .section_title{text-align:left}@media screen and (max-width:767px){.category .section_title{text-align:center}}.category_list{display:grid;grid-template-columns:repeat(3,1fr);width:100%;line-height:1.4}@media screen and (max-width:767px){.category_list{grid-template-columns:repeat(2,1fr)}}.category_item{position:relative;overflow:hidden}.category_item a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:333px;text-align:center;color:var(--color-brandcolor-primary-reverse);font-size:30px}@media screen and (max-width:767px){.category_item a{height:188px;font-size:24px}}.category_item a span{position:relative;z-index:10;border-bottom:1px solid var(--color-brandcolor-primary-reverse)}.category_item a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#241e0f80;z-index:5}.category_item a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:1;transition:transform .6s ease}.category_item a:hover{opacity:1}.category_item a:hover:after{transform:scale(1.1)}.category_item:nth-child(1) a:after{background-image:url(../assets/top_category_img01.webp)}.category_item:nth-child(2) a:after{background-image:url(../assets/top_category_img02.webp)}.category_item:nth-child(3) a:after{background-image:url(../assets/top_category_img03.webp)}.category_item:nth-child(4) a:after{background-image:url(../assets/top_category_img04.webp)}.category_item:nth-child(5) a:after{background-image:url(../assets/top_category_img05.webp)}.category_item:nth-child(6) a:after{background-image:url(../assets/top_category_img06.webp)}.feature{padding:100px 0;position:relative;z-index:1}@media screen and (max-width:767px){.feature{padding:40px 0}}.feature:before,.feature:after{content:"";position:absolute}.feature:before{aspect-ratio:718/448;top:220px;left:0;width:30%;background:url(../assets/top_feature_bg_left.webp) no-repeat center/contain}@media screen and (max-width:767px){.feature:before{content:none}}.feature:after{aspect-ratio:488/640;top:341px;right:0;width:20%;background:url(../assets/top_feature_bg_right.webp) no-repeat center/contain;z-index:-1}.feature_ttl_inner{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}@media screen and (max-width:767px){.feature_ttl_inner{justify-content:center}}.feature_ttl_inner .section_title{text-align:left;margin-bottom:0}@media screen and (max-width:767px){.feature_ttl_inner .section_title{text-align:center}}@media screen and (max-width:767px){.feature .takumi_featured_banners{margin-bottom:20px}}.feature .takumi_featured_banners .takumi_featured_banners_grid{grid-template-columns:repeat(2,1fr);gap:40px}@media screen and (max-width:767px){.feature .takumi_featured_banners .takumi_featured_banners_grid{grid-template-columns:repeat(1,1fr);gap:30px}}.news{padding:80px 0;background-color:var(--color-background-secondary-black);color:var(--color-brandcolor-primary-reverse)}@media screen and (max-width:767px){.news{padding:40px 0}}.news_inner{display:flex;justify-content:space-between}@media screen and (max-width:767px){.news_inner{flex-direction:column;gap:20px}}.news_ttl_inner{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;max-width:250px;width:100%}@media screen and (max-width:767px){.news_ttl_inner{display:block;max-width:100%}}.news .section_title{color:var(--color-object-primary-reverse);margin-bottom:0;text-align:left}@media screen and (max-width:767px){.news .section_title{text-align:center}}.news_list{width:calc(100% - 250px);border-top:1px solid var(--color-object-border-primary)}@media screen and (max-width:767px){.news_list{width:100%;margin-bottom:20px}}.news_item{border-bottom:1px solid var(--color-object-border-primary)}.news_item a{display:flex;align-items:center;width:100%;gap:20px;padding:15px 0;text-decoration:none;color:var(--color-text-primary)}@media screen and (max-width:767px){.news_item a{flex-direction:column;align-items:flex-start;gap:10px;padding:20px 0}}.news_date{min-width:100px}@media screen and (max-width:767px){.news_date{min-width:auto}}.news_text{flex:1}.recipe{padding:100px 0;position:relative;z-index:1}@media screen and (max-width:767px){.recipe{padding:40px 0}}.recipe:before,.recipe:after{content:"";position:absolute}.recipe:before{background:url(../assets/top_recipe_bg_left.webp) no-repeat center/contain;aspect-ratio:361/381;bottom:-50px;left:-50px;width:23%}@media screen and (max-width:767px){.recipe:before{width:50%;left:0;bottom:-40px}}.recipe:after{aspect-ratio:697/515;bottom:100px;right:0;width:27%;background:url(../assets/top_recipe_bg_right.webp) no-repeat center/contain;z-index:-1}@media screen and (max-width:767px){.recipe:after{bottom:auto;top:10px;width:50%}}.recipe_ttl_inner{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}@media screen and (max-width:767px){.recipe_ttl_inner{justify-content:center}}.recipe_ttl_inner .section_title{text-align:left;margin-bottom:0}@media screen and (max-width:767px){.recipe_ttl_inner .section_title{text-align:center}}.recipe_list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;line-height:1.4}@media screen and (max-width:767px){.recipe_list{grid-template-columns:repeat(2,1fr);gap:20px 10px;margin-bottom:40px}}.recipe_list img{margin-bottom:17px}@media screen and (max-width:767px){.recipe .recipe_card_wrap{margin-bottom:40px}}.instagram{position:relative;z-index:5;padding:80px 0 100px;background-color:var(--color-background-secondary-black)}@media screen and (max-width:767px){.instagram{padding:40px 0}}.instagram .section_title{color:var(--color-brandcolor-primary-reverse);margin-bottom:52px}@media screen and (max-width:767px){.instagram .section_title{margin-bottom:40px}}.instagram_inner{overflow:hidden}.instagram_scroll_wrapper{width:100%}.instagram_swiper .swiper-wrapper{transition-timing-function:linear}.instagram_list{display:flex}.instagram_item{flex-shrink:0;width:14.2857142857%}@media screen and (max-width:767px){.instagram_item{width:33.3333333333%}}.matcha_business_banner{padding:100px 0 0}@media screen and (max-width:767px){.matcha_business_banner{padding:40px 0 0}}.matcha_business_banner_inner{width:100%}
/*# sourceMappingURL=/cdn/shop/t/14/assets/takumi_top.css.map */