@keyframes TopAccessRanking_fade-in__auQ9S{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:769px){.TopAccessRanking_wrapper__J4HYe{background:#e7f8ff;border-radius:16px;padding:56px 16px;width:310px}}@media only screen and (max-width:768px){.TopAccessRanking_wrapper__J4HYe{width:100%}}.TopAccessRanking_header__4ctIi{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:768px){.TopAccessRanking_header__4ctIi{padding:0 16px}}.TopAccessRanking_title__HEVge{font-family:var(--font-fredoka),sans-serif;font-weight:600}@media only screen and (min-width:769px){.TopAccessRanking_title__HEVge{color:#00b0ed;font-size:30px;height:54px;letter-spacing:.04em;line-height:.9}}@media only screen and (max-width:768px){.TopAccessRanking_title__HEVge{color:#fff;font-size:20px;height:20px;line-height:1}}.TopAccessRanking_dateRange__Zf6gj{background:#fff;border-radius:24px;color:#00b0ed;font-family:var(--font-fredoka),sans-serif;font-weight:500;line-height:1}@media only screen and (min-width:769px){.TopAccessRanking_dateRange__Zf6gj{font-size:16px;padding:12px 8px}}@media only screen and (max-width:768px){.TopAccessRanking_dateRange__Zf6gj{font-size:14px;padding:4px 8px}}@media only screen and (min-width:769px){.TopAccessRanking_main__B41_y,.TopAccessRanking_main__B41_y>*{overflow:visible}}.TopAccessRanking_scroller__Jwohu{width:100%}.TopAccessRanking_list__LtsPO{display:flex;width:100%}@media only screen and (min-width:769px){.TopAccessRanking_list__LtsPO{flex-direction:column;gap:16px;margin-top:8px}}@media only screen and (max-width:768px){.TopAccessRanking_list__LtsPO{gap:12px;margin-top:18px;padding-left:16px}.TopAccessRanking_list__LtsPO:after{content:"";flex-shrink:0;width:4px}}.TopAccessRanking_item__fAPWa{display:flex;position:relative}@media only screen and (min-width:769px){.TopAccessRanking_item__fAPWa{align-items:center;justify-content:space-between}}@media only screen and (max-width:768px){.TopAccessRanking_item__fAPWa{flex-direction:column;gap:8px;width:150px}.TopAccessRanking_item__fAPWa:nth-child(2n){margin-top:24px}}.TopAccessRanking_itemImage__kcCq3{background:#fff;border:1px solid #eee;border-radius:8px;height:85.5px;object-fit:contain;overflow:hidden;width:150px}.TopAccessRanking_itemTitle__demxK{font-weight:800;line-height:1.3}@media only screen and (min-width:769px){.TopAccessRanking_itemTitle__demxK{color:#00b0ed;font-size:12px;width:114px}}@media only screen and (max-width:768px){.TopAccessRanking_itemTitle__demxK{color:#fff;font-size:14px}}.TopAccessRanking_itemRank__nHbjL{align-items:center;display:flex;justify-content:center;position:absolute}@media only screen and (min-width:769px){.TopAccessRanking_itemRank__nHbjL{left:-8px;top:-8px}}@media only screen and (max-width:768px){.TopAccessRanking_itemRank__nHbjL{left:0;top:-4px}}.TopAccessRanking_itemIcon__maUaL{position:absolute}.TopAccessRanking_itemRankNumber__Jmw8d{color:#fff;font-size:12px;font-weight:900;left:2px;line-height:1;position:relative;top:2px;transform:rotate(-15deg)}@keyframes TopImageSlider_fade-in__H_AxP{0%{opacity:0}to{opacity:1}}.TopImageSlider_wrapper__5I2_y{display:flex;flex-direction:column;gap:8px;overflow:hidden;position:relative}@media only screen and (min-width:769px){.TopImageSlider_wrapper__5I2_y{width:632px}}@media only screen and (max-width:768px){.TopImageSlider_wrapper__5I2_y{width:100%}}.TopImageSlider_imageContainer__JTZvB{aspect-ratio:16/9;position:relative;width:100%}.TopImageSlider_image__kjUhy{height:100%;inset:0;overflow:hidden;position:absolute;width:100%}@media only screen and (min-width:769px){.TopImageSlider_image__kjUhy{border-radius:16px}}@media only screen and (max-width:768px){.TopImageSlider_image__kjUhy{border-top-left-radius:16px;border-top-right-radius:16px}}.TopImageSlider_progress__m0Ds2{align-items:center;display:flex;width:100%}@media only screen and (min-width:769px){.TopImageSlider_progress__m0Ds2{gap:8px;height:30px}}@media only screen and (max-width:768px){.TopImageSlider_progress__m0Ds2{gap:5px;height:56px}}.TopImageSlider_progressBar__3VOfM{background:#18bde6;border-radius:106px;overflow:hidden;width:100%}@media only screen and (min-width:769px){.TopImageSlider_progressBar__3VOfM{height:6px}}@media only screen and (max-width:768px){.TopImageSlider_progressBar__3VOfM{height:5px}}.TopImageSlider_progressActiveBar__cuthC{background:#fff;display:block;height:100%;width:100%}@media only screen and (max-width:768px){.TopImageSlider_description__Th_yD{padding:0 16px}}.TopImageSlider_title__Ow0PK{color:#fff;font-size:16px;font-weight:800;line-height:1.3}.TopImageSlider_date___46Zx{color:#cff5ff;font-family:var(--font-fredoka),sans-serif;font-weight:500}@media only screen and (min-width:769px){.TopImageSlider_date___46Zx{font-size:13px}}@media only screen and (max-width:768px){.TopImageSlider_date___46Zx{font-size:15px}}.TopImageSlider_bottom__X1u2q{align-items:center;display:flex}@media only screen and (min-width:769px){.TopImageSlider_bottom__X1u2q{justify-content:space-between}}@media only screen and (max-width:768px){.TopImageSlider_bottom__X1u2q{gap:16px;padding:0 16px}}.TopImageSlider_navi__f5sOO{display:flex}@media only screen and (min-width:769px){.TopImageSlider_navi__f5sOO{gap:12px;padding:0 10px}}@media only screen and (max-width:768px){.TopImageSlider_navi__f5sOO{gap:8px}}.TopImageSlider_arrowIcon__rLQct{align-items:center;border:2px solid #fff;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}@keyframes TopFirstView_fade-in___QR5y{0%{opacity:0}to{opacity:1}}.TopFirstView_wrapper__iv5__{align-items:center;background:#52d0f0;display:flex;flex-direction:column;gap:16px;padding-top:76px;width:100%}@media only screen and (min-width:769px){.TopFirstView_wrapper__iv5__{padding-bottom:36px}}@media only screen and (max-width:768px){.TopFirstView_wrapper__iv5__{padding-bottom:16px}}.TopFirstView_search__lvbrI{align-items:center;display:flex;position:relative}.TopFirstView_searchInput__8wXFA{background:#18bde6;border-radius:106px;color:#cff5ff;font-size:15px;font-weight:500;line-height:1.3;max-width:960px;width:calc(100vw - 16px)}@media only screen and (min-width:769px){.TopFirstView_searchInput__8wXFA{padding:14px 16px}}@media only screen and (max-width:768px){.TopFirstView_searchInput__8wXFA{padding:8px 16px}}.TopFirstView_searchInput__8wXFA::placeholder{color:#fff}.TopFirstView_searchButton__f3QDo{position:absolute;right:16px}.TopFirstView_searchIcon__Sk6Io{position:relative;right:2px;transform:scale(1.14)}.TopFirstView_main__62Non{gap:16px}@media only screen and (min-width:769px){.TopFirstView_main__62Non{width:960px}}@media only screen and (max-width:768px){.TopFirstView_main__62Non{flex-wrap:wrap;width:100%}}@keyframes TopGoodsInfo_fade-in__XXX8b{0%{opacity:0}to{opacity:1}}.TopGoodsInfo_wrapper___KzNL{align-items:center;background:#fff;display:flex;flex-direction:column;width:100%}@media only screen and (min-width:769px){.TopGoodsInfo_wrapper___KzNL{border-top-left-radius:106px;border-top-right-radius:106px;gap:48px;padding:40px 0 80px}}@media only screen and (max-width:768px){.TopGoodsInfo_wrapper___KzNL{border-top-left-radius:24px;border-top-right-radius:24px;gap:32px;padding:24px 0 48px}}@keyframes TopLatestThemes_fade-in__K8qtH{0%{opacity:0}to{opacity:1}}.TopLatestThemes_wrapper__quL2b{background:#e7f8ff;width:100%}.TopLatestThemes_inner__QhnKT{align-items:center;display:flex;flex-direction:column}@media only screen and (min-width:769px){.TopLatestThemes_inner__QhnKT{gap:48px;padding:32px 0 136px}}@media only screen and (max-width:768px){.TopLatestThemes_inner__QhnKT{gap:32px;padding:32px 0 96px}}