*,*::before,*::after{box-sizing:border-box}body{margin-inline:0;margin-block:0;font-family:noto sans jp,sans-serif;font-style:normal;font-weight:400;font-optical-sizing:auto;line-height:1.5;color:#1e1e25;background-color:#fafafa}main{width:95%;margin-inline:auto}ul{list-style:none;-webkit-padding-start:0;-moz-padding-start:0}.flex{align-items:flex-start;justify-content:center}@media screen and (min-width:769px){.flex{display:flex}}.form{display:flex;align-items:flex-start;justify-content:center;height:960px;margin-top:1em}.pagination{display:flex;justify-content:space-evenly;width:50%;margin:0 auto;list-style:none}.content{width:100%;margin-bottom:1rem}@media screen and (min-width:769px){.content{width:calc(100% - 240px)}}.content .content-info{text-align:right;margin-bottom:1rem;margin-right:1rem}.content .content-info .date{display:inline-flex;align-items:center}.content .content-info .date span{margin-right:.5rem}.content .content-body .description{margin-bottom:1rem;padding:.5rem}.content h1{margin-top:0;margin-bottom:.5rem}.breadcrumb{width:100%;padding:8px 0;white-space:nowrap}.breadcrumb ul{overflow:auto;display:flex;margin:0;list-style:none}.breadcrumb li{align-content:center}.breadcrumb li:not(:last-child)::after{margin:0 .15rem;content:" > "}.breadcrumb .name{padding:0 4px;margin:0;font-size:14px;font-weight:700}@media screen and (min-width:769px){.sidebar{margin-left:1em}}.sidebar .tags{width:240px;padding:1em;background-color:#eee}.sidebar .tags h2{margin-top:0;margin-bottom:.2em}.sidebar .tags a{text-decoration:none;padding-inline:.2em}.bookshelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:minmax(200px,auto);grid-gap:10px;width:100%;padding:1em;background-color:#eee}.bookshelf a{color:#1e1e25;text-decoration:none}.bookshelf .book{gap:10px;width:200px;height:100%;border-style:solid;border-width:1px;border-color:#1e1e25;margin-inline:auto;padding:.4rem;text-align:center}.bookshelf .book img{margin-inline:auto;width:auto;height:200px}.bookshelf .book h2{margin:0;padding:0;word-break:break-all;font-size:16px}.bookshelf .book button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;background:#eee;margin:0;padding:0;cursor:pointer}.bookshelf .book:hover{transform:scale(1.02)}*:popover-open{position:fixed;top:0;left:0;width:80%;height:80%;border:1px solid #ccc;text-align:center;min-width:300px;padding:3rem}@media screen and (max-width:769px){*:popover-open{padding:1rem}}*::backdrop{background-color:rgba(0,0,0,.3)}.popover-close{position:absolute;top:20px;right:20px;font-size:24px;color:#000;text-decoration:none;cursor:pointer;transform:translate(50%,-50%)}@media screen and (max-width:769px){.popover-content .flex{flex-wrap:wrap}}.popover-content img{max-width:40%;object-fit:scale-down}@media screen and (max-width:769px){.popover-content img{padding-bottom:1rem;max-width:92%}}.popover-content .description{padding:1rem;text-align:justify}@media screen and (max-width:769px){.popover-content .description{padding-inline:0;width:92%}}.popover-content .description .link-amazon{margin-top:1rem}.tab-wrapper{display:flex;flex-wrap:wrap}.tab-label{color:#fff;background:Gray;font-weight:700;text-align:center;padding:10px .5em;order:-1;cursor:pointer;flex:1}.tab-label:not(:last-of-type){margin-right:5px}.tab-switch:checked+.tab-label{background:#eee;color:#1e1e25}.tab-switch{display:none}.link-amazon a{text-align:center;width:200px;border-radius:5px;background-color:orange;display:block;color:#1e1e25;font-weight:700;padding-block:.5rem;margin-inline:auto}.link-amazon a:hover{transform:scale(1.01)}.lr{writing-mode:vertical-lr}header{margin-bottom:1rem}header h1,header div{font-size:48px;font-weight:700;margin-inline:2rem;margin-top:1rem;margin-bottom:0}header h1 a,header div a{text-decoration:none;color:#1e1e25}header nav ul{display:flex;flex-wrap:wrap;justify-content:right;padding:0;margin-top:0;margin-bottom:.2rem;list-style:none}header nav ul a{font-weight:700;display:block;padding-left:2rem;padding-right:2rem;padding-bottom:.5rem;padding-top:0;color:#1e1e25}header nav ul .active{background-color:#eee;color:#000}footer{margin-top:1rem;text-align:center}footer nav ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:0;list-style:none}