#path img{width:auto}main{background:#f8f8f8}.main-wrap>article img,.main-wrap .wrap article img{width:100%}.main-wrap{padding:5vw}.main-wrap>article,.main-wrap .wrap article{background:#fff;padding:10px;margin-bottom:10px;box-shadow:0 0 7px #e6e6e6}iframe{width:100%;height:250px}.social-shair img{width:100%}.social-shair.btm{margin-top:2em}#path{font-size:11px;margin-bottom:5px;background:#f1f1f1;padding:.5em}article h1{font-weight:700;font-size:17px;margin-bottom:5px}.post_meta{display:flex;align-items:center}.post_meta .post-categories{display:flex}.post_meta .post-categories li{margin-right:5px}.post_meta .time{font-size:11px;margin-right:10px;line-height:em}.post_meta .tag a{background:#d9e8ee;font-size:11px;padding:3px 10px;color:#224654}.social-shair{display:flex;margin:5px 0}.social-shair li{width:30px;height:30px;margin:3px}article header{margin-bottom:33px;position:relative}.main-wrap article img{margin-bottom:20px}article header:after{content:"";display:block;width:90%;height:8px;background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,#adadad,#adadad 6px);bottom:-20px;left:50%;margin-left:-45%;position:absolute}#relative-article{position:relative;margin-top:40px}#relative-article:before{content:"";display:block;width:95%;height:8px;background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,#adadad,#adadad 6px);top:-20px;left:50%;margin-left:-47.5%;position:absolute}#relative-article article{display:flex}#relative-article img{width:100%}article p{margin-bottom:1.5em;font-size:.9em;line-height:1.8em}article p a{text-decoration:underline;color:#6ac9e7 !important}main h2{font-weight:700;font-size:1.2em;padding:5px}.meta{font-size:12px;line-height:1.5em}article>a{width:100%;margin-right:10px;display:flex;align-items:center}#category{background:#fff;padding:5px;margin-bottom:10px;box-shadow:0 0 7px #e6e6e6}#category h2{text-align:center}#category ul{margin-left:3em}#category li{margin:5px 0}#recent-post{background:#fff;padding:10px;margin-bottom:10px;box-shadow:0 0 7px #e6e6e6}#recent-post h2{text-align:center;margin-bottom:5px}#recent-post article>a{width:30vw;height:30vw;overflow:hidden}#recent-post article h3{width:calc(70vw - 55px)}#recent-post article img{height:100%;width:auto}#recent-post article{display:flex}#recent-post article:not(:last-child){margin-bottom:10px}@media screen and (min-width:440px){main h2{width:100%}#relative-article article{display:block;width:calc(50% - 20px);margin-bottom:10px}#recent-post article h3{width:calc(87vw - 55px)}#recent-post article>a{width:13vw;height:13vw}#relative-article{display:flex;flex-wrap:wrap;justify-content:space-around}#category ul{display:flex;flex-wrap:wrap;margin:auto}#category li{width:calc(25% - 20px);margin:5px 10px}}@media screen and (min-width:560px){article h1{font-size:20px;line-height:1.5em}article header:after,#relative-article:before{width:100%;margin-left:-50%}.meta-wrap{display:flex;justify-content:space-between}#relative-article article,#recent-post article{width:calc(25% - 20px);display:block}#recent-post{display:flex;flex-wrap:wrap;justify-content:space-around}#recent-post article h3{width:auto}#recent-post article>a{width:100%;height:auto}.social-shair li{margin:0 10px}}@media screen and (min-width:760px){article h1{font-size:25px;line-height:1.5em}.main-wrap>article,.main-wrap .wrap article{padding:30px}#recent-post article{display:flex}#recent-post article{width:calc(50% - 20px)}#recent-post .meta{width:calc(100% - 75px)}#recent-post article>a{width:75px;height:75px}}@media screen and (min-width:1000px){#path{padding:.5em calc(50vw - 470px)}.main-wrap{display:flex;padding:20px;justify-content:space-between;font-size:1.1em;max-width:960px;margin:auto}.main-wrap article img{height:auto;width:500px;margin:20px auto 50px;display:block}.main-wrap .wrap{width:calc(100% - 21vw)}.main-wrap .wrap article{width:calc(100% - 60px);margin-bottom:30px}#side{width:21vw;margin-left:15px}#category{padding:15px;margin-bottom:20px}#category ul{display:block}#category li{width:auto}#recent-post{display:block}#recent-post article{width:auto}#recent-post article>a{width:65px;height:65px}#recent-post .meta{width:calc(100% - 65px)}article p{margin-bottom:1.5em;font-size:.9em;line-height:1.8em}article header{margin-bottom:60px}article header:after{bottom:-30px}main h2{width:100%;font-family:arial;font-size:1.5em;font-weight:400;padding:11px 11px 17px}}@media screen and (min-width:1200px){.main-wrap{width:1000px;padding:0 0 50px;margin:auto}article h1{font-size:30px}#side{width:280px}#recent-post{padding:20px}#recent-post h2{margin-bottom:13px}#recent-post article>a{width:85px;height:85px;margin-right:20px}#recent-post .meta{width:calc(100% - 105px)}#recent-post article h3{font-size:1.1em}#recent-post article:not(:last-child){margin-bottom:20px}#relative-article article{width:calc(25% - 35px)}}