.section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:hidden;padding:48px var(--local-side-spacing, 64px)}.section#wktk-creator-programs::before{content:"";position:absolute;top:-19.6895424837vw;left:50%;aspect-ratio:191/122;width:76.7973856209vw;min-width:940px;height:auto;background-image:url("../../../image/page/sokubarai_battle/bg.png");background-size:cover;background-position:center top;background-repeat:no-repeat;-webkit-filter:opacity(40%) blur(3px);filter:opacity(40%) blur(3px);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}[data-is-mobile=true] .section#wktk-creator-programs::before{min-width:382px;top:-24.51325vw;width:95.5vw}.section#wktk-videos::before{content:"";position:absolute;top:-20%;left:0;width:100%;height:100%;background-image:var(--background-thumbnail, none);background-size:cover;background-position:center top;background-repeat:no-repeat;-webkit-filter:opacity(25%) blur(32px) saturate(2) contrast(2);filter:opacity(25%) blur(32px) saturate(2) contrast(2);z-index:-2}[data-is-mobile=true] .section#wktk-videos::before{background-size:100% auto}.section#wktk-videos::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--mono8, #fff)));background:-webkit-linear-gradient(top, transparent, var(--mono8, #fff));background:linear-gradient(to bottom, transparent, var(--mono8, #fff));z-index:-1}[data-is-mobile=true] .section{padding-block:24px}.creators-section{padding-block:40px 8px;background-color:var(--mono7, #f2f2f2)}[data-is-mobile=true] .creators-section{padding-block:24px 0}.creators-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px;padding:32px var(--local-side-spacing, 64px);list-style:none;width:100%}[data-is-mobile=true] .creators-grid{gap:16px;padding-block:24px;overflow-x:auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.program-cards-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px 24px;list-style:none;padding:0;margin:0}@container (min-width: 1336px){.program-cards-grid{grid-template-columns:repeat(5, 1fr)}}[data-is-mobile=true] .program-cards-grid{grid-template-columns:1fr;gap:16px}.empty-message-videos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:24px;padding:40px;text-align:center;background-color:var(--mono7, #f2f2f2);border-radius:4px;width:100%}.empty-message-videos p{font-size:16px;line-height:1.8;color:var(--mono3, #4d4d4d);margin:0}[data-is-mobile=true] .empty-message-videos{padding:24px;gap:16px;word-break:auto-phrase}[data-is-mobile=true] .empty-message-videos p{font-size:12px}.section-title{font-weight:700;font-size:32px;color:var(--mono1, #1a1a1a);font-family:"M PLUS Rounded 1c",sans-serif}#wktk-creator-programs .section-title{text-shadow:0 0 8px var(--mono8, #fff),0 0 16px var(--mono8, #fff)}[data-is-mobile=true] .section-title{font-size:20px}.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:48px;gap:40px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[data-is-mobile=true] .section-header{margin-bottom:24px;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.creators-section .section-header{margin-bottom:0}.section-title-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1}[data-is-mobile=true] .section-title-area{gap:8px}.section-subtitle{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Meiryo",sans-serif;font-weight:300;font-size:16px;line-height:normal;color:var(--mono2, #252525);margin:0;white-space:nowrap}[data-is-mobile=true] .section-subtitle{font-size:12px}.empty-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:40px 20px;text-align:center}.empty-message p{font-size:16px;color:var(--mono3, #4d4d4d);margin:0}[data-is-mobile=true] .inner-content-area{width:100%}.section-button--videos{margin:56px auto 0}[data-is-mobile=true] .section-button--videos{margin-top:32px}.live-user-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:88px;gap:8px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0}[data-is-mobile=true] .live-user-card{width:56px}.live-user-card:hover .live-user-name-text{color:var(--blue, #056dff)}.live-user-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;color:inherit;width:100%;gap:8px}.live-user-icon-image{position:relative;width:100%;aspect-ratio:1/1;background:var(--mono7, #f2f2f2);border-radius:10000px;overflow:hidden;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}[data-live=true] .live-user-icon-image{border:4px solid #d71d43}.live-user-name-text{font-size:14px;font-weight:bold;color:var(--mono2, #252525);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1;max-width:100%;display:block}[data-is-mobile=true] .live-user-name-text{font-size:12px}.live-user-card:hover .live-user-name-text{color:var(--blue, #056dff)}.program-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:100%;cursor:pointer}.program-card:hover:not(:has(.program-owner-icon-link:hover)) .program-title-link{color:var(--blue, #056dff)}.program-card .program-owner-icon-link:hover{color:var(--blue, #056dff)}[data-is-mobile=true] .program-card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px;padding:0;height:auto}.program-card-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;gap:8px}[data-is-mobile=true] .program-card-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px;width:100%}.program-thumbnail-area{position:relative;width:100%;aspect-ratio:320/180;border-radius:4px;overflow:hidden}[data-is-mobile=true] .program-thumbnail-area{width:144px;height:81px;-ms-flex-negative:0;flex-shrink:0}.program-thumbnail-link{display:block;text-decoration:none;color:inherit;width:100%;height:100%}.program-thumbnail-wrapper{position:relative;width:100%;height:100%;background:var(--mono7, #f2f2f2);overflow:hidden;--base-font: #000;--base-bg: #f2f2f2;--surface-primary: #fff;--surface-secondary: #f2f2f2;--surface-float: #fff;--mono1: #1a1a1a;--mono2: #252525;--mono3: #4d4d4d;--mono4: #666;--mono5: #b3b3b3;--mono6: #e6e6e6;--mono7: #f2f2f2;--mono8: #fff;--blue: #056dff;--red: #d71d43;--rookie: #0e814a}.program-card[data-broadcast-status=ended] .program-thumbnail-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1}.program-thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}[data-is-mobile=true] .program-thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.program-status-label{position:absolute;top:4px;left:4px;z-index:1;padding:1px 4px;border-radius:2px;height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600;font-size:12px;line-height:1;color:var(--mono8, #fff);white-space:nowrap;--base-font: #000;--base-bg: #f2f2f2;--surface-primary: #fff;--surface-secondary: #f2f2f2;--surface-float: #fff;--mono1: #1a1a1a;--mono2: #252525;--mono3: #4d4d4d;--mono4: #666;--mono5: #b3b3b3;--mono6: #e6e6e6;--mono7: #f2f2f2;--mono8: #fff;--blue: #056dff;--red: #d71d43;--rookie: #0e814a}.program-status-label[data-broadcast-status=video]{background-color:#404040}.program-status-label[data-broadcast-status=live]{background-color:#d71d43}.program-status-label[data-broadcast-status=released]{background-color:var(--mono2, #252525)}.program-status-label[data-broadcast-status=ended]{background-color:var(--mono4, #666)}.program-status-label[data-broadcast-status=timeshift]{background-color:#388bff}.program-status-label .program-status-label-link{color:inherit;text-decoration:none}.program-status-label .program-status-label-link:hover{text-decoration:underline}[data-is-mobile=true] .program-status-label{font-size:10px}.program-duration-label{position:absolute;bottom:4px;right:4px;z-index:1;padding:0 4px;background:rgba(26,26,26,.8);border-radius:2px;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"Avenir Next","Lato",sans-serif;font-weight:700;font-size:12px;line-height:1;color:var(--mono8, #fff);white-space:nowrap;--base-font: #000;--base-bg: #f2f2f2;--surface-primary: #fff;--surface-secondary: #f2f2f2;--surface-float: #fff;--mono1: #1a1a1a;--mono2: #252525;--mono3: #4d4d4d;--mono4: #666;--mono5: #b3b3b3;--mono6: #e6e6e6;--mono7: #f2f2f2;--mono8: #fff;--blue: #056dff;--red: #d71d43;--rookie: #0e814a}[data-is-mobile=true] .program-duration-label{font-size:10px}.program-content-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;width:100%}.program-title-area{width:100%;min-height:44.8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[data-is-mobile=true] .program-title-area{min-height:auto}.program-title{font-weight:600;font-size:16px;line-height:1.4;color:var(--mono2, #252525);margin:0;display:block;display:-webkit-box;overflow:hidden;max-height:calc(1em * 1.4 * 2);line-height:1.4;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none}[data-is-mobile=true] .program-title{font-size:14px}.program-statistics-area{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.program-start-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.program-start-time-text{font-family:"Avenir Next","Lato",sans-serif;font-weight:400;font-size:12px;line-height:1;color:var(--mono4, #666);white-space:nowrap}.program-statistics-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.program-statistics-icon{width:12px;height:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--mono5, #b3b3b3);background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.program-statistics-icon--user{-webkit-mask-image:url("/image/common/user.svg");mask-image:url("/image/common/user.svg")}.program-statistics-icon--play{-webkit-mask-image:url("/image/common/play.svg");mask-image:url("/image/common/play.svg")}.program-statistics-icon--comment{-webkit-mask-image:url("/image/common/comment.svg");mask-image:url("/image/common/comment.svg")}.program-statistics-text{font-family:"Avenir Next","Lato",sans-serif;font-weight:400;font-size:12px;line-height:1;color:var(--mono4, #666);white-space:nowrap}.program-owner-area{width:100%}.program-owner-link{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:inherit;-webkit-transition:color 120ms ease;transition:color 120ms ease}.program-owner-link:hover .program-owner-name{color:var(--blue, #056dff)}.program-owner-icon{width:24px;height:24px;border-radius:18px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-ms-flex-negative:0;flex-shrink:0}.program-owner-name{font-weight:bold;font-size:12px;line-height:1;color:var(--mono2, #252525);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1;min-height:14px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.Button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--button-text-color, var(--mono8, #fff));font-size:var(--button-font-size, 14px);font-weight:bold;height:var(--button-height, 36px);padding-inline:var(--button-padding-inline, 12px);gap:var(--button-gap, 4px);border-radius:var(--button-radius, 4px);border:2px solid var(--button-border-color, var(--blue, #056dff));background-color:var(--button-bg-color, var(--blue, #056dff));cursor:pointer}@media(hover: hover){.Button:hover{--button-border-color: #2d84ff;--button-bg-color: #2d84ff}}.Button[data-variant=secondary]{--button-text-color: var(--mono2, #252525);--button-border-color: var(--mono6, #e6e6e6);--button-bg-color: var(--mono8, #fff);--button-text-color-hover: var(--mono3, #4d4d4d);--button-border-color-hover: var(--mono6, #e6e6e6);--button-bg-color-hover: var(--mono8, #fff)}.Button[data-variant=secondary][data-theme=dark]{--button-text-color: #f2f2f2;--button-border-color: #4d4d4d;--button-bg-color: #1a1a1a;--button-text-color-hover: #e6e6e6;--button-border-color-hover: #4d4d4d;--button-bg-color-hover: #1a1a1a}@media(hover: hover){.Button[data-variant=secondary]:hover{opacity:.8}}.Button.size--l{--button-font-size: 14px;--button-height: 36px;--icon-size: 20px}[data-is-mobile=true] .Button.size--l{--button-font-size: 12px;--button-height: 32px;--icon-size: 16px}.Button.size--xl{--button-font-size: 16px;--button-height: 40px;--icon-size: 20px}[data-is-mobile=true] .Button.size--xl{--button-font-size: 14px;--button-height: 32px;--icon-size: 16px}.Button svg{width:var(--icon-size, 16px);height:var(--icon-size, 16px);color:currentColor}:root{--base-font: var(--colorset-base-font, #000);--base-bg: var(--colorset-base-bg, #f2f2f2);--surface-primary: var(--colorset-surface-primary, #fff);--surface-secondary: var( --colorset-surface-secondary, #f2f2f2 );--surface-float: var(--colorset-surface-float, #fff);--mono1: var(--colorset-mono1, #1a1a1a);--mono2: var(--colorset-mono2, #252525);--mono3: var(--colorset-mono3, #4d4d4d);--mono4: var(--colorset-mono4, #666);--mono5: var(--colorset-mono5, #b3b3b3);--mono6: var(--colorset-mono6, #e6e6e6);--mono7: var(--colorset-mono7, #f2f2f2);--mono8: var(--colorset-mono8, #fff);--blue: var(--colorset-blue, #056dff);--red: var(--colorset-red, #d71d43);--rookie: var(--colorset-rookie, #0e814a)}:root[data-color-theme=dark]{color-scheme:dark;--colorset-base-font: #252525;--colorset-base-bg: #1a1a1a;--colorset-surface-primary: #252525;--colorset-surface-secondary: #1a1a1a;--colorset-surface-float: #333;--colorset-mono1: #fff;--colorset-mono2: #f2f2f2;--colorset-mono3: #e6e6e6;--colorset-mono4: #b3b3b3;--colorset-mono5: #666;--colorset-mono6: #4d4d4d;--colorset-mono7: #252525;--colorset-mono8: #1a1a1a;--colorset-blue: #559cff;--colorset-red: #f0607c;--colorset-rookie: #1dbf71}:root[data-color-theme=light]{color-scheme:light dark}:root[data-color-theme=auto],:root:not([data-color-theme]){color-scheme:light dark}@media(prefers-color-scheme: dark){:root[data-color-theme=auto],:root:not([data-color-theme]){--colorset-base-font: #252525;--colorset-base-bg: #1a1a1a;--colorset-surface-primary: #252525;--colorset-surface-secondary: #1a1a1a;--colorset-surface-float: #333;--colorset-mono1: #fff;--colorset-mono2: #f2f2f2;--colorset-mono3: #e6e6e6;--colorset-mono4: #b3b3b3;--colorset-mono5: #666;--colorset-mono6: #4d4d4d;--colorset-mono7: #252525;--colorset-mono8: #1a1a1a;--colorset-blue: #559cff;--colorset-red: #f0607c;--colorset-rookie: #1dbf71}}:root{--footer-min-width: auto;interpolate-size:allow-keywords}html{width:100%}body{width:100%;color:var(--mono1, #1a1a1a);background-color:var(--mono8, #fff);font-size:14px;min-width:var(--local-site-width, 1224px);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Meiryo",sans-serif;word-wrap:break-word;word-break:normal;overflow-wrap:break-word;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:unset}@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}body[data-input-mode=mouse] button,body[data-input-mode=mouse] input,body[data-input-mode=mouse] select,body[data-input-mode=mouse] a,body[data-input-mode=mouse] label,body[data-input-mode=mouse] textarea,body[data-input-mode=mouse] [tabindex]{outline:none}body[data-is-mobile=true]{--local-inner-content-area: auto;--local-site-width: auto;--local-side-spacing: 16px}main{display:-webkit-box;display:-ms-flexbox;display:flex;container-type:inline-size}svg,img,embed,object,iframe{vertical-align:middle}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}