@charset "UTF-8";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--color-base: #ecebec;--color-main: #b6334f;--color-text: #222422;--color-dark: color-mix(in srgb, var(--color-base) 90%, var(--color-text) 10%);--color-light: #fff;--font-primary: "Zen Kaku Gothic New", Meiryo, メイリオ, sans-serif;--font-alphanumeric: "Outfit", "Zen Kaku Gothic New";--font-icon: "Material Symbols Outlined"}:root.dark{--color-base: #1f1f22;--color-text: #c7c7ce;--color-dark: #3f3f4b;--color-light: #242428}.dark header.fixed nav.is-active a,.dark header.fixed nav.is-active .dark-toggle,.dark #gallery .tmbs .tmb .tmb_img i.lock{color:var(--color-base)}.dark header.fixed #logo svg [fill="rgb(182,51,79)"]{fill:color-mix(in srgb,var(--color-text) 40%,transparent)}.dark header.fixed .menu_open.is-active span:before,.dark header.fixed .menu_open.is-active span:after{background-color:var(--color-base)}.dark #contact form input,.dark #contact form textarea{background-color:var(--color-dark)}.dark #blog_main article,.dark #off #book_list .book,.dark #blog_list #article_list article{border-color:var(--color-dark)!important}.dark #contact form button{opacity:.5}@media screen and (min-width:1367px){html{font-size:62.5%}}@media screen and (max-width:1366px){html{font-size:50%}}@media screen and (max-width:768px){html{font-size:75%}}@media screen and (max-width:500px){html{font-size:62.5%}}@media screen and (min-width:769px){:root{--margin-base: 8rem;--header-height: 6rem;--top-header-height: 12rem;--max-width: calc(120rem + var(--margin-base) * 2)}body{font-size:1.5rem}.min{display:none}}@media screen and (max-width:768px){:root{--margin-base: 5rem;--max-width: 100%;--header-height: 4rem;--top-header-height: 20rem}body{font-size:1.4rem}.max{display:none}}@media screen and (max-width:540px){:root{--margin-base: 3rem}}.none{display:none}[data-ruby]{position:relative}[data-ruby]:before{content:attr(data-ruby);position:absolute;top:-1em;right:0;left:0;margin:auto;font-size:.5em}.material-symbols-outlined{font-size:1.2em;vertical-align:-.15em}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade_list-enter-active{transition:opacity .2s ease}.fade_list-leave-active{transition:none}.fade_list-enter-from,.fade_list-leave-to{opacity:0}[v-cloak]{display:none}html{scroll-behavior:smooth}body{position:relative;width:100vw;max-width:100vw;min-height:100dvh;overflow-x:hidden;font-family:var(--font-primary);font-weight:400;line-height:1.9;letter-spacing:.1em;color:var(--color-text);background-color:var(--color-base);transition:background-color .3s ease,color .3s ease}.content{width:100%;max-width:var(--max-width);min-height:100%;margin:0 auto;padding:calc(var(--margin-base))}#about h3,#contact h3,#off h2{position:relative;width:fit-content}#about h3:after,#contact h3:after,#off h2:after{content:"";display:block;position:absolute;top:0;right:-2.3em;bottom:0;width:1.8em;height:2px;margin:auto 0;background-color:var(--color-main)}header{position:fixed;top:0;left:0;z-index:9;width:100vw;padding:0 var(--margin-base) 0;transition:all .5s}header *{transition:all .5s}header>div{display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--top-header-height);margin:0 auto}header>div>*{width:calc(100% / 3)}@media screen and (max-width:930px){header>div>*{width:fit-content}header #logo{order:-1}}header #logo{order:-1}header #logo svg{width:auto;height:2em;opacity:.8}header #logo svg [fill="rgb(51,51,51)"]{fill:#fff}header #logo svg [fill="rgb(182,51,79)"]{fill:#ffffff80}header nav{display:flex;justify-content:flex-end;align-items:center;gap:2em}header nav a{line-height:1;text-align:center;color:#fffc}header nav a i.material-symbols-outlined{font-size:2.5em;font-variation-settings:"GRAD" -25,"FILL" 0,"wght" 250}header nav a i.sideicon{display:none}header nav a p{font-family:var(--font-alphanumeric);font-size:1.2em;font-weight:700;letter-spacing:.12em}header nav a p.ls_min{letter-spacing:.07em}header nav a span{font-size:.7em}header.fixed{padding:0 2.5em}header.fixed>div{height:var(--header-height)}header.fixed #logo svg{height:1.2em;opacity:1}header.fixed #logo svg [fill="rgb(51,51,51)"]{fill:var(--color-text)}header.fixed #logo svg [fill="rgb(182,51,79)"]{fill:var(--color-main)}header.fixed nav{gap:1.5em}header.fixed nav a{color:var(--color-text)}header.fixed nav a.current{pointer-events:none;opacity:.4}header.fixed nav a.material-symbols-outlined{font-size:1.6em;font-variation-settings:"GRAD" -25,"FILL" 0,"wght" 300}header.fixed nav a p{font-size:1em}header.fixed nav a span{display:none}.dark-toggle{position:fixed;bottom:2em;left:3em;display:flex;flex-wrap:nowrap;align-items:center;gap:.2em;opacity:.3}.dark-toggle i:nth-child(1){font-variation-settings:"FILL" 1}.dark-toggle i:nth-child(2){font-size:2.8em;font-variation-settings:"FILL" 0,"wght" 200}.dark .dark-toggle i:nth-child(1){font-variation-settings:"FILL" 0}.dark .dark-toggle i:nth-child(2){font-variation-settings:"FILL" 1,"wght" 200}.dark .dark-toggle i:nth-child(3){font-variation-settings:"FILL" 1}#blog{display:flex;position:relative;align-items:flex-start;gap:var(--margin-base)}.images{display:grid;gap:1em}.images.tmb2,.images.tmb3,.images.tmb4{grid-template-columns:1fr 1fr}.images.tmb5,.images.tmb6{grid-template-columns:1fr 1fr 1fr}.images.tmb7,.images.tmb8{grid-template-columns:1fr 1fr 1fr 1fr}.images.tmb3{grid-template-rows:auto auto}.images.tmb3 img:first-child{grid-row:span 2}.images img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}@media screen and (max-width:768px){body{line-height:1.7;letter-spacing:.1em}.content{padding:calc(var(--header-height) + var(--margin-base) * 1) calc(var(--margin-base) * 1) calc(var(--margin-base) * 1)}header,header.fixed{background-color:var(--color-light);transition:all .5s}header{display:flex;position:absolute;align-items:center;height:var(--top-header-height);padding:0 calc(var(--margin-base))}header.fixed{position:fixed;height:fit-content}header>div{flex-wrap:wrap;justify-content:center;gap:2.4em;height:fit-content}header.fixed>div{display:grid;place-content:center}header>div>*{width:fit-content}header nav{gap:1.5em}header nav a{color:var(--color-text)}header nav a span{display:block;margin-top:0;font-size:.6em;letter-spacing:.04em}header nav a.material-symbols-outlined,header nav a i.material-symbols-outlined{display:inline-flex;align-items:center;font-variation-settings:"GRAD" -25,"FILL" 0,"wght" 200;line-height:1}header #logo{height:2.3em;padding-top:.6em}header #logo svg{display:block;width:auto;height:2.3em;margin:0 auto;opacity:1}header #logo svg [fill="rgb(51,51,51)"]{fill:var(--color-text)}header #logo svg [fill="rgb(182,51,79)"]{fill:var(--color-main)}header.fixed #logo{width:fit-content;height:fit-content;margin:0 auto;padding:0}header.fixed #logo svg{height:1.3em;margin:0}header.fixed nav{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;gap:2.5em;width:100%;height:100dvh;transform:translateY(-100%)}header.fixed nav.is-active{transform:translateY(0)}header.fixed nav.is-active:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--color-main);opacity:.95}header.fixed nav a{display:none}header.fixed nav.is-active a{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;place-content:center;align-items:start;gap:.5em 1.4em;width:175px;text-align:left;display:none}header.fixed nav.is-active a.current{opacity:.3;mix-blend-mode:multiply}header.fixed nav a i{grid-row:span 2;height:.5em;transform:translateY(.1em);font-size:3.8em}header.fixed nav a p{display:block;grid-column:2;grid-row:1;font-size:1.3em}header.fixed nav a p.none{display:block!important}header.fixed nav a span{display:block!important;grid-column:2;grid-row:2;font-size:.9em}.dark-toggle{position:relative;bottom:auto;left:auto;display:none;margin-top:1rem;font-size:1.3em;opacity:1}header.fixed nav.is-active .dark-toggle{display:flex}header a p{display:none}.menu_open{position:fixed;top:18px;right:10px;width:25px;opacity:0}header.fixed .menu_open{opacity:1}.menu_open span,.menu_open span:before,.menu_open span:after{content:"";display:block;position:absolute;width:25px;height:3px;margin:0 auto;transition:.5s;background-color:var(--color-main)}.menu_open span:before{bottom:8px}.menu_open span:after{top:8px}header.fixed .menu_open.is-active span{background-color:transparent}header.fixed .menu_open.is-active span:before{bottom:0;transform:rotate(45deg);background-color:var(--color-text)}header.fixed .menu_open.is-active span:after{top:0;transform:rotate(-45deg);background-color:var(--color-text)}.content{max-width:100%}#blog{flex-direction:column}.images{gap:.5em}}body.lock{overflow:hidden}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.spinner{position:absolute;inset:0;width:3em;height:3em;margin:auto;border:3px solid #ccc;border-top-color:#999;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.none{display:none!important}.modal{display:flex;position:fixed;top:0;left:0;z-index:10;flex-wrap:wrap;align-items:center;justify-content:center;width:100vw;height:100dvh;overflow:auto;background-color:#323232d9}.modal::-webkit-scrollbar{width:0;height:0}.modal::-webkit-scrollbar-thumb{background-color:transparent}.modal.list-on::-webkit-scrollbar{width:1.2rem;height:0}.modal.list-on::-webkit-scrollbar-thumb{background-color:var(--color-text)}.modal figure{display:none;margin:0 auto;--caption-height: 0px}.modal figure.fig-on{display:table;animation:fade .5s ease}.modal figcaption{display:table-caption;padding:1em 1.8em;font-size:.9em;line-height:1.4;caption-side:bottom;background-color:#fff}.modal figure img.image{display:block;width:auto;max-width:calc(100vw - 12rem);height:auto;max-height:calc(100vh - 12rem - var(--caption-height));will-change:transform;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;user-select:none}.modal>button{position:fixed;height:fit-content;font-size:2.5em;color:#fff;z-index:10}.modal>button,.modal .number{filter:drop-shadow(0 0 .3rem rgba(90,90,90,.8))}.modal>button:after{font-family:var(--font-icon);font-variation-settings:"wght" 200}.modal button.prev,.modal button.next{top:0;bottom:0;margin:auto;font-size:4em}.modal button.prev{right:0}.modal button.prev:after{content:""}.modal button.next{left:0}.modal button.next:after{content:""}.modal button.close,.modal button.zoom,.modal button.list{top:-.1em}.modal button.close{right:1.5rem}.modal button.close:after{content:""}.modal button.zoom{right:5.8rem}.modal button.zoom:after{content:""}.modal.zoom-in .zoom:after{content:""}.modal button.list{right:10.5rem}.modal button.list:after{content:""}#blog_main .modal button.zoom,#note .modal button.zoom,#blog_main .modal button.list,#note .modal button.list,#blog_main .modal .number,#note .modal .number{display:none}.modal .number{position:fixed;top:1em;left:1em;font-family:var(--font-alphanumeric);line-height:1;color:#fff}.modal.caution>div{margin:0 auto;padding:2.5em 3em 3em;border-radius:.3em;text-align:center;color:#fff;background-color:var(--color-text)}.modal.caution>div p{margin:0 auto 1em}.modal.caution>div p .material-symbols-outlined{margin-right:.2em;font-variation-settings:"GRAD" -25,"FILL" 1,"wght" 400}.modal.caution>div input,.modal.caution>div button{line-height:4rem;color:var(--color-text)}.modal.caution>div input{width:15em;margin-right:.5em;padding:0 .5em;text-align:left;background-color:#fff}.modal.caution>div button{padding:0 1.5em;font-family:var(--font-alphanumeric);letter-spacing:.1em;background-color:var(--color-dark)}.modal.comic{transform:translateZ(0);padding:3em;box-sizing:border-box}.modal.comic figure{transform:translateZ(0)}.modal.comic figure.fig-on{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}.modal.comic figure.fig-on div.pages{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;height:100%;overflow:visible;will-change:transform}.modal.comic figure.fig-on div.pages .spread{display:flex;flex-direction:row-reverse;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%}.modal.comic figure.fig-on div.pages .pageimg{flex-shrink:0;width:fit-content;height:auto;max-width:50%;max-height:100%}.modal.comic figure img.page{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 6em);margin:0 auto}.modal.comic figure img.page.ghost{visibility:hidden}.modal.zoom-in{justify-content:flex-start;align-items:flex-start}.modal.zoom-in figure.fig-on{cursor:grab;margin:auto}.modal.zoom-in figure.fig-on:active{cursor:grabbing}.modal.zoom-in img.image:active{cursor:grabbing}.modal.zoom-in img.image,.modal.zoom-in.p2 figure img.image{max-width:fit-content;max-height:fit-content}.modal.zoom-in.comic figure.fig-on{max-height:fit-content!important}.modal .imagelist{display:grid;grid-template-columns:repeat(auto-fit,20rem);justify-content:center;gap:3rem;width:144rem;max-width:100%;height:fit-content;margin:auto;padding:3rem}.modal .imagelist .listtmb{width:20rem;aspect-ratio:1 / 1;object-fit:cover;cursor:pointer}.modal.zoom-in button.list,.modal.list-on button.zoom,.modal button.zoom.zoom-off{opacity:.3;pointer-events:none}.modal.comic .comic-title{position:fixed;top:0;left:0;width:100%;height:6rem;padding:0 1em;transform:translateY(0);transition:all .5s;line-height:6rem;text-align:center;color:#fff;background-color:#000c;z-index:1}.modal.comic .comic-title.min{display:none}.modal.comic .comic-title.info-off{transform:translateY(-6rem)}div.pageslider{display:flex;position:absolute;right:0;bottom:0;left:0;z-index:99;justify-content:center;align-items:center;gap:1em;width:100%;height:5.8em;margin:0 auto;padding:1em 3em;transform:translateY(0);transition:all .5s;background-color:#000c}div.pageslider.info-off{transform:translateY(5.8em)}div.slidernum{font-family:var(--font-alphanumeric);letter-spacing:.2em;color:#fff}div.pageslider input{width:100%;max-width:140rem;appearance:none;direction:rtl}div.pageslider input::-webkit-slider-runnable-track{height:2px;background-color:#fff}div.pageslider input::-webkit-slider-thumb{width:2px;height:2px;border:none;border-radius:50%;transform:scale(5);appearance:none;background-color:#fff}div.pageslider input::-moz-range-track{height:2px;background-color:#fff}div.pageslider input::-moz-range-thumb{width:2px;height:2px;border:none;border-radius:50%;transform:scale(5);appearance:none;background-color:#fff}@media screen and (max-width:768px){.modal figcaption{padding:.6em 1.2em}.modal figure img.image{max-width:100vw;max-height:calc(100vh - var(--caption-height))}.modal>button{font-size:2.4em}.modal button.close{right:1rem}.modal button.zoom{right:4rem}.modal button.list{right:7.7rem}.modal.comic{padding:0}.modal.comic figure.fig-on div.pages .spread{display:contents}.modal.comic figure.fig-on div.pages .pageimg{width:100%;max-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal.comic figure div.pageleft{display:none!important}.modal.comic figure img.page{max-height:100dvh}.modal.p2:not(.comic) figure img{max-height:calc(100dvh - 4em)}.modal.comic .comic-title{height:5rem;line-height:5rem}.modal.comic .comic-title.info-off{transform:translateY(-5rem)}div.pageslider{height:5rem;padding:1em 1.5em}div.pageslider.info-off{transform:translateY(5rem)}.modal .imagelist{grid-template-columns:repeat(auto-fit,15rem);gap:2rem;max-width:100%}.modal .imagelist .listtmb{width:15rem}}#site-header[data-astro-cid-sckkx6r4]{view-transition-name:none}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}