@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-20%, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes slideThroughLeft{from{transform:translate3d(-100%, 0, 0)}to{transform:translate3d(101%, 0, 0)}}.slideThroughLeft{animation-name:slideInLeft}#home #app-home{min-height:100vh}#home #app-home .more{text-align:right}#home #app-home .more>a{color:#000000;font-size:16px;font-weight:300;font-family:"MyHiragino", "AppleSystem", "MySansSerif", sans-serif}#home #app-home .topic-container .topic{height:180px;position:relative;margin-bottom:100px}#home #app-home .topic-container .topic .title-wrap{position:absolute;left:0;top:0;text-align:left;z-index:20;overflow:hidden;opacity:0}#home #app-home .topic-container .topic .title-wrap.-enter{animation-name:fadeIn;animation-duration:.8s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:ease}#home #app-home .topic-container .topic .title-wrap.-enter:before{background:#333;content:'';display:block;height:100%;position:absolute;width:100%;z-index:1;animation-name:slideThroughLeft;animation-duration:.8s;animation-delay:.3s;animation-fill-mode:forwards;animation-timing-function:ease}#home #app-home .topic-container .topic .title-wrap .title{position:relative;color:#FFFFFF;font-family:Helvetica Neue, "Helvetica", "MyHiragino", "AppleSystem", Arial, sans-serif;font-size:32px;font-weight:700;line-height:34px;white-space:pre-line;box-shadow:inset 0 0 0 1000px #000000}#home #app-home .topic-container .topic .img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.9);z-index:10}#home #app-home .topic-container .topic .desc-wrap{position:absolute;right:0;bottom:-32px;text-align:right;z-index:20;max-width:85%;opacity:0}#home #app-home .topic-container .topic .desc-wrap.-enter{animation-name:fadeInLeft;animation-duration:.8s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:ease}#home #app-home .topic-container .topic .desc-wrap .desc{position:relative;background-color:#FFFFFF;color:#000000;font-size:16px;font-weight:300;font-family:"MyHiragino", "AppleSystem", "MySansSerif", sans-serif;white-space:pre-line}#home #app-home .topic-hero{height:560px;min-height:80vh;position:relative;overflow:hidden}#home #app-home .topic-hero .hero-img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1.01);object-fit:cover}#home #app-home .topic-hero .hero-container{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%}#home #app-home .topic-hero .hero-container .topic{height:300px;margin-bottom:60px}#home #app-home .topic-hero .hero-container .topic .title-wrap{top:unset;bottom:80px}#home #app-home .topic-hero .hero-container .topic .title-wrap .title{font-size:34px}#home #app-home .block-topic{background-color:#000000;padding-top:60px;padding-bottom:60px;min-height:40px}#home #app-home .block-topic .more>a{color:#FFFFFF}#home #app-home .block-topic .block-title{color:#FFFFFF;font-size:20px;padding-bottom:40px;font-weight:500}#home #app-home .block-topic .block-title-line{width:20%;border-top:1px solid #FFFFFF;padding-bottom:40px}#home #app-home .block-brand{background-color:#FFFFFF;padding-top:60px;min-height:40px}#home #app-home .block-brand .block-title{color:#000000;font-size:20px;padding-bottom:40px;font-weight:500}#home .block-item{background-color:#FFFFFF;padding-top:60px;padding-bottom:60px;min-height:40px}#home .block-item .block-title{color:#000000;font-size:20px;padding-bottom:40px;font-weight:500}#home .block-item .item-container{margin-bottom:40px}@media (min-width: 768px){#home #app-home .topic-container .topic{height:400px;margin-bottom:150px}#home #app-home .topic-container .topic .title-wrap .title{font-size:72px;line-height:74px}#home #app-home .topic-container .topic .desc-wrap{width:50%;min-width:480px}#home #app-home .topic-container .topic .desc-wrap .desc{font-size:24px;line-height:31px}#home #app-home .topic-hero{background-color:lightgray}#home #app-home .topic-hero .hero-container .topic{height:400px}#home #app-home .topic-hero .hero-container .topic .title-wrap{top:unset;bottom:140px}#home #app-home .topic-hero .hero-container .topic .title-wrap .title{font-size:72px;line-height:74px;font-family:Helvetica Neue, "Helvetica", "MyHiragino", "AppleSystem", Arial, sans-serif}#home #app-home .block-topic{padding-top:180px;padding-bottom:180px}#home #app-home .block-topic .block-title{padding-bottom:80px;font-size:35px}#home #app-home .block-topic .block-title-line{width:8%;padding-bottom:80px}#home #app-home .block-brand{padding-top:80px}#home #app-home .block-brand .block-title{padding-bottom:80px}#home .block-item{padding-top:100px}#home .block-item.-last{padding-bottom:100px}}.brand-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:4px;grid-row-gap:4px;margin-bottom:40px}.brand-container .brand{position:relative;padding-top:100%;overflow:hidden;background:#000000}.brand-container .brand .image>img,.brand-container .brand .video>video{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1.01);z-index:10}.brand-container .brand .image img,.brand-container .brand .image video{transition-duration:0.5s}.brand-container .brand .title{position:absolute;top:50%;transform:translateY(-50%);z-index:30;font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;transition:all 0.5s ease;color:#FFFFFF;width:100%;text-align:center;visibility:visible;opacity:1}.brand-container .brand .title h3{margin:0;font-weight:bold;font-size:12px}.brand-container .brand .title span{font-size:10px;display:block;transform:scale(0.8)}.brand-container .brand .links{position:absolute;top:50%;transform:translateY(-50%);z-index:31;color:#FFFFFF;width:100%;text-align:center;opacity:0;visibility:hidden;transition:all 0.5s ease}.brand-container .brand .links a{color:white;font-weight:bold;transition:all 0.3s ease;display:inline-block;font-size:4vw;padding:1.5vw 0}.brand-container .brand .links a:hover{transition:all 0.3s ease;color:#646464}.brand-container .brand:hover img,.brand-container .brand:hover video,.brand-container .brand.active img,.brand-container .brand.active video{opacity:0.5;transform:translate(-50%, -50%) scale(1.2);transition-duration:0.5s}.brand-container .brand:hover .title,.brand-container .brand.active .title{opacity:0;visibility:hidden}.brand-container .brand:hover .links,.brand-container .brand.active .links{opacity:1;visibility:visible;transition:all 0.5s ease}@media (min-width: 768px){.brand-container{grid-template-columns:repeat(5, 1fr);grid-column-gap:8px;grid-row-gap:8px}.brand-container .brand .title h3{font-size:16px}.brand-container .brand .title span{font-size:12px}.brand-container .brand .links{top:unset;transform:translateY(0);bottom:20px}.brand-container .brand .links a{font-size:13px;padding:0}.brand-container .brand:hover .title,.brand-container .brand.active .title{opacity:1;visibility:visible}}.shop-in-shops-container{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:4px;grid-row-gap:4px;margin-bottom:40px}@media (min-width: 768px){.shop-in-shops-container{grid-template-columns:repeat(3, 1fr);grid-column-gap:8px;grid-row-gap:8px}}.shop-in-shops-container .box{position:relative}.shop-in-shops-container .box:hover .image img,.shop-in-shops-container .box:hover .image video,.shop-in-shops-container .box.active .image img,.shop-in-shops-container .box.active .image video{opacity:0.5;transform:translate(-50%, -50%) scale(1.2);transition-duration:0.5s}.shop-in-shops-container .box:hover .title,.shop-in-shops-container .box.active .title{opacity:0;visibility:hidden}.shop-in-shops-container .box:hover .links,.shop-in-shops-container .box.active .links{opacity:1;visibility:visible;transition:all 0.5s ease}@media (min-width: 768px){.shop-in-shops-container .box:hover .title,.shop-in-shops-container .box.active .title{opacity:1;visibility:visible}}.shop-in-shops-container .box .image{position:relative;background-color:#000000;overflow:hidden}.shop-in-shops-container .box .image:before{content:"";display:block;padding-top:75% !important}.shop-in-shops-container .box .image img,.shop-in-shops-container .box .image video{transition-duration:0.5s}.shop-in-shops-container .box .image img,.shop-in-shops-container .box .image video{object-fit:cover;position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%) scale(1.01);z-index:2}.shop-in-shops-container .box .title{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;color:#FFFFFF;text-align:center}.shop-in-shops-container .box .title h3{margin:0;font-weight:bold;font-size:12px}@media (min-width: 768px){.shop-in-shops-container .box .title h3{font-size:16px}}.shop-in-shops-container .box .links{position:absolute;top:50%;transform:translateY(-50%);z-index:31;color:#FFFFFF;width:100%;text-align:center;opacity:0;visibility:hidden;transition:all 0.5s ease}.shop-in-shops-container .box .links a{color:white;font-weight:bold;transition:all 0.3s ease;display:inline-block;font-size:18px;padding:0 4px}.shop-in-shops-container .box .links a:hover{transition:all 0.3s ease;color:#646464}@media (min-width: 768px){.shop-in-shops-container .box .links{top:unset;transform:unset;bottom:20px}.shop-in-shops-container .box .links a{font-size:14px}}.block-item{background-color:#c09853}.block-item .swiper-slide a{display:block;width:100%;height:100%}.block-item .swiper-button-prev{z-index:100;left:0 !important;background-image:url("https://cdn.restir.com/lcb-brand/top/ranking/prev.svg") !important;filter:opacity(40%);transform:scale(0.8)}.block-item .swiper-button-next{z-index:100;right:0 !important;background-image:url("https://cdn.restir.com/lcb-brand/top/ranking/next.svg") !important;filter:opacity(40%);transform:scale(0.8)}.block-item img{width:100%}.block-item .slide-text{text-align:center}.block-item .slide-text .item-brand{font-weight:bold;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-item .slide-text .item-name{margin-top:2px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-item .slide-text .item-price{margin-top:8px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intro-video{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#000000;position:fixed;top:0;left:0;z-index:1000}.intro-video video{width:100%;max-width:1210px}#home #app-home.topic-list .block-topic{padding-top:120px}@media (min-width: 768px){#home #app-home.topic-list .block-topic{padding-top:250px}}
