:root{--headline-1:14px;--headline-2:12px;--headline-3:12px;--text-size:12px;--text-size-small:11px;--container-max-width:800px;--container-min-width:800px;--container-width:800px;}body{background:#fff;display:flex;flex-direction:column;min-height:100dvh !important;text-align:justify;font-size:var(--text-size);font-family:courier;word-wrap:break-word;word-break:break-all;}.container{margin:0 auto;padding:5px 0;max-width:var(--container-max-width, 80%);min-width:var(--container-min-width, 800px);width:var(--container-width, 70vw);}@media screen and (max-width:600px){.container{--container-max-width:100%;--container-min-width:100%;--container-width:100%;padding:5px 15px;}:root{--text-size:14px;--headline-1:14px;--headline-2:14px;--headline-3:14px;--text-size-small:12px;}}a{text-decoration:none;color:rgb(0, 0, 238);}a:visited{color:rgb(0, 0, 238);}p{margin:15px 0;}img{border:1px solid #333;}header{margin:15px 0;padding:0;background:var(--header-bg);}header h1, header p{font:normal bold var(--headline-1)/1 monospace;margin:0;}header nav ul{padding:0;margin:0;list-style:none;display:flex;gap:10px;}header nav ul .nav-menu:not(:last-child):after{content:' |';}header .logo{height:71px;border:none;}main{flex-grow:1;}@media screen and (min-width:601px){.main{padding:30px 0;}}.articleList{list-style:none;margin:0;padding:0;}.articleList__item:not(:last-child){margin-bottom:50px;}.articleList__item time{font-size:var(--text-size-small);}.articleList__item .new{color:red;font-size:var(--text-size-small);margin-left:10px;}.articleList__item img{margin:10px 0;}.articleList__item .imageLink{width:fit-content;display:block;}.articleList__item p{margin:0;}h1{font-size:var(--headline-1);font-weight:normal;}.font-bold{font-weight:bold;}h2{font-size:var(--headline-2);}h3{font-size:var(--headline-3);}main h1, main h2, main h3, main h4{margin:15px 0 5px;}@media screen and (max-width:600px){main.main.toppage{margin-top:30px;}body{--header-height:55px;--header-bg-color:#fff;}body.scroll{--header-height:45px;--header-bg-color:rgba(207, 222, 209, 0.3);}header{position:fixed;height:var(--header-height);background:var(--header-bg-color);backdrop-filter:blur(1px);transition:box-shadow 0.3s, height 0.3s, background 0.3s;}.scroll header{box-shadow:0px 3px 5px rgba(210,210,210, 0.8);}.main{padding-top:var(--header-height);}header .logo{height:calc(var(--header-height) - 10px);transition:height 0.3s;}header nav ul{flex-direction:column;text-align:right;position:fixed;right:-300px;top:0;height:100vh;padding:35px 15px 15px 30px;background:#7899ab;transition:right 0.3s;box-shadow:-4px 0px 20px 0px rgba(40, 80, 80, 0.3);}header nav ul .nav-menu:after{content:' |';color:#660;}header nav ul li a,header nav ul li a:visited{color:#fff;}.menu-btn{position:fixed;top:7.5px;right:15px;display:flex !important;height:30px;width:30px;justify-content:center;align-items:center;z-index:90;transition:top 0.2s;}.menu-btn span,.menu-btn span:before,.menu-btn span:after{content:'';display:block;height:3px;width:25px;border-radius:3px;background-color:#666666;position:absolute;transform:rotate(0deg);transition:transform 0.2s, background-color 0.2s;}.scroll .menu-btn span,.scroll .menu-btn span:before,.scroll .menu-btn span:after{background-color:#000;}.menu-btn span:before{bottom:8px;}.menu-btn span:after{top:8px;}#menu-btn-check:checked ~ .menu-btn span{background-color:rgba(255, 255, 255, 0);}#menu-btn-check:checked ~ .menu-btn span:after,#menu-btn-check:checked ~ .menu-btn span:before{background-color:#f6fbf6;}#menu-btn-check:checked ~ .menu-btn span::before{bottom:0;transform:rotate(45deg);transition:transform 0.2s;}#menu-btn-check:checked ~ .menu-btn span::after{top:0;transform:rotate(-45deg);transition:transform 0.2s;}#menu-btn-check:checked ~ ul{right:0;transition:right 0.3s;}}#menu-btn-check, .menu-btn{display:none;}:root{--header-bg:#fff;--header-logo-color:#666;--footer-bg:#eee;}