html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.float.left{float:left}.float.right{float:right}.clearfix:before,.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body{font-size:16px;color:#333;line-height:1.4em;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","MS Gothic",sans-serif;overflow-x:hidden}a{color:#0af;cursor:pointer;text-decoration:none}a:hover{color:#8eddff}body{background-color:#eee;background-image:url(xconcrete_wall.png.pagespeed.ic.ruTCokMR4e.png)}#headerSocialInner,#headerNavigationInner,#contentInner{margin:0 auto;width:1000px}#headerNavigation{height:100px;background-color:#eceae2;border-bottom:5px solid #dad4bd}#headerNavigationInner:before,#headerNavigationInner:after{display:table;line-height:0;content:""}#headerNavigationInner:after{clear:both}#headerLogo{float:left;margin:7px 0}#headerRight{float:right}#headerRight img{margin-top:17px}#content{overflow-x:hidden;z-index:100;margin-bottom:90px;background-color:#eee;border-bottom:3px solid #999;box-shadow:0 0 20px 0 rgba(0,0,0,.4)}#contentInner:before,#contentInner:after{display:table;line-height:0;content:""}#contentInner:after{clear:both}#contentMain{width:750px;float:left}#articleCards{margin:20px 0;width:110%}#articleCards:before,#articleCards:after{display:table;line-height:0;content:""}#articleCards:after{clear:both}.articleCard{float:left;position:relative;margin-top:10px;margin-bottom:10px;margin-right:20px;border-radius:8px;background-color:#f0f0f0;width:320px;height:300px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.articleCard a{color:#fff!important;text-decoration:none!important;font-style:normal!important}.articleCardImage{line-height:0;width:200px}.articleCardImage img{border-top-left-radius:8px;border-top-right-radius:8px}.articleCardTitle{position:relative;top:-58px;height:58px;padding:5px;background-color:#555;font-weight:bold;font-size:14px;line-height:24px;text-align:center;text-shadow:0 -1px 0 #000;background:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,.69) 2%,rgba(255,255,255,.54) 3%,rgba(119,119,119,.59) 4%,rgba(118,118,118,.7) 6%,rgba(95,95,95,.88) 71%,rgba(86,86,86,.88) 98%,rgba(0,0,0,.88) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,1)),color-stop(2%,rgba(0,0,0,.69)),color-stop(3%,rgba(255,255,255,.54)),color-stop(4%,rgba(119,119,119,.59)),color-stop(6%,rgba(118,118,118,.7)),color-stop(71%,rgba(95,95,95,.88)),color-stop(98%,rgba(86,86,86,.88)),color-stop(100%,rgba(0,0,0,.88)));background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,.69) 2%,rgba(255,255,255,.54) 3%,rgba(119,119,119,.59) 4%,rgba(118,118,118,.7) 6%,rgba(95,95,95,.88) 71%,rgba(86,86,86,.88) 98%,rgba(0,0,0,.88) 100%);background:-o-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,.69) 2%,rgba(255,255,255,.54) 3%,rgba(119,119,119,.59) 4%,rgba(118,118,118,.7) 6%,rgba(95,95,95,.88) 71%,rgba(86,86,86,.88) 98%,rgba(0,0,0,.88) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,.69) 2%,rgba(255,255,255,.54) 3%,rgba(119,119,119,.59) 4%,rgba(118,118,118,.7) 6%,rgba(95,95,95,.88) 71%,rgba(86,86,86,.88) 98%,rgba(0,0,0,.88) 100%);background:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.69) 2%,rgba(255,255,255,.54) 3%,rgba(119,119,119,.59) 4%,rgba(118,118,118,.7) 6%,rgba(95,95,95,.88) 71%,rgba(86,86,86,.88) 98%,rgba(0,0,0,.88) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e0000000',GradientType=0 )}.articleCardDescription{padding:15px;margin-top:-58px;height:97px;background-color:#fff;font-size:12px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}#contentMain>article{width:100%;margin:20px 0;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.articleHead{padding:20px 20px 10px 20px;background-color:#555;border-top-left-radius:8px;border-top-right-radius:8px}.articleHead>h1{color:#fff;font-size:30px;line-height:34px;font-weight:normal}.articleDate,.articleCategory,.articleTag,.articleEdit{margin-right:5px;display:inline-block;color:#bbb;font-size:14px}.articleDate>i,.articleCategory>i,.articleTag>i{margin-right:5px}.articleSocial{}.articleSocial:before,.articleSocial:after{display:table;line-height:0;content:""}.articleSocial:after{clear:both}.articleSocial>div{display:block;padding:15px 0;text-align:center;width:25%;height:50px;float:left;box-shadow:inset 0 3px 1px rgba(0,0,0,.2)}.articleSocialFacebook{background-color:#3b5998}.articleSocialTwitter{padding-left:25px!important;background-color:#00aced}.articleSocialGoogle{background-color:#dd4b39}.articleSocialHatena{background-color:#2c6ebd}.articleBody{position:relative;padding:20px;font-size:1em;line-height:1.4em;color:#333}.articleBody p{margin-bottom:20px}.articleBody blockquote{margin:10px 0 20px 0;border-left:5px solid #eee;padding:0 0 0 15px;font-style:italic}.articleBody blockquote p{margin:0}.articleBody blockquote small{display:block;text-align:right;font-size:13px}.articleBody pre:not(.line-pre) {font-size:13px;padding:15px;background:#eee;line-height:1.6;overflow-y:scroll;border:none;margin-bottom:20px}.articleBody h2{margin:15px -20px;padding:15px 20px;font-size:24px;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;background-color:#e6e6e6}.articleBody h3{margin:10px -20px;padding:10px 20px;font-size:20px;border-bottom:5px double #e6e6e6}.articleBody h4{margin:10px 0;padding:10px 10px;font-size:18px;border-bottom:4px solid #e6e6e6}.articleBody h5{margin:10px 0;font-size:16px}.articleBody h6{margin:10px 0;font-size:14px}.articleBody small{font-size:12px;color:gray}.articleBody ul,.articleBody ol{margin-left:20px}.articleBody img:not(.box):not(.origin) {margin:10px 0;width:100%;height:auto}.articleBody img.origin{max-width:100%;height:auto;padding:2px}.articleBody img.box{max-width:100%;height:auto;padding:2px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.4);-moz-box-shadow:0 4px 6px rgba(0,0,0,.4);box-shadow:0 4px 6px rgba(0,0,0,.4)}.articleBody .span{margin-bottom:10px}.articleBody .span:before,.articleBody .span:after{display:table;line-height:0;content:""}.articleBody .span:after{clear:both}.articleBody .span br{display:none}.articleBody .span2{width:49%;margin-right:1%;float:left}.articleBody .span4{width:22%;margin-right:1%;float:left}.articleBody hr{margin:20px -20px}.articleComment{padding:20px}#contentSide{margin:20px 0;width:240px;float:right}#contentSide h2{border-bottom:1px solid #aaa;margin-top:15px;margin-bottom:5px;color:#666;font-weight:normal;font-size:13px}#contentSide h2:first-child{margin-top:0}#searchBox{background-color:#fff;border:2px solid #aaa;height:35px}#searchBox input,#searchButton{outline:none;border:none;margin:0;padding:0}#searchBox input{padding:5px;width:200px;font-size:16px;background-color:#fff}#searchButton{position:relative;top:3px;font-size:22px;color:#888;background-color:#fff}.authorBox{padding-bottom:10px}.authorBox .name{font-size:22px;font-weight:normal;color:#333;margin:38px 42px 0 0;float:left}.authorBox .icon{margin:8px;border-radius:50% 50%;border:4px solid rgba(0,0,0,.3);width:80px;height:80px;float:left}.authorBox .profile{margin:0 10px;font-size:12px;color:#333;line-height:1.5em}.articleList{list-style:none}.articleList li{margin-bottom:10px;padding:10px;padding-bottom:10px}.articleList .date{font-size:11px}.articleList .link{font-size:13px;font-style:normal}.contentSideBox{width:100%}.contentSideBox h2{color:#445264;font-size:14px;border-bottom:1px solid #888}.contentSideBox>div{padding:8px;background:#646464;box-shadow:inset 0 0 5px #565b65}.contentSideBox>div>h3{color:#eee}.contentSideBox>div>p{font-size:12px;color:#eee}#pagination{text-align:center;margin-bottom:30px}#pagination span{margin-left:10px;padding:10px;border-radius:8px;background-color:#f0f0f0;box-shadow:0 2px 5px rgba(0,0,0,.2)}#pagination a{font-style:normal}#footer{position:fixed;width:100%;bottom:0;z-index:-1;height:400px;padding:20px 0;background-image:url(xconcrete_wall.png.pagespeed.ic.ruTCokMR4e.png)}#footerInner{height:300px;text-align:center}#footerCopyRight{display:table;margin:0 auto;height:60px;line-height:62px}#footerCopyRight>img{float:left}#footerCopyRight>span{font-size:12px;color:#b4b4b4;text-shadow:1px 1px 0 #000;margin-left:10px}#footerCopyRight>span:after{clear:both}.device-phone,.device-small,.device-large{display:none}.device-medium{display:block}@media only screen and (min-width:0) and (max-width:767px){.device-small,.device-medium,.device-large{display:none}.device-phone{display:block}#headerSocialInner,#headerNavigationInner,#contentInner{width:100%}#headerNavigationInner{text-align:center}#headerLogo{width:260px;float:none;margin:23px auto}#articleCards{width:100%}.articleCard{float:none;margin-left:auto;margin-right:auto}#contentMain{width:auto;float:none}#contentSide{width:100%;margin:0 auto;float:none}.articleSocial:not(.articleSocialBottom) {display:none}.articleSocial>div{width:100%;float:none}.articleSocialBottom>.articleSocialFacebook{border-bottom-left-radius:0}.articleSocialBottom>.articleSocialHatena{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.articleBody img:not(.origin) {width:100%;height:auto}}@media only screen and (min-width:768px) and (max-width:999px){.device-phone,.device-medium,.device-large{display:none}.device-small{display:block}#headerSocialInner,#headerNavigationInner,#contentInner{width:660px}#contentMain{float:none;width:100%}#contentSide{width:100%;margin:0 auto;float:none}}.smart-box{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);border-bottom:4px solid #f0f0f0;transition:.1s linear}.smart-box:hover{box-shadow:0 2px 5px rgba(0,0,0,.4)}code{display:inline-block;margin:0 2px;padding:2px 5px 1px 5px;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;font-size:85%;vertical-align:middle;line-height:110%;background:#eee;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:normal}ins{background-color:#3c3c3c}.center{text-align:center}#zenback{font-size:14px}