/*! 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}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme,base,components;@layer utilities{.fixed{position:fixed}.static{position:static}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}body{margin:0 40px;padding:81px 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%);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:1024px;margin:0 auto;position:relative}.ad{width:fit-content;margin:15px auto}.ad.header__ad{width:728px;height:90px;margin:10px auto}.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}.foot{text-align:center;clear:both;border:0;width:100%;margin:0 auto}.foot .footer-link-list{border-top:1px solid #ccc;margin:1em auto 0}.foot .footer-link-list a{color:#000;font-size:12px;text-decoration:none}.foot h4{margin-top:0}#btn_scroll_top{z-index:1000;opacity:.75;width:60px;height:60px;position:fixed;bottom:30px;right:calc(max(50% - 512px,0px) + 10px)}.site-nav{white-space:nowrap;align-items:center;gap:20px;height:59px;font-size:14px;font-weight:700;display:flex;position:absolute;top:0;right:8px}.site-nav__link{color:#888;padding:4px 2px;text-decoration:none}.site-nav__link:hover{color:#ff8c00}.site-nav__link.is-active{color:#ff8c00;border-bottom:2px solid #ff8c00}.site-nav__link.is-disabled{color:#ccc;cursor:default}.hero{background:#fef5e0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin:16px auto 8px;padding:36px 40px;display:flex}.hero__copy{flex:auto}.hero__title{color:#2b2b2b;font-size:34px;font-weight:900;line-height:1.2}.hero__lead{color:#555;margin:14px 0 22px;font-size:15px;line-height:1.7}.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{flex:0 54%;max-width:320px;margin:0}.hero__art img{-webkit-mask-composite:source-in;-webkit-mask-composite:source-in, xor;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 9%),linear-gradient(#0000 0,#000 8% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 9%),linear-gradient(#0000 0,#000 8% 93%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero--genre{padding:24px 32px}.hero__title--genre{font-size:30px}.genre-tabs{background:#fff;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px auto;padding:8px;display:flex;box-shadow:0 1px 4px #0000000f}.genre-tab{color:#666;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;text-decoration:none}.genre-tab:hover{color:#ff8c00}.genre-tab.is-active{color:#fff;background:#ff8c00}.game-section{margin:28px 0}.section-head{color:#2b2b2b;margin:0 0 14px;font-size:20px;font-weight:900}.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}.feature-strip{background:#faf7f2;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0;padding:20px;display:grid}.feature{align-items:center;gap:12px;display:flex}.feature__icon{font-size:28px}.feature strong{color:#333;font-size:14px;display:block}.feature small{color:#888;font-size:12px;display:block}@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}