html body #wrapper{animation:.7s wrapper-fade-in;display:block}@keyframes wrapper-fade-in{0%{opacity:0}to{opacity:1}}
html .menu-toggle{display:none}html #bloglist .header,html .blog-header{display:flex}html #bloglist .header .clear,html .blog-header .clear{display:none}html #bloglist a.header,html #bloglist a.header:hover{color:inherit;text-decoration:none}html #bloglist .year,html .blog-header .year{float:none;flex:none;align-items:center;display:flex}html #bloglist .comment-count{flex:none}html #bloglist .sub-detail,html .blog-header .sub-detail{float:none;text-align:left;overflow-wrap:break-word;flex:1;align-self:center;min-width:0;padding:0 10px 0 20px}html #bloglist .author,html .blog-header .author{white-space:nowrap}html #content h4,html #content h5{line-height:1.3em}@media (max-width:910px){html #wrapper,html #inside{width:auto}html #main{width:calc(100% - 190px)}html #header img,html #content img{max-width:100%;height:auto}html #content iframe{aspect-ratio:16/9;max-width:100%;height:auto}html #bloglist .col-2{float:none;width:auto;overflow:hidden}html .one_third{width:calc(33.3333% - 27px)}html .two_third{width:calc(66.6667% - 14px)}html #content .homelink h6,html #content .homelink span{display:block;overflow:hidden}}@media (max-width:767px){html #wrapper{background:0 0;margin-top:0}html #inside{background:0 0;flex-direction:column;display:flex}html #main{display:contents}html #main>*{order:3}html #header{order:1;height:auto;padding:20px}html #sidebar{float:none;text-align:left;order:2;width:auto;height:auto}html #footer{order:4}html #inside>.clear,html #main>.clear,html #social-icons,html #sidebar .inner{display:none}html #mainlogo{float:none;text-align:left;margin:0;display:block}html .menu-toggle{color:#555;text-align:left;cursor:pointer;background:#fff;border:1px dotted #b2b2b2;border-left:0;border-right:0;width:100%;padding:11px 20px;font:700 14px Arial,Helvetica,sans-serif;display:block}html #mainmenu{display:none}html #mainmenu.open{display:block}html #content{padding:20px}html .one_third,html .two_third{float:none;width:auto;margin-bottom:20px;margin-right:0;overflow:hidden}html #bloglist .col-1{float:none;width:auto;margin:0 0 20px}html #bloglist .col-2{overflow:visible}html #footer{margin-top:20px;padding:10px 20px}html #footer .left,html #footer .right{float:none;text-align:left;width:auto}html #bloglist li{flex-direction:column;display:flex}html #bloglist .col-2{display:contents}html #bloglist .header{order:1}html #bloglist .col-1{order:2}html #bloglist h5{order:3}html #bloglist .entry{order:4}html #bloglist li>.line{order:5}html #bloglist .header,html .blog-header{padding-left:0}html #bloglist .year,html .blog-header .year{padding:10px 15px 10px 0;font-size:24px}html #bloglist .sub-detail,html .blog-header .sub-detail{padding:10px 10px 10px 15px}html .home{flex-direction:column;display:flex}html .home>.cover{order:1;margin:0 0 20px;display:block}html .home>.cover img{float:none;width:100%;height:auto;margin:0}html .home>.line:first-of-type,html .home>.line:first-of-type~*{order:2}html .author-block{flex-direction:column;display:flex}html .author-block>h4{order:1}html .author-block>img{float:none;order:2;margin:0 0 20px}html .author-block>p{order:3}}@media (max-width:480px){html #content .pic_left,html #content .pic_right{float:none;margin:0 0 20px;display:block}html #content .homelink .pic_left{float:left;margin:0 20px 0 0}html #content .content-list{margin-left:0!important}}