@import "https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--aoi-blue:#204070;--aoi-light-blue:#4080e0;--aoi-dark-blue:#102038;--aoi-white:#f0f0f0;--aoi-gray:var(--lightningcss-light,#e0e0e0)var(--lightningcss-dark,#202020);--aoi-black:#101010;--main-text-color:var(--lightningcss-light,var(--aoi-black))var(--lightningcss-dark,var(--aoi-white));--main-background-color:var(--lightningcss-light,var(--aoi-white))var(--lightningcss-dark,var(--aoi-black));--header-text-color:var(--lightningcss-light,var(--aoi-black))var(--lightningcss-dark,var(--aoi-white));--header-background-color:var(--lightningcss-light,var(--aoi-white))var(--lightningcss-dark,var(--aoi-dark-blue));--footer-text-color:var(--aoi-white);--footer-background-color:var(--aoi-blue)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html{height:100%;color:var(--footer-text-color);background-color:var(--footer-background-color);overscroll-behavior:none;font-family:Zen Old Mincho,serif;font-size:20px;overflow:hidden}body{scrollbar-gutter:stable both-edges;scroll-behavior:smooth;overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:auto}body>div{flex-direction:column;width:fit-content;min-width:100dvw;min-height:100%;margin:0 calc(50% - 50dvw);display:flex;inset:0 0 auto;overflow:clip}body:not(.scrollbar-x){overflow-x:hidden}header{color:var(--header-text-color);background-color:var(--header-background-color);z-index:1;box-shadow:0 0 .5rem #00000080}header>div{flex-wrap:wrap;align-items:start;width:100dvw;min-height:4rem;padding:0 .5rem;display:flex}header>div>h1{white-space:nowrap;width:fit-content;height:2.5rem;margin:0 .5rem}header>div>h1>a{gap:.5rem;display:flex}header>div>h1>a>span.logo{background-image:var(--lightningcss-light,url(/assets/image/logo_blue.webp))var(--lightningcss-dark,url(/assets/image/logo_white.webp));background-color:#0000;background-size:contain;width:4rem;height:4rem;display:inline-block}header>div>h1>a>span.title{border-bottom:.25rem solid #4080e040;height:2.875rem;padding-top:.25rem}header>div>nav{flex-grow:1;align-self:center;height:2rem;margin-left:auto}header>div>nav>ul{justify-content:end;align-items:center;height:1.5rem;margin:.25rem;display:flex}header>div>nav>ul>li{white-space:nowrap;border-bottom:.25rem solid #4080e040;height:1.5rem;margin:0 .25rem;padding:0 .25rem;font-weight:700;list-style-type:none}header>div>nav>ul>li.separator{background-color:var(--lightningcss-light,silver)var(--lightningcss-dark,#606060);width:1px;height:1.5rem;padding:0}header>div a{text-decoration:none}header>div a:hover>span.title,header>div li:not(.separator):hover{border-bottom:.25rem solid var(--aoi-light-blue)}footer{box-shadow:0 0 .5rem #00000080}footer>div{width:100dvw;padding:1rem 0 calc(1rem + env(safe-area-inset-bottom));text-align:center}footer>div>table{margin:1rem auto}footer>div>table th{text-align:right}footer>div>table td{text-align:left}main{background-color:var(--aoi-gray);background-image:repeating-linear-gradient(0deg,#80808010,#80808010 4px,#0000 4px 8px);flex-direction:column;flex-grow:1;align-items:center;width:fit-content;min-width:100%;display:flex}main nav{margin:-.5rem -.5rem .5rem}main nav>ul{margin:0;padding:0}main nav>ul>li{white-space:nowrap;list-style-type:none;display:inline}main nav>ul>li>a,main nav>ul>li>span{margin:0 .5rem}main>div{width:fit-content;min-width:40rem;color:var(--main-text-color);background-color:var(--main-background-color);flex-grow:1;padding:1rem;box-shadow:0 0 .5rem #00000080}main>div h2{color:var(--footer-text-color);text-shadow:0 0 .25rem #ffeb80;background-color:var(--footer-background-color);background-image:conic-gradient(#00000010 0deg 45deg,#0000 45deg 135deg,#00000010 135deg 225deg,#0000 225deg 315deg,#00000010 315deg 360deg);background-position:50%;background-repeat:repeat;background-size:1rem 1rem;flex-direction:column;align-items:center;margin:.5rem -1rem;font-size:2rem;font-weight:400;display:flex;box-shadow:0 0 1rem #00000080}main>div h2:before,main>div h2:after{content:"";background-image:linear-gradient(90deg,#b8860b 0%,gold 20%,#fafad2 25%,gold 30%,#b8860b 50%,gold 70%,#fafad2 75%,gold 80%,#b8860b 100%);border-top:1px outset #b67b03;border-bottom:1px outset #b67b03;width:100%;height:4px}main>div h2:after{margin-top:.375rem}main>div h3,main>div h4,main>div h5{margin:1rem 0 0}main>div>div{width:fit-content;margin:.5rem auto}main>div>p{width:37rem;margin:.5rem 0 2rem 1rem}main>div>p>a{word-break:break-all}main>div>img,main>div>video{width:32rem;margin:1rem 3rem;display:block}.banner{cursor:pointer;background-image:repeating-conic-gradient(#b8860b 0deg,gold 36deg,#fafad2 72deg,gold 78deg,#b8860b 84deg,gold 87deg,#fafad2 90deg,gold 93deg,#b8860b 96deg,gold 102deg,#fafad2 108deg,gold 144deg,#b8860b 180deg);border:1px outset #b67b03;border-radius:calc(.5rem + 4px);width:fit-content;margin:1rem auto;padding:2px;text-decoration:none;display:block;box-shadow:0 0 .5rem #00000080}.banner>span{width:calc(36rem + 2px);height:calc(6rem + 2px);color:var(--footer-text-color);text-shadow:0 0 .25rem #ffeb80;background-image:radial-gradient(#3060a8, var(--footer-background-color));text-align:center;border:1px inset #b67b03;border-radius:calc(.5rem + 1px);justify-content:space-between;align-items:center;font-size:2rem;display:flex;overflow:hidden}.banner>span>img,.banner>span>span{height:6rem}.banner>span>span{flex-direction:column;justify-content:center;align-items:center;height:100%;padding-bottom:.5rem;display:flex}.banner>span>span>hr{border:none;border-top:solid 1px var(--footer-text-color);width:calc(100% + 2rem);height:1px;margin:.125rem 0 0;box-shadow:0 0 .25rem #ffeb80}.banner>img{vertical-align:bottom;border:1px inset #b67b03;border-radius:calc(.5rem + 1px);max-width:calc(36rem + 2px);max-height:30rem}.underline{z-index:1;border-bottom:.2rem solid;border-image:radial-gradient(closest-side,#fff 50%,#fff0 100%) 0 0 100%;height:2.5rem;margin:0 0 .25rem;padding:0 1.5rem}a{color:inherit}table.data{border-collapse:collapse;border-radius:.5rem;margin:.5rem auto 2rem;overflow:hidden}table.data thead th,table.data tfoot th{color:var(--footer-text-color);background:var(--footer-background-color)}table.data tbody tr:nth-last-child(odd){background:var(--lightningcss-light,#e0f0fc)var(--lightningcss-dark,var(--aoi-dark-blue))}table.data th,table.data td{text-align:center;padding:.25rem}table.data tbody th,table.data tbody td{text-align:right}table.history{border-collapse:collapse;color:var(--aoi-black);border:none;border-radius:.5rem;margin:1rem 0 2rem;font-size:80%;overflow:hidden}table.history tr.NewYear{background-color:#e8d0ff}table.history tr.etc,table.history tr.witch,table.history tr.noa{background-color:#fff}table.history tr.GREED{background-color:#e8e8e8}table.history tr.RP{background-color:#d0d0d0}table.history tr.GR{background-color:#e0ffe0}table.history tr.rocon{background-color:#ffe0e0}table.history tr.SUGOROKU{background-color:#ffffc0}table.history tr.aoi{background-color:#c0e0ff}table.history th,table.history td{white-space:no-wrap;padding:.125rem .25rem}table.history th{text-align:left}table.history th.year{vertical-align:top;background-color:#fff}table.history thead,table.history tfoot{color:var(--footer-text-color);background-color:var(--footer-background-color)}table.history th,table.history td{white-space:nowrap}#button{text-align:right;z-index:1;width:0;height:0;position:sticky;top:-7rem;left:0}#button>a{-webkit-user-select:none;user-select:none;background-image:linear-gradient(#b8860b,gold,#fafad2,gold,#b8860b);border:1px outset #b67b03;border-radius:50%;width:calc(4rem + 8px);height:calc(4rem + 8px);margin-top:calc(100svh + 1rem - 4px);margin-left:calc(100dvw - 6rem - 4px);padding:2px;text-decoration:none;display:inline-block;position:static;box-shadow:0 0 1rem #00000080}#button>a>span{background-image:radial-gradient(#20407000, var(--aoi-blue)), linear-gradient(var(--aoi-blue) 0%, var(--aoi-light-blue) 37.5%, var(--aoi-dark-blue) 100%);border:1px inset #b67b03;border-radius:50%;width:calc(4rem + 2px);height:calc(4rem + 2px);display:block;position:relative}#button>a>span>span{width:4rem;height:1.375rem;color:var(--aoi-white);text-shadow:0 0 .25rem #ffeb80;text-align:center;white-space:nowrap;z-index:1;border-bottom:.2rem solid;border-image:radial-gradient(closest-side,#ffffff80 50%,#fff0 100%) 0 0 100%;margin:auto;padding:0 .5rem;font-size:1.5rem;line-height:1.2rem;display:block;position:absolute;inset:-1rem}@media screen and ((width<=800px) or (height<=800px)){:root{font-size:16px}}@media screen and ((width<=640px) or (height<=640px)){:root{font-size:10px}}@media screen and ((width<=400px) or (height<=400px)){:root{font-size:8px}}dialog[open]{background:0 0;border:none;padding:0;overflow:visible}dialog[open] video{width:30rem}dialog::backdrop{background:#000000df}.carousel{max-width:40rem;margin:0 -1rem 1rem}.carousel input[type=radio]{display:none}.carousel .gallery{width:100%;box-shadow:0 0 .5rem #00000080}.carousel .gallery>div{width:100%;position:relative;overflow:hidden}.carousel .gallery>div>div{width:1000%;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:flex}.carousel .gallery>div>div>a{width:12.5%;text-decoration:none}.carousel .gallery>div>div>a>h2{box-shadow:none;margin:0}.carousel .gallery>div>div>a>img{object-fit:contain;background-color:var(--aoi-black);width:100%;height:22.5rem;display:block}.carousel .thumbnails{justify-content:center;gap:.5rem;padding:1rem;display:flex}.carousel .thumbnails>label{cursor:pointer;border:.25rem solid #0000;border-radius:.5rem;width:3.5rem;height:3.5rem;transition:all .25s;overflow:hidden}.carousel .thumbnails>label>img{object-fit:cover;width:100%;height:100%}.carousel .thumbnails>label:hover{border-color:var(--main-text-color);transform:scale(1.05)}.carousel #gallery1:checked~.gallery>div>div{transform:translate(0%)}.carousel #gallery2:checked~.gallery>div>div{transform:translate(-10%)}.carousel #gallery3:checked~.gallery>div>div{transform:translate(-20%)}.carousel #gallery4:checked~.gallery>div>div{transform:translate(-30%)}.carousel #gallery5:checked~.gallery>div>div{transform:translate(-40%)}.carousel #gallery6:checked~.gallery>div>div{transform:translate(-50%)}.carousel #gallery7:checked~.gallery>div>div{transform:translate(-60%)}.carousel #gallery8:checked~.gallery>div>div{transform:translate(-70%)}.carousel #gallery9:checked~.gallery>div>div{transform:translate(-80%)}.carousel #gallery10:checked~.gallery>div>div{transform:translate(-90%)}.carousel #gallery1:checked~.thumbnails>label[for=gallery1],.carousel #gallery2:checked~.thumbnails>label[for=gallery2],.carousel #gallery3:checked~.thumbnails>label[for=gallery3],.carousel #gallery4:checked~.thumbnails>label[for=gallery4],.carousel #gallery5:checked~.thumbnails>label[for=gallery5],.carousel #gallery6:checked~.thumbnails>label[for=gallery6],.carousel #gallery7:checked~.thumbnails>label[for=gallery7],.carousel #gallery8:checked~.thumbnails>label[for=gallery8],.carousel #gallery9:checked~.thumbnails>label[for=gallery9],.carousel #gallery10:checked~.thumbnails>label[for=gallery10]{border-color:var(--aoi-light-blue)}
