:root{--card-border: #839ac4;--card-inner-line: gray}.main{max-width:1200px}.gridbox{display:grid;gap:20px;margin-bottom:3em}@media(min-width: 700px){.gridbox{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));margin-left:1em;margin-right:1em}}@media(max-width: 699px){.gridbox{grid-template-columns:1fr;margin-left:.5em;margin-right:.5em}}.person{border:2px solid var(--card-border);display:grid;grid-template-columns:4em 1fr 1fr 4em;grid-template-rows:min-content min-content auto;overflow-wrap:break-word;overflow:hidden;border-radius:10px;box-shadow:2px 2px 4px #b9b9b9;color:#000;text-decoration:none}.person.hidden:not(.sample){display:none}.person>.name{align-content:center;border-bottom:solid 1px var(--card-inner-line);grid-column:1/4;padding:.6em .2em;text-align:center}.person>.yaku{align-content:center;border-bottom:solid 1px var(--card-inner-line);grid-column:4/5;padding:.6em .2em;text-align:center}.person>.kouza{align-content:center;border-bottom:solid 1px var(--card-inner-line);grid-column:1/3;padding:.2em;text-align:center}.person>.bumon{align-content:center;border-bottom:solid 1px var(--card-inner-line);border-left:solid 1px var(--card-inner-line);grid-column:3/5;padding:.2em;text-align:center}.person>.senmon{grid-column:1/4;line-height:1.4;margin:.5em;min-height:3em}.person>.shoukai{align-content:center;border-left:dotted 1px var(--card-inner-line);color:#000;grid-column:4/5;grid-row:3/4;padding:.2em;text-align:center;text-decoration:none;transition:.1s}.person>.shoukai:hover,.person>.shoukai.active{background:#1e85c0;color:#fff;transition:.1s}.person.sample>.shoukai:hover,.person.sample>.shoukai:active{background:unset;color:unset}.optionbox{text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.optionbox>div{display:inline-block;margin:.4em}.optionbox>div>label{border-radius:10px;overflow:hidden;padding:.5em}.optionbox>div:has(input:checked)>label{background-color:#1e85c0;color:#fff}.optionbox>div>input:not(:checked):hover+label,.optionbox>div>input:not(:checked)+label:hover{background-color:#c4e3f5}.optionbox>div>input,.optionbox>div>label{cursor:pointer}