*::selection{--selectionbg:var(--sub)}body{font-feature-settings:"palt";text-rendering:optimizeLegibility}div.contents{--cnt-gap:3em;max-width:800px;box-shadow:0 5px 20px -12px var(--shadow);border-radius:3px;@media(max-width:767px){padding:3em 2em 5em}@media(min-width:768px){padding:3em 3em 5em}div.wrapper:last-child{--wrapper-gap:3em}}:is(div,p).box,div.banner,dl{margin-left:0.8em;margin-right:0.8em}ul.box{margin-left:1.8em;margin-right:1.8em}li{display:list-item;list-style-type:"・"}span.med{text-align:center}span.copy{~span.small{margin-left:5rem}}details{border-right:0.8em;border-left-width:0.8em;border-color:transparent}/*aリンク*/a:not(:has(img)){--link-weight:bold;text-decoration-line:underline;text-decoration-color:var(--main);text-decoration-style:solid;text-decoration-thickness:1px;text-underline-offset:1px text-decoration-skip-ink:none;@media(pointer:fine){&:hover{text-decoration:none}}@media(pointer:coarse){&:active{text-decoration:none}}}/*見出し*/h1{font-size:var(--xl);width:fit-content;background-color:var(--main);color:var(--white);border-radius:5px;margin:0 auto;padding:0.3em 0.8em}h2{color:var(--main);border-left-width:8px;padding-left:0.5em;font-size:var(--large);border-left-color:var(--sub)}h3{margin-left:0.3em;font-weight:bold;width:fit-content;border-bottom:2px solid var(--sub)}/*案内*/div.about{width:95%;max-width:100%;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;row-gap:0.8em;span.about:first-child{text-align:left}span.about:last-child{text-align:right}}ul.about{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:0.3em 2em;font-weight:bold;padding:1.5em;position:relative;max-width:95%;margin-left:auto;margin-right:auto;&::before,&::after{content:'';width:30px;height:30px;position:absolute;display:inline-block}&::before{border-top:3px solid var(--main);border-left:3px solid var(--main);top:0;left:0}&::after{border-bottom:3px solid var(--main);border-right:3px solid var(--main);bottom:0;right:0}}/*折りたたみ*/div.moreinner{position:relative;max-height:150px;@media(prefers-color-scheme:light){background:linear-gradient(var(--base) 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),var(--base) 70%) 0 100%,radial-gradient(farthest-side at 50% 0,#eee,rgba(0,0,0,0)),radial-gradient(farthest-side at 50% 100%,#eee,rgba(0,0,0,0)) 0 100%;background-repeat:no-repeat;background-size:100% 50px,100% 50px,100% 20px,100% 20px;background-attachment:local,local,scroll,scroll}@media(prefers-color-scheme:dark){background:linear-gradient(var(--base) 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),var(--base) 70%) 0 100%,radial-gradient(farthest-side at 50% 0,#48484d,rgba(72,72,77,0)),radial-gradient(farthest-side at 50% 100%,#48484d,rgba(72,72,77,0)) 0 100%;background-repeat:no-repeat;background-size:100% 50px,100% 50px,100% 20px,100% 20px;background-attachment:local,local,scroll,scroll}}div.morebox{position:relative;&:has(:checked){div.moreinner{padding-bottom:2em;max-height:fit-content}label::after{content:"▲close"}}label{bottom:0;right:0.5em;font-size:var(--med);color:var(--main);cursor:pointer;position:absolute;font-weight:bold;&::after{content:"▼more"}input{display:none}@media(pointer:fine){&:hover{color:var(--sub)}}@media(pointer:coarse){&:active{color:var(--sub)}}}}/*バナー*/div.banner{display:flex;flex-wrap:wrap;justify-content:center;width:fit-content;gap:0.5em;img{cursor:pointer;@media(max-width:767px){max-width:120px}@media(min-width:768px){max-width:150px}@media(prefers-color-scheme:light){@media(pointer:fine){&:hover{opacity:0.5}}@media(pointer:coarse){&:active{opacity:0.5}}}@media(prefers-color-scheme:dark){@media(pointer:fine){&:hover{opacity:0.8}}@media(pointer:coarse){&:active{opacity:0.8}}}}}/*履歴*/div.morebox:has(dl){max-width:350px}dl.info{display:flex;flex-direction:column;row-gap:0.5em;dt{font-size:var(--med);color:var(--light)}dd{margin-left:1em;padding-left:1.5em;padding-top:0.8em;padding-bottom:0.8em;&:not(:last-of-type){border-left:2px dotted var(--mlight)}&:last-of-type{margin-left:calc(1em + 2px)}}}/*スクロールバー*/@media(pointer:fine){@-moz-document url-prefix(){html,[class~="scroll"]{scrollbar-width:thin;scrollbar-color:var(--main) transparent}}}html,[class~="scroll"]{min-height:0;@media(pointer:fine){&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track-piece{cursor:default}&::-webkit-scrollbar-thumb{cursor:default;background-color:var(--main);border-radius:5px}}}@media(pointer:fine){[class~="scroll"]{overflow:hidden;scrollbar-gutter:stable both-edges;&:hover{overflow:auto}}}@media(pointer:coarse){[class~="scroll"]{overflow:auto}}