:root{--link-color: 255, 125, 74;--bg-color: 246, 246, 244;--text-color: 60, 60, 60;--main-color: 80, 198, 198;interpolate-size:allow-keywords}#front{margin-bottom:-50px;min-height:200px;background:linear-gradient(to bottom, rgba(80, 198, 198, 0.25) 0%, rgba(80, 198, 198, 0) 100%);position:relative;display:flex;align-items:center;justify-content:center;gap:20px}#front .logo{display:block;width:300px;height:180px;background:url(../svg/type.svg) no-repeat center center;background-size:contain}#front .search-box{display:none}.home .pickup-posts{display:flex;margin:20px auto 10px auto;max-width:950px;width:calc(100% - 20px);height:70vw;max-height:450px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:-webkit-grab;cursor:grab}.home .pickup-posts:active{cursor:-webkit-grabbing;cursor:grabbing}.home .pickup-posts .post-item{position:relative;border-radius:70px 70px 70px 70px;overflow:hidden;border:clamp(5px,1vw,10px) solid rgb(var(--bg-color));width:20%;margin-right:-10%;z-index:10;transition:all .8s ease;background:rgb(var(--bg-color))}.home .pickup-posts .post-item:hover .post-thumbnail{opacity:1}.home .pickup-posts .post-item:nth-child(1){z-index:5}.home .pickup-posts .post-item:nth-child(1) .post-thumbnail{position:absolute;left:0;top:0;width:100%}.home .pickup-posts .post-item:nth-child(2){z-index:4}.home .pickup-posts .post-item:nth-child(3){z-index:3}.home .pickup-posts .post-item:nth-child(4){z-index:2}.home .pickup-posts .post-item:nth-child(5){z-index:1}.home .pickup-posts .post-item.active{width:70%}.home .pickup-posts .post-item.active:hover .post-info{opacity:1;transform:translateY(5px);transition:all .5s ease}.home .pickup-posts .post-item.active .post-link{pointer-events:auto;transform:scale(1)}.home .pickup-posts .post-item.active .post-thumbnail{opacity:1}.home .pickup-posts .post-item.active:hover .post-info{background:rgba(var(--main-color), 1)}.home .pickup-posts .post-item.active:hover .post-thumbnail{transform:scale(1.07) rotate(1.5deg);transition:all .5s ease;filter:brightness(1.15)}.home .pickup-posts .post-item .post-thumbnail{position:absolute;left:10%;top:0;width:90%;height:100%;display:block;transition:all 1s ease;opacity:.4}.home .pickup-posts .post-item .post-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px}.home .pickup-posts .post-item .post-info{position:absolute;bottom:0;left:0px;z-index:3;padding:15px 30px 25px 30px;width:100%;min-height:70px;color:rgb(var(--main-color));background:rgba(var(--main-color), 0.8);text-shadow:1px 1px 1px rgba(0,0,0,.4);font-size:1rem;line-height:1.2;z-index:5;border-radius:70px 70px 5px 5px;font-weight:bold;opacity:0;display:flex;align-items:center;-webkit-backdrop-filter:saturate(80%) blur(10px);backdrop-filter:saturate(80%) blur(10px);transform:translateY(100%);transition:all .1s ease;box-shadow:0 3px 12px rgba(var(--main-color), 0.6)}.home .pickup-posts .post-item .post-info .post-title{font-size:clamp(.85rem,3vw,1.1rem);line-height:1.2;font-weight:bold;text-align:center;width:100%;height:auto;color:#fff;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.home .pickup-posts .post-item .post-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;transform:scale(0);transition:all 0s ease 1s}.home .pickup-posts,.home .post-item,.home .post-thumbnail{will-change:auto}.cat-posts{margin:30px auto}.cat-posts .cat-list{margin:20px auto;justify-content:center}.cat-posts .cat-posts-content{min-height:240px}.cat-posts .cat-posts-content .category-posts{position:absolute;width:100%;transition:opacity .3s ease,visibility .3s ease}.popular-posts{background:rgba(255,228,175,.2);border-radius:30px;width:calc(100% - 20px);max-width:700px;margin:30px auto}.popular-posts .popular-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin:0 auto;padding-bottom:110px;position:relative}.popular-posts .popular-inner:before{content:"";opacity:.8;display:block;width:80px;height:80px;position:absolute;top:-5px;right:25px;background:url("../svg/chart.svg") no-repeat center center/contain}.popular-posts .popular-link{display:block;width:calc(50% - 10px);aspect-ratio:1/1;background:#fff;border-radius:30px;position:relative;box-shadow:0 2px 18px rgba(var(--main-color), 0.1);transition:all .3s ease}.popular-posts .popular-link:hover{box-shadow:0 2px 18px rgba(var(--main-color), 0.3);transform:scale(1.05)}.popular-posts .popular-link:nth-child(even){top:85px}.popular-posts .popular-link .image{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;display:block}.popular-posts .popular-link .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.popular-posts .popular-link .image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#999;font-size:14px;font-weight:bold}.popular-posts .popular-link:hover .image img{transform:scale(1.1) rotate(3deg)}.popular-posts .popular-link .rankno{position:absolute;top:-5px;right:-5px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:14px;color:#fff;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.3);overflow:hidden}.popular-posts .popular-link .rankno::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg, transparent 0%, transparent 25%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.3) 65%, transparent 75%, transparent 100%);transform:translateX(-150%) translateY(-150%);z-index:1}.popular-posts .popular-link:nth-child(1) .rankno{background:linear-gradient(135deg, #ffd700, #ffed4e, #ffd700);color:#8b4513;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-animation:goldMetalShine 4s ease-in-out infinite;animation:goldMetalShine 4s ease-in-out infinite}.popular-posts .popular-link:nth-child(1) .rankno::before{-webkit-animation:LightSweep 2s ease-in-out infinite;animation:LightSweep 2s ease-in-out infinite}.popular-posts .popular-link:nth-child(1) .rankno::after{content:"1"}.popular-posts .popular-link:nth-child(2) .rankno{background:linear-gradient(135deg, #c0c0c0, #e8e8e8, #c0c0c0);color:#4a4a4a;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-animation:silverMetalShine 4s ease-in-out infinite .5s;animation:silverMetalShine 4s ease-in-out infinite .5s}.popular-posts .popular-link:nth-child(2) .rankno::before{-webkit-animation:LightSweep 2s ease-in-out infinite .5s;animation:LightSweep 2s ease-in-out infinite .5s}.popular-posts .popular-link:nth-child(2) .rankno::after{content:"2"}.popular-posts .popular-link:nth-child(3) .rankno{background:linear-gradient(135deg, #cd7f32, #daa520, #cd7f32);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-animation:bronzeMetalShine 4s ease-in-out infinite 1s;animation:bronzeMetalShine 4s ease-in-out infinite 1s}.popular-posts .popular-link:nth-child(3) .rankno::before{-webkit-animation:LightSweep 2s ease-in-out infinite 1s;animation:LightSweep 2s ease-in-out infinite 1s}.popular-posts .popular-link:nth-child(3) .rankno::after{content:"3"}.popular-posts .popular-link:nth-child(4) .rankno{background:linear-gradient(135deg, #6c757d, #868e96, #6c757d);color:#fff}.popular-posts .popular-link:nth-child(4) .rankno::after{content:"4"}.popular-posts .popular-link:nth-child(5) .rankno{background:linear-gradient(135deg, #495057, #6c757d, #495057);color:#fff}.popular-posts .popular-link:nth-child(5) .rankno::after{content:"5"}@-webkit-keyframes LightSweep{0%{transform:translateX(-150%) translateY(-150%)}50%{transform:translateX(0%) translateY(0%)}100%{transform:translateX(150%) translateY(150%)}}@keyframes LightSweep{0%{transform:translateX(-150%) translateY(-150%)}50%{transform:translateX(0%) translateY(0%)}100%{transform:translateX(150%) translateY(150%)}}@media(min-width: 600px){#front{justify-content:space-between;padding-right:calc((100vw - 1300px)/2 + 60px) !important;padding-left:calc((100vw - 1300px)/2 + 60px) !important}#front .search-box{display:flex}.popular-posts .popular-inner{justify-content:center;gap:40px;padding:40px;padding-bottom:40px}.popular-posts .popular-inner:before{right:30px;bottom:30px;top:auto;width:80px;height:80px}.popular-posts .popular-link{width:calc(30% - 10px)}.popular-posts .popular-link:nth-child(even){top:0}}
/*# sourceMappingURL=home.min.css.map */