@charset "UTF-8";body{background-color:#f0f0f0}#content{position:relative;width:100%;overflow:hidden;background-image:url(https://file.valofe.com/Valofe_file/web/nage/images/main/bg_main_01.jpg),linear-gradient(to bottom,#474459,#474459);background-size:contain,100% 800px;background-repeat:no-repeat;background-position:top -55px center,top center}#logoCopy{text-align:center;margin-top:18.4vw}.wrap-banner{overflow:hidden;width:100%;box-sizing:border-box;box-shadow:none;border:none}.wrap-banner .event-text-wrap{position:relative}.wrap-banner .pull-right{width:29.25%}.wrap-banner .pull-right img{width:100%}.wrap-banner .clearfix{position:relative}.wrap-banner .event-text-wrap{position:absolute;top:0;left:0;width:70%;height:100%}.wrap-banner .event-text-wrap .event-text{display:inline-block;vertical-align:middle;margin-left:6.875rem}.wrap-banner .event-text-wrap .blank{display:inline-block;width:0;height:100%;vertical-align:middle}.banner-title{font-size:35px;font-size:1.84vw;font-size:1.84vw;line-height:1.4;font-weight:400}.banner-title:last-child{margin-bottom:10px}p.banner-title{font-size:1.3vw;font-weight:300}.banner-desc{font-size:15px;font-size:.9375rem;font-weight:300;line-height:2}.event-img.small{display:none}.card-wrap{width:100%;min-height:966px;margin-top:0;margin-bottom:5vh}.card-wrap .main-card{z-index:8000;width:auto;max-width:1200px;margin:0 auto}.main-card .row-w{margin-left:auto;margin-right:auto;width:100%;max-width:1200px!important}.card-wrap .main-card .card{margin-bottom:20px}.card-wrap .main-card .wrap-banner.card{margin-bottom:0}.card-wrap .main-card .card h2{background:rgba(107,84,154,.75);height:65px;line-height:65px;color:#fff;padding-left:20px;box-sizing:border-box}.card-wrap .main-card .card:hover h2{box-shadow:0 0 8px rgba(0,0,0,.45)}.btn-more,.btn-more:visited{z-index:30;display:inline-block;position:absolute;top:17px;right:20px;width:30px;height:30px;background:url(https://file.valofe.com/Valofe_file/web/nage/images/main/icon_more.png) no-repeat center/auto;background-color:#fff}.card{float:left;overflow:hidden;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.wrap-announce,.wrap-event,.wrap-facebook,.wrap-maintenance,.wrap-media,.wrap-patch,.wrap-ranking,.wrap-update{z-index:20;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.wrap-announce{box-sizing:border-box;width:360px;height:335px;width:calc(33.7% - 13px)}.wrap-maintenance{box-sizing:border-box;width:392px;height:335px;width:calc(33.7% - 13px)}.wrap-patch{box-sizing:border-box;width:392px;height:335px;width:calc(33.7% - 12px)}.wrap-event{box-sizing:border-box;width:392px;height:335px;width:calc(33.7% - 13px);background:#393970}.wrap-ranking{box-sizing:border-box;width:392px;height:335px;width:calc(33.7% - 13px);background:#393970}.wrap-media{box-sizing:border-box;width:392px;height:335px;width:calc(33.7% - 13px)}.wrap-announce{margin-right:12px}.wrap-maintenance{margin-right:12px}.wrap-patch{margin-right:0}.wrap-event{margin-right:12px}.wrap-ranking{margin-right:12px}.wrap-media{margin-right:0}.card dl{z-index:30;position:relative;box-sizing:border-box;width:100%;height:100%;display:inline-block;border:1px solid #5a5a5a}.card dl a dt{z-index:30;position:absolute;padding:0 23px;top:15.725rem;font-size:20px;font-size:1.25rem;text-shadow:0 0 5px rgba(0,0,0,.3);color:#fff;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;word-break:keep-alll}.card dl a dd{z-index:30;position:absolute;padding:0 23px;bottom:24px;bottom:1.5rem;font-size:14px;font-size:.875rem;line-height:18px;line-height:1.25rem;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.3);-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.card .bg-gradient{position:absolute;left:-1px;top:0;width:100%;height:100%;z-index:29;display:none}.card dl a img{z-index:25;position:absolute;width:100%;height:100%;margin:auto;right:0;left:0;top:0;bottom:0;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;z-index:-1}.wrap-event ul{width:90%;margin:8px auto}.wrap-event ul li{height:40px;line-height:40px}.wrap-event ul li a{max-width:calc(100% - 100px)}.wrap-event ul li .date{float:right;font-size:12px;font-size:.75rem;color:#d0d0d0}.wrap-event .go-cafe{position:absolute;left:-1px;bottom:-1px;width:calc(100% + 2px);height:47px;line-height:47px;padding-left:20px;background-size:200% auto;background-image:linear-gradient(to right,#3c7af8 0,#ff394c 100%);background-position:right center;transition:.5s;animation:bgPos 1.4s 0s infinite linear alternate}.wrap-event .go-cafe img{width:auto;height:auto;position:relative;vertical-align:middle;margin-right:1rem;z-index:1}.wrap-event .go-cafe img:nth-child(2){float:right;margin-top:16.5px}.wrap-event .go-cafe:hover{cursor:pointer}@keyframes bgPos{0%{background-position:right center}100%{background-position:left center}}.wrap-ranking{position:relative}.wrap-ranking .ranking-cont{width:100%}.wrap-ranking h1{padding-left:23px;padding-left:1.438rem;padding-top:9px;padding-top:1.188rem;font-size:26px;font-size:1.625rem;color:#f89c22;text-shadow:0 0 3px rgba(0,0,0,.95)}.wrap-ranking h1 span.small{font-size:16px;font-size:1rem}table .show-caption{overflow:hidden;position:relative;min-height:20px;padding-left:23px;padding-left:1.438rem;padding-right:23px;padding-right:1.438rem;text-align:left;font-size:18px;font-size:1.125rem;color:#fff}.wrap-ranking .tbl-ranking{width:100%}.wrap-ranking .tbl-ranking caption{width:100%;height:30px;line-height:40px;text-align:center;background:#181846}.wrap-ranking .tbl-ranking th{border:none;height:46px;line-height:46px;font-weight:700;font-size:1rem;text-align:center;color:#a173ff;background:#181846}.wrap-ranking .tbl-ranking td{border:none;height:38px;line-height:38px;font-weight:300;font-size:13px;text-align:center;color:#fff;white-space:nowrap}.wrap-patch h1{padding-left:16px;padding-left:1rem;padding-top:16px;padding-top:1rem;font-size:20px;font-size:1.875rem;color:#f89c22}.wrap-patch .tbl-item{position:absolute;margin-left:-16px;margin-left:-154.5px;left:50%;padding-bottom:30px;bottom:-15rem}.wrap-patch .tbl-item th{font-weight:400;color:#696969;text-align:left;font-size:14px;font-size:.875rem;font-family:hooge0555,sans-serif;text-transform:uppercase}.wrap-patch .tbl-item td{font-weight:400;color:#f89c22;text-align:left;font-size:14px;font-size:.875rem;font-family:hooge0555,sans-serif;text-transform:uppercase}.wrap-media .btn-play{position:absolute;z-index:30;top:160px;top:10rem;left:50%;margin-left:-35px;margin-left:-2.15625rem;display:inline-block;width:69px;height:69px;width:4.3125rem;height:4.3125rem;background:url(https://file.valofe.com/Valofe_file/web/nage/images/main/btn-play.png) 0 0 no-repeat;background-size:contain;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.wrap-media:hover .btn-play{top:140px}@media screen and (max-width:1660px){.banner-title{font-size:34px}p.banner-title{font-size:22px}}@media screen and (max-width:1300px){#content{background-position:top -20px center;background-size:contain,100% 60vw}}@media screen and (max-width:1280px){#logoCopy{margin-top:19.4vw}.main-card .row-w{width:94%;margin:0 auto}.card-wrap .main-card .card h2{height:50px;line-height:50px;font-size:18px;font-size:1.53846rem;font-size:1.3846rem}.btn-more,.btn-more:visited{top:10px}.wrap-event ul li a{max-width:214px;font-size:1rem}}@media screen and (max-width:1200px){.banner-title{font-size:3vw}p.banner-title{font-size:2vw}.banner-desc{font-size:1.0769rem}}@media screen and (max-width:1170px){.wrap-event ul li a{max-width:66%}.icon-new{width:15px;height:15px;line-height:13px;font-size:10px;text-indent:-.5px}}@media screen and (max-width:1024px){.mb-hidden1024{display:none}#content{background-position:top 25px center}#logoCopy{margin-top:25.4vw}.main-card{margin:-80px 2% 0}.card-wrap{min-height:1080px;margin-bottom:0}.wrap-announce{box-sizing:border-box;width:calc(50% - 6px);height:22rem}.wrap-maintenance{box-sizing:border-box;width:calc(50% - 6px);height:22rem;margin-right:0}.wrap-patch{box-sizing:border-box;width:calc(50% - 6px);height:22rem;margin-right:12px}.wrap-event{box-sizing:border-box;width:calc(50% - 6px);height:22rem;margin-right:0}.wrap-event ul{margin:14px auto}.wrap-event ul li{height:32px;line-height:32px;line-height:2.4615rem}.wrap-ranking{box-sizing:border-box;width:calc(50% - 6px);height:22rem}.wrap-ranking .tbl-ranking th{height:unset;line-height:unset;padding:10px 0 5px}.wrap-ranking .tbl-ranking td{height:32px;line-height:32px}.wrap-media{box-sizing:border-box;width:calc(50% - 6px);height:22rem;margin-right:0}.tbl-ranking tbody tr:nth-child(1){border-top:.875rem solid transparent}}@media screen and (max-width:800px){.wrap-banner .slick-dots{bottom:0}}@media screen and (max-width:768px){#content{background-size:contain,100% 38rem}.banner-title{font-size:3.2vw}p.banner-title{font-size:2.3vw}.wrap-banner .pull-right{height:13.846rem}}@media screen and (max-width:640px){.wrap-banner .pull-right img{width:auto;height:100%;margin-left:-6vw}#content{background:url(https://file.valofe.com/Valofe_file/web/nage/images/main/bg_main_mb.jpg) no-repeat top -55px center;background-size:auto}}@media screen and (max-width:568px){.wrap-banner .pull-right{width:100%}.wrap-banner .pull-right img{margin:0 auto;padding-left:13vw}.wrap-banner .event-text-wrap{position:relative;width:100%;text-align:center}.wrap-banner .event-text-wrap .event-text{margin-left:0}.banner-title{font-size:1.5384rem}p.banner-title{font-size:1.25rem}.wrap-banner .slick-dots{bottom:-2rem;padding:0;text-align:center}.wrap-banner .slick-dotted.slick-slider{margin-bottom:3.25rem}.card-wrap .main-card .card{width:100%;margin-right:0}}