.blog-page{padding:0;margin:0;background-color:#d8d8d8}.blog-page .blog-content{display:flex;width:100%;max-width:1160px;margin:80px auto 130px auto;}.blog-page .blog-content .toc-box{margin:150px 20px 0 50px;padding:10px 0 10px 0;width:300px;height:400px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;overflow-y:scroll;overflow-x:visible;position:sticky;top:20px;font-size:1.15em}.blog-page .blog-content .blog-container{max-width:calc(100% - 40px);flex:1;padding:0 20px 20px 20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8}.blog-page .blog-content .blog-container .blog-title{text-align:center}.blog-page .blog-content .blog-container .blog-meta{text-align:center}.blog-page .blog-content .blog-container .blog-meta span{display:inline-block;margin:0 10px}@media screen and (max-width: 1010px){.blog-page .blog-content .toc-box{display:none}.blog-page .blog-content .blog-container{margin:0}}@media screen and (min-width: 1011px){.blog-page .blog-content .blog-container{max-width:760px;margin:0 0 0 20px}}.blog-page .blog-config{font-family:"Sawarabi Gothic",serif;font-size:1.2em}.blog-page .blog-config h1{font-size:2.4em}.blog-page .blog-config h2{font-size:2.2em}.blog-page .blog-config h3{font-size:2em}.blog-page .blog-config h4{font-size:1.8em}.blog-page .blog-config h5{font-size:1.6em}.blog-page .blog-config h6{font-size:1.4em}.blog-page .blog-config strong{font-weight:700;background:linear-gradient(rgba(0,0,0,0) 50%, #ffdc7d 50%)}.blog-page .blog-config em{font-style:italic}.blog-page .blog-config blockquote{background-color:#c5c5c5;margin:0;padding:5px 10px;border-left:#9b9b9b 5px solid}.blog-page .blog-config blockquote *{margin:0;padding:0}.blog-page .blog-config pre{padding:15px;border-radius:7.5px;background-color:#dedede !important;box-sizing:border-box;overflow:auto}