@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap";header{position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #4e4e4e;z-index:10}header figure{position:relative;text-align:center;margin:0}header figure:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#2d2d2d,#383838);border-radius:0% 0% 50% 50%/10% 0% 50% 50%;box-shadow:0 0 5px #4e4e4e;opacity:.8}header figure img{filter:drop-shadow(0px 0px 3px #800080) drop-shadow(0px 2px 1px #ffffff);margin-top:15px;margin-bottom:10px}header nav{padding:15px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}header nav ul{display:flex;align-items:center;gap:1.5em;list-style:none;margin:0;padding:0}header nav ul li{padding-left:.5em}header nav ul li:not(:first-child)::marker{content:"─"}header nav span{white-space:pre}header nav a{color:#fff;text-shadow:0px 0px 5px #222222}footer{display:flex;flex-direction:column;align-items:center;padding-block:2em}footer>img{width:auto;height:3em;margin-block:1em;-webkit-user-select:none;user-select:none;pointer-events:none}footer .social{display:flex;align-items:center;gap:1em;padding-block:.5em}footer .social a{display:flex;justify-content:center;align-items:center;width:fit-content;height:auto;aspect-ratio:1;border:1px solid currentColor;padding:.75em;border-radius:100%;color:currentColor}footer .social a img{width:1em;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}article>h1{font-size:2.5em}article>h2{text-align:center}.member,.work{display:flex;gap:2.5em;padding-inline:3em}@media (max-width: 799px){.member,.work{flex-direction:column;text-align:center;gap:1em}}.member+.member,.member+.work,.work+.member,.work+.work{margin-top:2em;padding-top:2em;border-top:2px solid #383838}.member figure,.work figure{margin:0}.member figure img,.work figure img{width:20em;box-shadow:0 0 5px #4e4e4e,0 0 15px #383838;-webkit-user-select:none;user-select:none;pointer-events:none}.member figure img.icon,.work figure img.icon{width:10em;border-radius:100%}@media (max-width: 799px){.member figure img.icon,.work figure img.icon{width:5em}}.member figure img.pixel,.work figure img.pixel{image-rendering:pixelated}.member div.container,.work div.container{display:flex;flex-direction:column;gap:1em}@media (max-width: 799px){.member div.container,.work div.container{align-items:center}}.member div.container h3,.work div.container h3{margin:0;font-size:1.3em;word-break:keep-all}@media (max-width: 799px){.member div.container h3,.work div.container h3{display:flex;justify-content:center}}.member div.container p.info,.work div.container p.info{display:flex;flex-direction:column;word-break:keep-all}.member div.container p.info .released_at:before,.work div.container p.info .released_at:before{content:"発売: "}.member div.container p.info .written_by:before,.work div.container p.info .written_by:before{content:"執筆: "}.member div.container p.info .illust_by:before,.work div.container p.info .illust_by:before{content:"表紙: "}.member div.container div.description p,.work div.container div.description p{margin:0}.member div.container div.description a,.work div.container div.description a{color:currentColor}.member div.container div.comment,.work div.container div.comment{position:relative;display:block;padding:.5em 1em;min-width:120px;width:fit-content;max-width:100%;color:#fff;background:#383838;border-radius:10px;text-align:left}.member div.container div.comment:before,.work div.container div.comment:before{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);left:-16px;border:8px solid transparent;border-right:8px solid #383838}.member div.container div.links,.work div.container div.links{display:flex;align-items:center;gap:1em}.member div.container div.links img,.work div.container div.links img{width:1.5em}.member div.container div.links:not(.icon-links) a,.work div.container div.links:not(.icon-links) a{display:block;border:3px solid currentColor;margin-right:20px;padding:10px 30px;color:currentColor;text-decoration:none;transition:.25s}.member div.container div.links:not(.icon-links) a:hover,.work div.container div.links:not(.icon-links) a:hover{background-color:#fff;color:#000}body{--sb-track-color: #2f2f2f;--sb-thumb-color: #762c8e;--sb-size: 10px}*::-webkit-scrollbar{width:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:10px}*::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:10px}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}#topPage{display:flex;height:100%}@media (max-width: 799px){#topPage{flex-direction:column}}#topPage img{display:block;object-fit:cover}@media (min-width: 800px){#topPage img{flex:1;width:0px}}@media (max-width: 799px){#topPage img{height:70vh}}#topPage div.description{display:flex;flex-direction:column;justify-content:center;color:#fff;padding:0 1em}#topPage div.description p{margin:1em 0}#topPage aside.flowBtns{position:absolute;left:0;display:flex;z-index:10}@media (min-width: 800px){#topPage aside.flowBtns{flex-direction:column}}@media (max-width: 799px){#topPage aside.flowBtns{flex-direction:row}}#topPage aside.flowBtns a{width:50px;height:50px;padding:5px;border:none;border-radius:100%;box-shadow:0 0 10px #222;cursor:pointer;margin-top:20px;margin-left:20px;transition:.1s}#topPage aside.flowBtns a:hover{filter:grayscale(.2) brightness(110%) contrast(150%)}#topPage aside.flowBtns a:active{filter:brightness(95%);transform:scale(98%)}#topPage aside.flowBtns a svg,#topPage aside.flowBtns a img{width:32px;height:32px;margin:10px}#topPage aside.flowBtns .twitterBtn{background-color:#1da1f2}#topPage aside.flowBtns .youtubeBtn{background-color:red}#contactPage form{display:flex;flex-direction:column;max-width:700px;width:100%;margin:0 auto}#contactPage form input,#contactPage form textarea,#contactPage form button{margin:.5em 0;padding:.5em;font-size:1.2em;font-family:monospace}html{min-height:100%}body{margin:0;width:100%;min-height:100vh;height:fit-content;background:#222222;color:#fff;font-family:Hina Mincho,serif;display:flex;flex-direction:column}body main{flex:1}p{margin:5px 0}hr{margin:20px 0}input[type=text],input[type=password]{background:none;border:1px solid #ffffff;border-radius:3px;padding:.5em;font-family:Hina Mincho,serif;color:#fff}input[type=text]::placeholder,input[type=password]::placeholder{color:fade(#ffffff,70%);font-size:.8em}main{overflow-x:hidden;display:flex;flex-direction:column}main article{position:relative;min-height:100%;width:100%;height:fit-content;z-index:1;flex:1}main article:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#383838;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="10" height="10"><circle cx="1" cy="1" r="1"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="10" height="10"><circle cx="1" cy="1" r="1"/></svg>');z-index:-1}main article:not(.show){display:none!important}main article:not(#topPage){max-width:1000px;margin-inline:auto}main article h1{text-align:center;margin:0;padding-block:2em}.icon-tabler{stroke-width:2;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}#bgmFlow{position:fixed;right:0;bottom:0;z-index:11;display:flex;align-items:center;gap:.5em;background-color:#222;box-shadow:0 0 10px #383838;margin:1em;padding:1em 1em 1em 1.5em;font-size:1.1em;border-radius:3em;color:#fff;transition:.3s opacity}#bgmFlow.hide{opacity:0;pointer-events:none}#bgmFlow>svg{width:1.5em;height:1.5em;margin-right:.5em}#bgmFlow button{color:currentColor;display:flex;align-items:center;background:none;padding:.5em;border:1px solid currentColor;border-radius:100%;font-size:1.25em;cursor:pointer}#bgmFlow button svg{width:1em;height:1em}