.c-top-ranking{background-color:#f9f7f4;margin:24rem 0;overflow:visible;padding:0 min(8rem,6.25%);position:relative}@media screen and (max-width:900px){.c-top-ranking{margin:10rem 0}}.c-top-ranking .c-heading{font-size:5rem}@media screen and (max-width:900px){.c-top-ranking .c-heading{font-size:3rem}}.c-top-ranking__header{margin-bottom:4rem;text-align:center}@media screen and (max-width:900px){.c-top-ranking__header{margin-bottom:3rem}}.c-top-ranking__title{color:#333;font-size:3.2rem;font-weight:300;letter-spacing:.1em;margin-bottom:.8rem}@media screen and (max-width:900px){.c-top-ranking__title{font-size:2.4rem}}.c-top-ranking__subtitle{color:#666;font-size:1.4rem;font-weight:400}@media screen and (max-width:900px){.c-top-ranking__subtitle{font-size:1.2rem}}.c-top-ranking__slider-wrapper{padding:0 4rem 20px;position:relative;overflow:hidden}@media screen and (max-width:900px){.c-top-ranking__slider-wrapper{padding:0 3rem 20px}}.c-top-ranking__slider-wrapper:after,.c-top-ranking__slider-wrapper:before{content:"";position:absolute;top:0;bottom:20px;width:4rem;pointer-events:none;z-index:5}@media screen and (max-width:900px){.c-top-ranking__slider-wrapper:after,.c-top-ranking__slider-wrapper:before{width:3rem}}.c-top-ranking__slider-wrapper:before{left:0;background:linear-gradient(90deg,#f9f7f4 0,#f9f7f4 20%,hsla(36,29%,97%,.8) 40%,hsla(36,29%,97%,.4) 70%,hsla(36,29%,97%,0))}.c-top-ranking__slider-wrapper:after{right:0;background:linear-gradient(270deg,#f9f7f4 0,#f9f7f4 20%,hsla(36,29%,97%,.8) 40%,hsla(36,29%,97%,.4) 70%,hsla(36,29%,97%,0))}.c-top-ranking__slider{overflow:visible!important;padding:10px 0}.c-top-ranking__slider .swiper-wrapper{align-items:stretch}.c-top-ranking__slider .swiper-slide{display:flex;height:auto!important}.c-top-ranking__slide{display:flex;height:auto;padding-bottom:20px;width:300px!important}.c-top-ranking__slide>div{display:flex;flex-direction:column;height:100%;width:100%}@media screen and (max-width:900px){.c-top-ranking__slide{width:240px!important}}.c-top-ranking__item{background:#fff;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.12);display:flex;flex-direction:column;height:calc(100% - 10px);margin-bottom:10px;overflow:visible;position:relative;transition:transform .3s ease,box-shadow .3s ease}.c-top-ranking__item:hover{box-shadow:0 10px 24px rgba(0,0,0,.18);transform:translateY(-4px)}@media screen and (max-width:900px){.c-top-ranking__item:hover{transform:none}}.c-top-ranking__item>a{display:flex;flex:1;flex-direction:column}.c-top-ranking__rank{align-items:center;background:linear-gradient(135deg,#333,#666);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;display:flex;height:3rem;justify-content:center;left:1rem;position:absolute;top:1rem;width:3rem;z-index:10}.c-top-ranking__rank-number{color:#fff;font-size:1.4rem;font-weight:700}@media screen and (max-width:900px){.c-top-ranking__rank-number{font-size:1.2rem}}.c-top-ranking__slider-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;color:#333;cursor:pointer;display:flex;height:3.5rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:3.5rem;z-index:10}.c-top-ranking__slider-button:hover{background:#f5f5f5;border-color:#ccc}.c-top-ranking__slider-button--prev{left:0}.c-top-ranking__slider-button--next{right:0}@media screen and (max-width:900px){.c-top-ranking__slider-button{height:3rem;width:3rem}}.c-top-ranking__card-wrapper{display:flex;flex:1;flex-direction:column}.c-top-ranking__card-wrapper .c-product-productCard{display:flex;flex-direction:column;height:100%;overflow:visible!important}.c-top-ranking__card-wrapper .c-product-productCard__tag{display:none!important}.p-top-topTopicSection{margin:24rem 0;overflow:hidden;position:relative}@media screen and (max-width:900px){.p-top-topTopicSection{margin:10rem 0}}.p-top-topTopicSection__container{align-items:flex-start;display:flex;justify-content:space-between;margin:auto;width:max(100% - 16rem,87.5%)}@media screen and (max-width:900px){.p-top-topTopicSection__container{display:block;width:100%}}.p-top-topTopicSection__container--nav{width:23.0357142857%}@media screen and (max-width:900px){.p-top-topTopicSection__container--nav{margin:auto;width:84.6153846154%}}.p-top-topTopicSection__container--nav .c-heading{font-size:5rem}@media screen and (max-width:900px){.p-top-topTopicSection__container--nav .c-heading{font-size:3rem}}.p-top-topTopicSection__container--nav--lead{font-size:1.2rem;line-height:1.67;margin-bottom:4.5rem;margin-top:3.8rem}@media screen and (max-width:900px){.p-top-topTopicSection__container--nav--lead{margin-bottom:3rem;margin-top:2rem}}.p-top-topTopicSection__container--nav .c-linkButtonArrow{max-width:17rem}@media screen and (max-width:900px){.p-top-topTopicSection__container--nav .c-linkButtonArrow{font-size:2.5641vw;max-width:14rem}}.p-top-topicSlide{box-sizing:content-box;margin-right:max(-8rem,-7.1428571429%);-webkit-mask-image:linear-gradient(270deg,transparent 20%,#000 50%,#000);mask-image:linear-gradient(270deg,transparent 20%,#000 50%,#000);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:200% 100%;mask-size:200% 100%;opacity:0;padding-right:min(8rem,7.1428571429%);transform:translateX(12rem);width:65.8035714286%}.p-top-topicSlide--inView{-webkit-mask-position:0 0;mask-position:0 0;opacity:1;pointer-events:auto;transform:translateX(0);transition:opacity 1.8s,transform 1.8s cubic-bezier(.215,.61,.355,1),-webkit-mask-position 1.8s cubic-bezier(.25,.46,.45,.94);transition:opacity 1.8s,transform 1.8s cubic-bezier(.215,.61,.355,1),mask-position 1.8s cubic-bezier(.25,.46,.45,.94);transition:opacity 1.8s,transform 1.8s cubic-bezier(.215,.61,.355,1),mask-position 1.8s cubic-bezier(.25,.46,.45,.94),-webkit-mask-position 1.8s cubic-bezier(.25,.46,.45,.94)}.p-top-topicSlide .swiper-wrapper{align-items:stretch}.p-top-topicSlide-swiper{width:100%}.p-top-topicSlide-swiper-slide{display:flex;height:unset;width:39.0773405699%}.p-top-topicSlide-swiper-slide:not(:last-of-type){margin-right:4.0705563094%}@media screen and (max-width:900px){.p-top-topicSlide{box-sizing:border-box;margin-right:0;margin-top:6rem;padding:0 7.6923076923%;width:100%}.p-top-topicSlide-swiper-slide{width:84.8484848485%}.p-top-topicSlide-swiper-slide:not(:last-of-type){margin-right:9.0909090909%}}