:root{--blue: #648add;--red: #f75a73}body{font-family:"Avenir",sans-serif;font-size:16px;color:#000;background-color:#f7f6f4;padding:5%;position:relative}#top{display:flex;flex-direction:row}#top_left{width:50%}#top_right{position:relative;width:50%}a{text-decoration:none;font-style:italic;font-weight:bold;color:var(--blue)}a:hover{color:var(--red)}#title{font-size:1.5em;font-weight:bold;margin-bottom:1em}#profile{margin-bottom:1.1em}#profile img{margin-right:2em;border-radius:50%;width:80px;height:80px;filter:drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.16))}.works .image-wrap{display:flex;justify-content:center;align-items:center;gap:4px;padding-bottom:32px}@media screen and (max-width: 768px){.works .image-wrap{flex-direction:column}}.works .image-wrap .image-content p{font-size:11px;color:#4d4e4f}.works img{width:240px}@media(max-width: 735px){#top{flex-direction:column}#top_left{width:auto;margin:2em}#top_right{width:auto}#title{font-size:1.5em}}p{margin:0}canvas{position:sticky;top:0;padding:0;margin:auto;display:block}#works{margin-top:1.2em;font-weight:bold}.cursor,.follower{border-radius:50%;position:absolute;top:0;left:0;pointer-events:none}.cursor{width:8px;height:8px;background-color:#000;z-index:1001}.follower{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:rgba(253,254,0,.5);z-index:1000;transition:transform ease .1s;text-align:center}.follower span{display:inline-block;font-size:14px;font-weight:bold;transform:scale(0)}.follower.is-active{transform:scale(3)}.btn{display:inline-block;width:160px;margin:16px;text-align:center;font-size:16px;line-height:1}.btn a{display:block;color:#fff;text-decoration:none;padding:16px;background-color:#000;cursor:none}footer{margin:20px auto}#tokusho .rowwrap{display:flex;margin:10px auto;gap:16px}#tokusho .rowwrap .title{font-weight:bold}