img{max-width:100%;height:auto}h1,h2,h3,h4,h5{color:inherit;margin:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}ul{list-style:none;padding:0;margin:0}li{display:block;list-style-type:none;width:100%;clear:both}body{margin:65px 0 0 0;padding:0;overflow-x:hidden;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#caf0df}header{position:fixed;width:1024px;z-index:10;top:0;left:50%;transform:translateX(-50%);margin-left:auto;margin-right:auto;background:#fff;height:65px}header.with-jack-ad{margin-bottom:0}header .header-wrapper{position:relative;margin:0;height:41px}@media screen and (max-width: 619px){header .header-wrapper{margin:0}}header .header-wrapper .wkb-logo{display:inline-block;width:160px;margin-top:2.5px}header .header-wrapper .wkb-logo img{max-width:100%;height:auto}header .snslink-box{margin:5px 10px 3px;float:right}header .snslink-box .share-buttons-wrapper{position:relative;margin:0;height:24px}header .snslink-box .share-buttons-wrapper .share-buttons{position:relative;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;height:100%}header .snslink-box .share-buttons-wrapper .share-buttons .share-button{position:relative;width:24px;margin:0 10px}header .snslink-box .share-buttons-wrapper .share-buttons .share-button a{position:relative;display:block;text-decoration:none;width:24px;height:24px;text-align:center}header .snslink-box .share-buttons-wrapper .share-buttons .share-button a span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}header .snslink-box .share-buttons-wrapper .share-buttons .share-button .share-button-twitter{position:relative;padding:15%;background-color:#000;box-sizing:border-box}header .snslink-box .share-buttons-wrapper .share-buttons .share-button .share-button-twitter img{max-width:100%;height:auto}header .snslink-box>a>img{margin-left:4px;vertical-align:baseline;height:45px}header .top-message{margin:0;padding:3px;font-size:9pt;background-color:#f49382;color:#fff;text-align:center;clear:both}@media screen and (max-width: 619px){header .top-message{margin:0}}.header-ad{position:relative;margin:15px auto 0;width:100%;max-width:970px;height:90px}main{position:relative;width:100%}.tab{position:relative;height:auto;margin:0}.tab .genres-table{display:block;position:relative;width:1024px;height:auto;margin:0 auto;overflow:hidden;background-color:#fff0f3;box-shadow:0 0 1px #ed8798;z-index:0}.tab .genres-table .tabs{position:relative;width:100%;overflow-x:hidden;background-color:rgba(0,0,0,0)}.tab .genres-table .tabs ul{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;height:auto;list-style:none}.tab .genres-table .tabs ul .genre-panel{position:relative;display:table-cell;float:none;width:auto;padding-top:6px;padding-bottom:6px;text-align:center;font-weight:bold;font-size:13px;color:#ed8798;background-color:rgba(0,0,0,0)}.tab .genres-table .tabs ul .genre-panel.selected{color:#fff0f3;background-color:#ed8798}.tab .genres-table .tabs ul .genre-panel:not(:first-child)::before{display:block;position:absolute;top:calc(50% - 10px);bottom:calc(50% - 10px);left:0;z-index:-2;width:1px;background-color:#ed8798;content:""}.tab .genres-table .tabs ul .genre-panel a{display:flex;white-space:nowrap;height:100%;text-decoration:none;color:inherit}.tab .genres-table .tabs ul .genre-panel a .genre-panel-select{display:flex;align-items:center;justify-content:center;width:100%;padding-left:7px;padding-right:7px}.tab .genres-table .tabs ul .current-genre{position:absolute !important;background-color:#ed8798;top:0;height:100%;z-index:-1}.tab .genres-table .genres-table__left-button{position:absolute;top:6px;left:3px;width:30px;height:30px;background-color:rgba(0,0,0,0);z-index:0;pointer-events:auto}.tab .genres-table .genres-table__left-button.most-left{display:none}.tab .genres-table .genres-table__left-button:hover i{-webkit-animation:none;animation:none;color:rgba(0,0,0,.5)}.tab .genres-table .genres-table__left-button i{-webkit-animation:flash 3s linear infinite;animation:flash 3s linear infinite;font-size:30px;z-index:2;color:rgba(0,0,0,.5)}.tab .genres-table .genres-table__right-button{position:absolute;top:6px;right:3px;width:30px;height:30px;background-color:rgba(0,0,0,0);z-index:0;pointer-events:auto}.tab .genres-table .genres-table__right-button.most-right{display:none}.tab .genres-table .genres-table__right-button:hover i{-webkit-animation:none;animation:none;color:rgba(0,0,0,.5)}.tab .genres-table .genres-table__right-button i{-webkit-animation:flash 3s linear infinite;animation:flash 3s linear infinite;z-index:2;font-size:30px;color:rgba(0,0,0,0)}@-webkit-keyframes flash{0%,80%,100%{color:rgba(200,0,0,0)}83%{color:rgba(200,0,0,.75)}}@keyframes flash{0%,80%,100%{color:rgba(200,0,0,0)}83%{color:rgba(200,0,0,.75)}}.subtab{margin:0;background-color:#fff0f3}.subtab ul{display:flex;flex-flow:wrap}.subtab ul li{padding:8px 20px;width:auto}.subtab ul li div{font-size:12px;color:#ed8798;background-color:rgba(0,0,0,0)}.subtab ul li div.current{font-size:13px;background-color:#ed8798}.subtab ul li div a{text-decoration:none;color:#fff0f3}.main{position:relative;top:0;margin:0;background-color:#fff}.main .main-wrapper{position:relative;max-width:1024px;margin:0 auto}.main .container{position:relative;width:1024px;margin:0 auto}.main .container.wide{padding-left:0;padding-right:0;background-color:#fff}.main .container .top-ad{min-height:150px;margin:0;width:100%}.main .container .top-ad__display-ad{position:relative;width:300px;height:250px;margin:20px auto}.main .container .genre-banner{margin:10px}.main .container>div.ad{width:calc((100% - 90px)/4);min-width:374px}.main .container>section{position:relative;width:380px;margin:0 auto}.main .container>section.rank{display:none}.main .container>section.rank.active{display:block}.main .container>section .in-feed-ad{margin:15px 3px;width:auto;height:auto;min-width:250px;min-height:141px}.main .container>section:nth-child(2n){background-color:#fff0f3}.main .container>section:nth-child(2n+1){background-color:rgba(0,0,0,0)}.main .container>section:has(.in-feed-ad){background-color:rgba(0,0,0,0)}.main .container .game-item{position:relative;padding:15px 3px}.main .container .game-item .game-body{position:relative;padding:6px 0 4px;box-sizing:border-box;display:-ms-grid;display:grid;-ms-grid-columns:40% 1fr 94px;grid-template-columns:40% 1fr 94px;-moz-column-gap:15px;column-gap:15px;-ms-grid-rows:auto 1fr 32px;grid-template-rows:auto 1fr 32px}.main .container .game-item .game-body .game-banner{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3;width:100%;padding:0;background-color:rgba(0,0,0,0)}.main .container .game-item .game-body .game-banner .game-banner-wrapper{position:relative;width:100%;height:0;padding-top:53.97%}.main .container .game-item .game-body .game-banner .game-banner-wrapper .game-banner-image{position:absolute;top:0;left:0;width:100%;height:100%}.main .container .game-item .game-body .game-banner .game-banner-wrapper .game-banner-image img{width:100%;height:100%}.main .container .game-item .game-body .game-label{-ms-grid-column:2;-ms-grid-column-span:2;grid-column:2/4;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;padding-bottom:10px}.main .container .game-item .game-body .game-label h3{color:#333;font-size:14px;font-weight:700;line-height:18px;text-align:left;text-decoration:none;display:inline-block;overflow:hidden;padding:0;width:100%;vertical-align:middle}.main .container .game-item .game-body .game-label .star-area{position:absolute;top:0;right:0;height:23px;width:23px;background-color:rgba(0,0,0,0)}.main .container .game-item .game-body .game-label .star-area .star{position:relative;height:100%;width:100%;font-size:18px;color:#ddd}.main .container .game-item .game-body .game-label .star-area .star i{-webkit-text-fill-color:#ddd;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#ddd}.main .container .game-item .game-body .game-label .star-area .star.favorite{color:#f091af}.main .container .game-item .game-body .game-label .star-area .star.favorite i{-webkit-text-fill-color:#f091af;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#f091af}.main .container .game-item .game-body .game-description{-ms-grid-column:2;-ms-grid-column-span:2;grid-column:2/4;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;width:100%;text-align:left}.main .container .game-item .game-body .game-description p{display:inline-block;color:#909090;font-size:10px;font-weight:700;line-height:13px}.main .container .game-item .game-body .game-genres{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4;margin-top:4px;padding-top:4px}.main .container .game-item .game-body .game-genres .genre-label{background-color:#57956a;color:#fff;border-radius:2px;display:inline-block;font-size:11px;font-weight:400;height:13px;line-height:13px;overflow:hidden;padding:0 3px 0 2px;white-space:nowrap;margin-left:2px;margin-right:2px}.main .container .game-item .game-body .game-genres .genre-label.genre-new{background-color:#ff554a}.main .container .game-item .game-body .game-links{-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4;display:-ms-grid;display:grid;justify-content:flex-end}.main .container .game-item .game-body .game-links .game-button{background-color:#fff;border-radius:2px;border-style:solid;border-width:1px;border-color:#b93221;text-align:center;min-width:94px}.main .container .game-item .game-body .game-links .game-button .game-button-label{display:inline-block;overflow:hidden;vertical-align:middle;color:#b93221;font-size:12px;font-weight:400;line-height:28px}.main.with-jack-ad{width:1024px;overflow:hidden;margin:0 auto}.main.with-jack-ad .container{width:100%}.foot{border:0px;margin:0 auto;width:1024px;box-sizing:border-box;text-align:center;clear:both;color:#fff;background-color:#f49382;padding:2em 2em 130px 2em}.foot .nav-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:.8em;margin-bottom:1em}.foot .nav-list .contact,.foot .nav-list .privacypolicy{line-height:1.5}.foot .nav-list .contact a,.foot .nav-list .privacypolicy a{font-size:18px;font-family:inherit;font-weight:500;text-decoration:none;color:inherit}.foot .copyright{display:block;-webkit-margin-before:1.33em;margin-block-start:1.33em;-webkit-margin-after:1.33em;margin-block-end:1.33em;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;font-size:18px;margin-top:10px;margin-bottom:10px;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.foot .footer__nav{width:100%}.foot .footer__nav nav{margin:3em auto}.foot .footer__nav nav .nav-list{vertical-align:baseline}.foot .footer__nav nav .nav-list li{position:relative;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;float:none}.foot .footer__nav nav .nav-list li::before{position:absolute;top:calc(50% - .5em);left:0;width:1px;height:1em;content:"";background-color:#fff0f3}.foot .footer__nav nav .nav-list li:last-child::after{position:absolute;top:calc(50% - .5em);right:0;width:1px;height:1em;content:"";background-color:#fff0f3}.foot .footer__nav nav .nav-list li a{text-decoration:none;color:#fff0f3;padding:4px 20px 3px;font-size:14px}.foot .footer__nav nav .nav-list li .subnav-list{display:inline-block}.foot .footer__nav nav .nav-list li .subnav-list li::before{top:calc(50% - .35em);height:.7em}.foot .footer__nav nav .nav-list li .subnav-list li::after{width:0}#btn_scroll_top{position:fixed;right:calc((100% - 1024px)/2 + 10px);bottom:30px;width:60px;height:60px;z-index:1000;opacity:.75}@media screen and (max-width: 620px){body{margin:0}.tab{margin:0}li{display:block;list-style-type:none;width:100%;height:auto}.top-message{margin:0}.top-titles{width:100%}.genres .genre-buttons{display:none}.genres-table{width:100%}}.ad{position:relative;width:300px;height:250px;margin:0 auto}.jack-top{position:relative;margin-bottom:0;margin-left:0;max-width:none;width:100%;height:200px;padding:0}.jack-top img{position:absolute;width:1200px;max-width:none;height:200px}.jack-wrapper{position:relative;width:100%;margin:0 auto;color:#fff}.jack-wrapper .jack-inner-wrapper{position:absolute;top:0;left:calc((100% - 1024px)/2)}.jack-wrapper .jack-inner-wrapper .jack-center{position:relative;width:1024px}.jack-wrapper .jack-inner-wrapper .jack-center .left{position:absolute;box-sizing:border-box;padding:20px;top:0;left:-200px;width:200px;height:1200px}.jack-wrapper .jack-inner-wrapper .jack-center .right{position:absolute;box-sizing:border-box;padding:20px;top:0;right:-200px;width:200px;height:1200px}.jack-wrapper img{max-width:100%;height:auto}.next-ranks-wrapper{position:relative;width:380px;margin:0 auto;background-color:#fff0f3;padding:10px 0;box-sizing:border-box}.next-ranks-wrapper .next-ranks{position:relative;display:block;width:90%;margin:0 auto;box-sizing:border-box;padding:8px;border-radius:5px;border-color:#f49382;font-size:13px;font-weight:900;background:#fff;color:#f49382}
