html{height: 100%;--theme:#73aaff;--top:#fcfdfe;--Toolbox:#e4e7ed;--Al-bj:#fff;--Al-mment:#ebeef5;--background:rgba(255,255,255,0.8);--main:#404044;--routine:#606266;--minor:#808388;--seat:#c0c4cc;--classA:#dcdfe6;--classB:#e4e7ed;--classC:#ebeef5;--classD:#f2f6fc;--radius-wrap:6px;--radius-inner:4px;--text-shadow:0 1px 2px rgba(0,0,0,0.25);--text-Al:0 1px 8px rgba(0,0,0,0.25);--text-bt:0 1px 5px rgba(0,0,0,0.25);--box-shadow:0 5px 10px rgba(0,0,0,.1)}
html[data-night=night] body{--theme:#73aaff;--top:#252525;--Toolbox:#303030;--Al-bj:#303030;--Al-mment:#353535;--background:#232323e0;--main:#ccc;--routine:#bbb;--minor:#aaa;--seat:#888;--classA:#777;--classB:#666;--classC:#555;--classD:#303030;--text-shadow:none;--box-shadow:none}
html[data-night=night] body::before{z-index:-500;background:#121212}
body::before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-520;content:''}
body::before{background:#f0f0f0;background-position:center 0;background-size:cover;background-repeat:no-repeat}
::-webkit-scrollbar{width:0;height:0}
::-webkit-scrollbar-thumb{border-radius:4px;background:var(--seat)}
::-webkit-scrollbar-track{background:0 0}
*{font-family:'Al Font','MiSans','Source Han Serif','Noto Sans SC','Open Sans','PingFang SC', sans-serif;box-sizing:border-box;margin:0;padding:0;outline:0;text-decoration:none;font-weight:400;-webkit-tap-highlight-color:transparent}
body{height: 100%;color:var(--routine);font-size:14px}
a:hover{color:var(--theme)}
p{padding:0 0 8px}
h1,h2{margin-bottom:1rem;color:var(--main);text-shadow:0 1px 5px rgb(0 0 0/25%)}
h1{font-size:2em}
h2{font-size:1.5em}
h3,h4,h5,h6{margin-bottom:5px;font-size:15px}
.title{margin-top:10px}
#hitokoto{margin-bottom:2rem}
blockquote{margin:0 0 1em;padding:0 1em;border-left:4px solid var(--seat);letter-spacing:.1em;font-style:normal;}
blockquote li{display:block}
blockquote span{margin-bottom:5px}
article.special,section.special{text-align:center}
ul.actions li{display:inline-block}
ul.actions.vertical li{position:relative;display:block;margin:0;padding:1.5em 0 0}
ul.actions.vertical li:first-child{padding-top:0}
ul.actions.vertical li>.buton.bt{min-width:15em}
.actions.spinX li:hover .buton.fh path{fill:var(--theme)}
.buton{position:relative;display:inline-block;padding:0 2em;border:0;border-radius:var(--radius-inner);background-color:transparent;box-shadow:inset 0 0 0 1px var(--seat);color:var(--routine);text-decoration:none;line-height:40px}
.buton.fh{display:flex;align-items:center}
.buton:hover{box-shadow:inset 0 0 0 1px var(--theme);color:var(--theme)!important}
.buton:active{background-color:rgba(73,200,255,.05)}
#Al,.panel{display:flex;margin:0 auto;width:100%;justify-content:center;align-items:center}
.panel{padding: 4.7em;}
.panel{width:85em;transition:opacity .35s ease,transform .35s ease;align-items:stretch;justify-content:center}
.panel>.image{z-index:1;border-radius:0;background-color:#777;background-size:cover}
.panel>.content,.panel>.image{width:50%;transition:transform .35s ease}
.panel>.content{display:flex;padding:2.5em;height:100%;background:var(--background);flex-direction:column;justify-content:center}
.panel.inactive{opacity:0}
.panel.inactive>.image{-webkit-transform:translateY(2em);-moz-transform:translateY(2em);transform:translateY(2em);-ms-transform:translateY(2em)}
.panel.inactive>.content{-webkit-transform:translateY(-2em);-moz-transform:translateY(-2em);transform:translateY(-2em);-ms-transform:translateY(-2em)}
.panel.special{text-align:center}
.content .inner p{color:var(--routine)}
.panel.special>.content>.inner>:nth-child(n+2):nth-last-child(n+2){margin:2em 0}
.panel.special.inactive{-webkit-transform:translateZ(-2em);-moz-transform:translateZ(-2em);transform:translateZ(-2em);-ms-transform:translateZ(-2em)}
.panel.special.inactive>.content,.panel.special.inactive>.image{-webkit-transform:none;-moz-transform:none;transform:none;-ms-transform:none}
.panel.secondary>.content{-moz-justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}
.panel.secondary>.content>.actions{margin-bottom:0}
.panel.secondary>.content:after{display:block;width:100%;content:""}
.Al_footer{background-color:var(--background);letter-spacing:.05em}
.Al_footer .Al_total{display:flex;padding:1em 1em;align-items:center}
.Al_footer .Al_total p{padding: 4px 0;}
.Al_footer .Al_total a{color:var(--routine)}
.Al_footer .Al_total a:hover{color:var(--theme)}
.Al_footer .Al_total .item{margin-right:auto;margin-left:auto;text-align:center}
#www_icnal_com{position:fixed;top:0;left:0;z-index:1;display:block;margin:0;padding:0;width:100%;height:100%;outline:0;border:0;pointer-events:none}
.Al_action_item{position:relative;z-index:10;display:flex;width:36px;height:36px;border-radius:50%;background:var(--background);box-shadow:0 0 10px rgb(0 0 0 / 10%),0 5px 20px rgb(0 0 0 / 20%);cursor:pointer;align-items:center;justify-content:center}
.Al_action_item svg{position:absolute;color:var(--main);font-size:20px}
.Al_action_item.mode svg{opacity:0;transition:.35s ease-out;-webkit-transform:scale(0);transform:scale(0)}
.Al_action_item.mode svg.active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.Al_action{position:fixed;right:40px;bottom:130px;z-index:500}
.Al_action_item.scroll{visibility:hidden;margin-bottom:15px;transition:visibility.35s,transform.35s,-webkit-transform.35s;transform:scale(0)}
.Al_action_item.scroll.active{visibility:visible;transform:scale(1)}
.Al_action_item.music{margin-bottom:15px}
.Al_music music{display:flex;margin:1rem;color:var(--main);text-align:center;font-size:18px;align-items:center}
.Al_music .Al_music_title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.Al_music .Al_music_title svg{margin-right:5px}
.Al_music .Al_music_gaunbi{margin-right:1rem;cursor:pointer}
.Al_music .Al_music_gaunbi svg{color:var(--main)}
.Al_music{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1020;visibility:hidden;overflow-y:auto;width:500px;background:var(--top);box-shadow:var(--box-shadow);transition:transform .35s,visibility .35s,-webkit-transform .35s;transform:translate3d(-100%,0,0)}
.Al_music.active{visibility:visible;transform:translateZ(0)}
@media screen and (max-width:980px){
html .panel{height: 100%;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
html .panel>.image{width:100%;min-height:18em}
html .panel>.content{display:block;padding:2.5em 1em;width:100%;}
html .panel>.content:after{display:none}
html .panel.inactive>.image{-webkit-transform:translateX(2em);-moz-transform:translateX(2em);transform:translateX(2em);-ms-transform:translateX(2em)}
html .panel.inactive>.content{-webkit-transform:translateX(-2em);-moz-transform:translateX(-2em);transform:translateX(-2em);-ms-transform:translateX(-2em)}
}
@media screen and (max-width:768px){
#Al,.panel{padding:0}
html .panel>.image{min-height:18em}
html .panel>.content{padding:2.5em 1em;}
html .panel.special>.content>.inner>:nth-child(n+2):nth-last-child(n+2){margin:2em 0}
html .Al_footer{font-size:13px}
html .Al_music{width:100%}
html .Al_action{position:fixed;right:20px;bottom:80px}
}