@import url(./bulma.min.css);:root{--bg: transparent;--text: #330;--link: inherit;--main-color: inherit;--border: rgba(0, 0, 0, 0.25);--serif: "Hina Mincho", 游明朝, YuMincho, ヒラギノ明朝 Pro, Hiragino Mincho Pro, serif;--line: rgba(0,0,0,.12);--paper: #f6f2ea;--shadow: 0 0 10px rgba(0, 0, 0, 0.5);--radius: 14px;--max: 1680px}@font-face{font-family:"Hina Mincho";src:url("../fonts/HinaMincho-Regular.ttf") format("ttf");font-display:swap}@font-face{font-family:"Noto Sans JP";src:url("NotoSansJP-VariableFont_wght.ttf") format("ttf");font-display:swap}body{margin:0;color:var(--text);font-family:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-size:16px;font-weight:normal;font-weight:400;line-height:1.6;background:var(--bg)}@media screen and (min-width: 1440px){body{font-size:18px}}a{color:var(--link);text-decoration:none}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;overflow:clip;align-items:stretch}.hero__bg{position:absolute;inset:0;background:url("../images/common/background.jpg") center/cover no-repeat}@media screen and (min-width: 1280px){.hero__bg{position:fixed}}.hero-footer{position:absolute;left:0;bottom:0;right:0}.hero-footer__copyright{padding:1em 2em;color:#fff;font-size:0.8em;text-align:center;opacity:0.5}@media screen and (min-width: 1280px){.hero-footer__copyright{font-size:0.65em;text-align:left}}.layout{position:relative;z-index:1;width:min(var(--max), 100% - 40px);margin-inline:auto;display:grid;gap:30px;grid-template-columns:1fr;align-items:start}@media screen and (min-width: 1280px){.layout{height:100vh;gap:60px;grid-template-columns:minmax(440px, 1fr) minmax(360px, 480px) minmax(380px, 380px)}}.header{display:flex;flex-direction:column;justify-content:flex-end;height:auto;min-height:80px;padding-top:3em}@media screen and (min-width: 768px), print{.header{padding-top:2em}}@media screen and (min-width: 1280px){.header{justify-content:center;min-height:100vh;min-height:100svh;padding-top:0}}.header__ttl{margin:0;text-align:center}.header__ttl img{width:auto;height:100px;height:110px}@media screen and (min-width: 768px), print{.header__ttl img{height:80px}}@media screen and (min-width: 1280px){.header__ttl img{height:clamp(60px, 8vw, 120px);filter:drop-shadow(var(--shadow))}}.main{padding:1.5em;margin-bottom:3em;border-radius:var(--radius);background:color-mix(in srgb, var(--paper) 92%, #fff 8%);box-shadow:var(--shadow)}@media screen and (min-width: 1280px){.main{height:calc(100svh - 6em);margin:3em 0}}.aside{position:fixed;top:0;right:0;z-index:30;display:flex;width:min(380px, 92vw);height:100%;padding:2em;padding-top:calc(2em + 60px);color:#fff;text-align:left;flex-direction:column;gap:3em;background-color:rgba(80,80,80,0.6);background-color:rgba(0,0,0,0.3);backdrop-filter:blur(20px);transform:translateX(100%);transition:transform .25s ease;overflow:auto}@media screen and (min-width: 1280px){.aside{background-color:rgba(0,0,0,0.05);backdrop-filter:blur(20px)}}.aside[aria-hidden="false"]{transform:translateX(0)}.aside__headline{padding:0 0 0.2em 0.5em;margin-bottom:1.5em;color:#fff;font-size:1.0em;font-weight:600;line-height:1.25em;text-align:left;border-left:5px solid #fff}.aside__post{padding:1em 0.5em;border-top:0.5px solid #fff}.aside__post:last-child{border-bottom:0.5px solid #fff}.drawer-btn{position:fixed;top:1em;right:0.65em;z-index:99;display:flex;justify-content:flex-end;align-items:center;gap:10px}@media screen and (min-width: 1280px){.drawer-btn{top:2em;right:2em}}.hamburger{display:flex;gap:4px;flex-direction:column;align-items:center;justify-content:center;width:54px;height:54px;color:#fff;background:rgba(0,0,0,0.3);backdrop-filter:blur(20px);border-radius:1em;cursor:pointer;transition:.2s ease}.hamburger__bar{display:block;width:24px;height:2px;margin:10px 0;background:#fff;position:relative}.hamburger__bar::before,.hamburger__bar::after{content:"";position:absolute;left:0;width:24px;height:2px;background:#fff}.hamburger__bar::before{top:-8px}.hamburger__bar::after{top:8px}.hamburger__txt{display:block;font-size:0.8em;line-height:1}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.45);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:20}.backdrop[data-open="true"]{opacity:1;pointer-events:auto}.footer-nav__item{margin-bottom:0.5em;font-size:0.9em}@media screen and (min-width: 1280px){.footer-nav__item{font-size:0.85em}}.recommend__block{padding:0.5em 0;color:var(--text)}.recommend__headline{padding:0 0 0.2em 0.5em;margin-bottom:1.5em;font-size:1.0em;font-weight:600;line-height:1.25em;text-align:left;border-left:5px solid var(--text)}.recommend__post{padding:1.5em 0.5em;border-top:0.5px solid var(--text)}.recommend__post:last-child{border-bottom:0.5px solid var(--text)}.recommend__ttl{margin-bottom:0.5em;font-size:1.15em;font-weight:600;line-height:1.4em}.recommend__desc{font-size:1.0em;line-height:1.8em}@media screen and (min-width: 1280px){.recommend__desc{font-size:0.95em}}.recommend__more{margin:0.5em 0;font-size:0.85em;text-align:right}.archive__ttl{margin-bottom:0.5em;font-size:1.15em;font-weight:600;line-height:1.4em}.archive__desc{font-size:0.85em;font-weight:400;line-height:1.6em}.article{display:block;height:100%;padding:0 0.5em}@media screen and (min-width: 1280px){.article{display:grid;grid-template-rows:auto 1fr auto}}.article__header{border-bottom:1px solid var(--line)}.article__time{margin:0.5em 0;color:#888;font-size:0.8em}.article__ttl{margin:0.5em 0 1em;font-size:1.15em;font-weight:600;line-height:1.4em;letter-spacing:0.03em}.article__content{padding-top:0.5em;padding-bottom:2em;margin:1em 0 2em;color:var(--text);font-size:1.0em;font-weight:400;line-height:1.75em;line-height:1.8em;border-bottom:1px solid var(--line)}@media screen and (min-width: 1280px){.article__content{overflow:auto;min-height:0;padding-right:0.8em;font-size:0.95em}}.article__content div{margin-bottom:3.0em}.article__content p{margin-bottom:1.0em}.article__footer{padding-top:0.5em;padding-bottom:1em}.article__audio{padding-top:1.0em;text-align:right}.article__audio audio{min-width:300px;height:30px}.article__ctrl{margin:0.5em 0;font-size:0.9em;text-align:right}