.topics-list{padding:100px 5rem;background:#f9f9f7}@media screen and (max-width: 1200px){.topics-list{padding:calc(100vw/ var(--scale-lg)) 5rem}}@media screen and (max-width: 990px){.topics-list{padding:calc(40vw/ var(--scale-md)) calc(20vw/ var(--scale-md))}}@media screen and (max-width: 768px){.topics-list{padding:calc(40vw/ var(--scale-sm)) calc(20vw/ var(--scale-sm))}}.topics-list__inner{display:flex;gap:40px;align-items:center;flex-direction:column;width:100%;max-width:1200px;margin:0 auto}@media screen and (max-width: 1200px){.topics-list__inner{gap:calc(40vw/ var(--scale-lg));max-width:calc(1200vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__inner{gap:calc(24vw/ var(--scale-md));max-width:100%}}@media screen and (max-width: 768px){.topics-list__inner{gap:calc(24vw/ var(--scale-sm))}}.topics-list__main{color:#727171;font-family:Hiragino Mincho ProN,serif;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:47px;padding:0;margin:0 0 17px}@media screen and (max-width: 1200px){.topics-list__main{gap:calc(47vw/ var(--scale-lg));margin-bottom:calc(17vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__main{grid-template-columns:repeat(2,1fr);gap:calc(16vw/ var(--scale-md));margin-bottom:0}}@media screen and (max-width: 768px){.topics-list__main{gap:calc(16vw/ var(--scale-sm))}}.topics-list__main:has(.-coming-soon){grid-template-columns:repeat(1,1fr)}.topics-list__item.-coming-soon{width:auto;text-align:center;margin:0 auto}.topics-list__empty{width:auto;text-align:center;font-size:16px}@media screen and (max-width: 1200px){.topics-list__empty{font-size:calc(16vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__empty{font-size:calc(16vw/ var(--scale-md))}}@media screen and (max-width: 768px){.topics-list__empty{font-size:calc(16vw/ var(--scale-sm))}}.topics-list__item{list-style:none}.topics-list__item>a{display:flex;align-items:center;flex-direction:column;gap:12px;position:relative}@media screen and (max-width: 1200px){.topics-list__item>a{gap:calc(12vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__item>a{gap:calc(12vw/ var(--scale-md))}}@media screen and (max-width: 768px){.topics-list__item>a{gap:calc(12vw/ var(--scale-sm))}}.topics-list__img-wrapper{overflow:hidden;width:100%;aspect-ratio:1/1;margin-bottom:0}.topics-list__img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.topics-list__info{width:100%;position:relative;display:flex;gap:8px;align-items:flex-start;flex-direction:column}@media screen and (max-width: 1200px){.topics-list__info{gap:calc(8vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__info{gap:calc(8vw/ var(--scale-md))}}@media screen and (max-width: 768px){.topics-list__info{gap:calc(8vw/ var(--scale-sm))}}.topics-list__date{color:#727171;text-align:center;font-family:Hiragino Mincho ProN;font-size:12px;font-style:normal;font-weight:300;line-height:140%;transition:color .3s}@media screen and (max-width: 1200px){.topics-list__date{font-size:calc(12vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__date{font-size:calc(12vw/ var(--scale-md))}}@media screen and (max-width: 768px){.topics-list__date{font-size:calc(12vw/ var(--scale-sm))}}.topics-list__category{width:fit-content;display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:10px;font-family:Hiragino Mincho ProN;color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:300;line-height:100%;background:#767676}@media screen and (max-width: 1200px){.topics-list__category{padding:calc(4vw/ var(--scale-lg)) calc(8vw/ var(--scale-lg));gap:calc(10vw/ var(--scale-lg));font-size:calc(12vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__category{padding:calc(4vw/ var(--scale-md)) calc(8vw/ var(--scale-md));gap:calc(10vw/ var(--scale-md));font-size:calc(12vw/ var(--scale-md))}}@media screen and (max-width: 768px){.topics-list__category{padding:calc(4vw/ var(--scale-sm)) calc(8vw/ var(--scale-sm));gap:calc(10vw/ var(--scale-sm));font-size:calc(12vw/ var(--scale-sm))}}.topics-list__category.-skincare{background:linear-gradient(0deg,#f2a6b3 0% 100%),#f2a6b3}.topics-list__category.-item{background:linear-gradient(0deg,#9dc3d9 0% 100%),#9dc3d9}.topics-list__category.-makeup{background:#e4c357}.topics-list__category.-trouble{background:linear-gradient(0deg,#a3d9a5 0% 100%),#a3d9a5}.topics-list__title{font-family:Hiragino Mincho ProN;color:#1a1a1a;text-align:left;font-size:20px;font-style:normal;font-weight:300;line-height:140%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;transition:color .3s}@media screen and (max-width: 1200px){.topics-list__title{font-size:calc(20vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__title{font-size:calc(16vw/ var(--scale-md))}}@media screen and (max-width: 768px){.topics-list__title{font-size:calc(16vw/ var(--scale-sm))}}@media screen and (min-width: 991px){.topics-list__item>a:hover .topics-list__date,.topics-list__item>a:hover .topics-list__title{color:#4e4e4e}.topics-list__item>a:hover .topics-list__arrow{transform:translate(8px)}.topics-list__item>a:hover .topics-list__img{transform:scale(1.2)}}.topics-list__bottom{display:flex;gap:8px;align-items:flex-start;flex-direction:column}@media screen and (max-width: 1200px){.topics-list__bottom{gap:calc(8vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__bottom{gap:calc(8vw/ var(--scale-md))}}@media screen and (max-width: 768px){.topics-list__bottom{gap:calc(8vw/ var(--scale-sm))}}.topics-list__btn{display:flex;padding:10px 32px;justify-content:center;align-items:center;gap:10px;border-radius:40px;background:#767676}@media screen and (max-width: 1200px){.topics-list__btn{padding:calc(10vw/ var(--scale-lg)) calc(32vw/ var(--scale-lg));gap:calc(10vw/ var(--scale-lg));border-radius:calc(40vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__btn{padding:calc(10vw/ var(--scale-md)) calc(32vw/ var(--scale-md));gap:calc(10vw/ var(--scale-md));border-radius:calc(40vw/ var(--scale-md))}}@media screen and (max-width: 768px){.topics-list__btn{padding:calc(10vw/ var(--scale-sm)) calc(32vw/ var(--scale-sm));gap:calc(10vw/ var(--scale-sm));border-radius:calc(40vw/ var(--scale-sm))}}.topics-list__btn span{color:#fff;font-family:Hiragino Mincho ProN,serif;font-size:14px;font-style:normal;font-weight:300;line-height:normal}@media screen and (max-width: 1200px){.topics-list__btn span{font-size:calc(14vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__btn span{font-size:calc(14vw/ var(--scale-md));white-space:pre}}@media screen and (max-width: 768px){.topics-list__btn span{font-size:calc(14vw/ var(--scale-sm))}}.topics-list__btn img{width:100%;max-width:24.5px}@media screen and (max-width: 1200px){.topics-list__btn img{max-width:calc(24.5vw/ var(--scale-lg))}}@media screen and (max-width: 990px){.topics-list__btn img{max-width:calc(24.5vw/ var(--scale-md))}}@media screen and (max-width: 768px){.topics-list__btn img{max-width:calc(24.5vw/ var(--scale-sm))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/topics-list.css.map */