body,html{margin:0;padding:0;text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%}html{font-family:sans-serif;text-align:center;line-height:1.5;background-color:#000}body{background-color:silver}input{margin:-1px;padding:0;border:0 none;width:1px;height:1px;overflow:hidden;position:absolute;outline:0 none;white-space:nowrap;clip:rect(0 0 0 0)}#_:checked~main>h2,#_:checked~main>h3,#y:checked~main>h3{display:none}#_:checked~ul>li>[for="_"],#m:checked~ul>li>[for="m"],#y:checked~ul>li>[for="y"]{cursor:default;color:#fff}li,ul{margin:0;padding:0;list-style:none}ul{margin:0 auto;border-radius:1.25em;width:12em;position:relative;position:sticky;top:8px;background-color:#fff;box-shadow:0 0 2px #000}ul:before{content:"";border-radius:1em;height:2em;width:4em;display:block;position:absolute;top:.25em;background-color:#000;box-shadow:0 0 2px #000 inset;transition:left .25s ease-out}#_:checked~ul:before{left:.25em}#y:checked~ul:before{left:4em}#m:checked~ul:before{left:7.75em}li{width:4em;height:2.5em;display:inline-block;position:relative}label{width:100%;height:100%;display:inline-block;cursor:pointer;vertical-align:middle;line-height:1;color:#000;transition:color .25s ease-out}label:before{content:attr(data-ruby);display:inline-block;width:100%;font-size:.75em}h1,h2,h3,p{margin:0;padding:0}h1,h2,h3{font-size:1em}h2,h3{font-weight:400;text-align:center}main{margin:0 auto;padding:4px 0;text-align:left}figure{margin:4px;border-radius:4px;overflow:hidden;display:inline-block;text-align:center;vertical-align:middle;background-color:#fff;box-shadow:0 0 2px #000}figcaption{margin-top:-1.5em;height:1.5em;overflow:hidden;text-shadow:0 0 2px #fff}img{width:320px;height:320px;vertical-align:middle}@media screen and (max-width:320px){figure{margin-left:0;margin-right:0}img{width:100%;height:auto}}@media screen and (width:322px){figure{margin-left:1px;margin-right:1px}}@media screen and (width:324px){figure{margin-left:2px;margin-right:2px}}@media screen and (width:326px){figure{margin-left:3px;margin-right:3px}}@media screen and (min-width:328px){main{width:328px}}@media screen and (min-width:656px){main{width:656px}}@media screen and (min-width:984px){main{width:984px}}@media screen and (min-width:1312px){main{width:1312px}}@media screen and (min-width:1640px){main{width:1640px}}@media screen and (min-width:1968px){main{width:1968px}}