/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){::-webkit-backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer theme{:root,:host{--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-bold:700;--font-weight-black:900;--radius-2xl:1rem}}@layer base,components;@layer app{body{margin:0 40px;padding:59px 0 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}h1{font-size:inherit;font-weight:inherit;margin:0}header{z-index:10;background:#fff;width:min(1024px,100% - 80px);position:fixed;top:0;left:50%;transform:translate(-50%)}header .header__top{width:100%;height:59px;position:relative}header .header__top .header__wkb-logo{width:165px;height:60px;padding:3px 5px 2px;position:absolute;left:4px}header .header__top .snslink-box{margin:7px 10px;position:absolute;right:4px}header .header__top .snslink-box .x-link{box-sizing:border-box;background-color:#000;width:46px;height:46px;padding:3px;display:inline-block}header .header__top .for-ie{z-index:1;color:#0000;text-align:center;word-break:keep-all;background-color:#0000;border:4px solid #0000;width:50%;padding:.5em;font-size:22px;font-weight:900;animation:.5s linear 1s forwards fade;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}header .header__top .for-ie wbr:before{content:"​"}@keyframes fade{0%{color:#0000;background-color:#0000;border:4px solid #0000}70%{color:#ff0000e6;background-color:#0000004d;border:4px solid #fff6}to{color:#fa6464;background-color:#ffffffd9;border:4px solid red}}.side-ads{background:0 0;width:1024px;height:100%;position:fixed;top:0;left:50%;transform:translate(-50%)}.side-ads .left-ad{width:160px;height:600px;margin-left:-170px;position:absolute;top:160px}.side-ads .right-ad{width:160px;height:600px;margin-right:-170px;position:absolute;top:160px;right:0}main,footer{width:100%;max-width:1024px;margin:0 auto;position:relative}.ad{width:fit-content;margin:15px auto}.ad.header__ad{justify-content:center;align-items:center;width:100%;max-width:728px;min-height:90px;margin:10px auto;display:flex}.ad.header__ad ins.adsbygoogle{max-width:100%}.card-ad{grid-column:1/-1;justify-content:center;align-items:center;display:flex}.card-ad .banner-ad-place{justify-content:center;align-items:center;width:100%;max-width:728px;min-height:90px;display:flex}.card-ad .banner-ad-place ins.adsbygoogle{max-width:100%}.adsbygoogle[data-ad-status=unfilled]{display:none!important}.card-ad:has(.adsbygoogle[data-ad-status=unfilled]){display:none}.ad.header__ad:has(.adsbygoogle[data-ad-status=unfilled]){display:none}.ad.below-header__ad{min-height:280px}.top-titles{width:380px;margin:20px auto;font-size:14pt}.top-titles .game-item,.top-titles .game-item.active{display:block}.top-titles .game-item.ad-place{display:none}.top-titles ul{padding:0;list-style:none}.top-titles ul:after{content:"";width:380px;display:block}.top-titles ul li{width:380px;height:auto;position:relative}.top-titles ul li li.empty{height:0}.top-titles ul li .wrapper{width:calc(100% - 20px);margin:10px;position:relative}.top-titles ul li .wrapper:before{content:"";padding-top:45%;display:block}.top-titles ul li .wrapper .game-banner{cursor:pointer;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;margin:0;position:absolute;inset:0}.top-titles ul li .wrapper .game-banner img{width:100%;height:100%}.top-titles ul li .wrapper .game-banner .item-overlay{display:none}.top-titles ul li .wrapper .game-banner .item-overlay .game-title{color:#fff;margin:.5em 1em;font-size:14pt;display:inline-block}@media screen and (width<=420px){.top-titles ul li .wrapper .game-banner .item-overlay .game-title{font-size:12pt}}.top-titles ul li .wrapper .game-banner .item-overlay .game-genre{color:#fff;background-color:#505050cc;margin:0 0 0 1em;font-size:10pt;display:inline-block}@media screen and (width<=420px){.top-titles ul li .wrapper .game-banner .item-overlay .game-genre{font-size:8pt}}.top-titles ul li .wrapper .game-banner .item-overlay .game-description{color:#fff;margin:.5em 1em;font-size:10pt;display:inline-block}@media screen and (width<=420px){.top-titles ul li .wrapper .game-banner .item-overlay .game-description{font-size:8pt}}.top-titles ul li .wrapper .game-banner:hover .item-overlay{background-color:#0009;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.top-titles ul li .wrapper .game-banner .banner-ad-place,.top-titles ul li .wrapper .game-banner .banner-ad{width:100%;max-width:360px;height:100%;max-height:162px;position:relative}.top-titles ul li .wrapper .game-banner.html5-game.with-button .item-overlay:before,.top-titles ul li .wrapper .game-banner.appli-game.with-button .item-overlay:before{content:"今すぐ遊ぶ";color:#f33;text-align:center;z-index:2;background-color:#fff;border:2px solid #f33;border-radius:1em;width:40%;height:2em;font-size:.75em;font-weight:700;line-height:2em;display:block;position:absolute;bottom:5%;right:3%}.top-titles ul li .wrapper .game-banner .favorite-wrapper{background-color:#0000;width:40px;height:40px;position:absolute;top:0;right:0}.top-titles ul li .wrapper .game-banner .favorite-wrapper .favorite{text-align:center;color:#ddd;font-size:30px;position:relative}.top-titles ul li .wrapper .game-banner .favorite-wrapper .favorite.on{color:#f091af}.top-titles .next-items-wrapper{box-sizing:border-box;background-color:#fff;width:380px;margin:0 auto;padding:10px 0;display:none;position:relative}.top-titles .next-items-wrapper .next-items{box-sizing:border-box;color:#ff8c00;background:#fff;border-color:#ff8c00;border-radius:5px;width:90%;margin:0 auto;padding:8px;font-size:13px;font-weight:900;display:block;position:relative}.genres .genre-buttons{display:block}.top-message{color:#665a66;text-align:center;clear:both;background-color:#ece7d6;margin:0;padding:3px;font-size:9pt}@media screen and (width<=620px){body,.top-message{margin:0}.genres .genre-buttons{display:none}}h1.top{text-align:center;-ms-border-radius:10px;background-color:#ff8c00;border-radius:10px;width:200px;margin:10px auto;padding:10px 20px;font-size:20pt}.top-image{width:261px;margin:0 10px 20px}.top-announcement{text-align:center;width:70%;margin:20px auto;font-size:14pt}@media screen and (width<=620px){.top-announcement{width:90%}}.top-announcement-txt{text-align:left;display:inline-block}.genre-select{margin-bottom:10px}.genres{text-align:center;width:70%;margin:20px auto;font-size:14pt}#btn_scroll_top{z-index:1000;opacity:.75;width:60px;height:60px;position:fixed;bottom:30px;right:calc(max(50% - 512px,0px) + 10px)}.hero__cta{gap:14px;display:flex}.btn{cursor:pointer;border-radius:999px;padding:12px 26px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{opacity:.9}.btn--primary{color:#fff;background:#ff8c00}.btn--ghost{color:#ff8c00;background:#fff;border:2px solid #ff8c00}.hero__art img{aspect-ratio:560/299;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000 0,#000 8% 93%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 8% 93%,#0000 100%)}.game-section{margin:28px 0}.card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.game-card{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:14px;transition:transform .15s,box-shadow .15s;overflow:hidden}.game-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001a}.card-thumb{aspect-ratio:20/9;background:#000;position:relative}.card-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.card-thumb .favorite-wrapper{width:36px;height:36px;position:absolute;top:6px;right:6px}.card-thumb .favorite{text-align:center;color:#fff;cursor:pointer;filter:drop-shadow(0 1px 2px #00000080);font-size:26px}.card-thumb .favorite.on{color:#f091af}.card-body{padding:12px 14px}.card-body .game-title{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.card-body .game-description{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.card-tag{color:#ff8c00;background:#fff0e0;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing) * 0)}.top-\[59px\]{top:59px}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-10{right:calc(var(--spacing) * 10)}.left-1{left:calc(var(--spacing) * 1)}.left-3{left:calc(var(--spacing) * 3)}.left-10{left:calc(var(--spacing) * 10)}.z-\[9\]{z-index:9}.clear-both{clear:both}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-10{margin-inline:calc(var(--spacing) * 10)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-2\.5{margin-block:calc(var(--spacing) * 2.5)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-\[14px\]{margin-top:14px}.mt-\[30px\]{margin-top:30px}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-\[22px\]{margin-bottom:22px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[59px\]{height:59px}.h-\[60px\]{height:60px}.w-\[150px\]{width:150px}.w-\[165px\]{width:165px}.w-full{width:100%}.max-w-\[200px\]{max-width:200px}.max-w-\[320px\]{max-width:320px}.flex-\[0_0_40\%\]{flex:0 0 40%}.flex-\[0_1_54\%\]{flex:0 54%}.flex-auto{flex:auto}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.basis-\[1\.5em\]{flex-basis:1.5em}.origin-left{transform-origin:0}.\[transform\:scale\(0\.75\)\]{transform:scale(.75)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.\[scrollbar-width\:none\]{scrollbar-width:none}.grid-cols-\[1fr\]{grid-template-columns:1fr}.grid-cols-\[repeat\(3\,1fr\)\]{grid-template-columns:repeat(3,1fr)}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[14px\]{border-radius:14px}.rounded-\[999px\]{border-radius:999px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#faf7f2\]{background-color:#faf7f2}.bg-\[\#fef5e0\]{background-color:#fef5e0}.bg-\[\#ff8c00\]{background-color:#ff8c00}.bg-white{background-color:var(--color-white)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[5px\]{padding-inline:5px}.px-\[18px\]{padding-inline:18px}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-9{padding-block:calc(var(--spacing) * 9)}.pt-\[3px\]{padding-top:3px}.pb-\[2px\]{padding-bottom:2px}.pb-\[50px\]{padding-bottom:50px}.text-center{text-align:center}.text-left{text-align:left}.text-\[0\.9rem\]{font-size:.9rem}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[34px\]{font-size:34px}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.whitespace-nowrap{white-space:nowrap}.text-\[\#2b2b2b\]{color:#2b2b2b}.text-\[\#333\]{color:#333}.text-\[\#555\]{color:#555}.text-\[\#666\]{color:#666}.text-\[\#888\]{color:#888}.text-\[\#ff8c00\]{color:#ff8c00}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.no-underline{text-decoration-line:none}.\[box-shadow\:0_1px_4px_rgba\(0\,0\,0\,0\.06\)\]{box-shadow:0 1px 4px #0000000f}.\[box-shadow\:0_1px_4px_rgba\(0\,0\,0\,0\.08\)\]{box-shadow:0 1px 4px #00000014}.\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}.\[border-bottom\:2px_solid_\#ff8c00\]{border-bottom:2px solid #ff8c00}.\[border-top\:\#d9d9d9_solid_1px\]{border-top:1px solid #d9d9d9}.\[border\:1px_solid_\#e0e0e0\]{border:1px solid #e0e0e0}.\[border\:1px_solid_\#ff8c00\]{border:1px solid #ff8c00}@media (hover:hover){.hover\:border-\[\#ffcc99\]:hover{border-color:#fc9}}@media (hover:hover){.hover\:text-\[\#ff8c00\]:hover{color:#ff8c00}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}