.pc,.tablet{display:none}.smp{display:block}header{padding:0;width:100%}header.blogHeader{position:static;padding:10px 0}header.under{position:relative;padding:0}header .inner{height:66px}header .inner .logo{width:180px;margin-left:3%}header .inner nav{display:none}.spMenu{display:block}#aboutBlock .inner .aboutCont .cont{width:82%;padding:15px}#aboutBlock .inner .aboutCont .image{text-align:right;padding-left:5%}footer .footerInner .logo{width:20%}footer .footerInner nav{margin-left:5%;width:75%}footer .footerInner nav ul li{margin-left:20px;font-size:16px;line-height:150%}.categoryList .categoryListCont .categoryListContImage a{height:130px;overflow:hidden;position:relative}.blogBlock .sideContent{width:180px}.blogBlock .sideContent .blogContent{margin-right:20px;max-width:none}.blogBlock .sideContent .blogContent .thumbnailImage{margin:0 0 30px}.blogBlock .sideContent .recentPost{margin:0 0 50px}.blogBlock .sideContent .recentPost ul li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px #ccc dotted;width:100%;display:block}.blogBlock .sideContent .recentPost ul li .thumbnailImage{width:100%;margin:0 0 10px;transition:0.4s}.blogBlock .sideContent .recentPost ul li .thumbnailImage:hover{opacity:0.7}.blogBlock .sideContent .recentPost ul li .txtArea{width:100%}.blogBlock .sideContent .recentPost ul li .txtArea a{color:#333;text-decoration:none}.blogBlock .sideContent .recentPost ul li .txtArea a:hover{text-decoration:underline}.blogBlock .sideContent .recentPost ul li .txtArea h3{margin:0 0 8px;font-size:14px;line-height:160%;font-weight:normal}.blogBlock .sideContent .recentPost ul li .txtArea .author{font-size:12px;line-height:150%}.blogBlock .sideContent .recentPost ul li .txtArea .author i{margin-right:0.5em}.blogBlock .sideContent .tagList{margin:0 0 50px}.blogBlock .sideContent .tagList h2{margin:0 0 15px;font-size:22px;line-height:150%;font-weight:bold;padding-bottom:5px;border-bottom:1px #ccc dotted}.blogBlock .sideContent .tagList h2 i{margin-right:0.5em}.blogBlock .sideContent .tagList ul{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-flex-pack:flex-start;-ms-flex-align:stretch;display:-webkit-box;-webkit-box-direction:row;-webkit-box-pack:flex-start;-webkit-box-align:stretch;display:-webkit-flex;-webkit-flow:row wrap;-webkit-justify-content:flex-start;-webkit-align-items:stretch}.blogBlock .sideContent .tagList ul li a{display:block;border:1px #ccc solid;padding:5px;margin:0 5px 5px 0;color:#333;text-decoration:none;transition:0.4s}.blogBlock .sideContent .tagList ul li a:hover{background:#ccc}