body{background:#eee url(/bg.png) repeat;color:#222;font-family:MS PGothic,MS Gothic,Meiryo,Yu Gothic,system-ui,sans-serif}html{scroll-behavior:smooth}.container{padding:16px}.container,.page-container{max-width:720px;margin:40px auto;background:#fff}.header{display:block;margin:0 0 16px}.main{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.info{font-size:.9em;color:#555;margin-bottom:16px}.info,.menu{padding:8px;border:1px solid #ccc}.menu{width:90%}.menu a{display:block;margin-bottom:6px;color:#00e;text-decoration:underline}.menu a:hover{color:#c00}.side-image{width:100%;max-width:360px;height:auto;display:none}.side-image-action{opacity:0;transition:opacity .5s ease}.side-image-action:hover{opacity:1}.side-images-container{position:relative;width:65%;min-height:300px;max-width:360px}.side-images-container img{position:absolute;object-fit:cover;top:0;left:0}.side-image-sp{width:45%;height:auto;display:none;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 10%,transparent);mask-image:linear-gradient(180deg,#000 0,#000 10%,transparent)}.menu-wrap{display:flex;justify-content:center;align-items:flex-start;margin:0 auto;width:clamp(720px)}.menu-wrap>div{flex:1 1}.table-wrap{border-collapse:collapse;justify-content:left;width:100%}.under-panel{position:relative;width:100%}.under-image{width:65%;max-width:360px;height:auto;margin-left:auto;object-fit:cover;object-position:right top;display:none;-webkit-mask-image:linear-gradient(180deg,#000 20%,#000 0,transparent);mask-image:linear-gradient(180deg,#000 20%,#000 0,transparent)}.under-overlay{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:100%;font-size:12px;text-align:left;font-family:sans-serif}.content{line-height:1.7}.sub-menu{display:flex;justify-content:center;gap:24px;padding:12px 0;margin-bottom:16px;background:#f5f5f5;border-bottom:1px solid #ccc;font-family:sans-serif}.sub-menu a{color:#00e;text-decoration:none;font-weight:700}.sub-menu a:hover{text-decoration:underline}.character-image{width:45%;max-width:360wx;height:auto}.character-panel{display:flex;justify-content:center;align-items:flex-start;margin:0 auto;width:clamp(720px)}.character-table-wrap{border-collapse:collapse;justify-content:left;width:100%}.text-block{white-space:pre-line}@media (max-width:768px){.under-panel{min-height:350px}.side-image,.side-image-action,.under-image{display:none}.side-image-sp{display:block}}@media (min-width:769px){.side-image,.side-image-action,.under-image{display:block}.side-image-sp{display:none}}