body,html{height:100%}html{width:100vw;min-width:18em;font:106%/1.34 Segoe UI Historic,Segoe UI Symbol,sans-serif;letter-spacing:.003em;background-color:#f3f3f3;opacity:1;animation:opacity .6s ease-in-out}@keyframes opacity{from{opacity:0;background-color:rgba(238,238,238,0)}40%{opacity:0}60%{background-color:#eee}}body{overflow:hidden;overflow-y:scroll;margin:0}a,img{-webkit-user-drag:none;user-drag:none}a{color:#00d;text-decoration:none}.image,img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}:focus{position:relative;outline:#00f auto 2px}p{line-height:1.6}p+p{margin-top:0}header p{margin-bottom:0}ol{list-style:none;padding:0}.container{padding:1.55em 1.26em 0;margin:auto;box-sizing:border-box}.personalized{padding-left:15.26em}.subsc{overflow:auto;position:fixed;left:0;width:100%;max-width:14.26em;border-right:1px solid #ddd;box-shadow:inset -1em 0 3.8em -2em rgba(0,0,0,.37);top:0;bottom:0;padding:3em 0 1.2em;background-color:#f7f7f7}.subsc ol{margin:0}.subsc li+li{border-top:1px solid #ddd}details ol{background-color:rgba(136,136,136,.09)}summary{overflow:hidden;padding:0 1.2em;font-weight:700;line-height:2.6;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #ddd;cursor:default}.articles article,button,form{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}form p{-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}[type=submit]{padding:.25em .5em;float:right;background-color:#f7f7f7;border:0}.filter.filter{width:100%;padding:.6em .95em;color:#fff;font-size:94%;float:left;background-color:#774cff;border-color:#774cff;box-shadow:1px 1px .1em rgba(0,0,0,.2);box-sizing:border-box}li.filter.filter{padding-top:0}.disabled{opacity:.6}label{overflow:hidden;display:block;max-width:100%;float:left;white-space:nowrap;text-overflow:ellipsis}label,select{cursor:pointer}option{overflow:hidden;min-width:100%;max-width:0;color:#333;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;background-color:#fff}button{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;border:0;cursor:pointer}.subsc button{width:100%;height:100%;min-height:2.321em;padding:.6em 1.2em;font-size:94%;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.subsc button.active,.subsc button:focus,.subsc button:hover{background-color:rgba(136,136,136,.14)}.subsc button.active{font-weight:700;box-shadow:inset 0 -1em 1.8em rgba(0,0,0,.065)}[data-count]{padding-right:1em}[data-count]:before{content:attr(data-count);position:relative;float:right;font:700 .67em/1.75 Meiryo,Segoe UI,sans-serif;pointer-events:none}[data-count=0]:before{display:none}.subsc img{margin-right:.4em;vertical-align:middle}.articles{display:flex;flex-wrap:wrap;margin:0 auto 3em}.articles form{display:inline;margin-left:.2em;white-space:normal}header{flex:inherit;width:100%;margin:1em .75em;white-space:nowrap}button{font-size:100%}button[name=remove]{background-color:wheat}header button{color:#02a}header h1,header p{overflow:hidden;margin:0;vertical-align:middle;text-overflow:ellipsis}.intro{font-size:3em}dfn,time{color:#777;font-size:.7em;font-family:tahoma,sans-serif}dfn{font-style:normal}article time{order:4;position:absolute;right:3.3em;bottom:2.5em;max-width:calc(100% - 6.6em);float:right;background-color:#fff;box-shadow:-.3em 0 .5em .5em #fff}article{flex:1;position:relative;min-width:24em;margin:.78em}article a{display:flex;position:relative;flex-direction:column;height:100%;padding:1.3em 2.3em 1.9em;color:inherit;text-decoration:none;background-color:#fff;box-sizing:border-box}article a:after,article a:before{content:"";position:absolute;z-index:-1;bottom:15px;width:50%;height:20%;max-width:300px;max-height:100px;box-shadow:0 15px 10px rgba(51,51,51,.1)}article a:before{left:8px;transform:rotate(-2deg)}article a:after{right:8px;transform:rotate(2deg)}.image{order:1;width:calc(100% + 4.6em);height:9em;margin:-1.3em -2.3em 0;vertical-align:top;background-color:#bbb;background-size:cover;background-position:center;background-repeat:no-repeat}article h2{order:2;color:#00d;font-size:158%;font-weight:400;font-family:Cambria,Georgia,sans-serif}article p{order:3}.note{width:36em;max-width:100%;padding:3% 2em;margin:auto;box-sizing:border-box}.articles .note{width:100%;padding:1em .75em}.note button{color:#00d}.highlight.highlight{padding:.3em .6em;margin:0;color:#fff;background-color:green}.note h1{font-weight:400;font-size:231%;text-align:center;line-height:1.3;text-shadow:1px 1px 0 #fff}.note h1:first-line{font-size:200%}.note button{padding:.2em .4em;margin:0 -.4em}@media (max-width:55em){.personalized{padding-left:10em}.subsc{max-width:9em}}@media (max-width:36em){.note h1{font-size:180%}[type=submit]{float:none}.filter,details{display:none}.subsc .filter+li{border-top:0}.personalized{padding-left:4.3em}.subsc{left:0;max-width:3.2em}.subsc button{padding:1em}.subsc span{display:inherit;letter-spacing:32em}.subsc button[value=""] span,.subsc img+span{display:none}[data-count]:before{margin-top:-1em;margin-right:-.2em}article{flex:inherit;min-width:12em}}