@charset "utf-8";#splash{position:fixed;z-index:99999;width:100%;height:100%;text-align:center;color:#fff}#g-nav{position:fixed;z-index:999;top:0;right:-100%;width:30%;height:100vh;background:linear-gradient(45deg,rgba(88,182,211,.9),rgba(229,93,135,.9));transition:all 0.6s}#g-nav.panelactive{right:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:30%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}@media only screen and (max-width:768px){#g-nav,#g-nav.panelactive #g-nav-list{width:100%}}#g-nav ul{position:absolute;z-index:999;top:30%;left:50%;transform:translate(-50%,-50%)}#g-nav li{list-style:none;text-align:center}#g-nav li a{color:#fff;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700;transition:all .5s}#g-nav li a:hover{color:#ccc}.g-nav-sns{position:absolute;top:76%;left:50%;transform:translate(-50%,-50%)}.g-nav-sns{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.sns-box-2{display:flex}.sns-box-2{display:flex;width:300px;justify-content:space-around}.sns-box-2 p{width:50px;height:50px}.sns-box-2 p a{display:block}.openbtn{position:fixed;z-index:9999;top:10px;right:10px;cursor:pointer;width:50px;height:50px}.openbtn span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background-color:#fff;width:45%}.openbtn span:nth-of-type(1){top:15px}.openbtn span:nth-of-type(2){top:23px}.openbtn span:nth-of-type(3){top:31px}.openbtn.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}@media only screen and (max-width:375px){.sort-btn{flex-wrap:wrap;justify-content:space-between}.sort-btn li{width:48%;margin:0 0 10px 0;text-align:center}}.scroll-top{position:fixed;right:20px;bottom:10px;z-index:2;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;white-space:nowrap;animation:arrowmove 1s ease-in-out infinite}@keyframes arrowmove{0%{bottom:20px}50%{bottom:25px}100%{bottom:20px}}.scroll-top.scroll-view{opacity:1;visibility:visible}.scroll-top a{position:relative;text-decoration:none;color:#666;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;display:block}.js-scroll.scroll-top a{color:#aaa}.js-scroll a::after{content:"";position:absolute;top:0;right:0;width:1px;height:50px;background:#aaa}.js-scroll a::before{content:"";position:absolute;top:30px;right:-6px;width:1px;height:20px;background:#aaa;transform:skewX(-31deg)}_:-ms-lang(x),.js-scroll a::before{right:-11px}.js-pagetop a::after{content:"";position:absolute;top:0;right:0;width:1px;height:50px;background:#666}.js-pagetop a::before{content:"";position:absolute;top:0;right:-6px;width:1px;height:20px;background:#666;transform:skewX(31deg)}_:-ms-lang(x),.js-pagetop a::before{right:0}#slider{width:100%;height:100vh}.grid{position:relative}.item{display:block;position:absolute;width:33%;z-index:1}.item-content{position:relative;width:100%;height:100%;padding:30px}.item-content a{text-decoration:none}.item-content span{display:block;text-align:center;letter-spacing:.05em;padding:10px 0 0 0}.grid img{width:100%;height:auto;vertical-align:bottom}@media only screen and (max-width:768px){.item{width:49.5%}.item-content{padding:10px}}.fancybox-thumbs{background:transparent!important}.fancybox-thumbs__list a:before{border:6px solid #FA999B}.fancybox-caption__body{letter-spacing:.1em}.item{opacity:0}.fadeUp{animation-name:fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;margin-top:100px}to{opacity:1;margin-top:0}}.TextRandomAnime span{opacity:0}.TextRandomAnime.appearRandomtext span{animation:text_randomanime_on .5s ease-out forwards}@keyframes text_randomanime_on{0%{opacity:0}100%{opacity:1}}.TextRandomAnime.appearRandomtext span:nth-child(2n){animation-delay:0.7s}.TextRandomAnime.appearRandomtext span:nth-child(3n+1){animation-delay:0.35s}.img-box{overflow:hidden}.grid img{transform:scale(1);transition:.5s ease-in-out}.grid a:hover img{transform:scale(1.1)}#splash{background:linear-gradient(45deg,#3bade3,#9844b7,#44ea76);background-size:200% 200%;animation:bggradient 20s ease infinite}@keyframes bggradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.gradient1{display:block;color:#fff;padding:10px;border-radius:30px;text-decoration:none;outline:none;background:linear-gradient(270deg,#3bade3 0%,#576fe6 25%,#9844b7 51%,#ff357f 100%);background-position:1% 50%;background-size:200% auto;transition:all 0.3s ease-out;margin-top:2rem;font-weight:700;text-align:center}.gradient1:hover{color:#fff;background-position:99% 50%}.star5_rating{position:relative;z-index:0;display:inline-block;white-space:nowrap;color:#CCC;font-size:1.8rem;margin-top:-20px}.star5_rating:before,.star5_rating:after{content:'★★★★★'}.star5_rating:after{position:absolute;z-index:1;top:0;left:0;overflow:hidden;white-space:nowrap;color:#ffcf32}.star5_rating[data-rate="5"]:after{width:100%}.star5_rating[data-rate="4.5"]:after{width:90%}.star5_rating[data-rate="4"]:after{width:80%}.star5_rating[data-rate="3.5"]:after{width:70%}.star5_rating[data-rate="3"]:after{width:60%}.star5_rating[data-rate="2.5"]:after{width:50%}.star5_rating[data-rate="2"]:after{width:40%}.star5_rating[data-rate="1.5"]:after{width:30%}.star5_rating[data-rate="1"]:after{width:20%}.star5_rating[data-rate="0.5"]:after{width:10%}.star5_rating[data-rate="0"]:after{width:0%}