.blinking{-webkit-animation:blink 1s ease-in infinite alternate;-moz-animation:blink 1s ease-in infinite alternate;animation:blink 1s ease-in infinite alternate}.light_bar_colors{background:#1e90ff}.light_bar_colors.lime{background:lime}.light_bar_colors.red{background:#ff1f0f}.light_bar_colors.yellow{background:yellow}.light_bar_colors.orange{background:orange}.light_bar_colors.blue{background:#10aaff}.light_bar_colors.pink{background:#ff5bef}.light_bar_colors.snow{background:#d2ffff}.light_bar_colors.ichioshi{background:cyan}.light_bar_colors.mushoku{background:#f1fcfd}.light_bar_colors.ia{background:#fd31b2}.light_bar_colors.one{background:#ffa300}.light_bar_colors.una{background:#1e90ff}.light_bar_colors.gackpo{background:#a271e5}.presenter_ring_color{border-color:#1e90ff}.presenter_ring_color.lime{border-color:lime}.presenter_ring_color.red{border-color:#ff1f0f}.presenter_ring_color.yellow{border-color:yellow}.presenter_ring_color.orange{border-color:orange}.presenter_ring_color.blue{border-color:#10aaff}.presenter_ring_color.pink{border-color:#ff5bef}.presenter_ring_color.snow{border-color:#d2ffff}.presenter_ring_color.ichioshi{border-color:cyan}.presenter_ring_color.mushoku{border-color:#f1fcfd}.presenter_ring_color.ia{border-color:#fd31b2}.presenter_ring_color.one{border-color:#ffa300}.presenter_ring_color.una{border-color:#1e90ff}.presenter_ring_color.gackpo{border-color:#a271e5}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:1}100%{opacity:0.3}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:1}100%{opacity:0.3}}@keyframes blink{0%{opacity:1}50%{opacity:1}100%{opacity:0.3}}.not_selectable{-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.scroll_bar::-webkit-scrollbar{width:10px;height:10px}.scroll_bar::-webkit-scrollbar-track{background-color:#333}.scroll_bar::-webkit-scrollbar-thumb{background-color:#777}.scroll_bar.panel::-webkit-scrollbar-track{background-color:#333}.mobile_select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#444;color:white;font-size:1em;padding:0.5em;border-radius:3px;cursor:pointer;background-image:url(/dropdown.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px;position:relative;background-color:#222}.loading_bar{width:70%;background:#444;position:relative;overflow:hidden;height:3px;border-radius:5px;margin-top:calc(75px);margin-left:10px}.loading_bar::before{content:"";display:block;height:100%;width:100%;background:linear-gradient(90deg, transparent, #888, transparent);position:absolute;top:0;left:0;animation:skeleton-animation 0.6s linear infinite}@keyframes skeleton-animation{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes skeleton-loading{0%{left:-100%}100%{left:100%}}.mente_message{position:relative;padding:24em 2em 2em 2em;text-align:center;z-index:1000}.mente_message h2{color:white;font-size:2em;letter-spacing:.05em}.mente_message i{font-size:100px;margin:1em auto 1em auto;color:#ffef00}.mente_message p{font-size:1.5em;line-height:2em;display:inline-block;margin:0em auto;border-radius:.5em}.mente_message p a{color:#ffef00;display:inline-block;margin:0px .3em;text-decoration:underline}@media screen and (max-width: 768px){.mente_message{padding:17em 2em 2em 2em}.mente_message h2{font-size:1.5em}.mente_message i{font-size:60px}.mente_message p{font-size:1em;padding:1em 2em}}.blinking{-webkit-animation:blink 1s ease-in infinite alternate;-moz-animation:blink 1s ease-in infinite alternate;animation:blink 1s ease-in infinite alternate}.light_bar_colors{background:#1e90ff}.light_bar_colors.lime{background:lime}.light_bar_colors.red{background:#ff1f0f}.light_bar_colors.yellow{background:yellow}.light_bar_colors.orange{background:orange}.light_bar_colors.blue{background:#10aaff}.light_bar_colors.pink{background:#ff5bef}.light_bar_colors.snow{background:#d2ffff}.light_bar_colors.ichioshi{background:cyan}.light_bar_colors.mushoku{background:#f1fcfd}.light_bar_colors.ia{background:#fd31b2}.light_bar_colors.one{background:#ffa300}.light_bar_colors.una{background:#1e90ff}.light_bar_colors.gackpo{background:#a271e5}.presenter_ring_color{border-color:#1e90ff}.presenter_ring_color.lime{border-color:lime}.presenter_ring_color.red{border-color:#ff1f0f}.presenter_ring_color.yellow{border-color:yellow}.presenter_ring_color.orange{border-color:orange}.presenter_ring_color.blue{border-color:#10aaff}.presenter_ring_color.pink{border-color:#ff5bef}.presenter_ring_color.snow{border-color:#d2ffff}.presenter_ring_color.ichioshi{border-color:cyan}.presenter_ring_color.mushoku{border-color:#f1fcfd}.presenter_ring_color.ia{border-color:#fd31b2}.presenter_ring_color.one{border-color:#ffa300}.presenter_ring_color.una{border-color:#1e90ff}.presenter_ring_color.gackpo{border-color:#a271e5}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:1}100%{opacity:0.3}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:1}100%{opacity:0.3}}@keyframes blink{0%{opacity:1}50%{opacity:1}100%{opacity:0.3}}.not_selectable{-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.scroll_bar::-webkit-scrollbar{width:10px;height:10px}.scroll_bar::-webkit-scrollbar-track{background-color:#333}.scroll_bar::-webkit-scrollbar-thumb{background-color:#777}.scroll_bar.panel::-webkit-scrollbar-track{background-color:#333}.mobile_select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#444;color:white;font-size:1em;padding:0.5em;border-radius:3px;cursor:pointer;background-image:url(/dropdown.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px;position:relative;background-color:#222}.loading_bar{width:70%;background:#444;position:relative;overflow:hidden;height:3px;border-radius:5px;margin-top:calc(75px);margin-left:10px}.loading_bar::before{content:"";display:block;height:100%;width:100%;background:linear-gradient(90deg, transparent, #888, transparent);position:absolute;top:0;left:0;animation:skeleton-animation 0.6s linear infinite}@keyframes skeleton-animation{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes skeleton-loading{0%{left:-100%}100%{left:100%}}.intro_bg{z-index:0;background-image:url(/assets/hero-bg.png);background-repeat:no-repeat;background-size:cover;background-position:left top;position:fixed;left:0px;top:0px;width:100%;height:100%}.cafe_intro{max-width:840px;margin:0px auto;z-index:10;position:relative;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;background:#000;overflow:hidden}.cafe_intro b{font-weight:bold;font-size:1.3em;display:inline-block;margin:0px 0.2em}.cafe_intro .yellow{color:#ffef00}.cafe_intro .cian{color:#00ffff}.cafe_intro .mazenta{color:#ff33aa}.cafe_intro section{width:100%;overflow:hidden;font-size:1.1em}.cafe_intro .inner{margin:40px}.cafe_intro .caption{color:#aaa;font-size:0.9em;margin-top:0.5em}.cafe_intro .qr{width:200px;margin-bottom:20px}.cafe_intro .buttons{display:flex;justify-content:center;gap:15px}.cafe_intro .buttons .goto_cafe_button,.cafe_intro .buttons .goto_kiite_login_button{position:relative;font-size:1.2em;padding:0.8em 3em;background:#ffef00;color:black;font-weight:bold;border-radius:2em}.cafe_intro .buttons .goto_cafe_button:hover,.cafe_intro .buttons .goto_kiite_login_button:hover{cursor:pointer;background:#fff44d;color:black}.cafe_intro .buttons .goto_cafe_button{background:#ffef00;color:black;font-weight:bold}.cafe_intro section.header{height:300px;position:relative;display:flex;justify-content:center;align-items:center}.cafe_intro section.header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/cafe/cafe_pc.png);background-size:cover;background-position:center;filter:blur(5px);z-index:1}.cafe_intro section.header .header-content{position:relative;z-index:10;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.cafe_intro section.header .header-content .title{text-align:center;font-size:4em;color:white;width:100%;padding:20px 0px 20px 0px;background:rgba(0,0,0,0.7)}.cafe_intro section.header .header-content .title .logo{width:300px}.cafe_intro section.header .header-content .title .url{font-size:0.25em;color:#aaa;font-weight:normal}.cafe_intro section.header .header-content .title .subtitle{font-size:0.3em;margin-bottom:5px;color:#fffacd}.cafe_intro section.about{background:#444}.cafe_intro section.about p{line-height:1.8em;margin:2em 0px 3em 0px;text-align:left}.cafe_intro section.about p.center{text-align:center}.cafe_intro section.about img{width:calc(100% - 0px)}.cafe_intro section.lets_try{background:#222}.cafe_intro section.lets_try .grid{display:grid;grid-template-columns:1fr 2fr;grid-gap:40px}.cafe_intro section.lets_try .imgs{grid-column:1 / 2}.cafe_intro section.lets_try .imgs img{height:500px}.cafe_intro section.lets_try .text{margin:0px;grid-column:2 / 3;text-align:left}.cafe_intro section.lets_try .text h3{font-weight:bold;font-size:2em;color:#fffacd;margin-bottom:1em}.cafe_intro section.lets_try .text h4{font-weight:bold;font-size:1em;color:white}.cafe_intro section.lets_try .text p{line-height:1.5em;margin:10px 0px 30px 0px}.cafe_intro section.lets_try .text p.center{text-align:center;color:#fffacd}.cafe_intro section.lets_try .text p.memo{font-size:0.9em;background:#444;padding:1em}.cafe_intro section.event{background:#444}.cafe_intro section.event .abst{text-align:left}.cafe_intro section.event .abst h3{font-weight:bold;font-size:1.5em;color:#fffacd;margin-bottom:1em;line-height:1.3em}.cafe_intro section.event .abst p{font-size:0.9em;line-height:1.5em}.cafe_intro section.event .pics{margin:20px 0px 20px 0px;display:grid;grid-template-columns:4fr 1fr 1fr;grid-template-rows:1fr min-content;grid-gap:10px}.cafe_intro section.event .pics .pic{width:100%;height:100%;overflow:hidden}.cafe_intro section.event .pics .pic img{width:100%;height:100%}.cafe_intro section.event .pics .text{font-size:1em;background:#545454;padding:10px}.cafe_intro section.event .pics .pic.cafe_pc{grid-column:1/2;grid-row:1/2}.cafe_intro section.event .pics .pic.cafe_mobile1{grid-column:2/3;grid-row:1/2}.cafe_intro section.event .pics .pic.cafe_mobile2{grid-column:3/4;grid-row:1/2}.cafe_intro section.mobile{background:#222}.cafe_intro section.mobile .inner{text-align:left;line-height:1.5em}.cafe_intro section.mobile .center{text-align:center}.cafe_intro section.mobile a{color:#ffef00;text-decoration:underline}.cafe_intro section.mobile a:hover{text-decoration:none}.cafe_intro section.other{background:#444}.cafe_intro section.other .inner{text-align:left;line-height:1.5em}.cafe_intro section.other .center{text-align:center}.cafe_intro section.other a{color:#ffef00;text-decoration:underline}.cafe_intro section.other a:hover{text-decoration:none}.cafe_intro section.footer{text-align:center;color:#aaa;padding:40px 50px;overflow:hidden}.cafe_intro section.footer .about_kiite{font-size:0.8em;margin:0px 20px;max-width:800px;font-size:0.9em;margin-bottom:30px;line-height:1.5em}.cafe_intro .cafe_icon{z-index:10;margin:0px auto 20px auto;width:50px;height:50px;border-radius:10px;background-image:url(/cafe/icons/icon256.png);background-position:center center;background-size:cover}.cafe_intro h2{z-index:10;color:#ccc;font-weight:bold;margin-top:50px;font-size:2em}.cafe_intro .goto_cafe_button{display:none}.cafe_intro .links{display:none;text-align:center;margin:20px 0px}.cafe_intro .links a{color:#ffef00}.cafe_intro .links .mini{font-size:0.8em;margin-bottom:1em}.cafe_intro .links.pc{display:block}@media screen and (max-width: 767px){.cafe_intro{max-width:none;margin:0px;font-size:0.9em}.cafe_intro .qr{display:none}.cafe_intro .buttons{flex-direction:column;gap:10px}.cafe_intro .links.mobile{display:block}.cafe_intro .goto_cafe_button{display:block}.cafe_intro .goto_kiite_login_button{display:none}.cafe_intro .section.header{height:200px}.cafe_intro .section.header .header-content .title{font-size:2.5em}.cafe_intro section.lets_try{padding-top:20px}.cafe_intro section.lets_try .grid{grid-template-columns:1fr;grid-gap:20px}.cafe_intro section.lets_try .imgs{grid-column:1}.cafe_intro section.lets_try .imgs img{height:auto;width:50%}.cafe_intro section.lets_try .text{margin-top:20px;grid-column:1}.cafe_intro section.event .pics{grid-template-columns:1fr 1fr}.cafe_intro section.event .pics .pic{grid-column:1}.cafe_intro section.event .pics .pic.cafe_pc{display:none}.cafe_intro section.event .pics .pic.cafe_mobile1{grid-column:1/2}.cafe_intro section.event .pics .pic.cafe_mobile2{grid-column:2/3}.cafe_intro .inner{margin:20px 20px 30px 20px}}.blinking{-webkit-animation:blink 1s ease-in infinite alternate;-moz-animation:blink 1s ease-in infinite alternate;animation:blink 1s ease-in infinite alternate}.light_bar_colors{background:#1e90ff}.light_bar_colors.lime{background:lime}.light_bar_colors.red{background:#ff1f0f}.light_bar_colors.yellow{background:yellow}.light_bar_colors.orange{background:orange}.light_bar_colors.blue{background:#10aaff}.light_bar_colors.pink{background:#ff5bef}.light_bar_colors.snow{background:#d2ffff}.light_bar_colors.ichioshi{background:cyan}.light_bar_colors.mushoku{background:#f1fcfd}.light_bar_colors.ia{background:#fd31b2}.light_bar_colors.one{background:#ffa300}.light_bar_colors.una{background:#1e90ff}.light_bar_colors.gackpo{background:#a271e5}.presenter_ring_color{border-color:#1e90ff}.presenter_ring_color.lime{border-color:lime}.presenter_ring_color.red{border-color:#ff1f0f}.presenter_ring_color.yellow{border-color:yellow}.presenter_ring_color.orange{border-color:orange}.presenter_ring_color.blue{border-color:#10aaff}.presenter_ring_color.pink{border-color:#ff5bef}.presenter_ring_color.snow{border-color:#d2ffff}.presenter_ring_color.ichioshi{border-color:cyan}.presenter_ring_color.mushoku{border-color:#f1fcfd}.presenter_ring_color.ia{border-color:#fd31b2}.presenter_ring_color.one{border-color:#ffa300}.presenter_ring_color.una{border-color:#1e90ff}.presenter_ring_color.gackpo{border-color:#a271e5}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:1}100%{opacity:0.3}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:1}100%{opacity:0.3}}@keyframes blink{0%{opacity:1}50%{opacity:1}100%{opacity:0.3}}.not_selectable{-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.scroll_bar::-webkit-scrollbar{width:10px;height:10px}.scroll_bar::-webkit-scrollbar-track{background-color:#333}.scroll_bar::-webkit-scrollbar-thumb{background-color:#777}.scroll_bar.panel::-webkit-scrollbar-track{background-color:#333}.mobile_select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#444;color:white;font-size:1em;padding:0.5em;border-radius:3px;cursor:pointer;background-image:url(/dropdown.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px;position:relative;background-color:#222}.loading_bar{width:70%;background:#444;position:relative;overflow:hidden;height:3px;border-radius:5px;margin-top:calc(75px);margin-left:10px}.loading_bar::before{content:"";display:block;height:100%;width:100%;background:linear-gradient(90deg, transparent, #888, transparent);position:absolute;top:0;left:0;animation:skeleton-animation 0.6s linear infinite}@keyframes skeleton-animation{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes skeleton-loading{0%{left:-100%}100%{left:100%}}body,html{background:black;height:100%;color:white}header nav.pc{display:none}header #hotkey_link,header #intro_link,header #favorite_link,header #current_playlist{display:none}.bg{z-index:0;background-image:url(/assets/hero-bg.png);background-repeat:no-repeat;background-size:cover;background-position:left top;position:fixed;left:0px;top:0px;width:100%;height:100%;filter:blur(5px);opacity:0.5}div.ss img{width:80%}.header_banner{position:relative;z-index:10;width:100%}.mobile_message{z-index:10;position:relative;height:calc(100% - 50px);width:100%;text-align:center;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;padding-bottom:30px}.mobile_message .icon{font-size:20vw;opacity:0.5}.mobile_message h1{margin-top:20px;font-size:8vw;letter-spacing:0.1em;margin-bottom:30px}.mobile_message h1 span{color:#ccc;display:block;margin-top:0.8em;font-size:0.5em}.mobile_message h2{margin-top:20px;font-size:4vw;letter-spacing:0.1em}.mobile_message .button{font-size:4vw;line-height:1em;background:#ffef00;color:#555;font-weight:bold;padding:1em;margin-top:60px;border-radius:3px;letter-spacing:0.05em}
