@charset "UTF-8";:root{--bg-primary: #0d0d0d;--bg-secondary: #1f1f1f;--black-line: #383838;--black-weak: #494a3a;--gray: #656565;--text-secondary: #838383;--yellow-dark: #cac200;--yellow-normal: #fff73e;--yellow-light: #fff73e80;--yellow-weak: #fff73e1a;--green-dark: #2e8510;--green-normal: #68ff4f;--green-light: #3eff5d;--bage-dark: #7f7f5d;--bage-normal: #bebe92;--red-dark: #b73e42;--red: #ff575c;--red-weak: #d77d86;--blue: #6ad4f6;--blue-dark: rgba(56, 144, 170, 1);--orange-gradient: linear-gradient(135deg, #ff6b6b, #ffa500);--txt-color: #fff;--link-color: var(--blue);--main-gradient: linear-gradient( 180deg, #ffea4f 0%, #fff73e 33.33%, #68ff4f 75%, #00e517 100% );--font: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-logo: "Righteous", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--z-gnav: 10000001;--z-play-queue: 10000002;--z-volume: 10000003;--z-play-area: 100000000;--z-over-wrap: 1000000000000;--root_dir: "../img";--radius-full: calc(infinity * 1px)}.live-rooms,.streamings{display:flex;flex-wrap:nowrap;gap:.5rem;align-items:center;margin:1rem 0 2rem;overflow-x:auto}.live-rooms .live-room,.live-rooms .streaming,.streamings .live-room,.streamings .streaming{flex-shrink:0;width:25%;padding-bottom:1rem}@media (max-width: 767px){.live-rooms .live-room,.live-rooms .streaming,.streamings .live-room,.streamings .streaming{width:60%}}.live-rooms .live-room .thumbnail,.live-rooms .streaming .thumbnail,.streamings .live-room .thumbnail,.streamings .streaming .thumbnail{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-primary);border-radius:.2rem;border-radius:.3rem}.live-rooms .live-room .thumbnail>img,.live-rooms .streaming .thumbnail>img,.streamings .live-room .thumbnail>img,.streamings .streaming .thumbnail>img{width:100%;height:100%;object-fit:cover}.live-rooms .live-room .actions,.live-rooms .streaming .actions,.streamings .live-room .actions,.streamings .streaming .actions{display:flex;gap:1rem;align-items:center;margin-top:.5rem}.live-rooms .live-room .actions .simple-button,.live-rooms .streaming .actions .simple-button,.streamings .live-room .actions .simple-button,.streamings .streaming .actions .simple-button{width:calc((100% - 1rem)/2);padding:.5rem;font-size:1rem}.live-rooms .live-room .datum,.live-rooms .streaming .datum,.streamings .live-room .datum,.streamings .streaming .datum{display:flex;align-items:flex-start;margin-top:1rem}.live-rooms .live-room .datum .left,.live-rooms .streaming .datum .left,.streamings .live-room .datum .left,.streamings .streaming .datum .left{position:relative;padding-right:.5rem;padding-left:1.5rem;border-right:.2rem solid var(--txt-color)}.live-rooms .live-room .datum .left .year,.live-rooms .live-room .datum .left .month,.live-rooms .live-room .datum .left .day,.live-rooms .streaming .datum .left .year,.live-rooms .streaming .datum .left .month,.live-rooms .streaming .datum .left .day,.streamings .live-room .datum .left .year,.streamings .live-room .datum .left .month,.streamings .live-room .datum .left .day,.streamings .streaming .datum .left .year,.streamings .streaming .datum .left .month,.streamings .streaming .datum .left .day{font-feature-settings:"palt";color:var(--txt-color);text-align:center}.live-rooms .live-room .datum .left .year,.live-rooms .streaming .datum .left .year,.streamings .live-room .datum .left .year,.streamings .streaming .datum .left .year{position:absolute;top:-1rem;left:-1.2rem;font-size:.8rem;opacity:.5;transform:rotate(-90deg);transform-origin:right bottom}.live-rooms .live-room .datum .left .month,.live-rooms .streaming .datum .left .month,.streamings .live-room .datum .left .month,.streamings .streaming .datum .left .month{font-size:.8rem;font-weight:700;color:var(--yellow-normal)}.live-rooms .live-room .datum .left .day,.live-rooms .streaming .datum .left .day,.streamings .live-room .datum .left .day,.streamings .streaming .datum .left .day{font-size:1.5rem;font-weight:700;color:var(--yellow-normal)}.live-rooms .live-room .datum .right,.live-rooms .streaming .datum .right,.streamings .live-room .datum .right,.streamings .streaming .datum .right{margin-left:1rem}.live-rooms .live-room .datum .right .youbi,.live-rooms .live-room .datum .right .time,.live-rooms .streaming .datum .right .youbi,.live-rooms .streaming .datum .right .time,.streamings .live-room .datum .right .youbi,.streamings .live-room .datum .right .time,.streamings .streaming .datum .right .youbi,.streamings .streaming .datum .right .time{font-feature-settings:"palt";color:var(--txt-color);text-align:center}.live-rooms .live-room .datum .right .youbi,.live-rooms .streaming .datum .right .youbi,.streamings .live-room .datum .right .youbi,.streamings .streaming .datum .right .youbi{font-size:1.2rem;font-weight:700}.live-rooms .live-room .datum .right .time,.live-rooms .streaming .datum .right .time,.streamings .live-room .datum .right .time,.streamings .streaming .datum .right .time{font-size:1.4rem;font-weight:700;color:var(--txt-color)}.live-rooms .live-room .datum .right .streaming-status,.live-rooms .streaming .datum .right .streaming-status,.streamings .live-room .datum .right .streaming-status,.streamings .streaming .datum .right .streaming-status{display:inline-block;padding:.1rem .5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;background:var(--black-line);border-radius:.3rem}.live-rooms .live-room .datum .right .streaming-status.now,.live-rooms .streaming .datum .right .streaming-status.now,.streamings .live-room .datum .right .streaming-status.now,.streamings .streaming .datum .right .streaming-status.now{color:var(--bg-primary);background:var(--yellow-normal)}.live-rooms .live-room .datum .right .user,.live-rooms .streaming .datum .right .user,.streamings .live-room .datum .right .user,.streamings .streaming .datum .right .user{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.live-rooms .live-room .datum .right .user:hover,.live-rooms .streaming .datum .right .user:hover,.streamings .live-room .datum .right .user:hover,.streamings .streaming .datum .right .user:hover{cursor:pointer}.live-rooms .live-room .datum .right .user:hover .name,.live-rooms .streaming .datum .right .user:hover .name,.streamings .live-room .datum .right .user:hover .name,.streamings .streaming .datum .right .user:hover .name{text-decoration:underline}.live-rooms .live-room .datum .right .user .icon,.live-rooms .streaming .datum .right .user .icon,.streamings .live-room .datum .right .user .icon,.streamings .streaming .datum .right .user .icon{width:1.5rem;aspect-ratio:1/1;overflow:hidden;border-radius:50%}.live-rooms .live-room .datum .right .user .icon>img,.live-rooms .streaming .datum .right .user .icon>img,.streamings .live-room .datum .right .user .icon>img,.streamings .streaming .datum .right .user .icon>img{width:100%;height:100%;object-fit:cover}.live-rooms .live-room .datum .right .user .name,.live-rooms .streaming .datum .right .user .name,.streamings .live-room .datum .right .user .name,.streamings .streaming .datum .right .user .name{font-size:1rem;font-weight:700;font-feature-settings:"palt";color:var(--txt-color)}.streamings{padding-bottom:1rem}.streamings .streaming{padding:.5rem .5rem 1rem;overflow:hidden;background:var(--bg-secondary);border:.1rem solid var(--black-line);border-radius:.5rem;transition:.2s}.streamings .streaming:hover{border-color:var(--yellow-normal)}.rooms{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.rooms .room{padding:.9rem;border:.1rem solid var(--black-line);border-radius:.2rem;transition:.2s}.rooms .room:hover{border-color:var(--yellow-normal)}.rooms .room .top{display:flex;justify-content:space-between}.rooms .room .top .room-owner{display:flex;gap:.5rem}.rooms .room .top .room-owner .icon{align-self:center;width:2.5rem;aspect-ratio:1/1;overflow:hidden;border-radius:50%}.rooms .room .top .room-owner .icon>img{width:100%;height:100%;object-fit:cover}.rooms .room .top .room-owner .info{display:flex;flex-direction:column;gap:.1rem}.rooms .room .top .room-owner .info:hover{cursor:pointer}.rooms .room .top .room-owner .info:hover .owner-name,.rooms .room .top .room-owner .info:hover .owner-id{text-decoration:underline}.rooms .room .top .room-owner .info .owner-name{font-size:1rem;font-weight:700;font-feature-settings:"palt";color:var(--txt-color)}.rooms .room .top .room-owner .info .owner-id{font-size:.8rem;font-feature-settings:"palt";color:var(--txt-color)}.rooms .room .top .arrow-right{flex-shrink:0;align-self:flex-start;width:.8rem;aspect-ratio:1/1;opacity:.8}.rooms .room .top .arrow-right>img{width:100%;height:100%;object-fit:contain}.rooms .room .bottom .has-password{font-size:.7rem;font-feature-settings:"palt";color:var(--txt-color);text-align:center;opacity:.6}.tutorial-banners-section{margin:3rem 0 2rem;padding:1.5rem 0;border-top:1px solid var(--black-line)}.tutorial-banners-section .tutorial-banners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}@media (max-width: 1024px){.tutorial-banners-section .tutorial-banners-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.tutorial-banners-section .tutorial-banners-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.tutorial-banners-section .tutorial-banners-grid{grid-template-columns:1fr}}.tutorial-banners-section .tutorial-banners-grid .tutorial-banner-wrapper{position:relative;width:100%;aspect-ratio:16/9}.tutorial-banners-section .tutorial-banners-grid .tutorial-banner-wrapper .tutorial-banner-item{display:block;width:100%;height:100%;border-radius:.5rem;transition:all .2s ease}.tutorial-banners-section .tutorial-banners-grid .tutorial-banner-wrapper .tutorial-banner-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tutorial-banners-section .tutorial-banners-grid .tutorial-banner-wrapper .tutorial-banner-item .tutorial-banner-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:.5rem}.tutorial-banners-section .tutorial-banners-grid .tutorial-banner-wrapper .tutorial-banner-item .tutorial-banner-container img{width:100%;height:100%;object-fit:cover}.tutorial-banners-section .tutorial-banners-grid .tutorial-banner-wrapper .tutorial-clear-overlay{position:absolute;top:0%;right:-5%;width:35%;aspect-ratio:499/166;pointer-events:none;z-index:2;transform:rotate(15deg);filter:drop-shadow(0 0 .2rem rgba(255,255,255,.5)) drop-shadow(0 0 .3rem rgba(255,255,255,.9));animation:scaleUp 1.5s ease-in-out infinite alternate}@keyframes scaleUp{0%{transform:rotate(15deg) scale(1)}to{transform:rotate(15deg) scale(1.05)}}.tutorial-banners-section .tutorial-banners-grid .tutorial-banner-wrapper .tutorial-clear-overlay>img{width:100%;height:100%;object-fit:contain}.bottom-modal .waiting-status{font-size:1.5rem;font-weight:700;font-feature-settings:"palt";color:var(--txt-color);text-align:center;vertical-align:bottom}.bottom-modal .waiting-status .number{padding-bottom:.2rem;margin-right:.2rem;font-size:4rem}