.wrapper{display:flex}#post-main{background-color:#afc9af;padding:5rem}#post-main h2{font-size:24px;margin:0 0 30px}#post-main h3{font-size:22px;margin-top:10px}#post-main a{color:#014a01}#post-main a:hover{color:#647964!important;transition:all .3s}#post-main a:visited{color:#014a01}.post_img img{width:100%;height:auto;padding:5px 0}.blog_main{width:100%;margin-bottom:3rem}.blog_main p{font-size:15px;margin-bottom:20px;margin-top:10px;line-height:25px}.blog_main .blog_content img{width:100%;height:auto}.blog_main .blog_content{width:75%;background:#fff;padding:4rem;margin:10px}.blog_main .blog_side_nav{width:23%;padding:1rem 2rem;background:#fff;margin:10px 0}.blog_main .blog_side_nav p{font-size:14px;line-height:22px;margin:0}.blog_main .blog_side_nav h3{border-bottom:1px solid #aaa}.blog_main .blog_side_nav li{padding:5px 0 5px;border-bottom:1px dotted #aaa;list-style-type:none}.blog_main .blog_side_nav li a{display:block}.blog_main .blog_side_nav li:hover{background:#eee}.blog_side_nav h4{margin-top:25px;border-bottom:1px solid #aaa}.blog_side_nav li{font-size:14px}.ichiran{text-align:right;font-size:14px}.before_next{margin:90px 20px 20px;text-align:center;border-bottom:1px solid #aaa}.before_next span{margin:20px}.blog_list{width:1000px;padding:2rem 5rem 3rem;background:#fff;margin:0 auto 20px}.blog_list h3{margin:30px 0 -15px;font-size:22px}.blog_list h3 a{color:#014a01}.blog_list h5{margin:0;font-size:16px;font-weight:normal}.blog_list p{margin:5px 0;font-size:15px;font-weight:normal;line-height:26px}time{color:#014a01;font-size:14px;font-weight:normal}.sum_text{margin-top:20px;border-bottom:1px solid #ccc;padding-bottom:20px}.nav-links span,.nav-links a{margin:5px}@media screen and (max-width:1024px){.blog_list{width:100%}#post-main{padding:2rem}}@media screen and (max-width:768px){#post-main{padding:2rem 0}.blog_main{width:100%;padding:1rem 0 3rem}.blog_main .blog_content{width:100%;margin:0}.blog_main .blog_side_nav{width:100%;padding:30px 20px}.blog_list{width:95%;padding:1rem 2rem 2rem}.wrapper{flex-direction:column}}@media screen and (max-width:480px){.blog_main{margin-bottom:0}.blog_main .blog_content{padding:1rem}.blog_main .blog_content h3{font-size:22px}}