:root{--common-min-width: 1200px;--common-min-height: 640px;--main-font-size: 16px;--main-font-family: "NotoSerifSC-Regular", "NotoSerifSC-ExtraLight", "Huiwen-Tsukiji-5-mincho", "LXGWWenKaiMonoLite", "Comic Neue", "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, serif;--blog-title-font-family: "Huiwen-Tsukiji-5-mincho", "NotoSerifSC-Regular", "NotoSerifSC-ExtraLight", "LXGWWenKaiMonoLite", serif;--common-in-width: 84%;--common-in-maxwidth: 1400px;--header-height: min(8.33333vw, 100px);--color-blue: 1, 173, 175;--color-green: 4, 170, 114;--color-gold: 220, 205, 133;--easing-outquart: cubic-bezier(.25, 1, .5, 1);--fontsize-12: min(1vw, 12px);--fontsize-14: min(1.16666vw, 14px);--fontsize-16: min(1.33333vw, 16px);--fontsize-18: min(1.5vw, 18px);--fontsize-20: min(1.66666vw, 20px);--fontsize-22: min(1.83333vw, 22px);--fontsize-24: min(2vw, 24px);--fontsize-26: min(2.16666vw, 26px)}@font-face{font-family:Comic Neue;src:url(/fonts/ComicNeue-Regular.woff2) format("woff2"),url(/fonts/ComicNeue-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}@font-face{font-family:NotoSerifSC-ExtraLight;src:url(/fonts/NotoSerifSC-ExtraLight.v1.woff2) format("woff2"),url(/fonts/NotoSerifSC-ExtraLight.woff2) format("woff2"),url(/fonts/NotoSerifSC-ExtraLight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:NotoSerifSC-Regular;src:url(/fonts/NotoSerifSC-Regular.v1.woff2) format("woff2"),url(/fonts/NotoSerifSC-Regular.woff2) format("woff2"),url(/fonts/NotoSerifSC-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@media screen and (max-width:767px){:root{--common-min-width: 100%;--common-min-height: auto;--main-font-size: 12px;--common-in-width: 89.33333vw;--common-in-maxwidth: 100%;--header-height: 13.33333vw;--fontsize-12: 2.66666vw;--fontsize-14: 2.933333vw;--fontsize-16: 3.2vw;--fontsize-18: 3.46666vw;--fontsize-20: 3.73333vw;--fontsize-22: 4.26666vw;--fontsize-24: 4.53333vw;--fontsize-26: 4.8vw}}body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#fff}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none}*:focus{outline:none}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}body{-webkit-text-size-adjust:100%;background-color:#fff;background-image:url(/noice.jpg);background-repeat:repeat;background-position:center;color:rgb(var(--color-blue));font-family:var(--main-font-family);font-size:var(--main-font-size);font-weight:400;letter-spacing:.05em;line-height:1.8;word-wrap:break-word;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(ellipse 800px 600px at 30% 20%,rgba(var(--color-green),.18) 0%,rgba(var(--color-green),.12) 30%,rgba(var(--color-green),.06) 50%,transparent 70%),radial-gradient(ellipse 600px 800px at 70% 80%,rgba(var(--color-green),.15) 0%,rgba(var(--color-green),.08) 40%,rgba(var(--color-green),.04) 60%,transparent 80%),radial-gradient(ellipse 700px 500px at 50% 50%,rgba(var(--color-green),.1) 0%,rgba(var(--color-green),.05) 45%,transparent 75%);pointer-events:none;z-index:-2;animation:diagonalGlow 50s linear infinite}@keyframes diagonalGlow{0%{transform:translate(-20%,-20%) scale(.9)}50%{transform:translate(10%,10%) scale(1.1)}to{transform:translate(20%,20%) scale(.9)}}a{color:#222}a:hover{text-decoration:none}.linkA{color:rgb(var(--color-blue));display:block;font-size:var(--fontsize-18);line-height:1;padding:min(2.5vw,30px) 0 min(2.5vw,30px) min(2.16666vw,26px);position:relative;text-decoration:none}.linkA:before{content:"";background:url(/magic-flower.svg) no-repeat center center / contain;width:min(15vw,180px);height:min(15vw,180px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:.2;transition:opacity .4s ease}.linkA:hover:before{opacity:.4}.linkA:after{content:"";background-color:rgb(var(--color-blue));display:block;width:0;height:1px;margin:auto;position:absolute;top:0;bottom:0;left:0;transition:width .4s var(--easing-outquart)}.linkA:hover:after{width:105%}.backTo{display:flex;justify-content:center;margin-top:min(8.33333vw,100px)}@media screen and (max-width:767px){.linkA{font-size:3.46666vw;padding:3.5vw 0 3.5vw 4vw}.linkA:before{width:30vw;height:30vw}.backTo{margin-top:13vw}}.blogArticle{width:var(--common-in-width);max-width:var(--common-in-maxwidth);margin:0 auto;padding:calc(var(--header-height) + min(5vw,60px)) 0 min(8.33333vw,100px)}.blogHeader{border-bottom:1px solid rgb(var(--color-gold));margin-bottom:min(5vw,60px);padding-bottom:min(2.5vw,30px)}.blogHeader__inner{width:100%;max-width:800px;margin:0 auto}.blogHeader__meta{display:flex;align-items:center;gap:min(1.66666vw,20px);margin-bottom:min(1.66666vw,20px)}.blogHeader__date{color:rgb(var(--color-blue));font-family:var(--main-font-family);font-size:var(--fontsize-16)}.blogHeader__category{background:rgb(var(--color-blue));background:linear-gradient(0deg,rgba(var(--color-blue),1),rgba(var(--color-green),1));color:#fff;display:inline-block;font-size:var(--fontsize-14);line-height:1;padding:.5em 1em}.blogHeader__title{color:rgb(var(--color-blue));font-family:var(--blog-title-font-family);font-size:var(--fontsize-24);font-weight:700;line-height:1.6}.blogContent{width:100%;max-width:800px;margin:0 auto min(8.33333vw,100px)}.blogContent__thumbnail{margin-bottom:min(5vw,60px)}.blogContent__thumbnail img{width:100%;height:auto}.blogContent__body{color:rgb(var(--color-blue));font-size:var(--fontsize-16);line-height:2}.blogContent__body :global(p){margin-bottom:1.5em}.blogContent__body :global(img){max-width:100%;height:auto;margin:2em 0}@media screen and (max-width: 767px){.blogArticle{padding-top:calc(var(--header-height) + 8vw)}.blogHeader{margin-bottom:8vw;padding-bottom:4vw}.blogHeader__meta{gap:3vw;margin-bottom:3vw}.blogHeader__title{font-size:var(--fontsize-20)}.blogContent{margin-bottom:13.33333vw}.blogContent__thumbnail{margin:0 calc(var(--common-in-width) * -1) 8vw}.blogContent__body{font-size:var(--fontsize-14)}}.current-date{color:var(--text);font-style:italic;opacity:.8}.current-date a{color:var(--text);font-style:italic;opacity:.8;text-decoration:none;transition:opacity .3s ease}.art-nouveau-container{min-height:100vh;display:flex;flex-direction:column}.top-nav{position:fixed;top:0;left:0;right:0;height:60px;backdrop-filter:blur(10px);z-index:1000}.top-nav{background:#fffffff2;border-bottom:1px solid rgba(var(--color-blue),.1)}body[style*="rgb(124, 171, 214)"] .top-nav{background:#ffffffb3!important;border-bottom:1px solid rgba(52,152,219,.2)!important}body[style*="background: #000"] .top-nav{background:#000c!important;border-bottom:1px solid rgba(221,221,204,.2)!important}body[style*="sadgrl-aquagalaxy-small.gif"] .top-nav{background:#000000b3!important;border-bottom:1px solid rgba(255,255,255,.2)!important}body[style*="background-sg.jpg"] .top-nav{background:#000c!important;border-bottom:1px solid rgba(255,255,255,.3)!important}.nav-content{max-width:1200px;margin:0 auto;height:100%;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:2rem}.nav-left{margin-right:auto}.nav-right{margin-left:auto}.nav-list a{color:rgb(var(--color-blue));text-decoration:none;font-size:1.2rem;font-weight:500;transition:color .3s ease}.nav-list a:hover{color:rgb(var(--color-green))}.current-date{color:rgb(var(--color-blue));font-style:italic;opacity:.8}.current-date a{color:rgb(var(--color-blue));font-style:italic;opacity:.8;text-decoration:none;transition:opacity .3s ease}.current-date a:hover{opacity:1}body[style*="rgb(124, 171, 214)"] .nav-list a{color:#2c3e50!important;font-weight:500}body[style*="rgb(124, 171, 214)"] .current-date,body[style*="rgb(124, 171, 214)"] .current-date a{color:#2c3e50!important}body[style*="rgb(124, 171, 214)"] .current-date a:hover{color:#3498db!important;opacity:1}body[style*="background: #000"] .nav-list a,body[style*="background: #000"] .current-date,body[style*="background: #000"] .current-date a{color:#ddc!important}body[style*="sadgrl-aquagalaxy-small.gif"] .nav-list a{color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)}body[style*="sadgrl-aquagalaxy-small.gif"] .current-date{color:#fff!important}body[style*="sadgrl-aquagalaxy-small.gif"] .current-date a{color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)}body[style*="background-sg.jpg"] .nav-list a{color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.9);font-weight:600}body[style*="background-sg.jpg"] .current-date{color:#fff!important}body[style*="background-sg.jpg"] .current-date a{color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.9);font-weight:500}body[style*="background-sg.jpg"] .nav-list a:hover{color:#f0f0f0!important}body[style*="background-sg.jpg"] .current-date a:hover{color:#f0f0f0!important;opacity:1}.site-header{padding-top:80px;padding-bottom:2rem;text-align:center;margin-bottom:2rem}.site-title{font-size:4rem;font-weight:700;color:rgb(var(--color-green));margin:0;letter-spacing:.1em;text-transform:uppercase}@media (max-width: 768px){.site-title{font-size:2.5rem}}