@charset "UTF-8";@font-face{font-weight:normal;font-style:normal;font-family:'Tenderness';src:url('css/tenderness-webfont.eot');src:url('http://webdesignrecipes.com/wp-content/themes/WebDesignRecipes/css/tenderness-webfont.woff') format('woff'),url('css/tenderness-webfont.ttf') format('truetype'),url('css/tenderness-webfont.svg#webfontw5VUByKa') format('svg')}@font-face{font-weight:normal;font-style:normal;font-family:'icomoon';src:url('css/iconfonts/icomoon.eot');src:url('css/iconfonts/icomoon.eot?#iefix') format('embedded-opentype'),url('http://webdesignrecipes.com/wp-content/themes/WebDesignRecipes/css/iconfonts/icomoon.woff') format('woff'),url('css/iconfonts/icomoon.svg#icomoon') format('svg'),url('css/iconfonts/icomoon.ttf') format('truetype')}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{margin:0;padding:0;outline:0;border:0;vertical-align:baseline;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}body{background:#f7f7f7 url(css/images/body-bg.jpg) repeat;color:#333;font:13px/1.8 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;-webkit-text-size-adjust:100%}img{vertical-align:bottom}::selection{background-color:#cbf2ff;color:#333}::-moz-selection{background:#cbf2ff;color:#333}:focus{-moz-outline-style:none}h2{font-size:182%}.content h3{text-shadow:0 1px #fff;font-size:182%;line-height:1.2}.num{font-family:"Tenderness"}.content h3 .num{font-size:230%;line-height:1}h3.tweet{padding-left:45px;background:url(css/images/quote-top.png) no-repeat 0 0;color:#555}.content h4{text-shadow:0 1px #fff;font-size:153.9%;line-height:1.4}.content h4 .num{font-size:197%}.content h5{text-shadow:0 1px #fff;font-size:138.5%;line-height:1.6}.content h5 .num,.content h6 .num{font-size:182%}.webfont{color:#000;text-shadow:0 1px #fff;font-family:'Tenderness';-webkit-font-smoothing:antialiased}strong,em{font-weight:bold}.italic{font-style:italic}small,.small{font-size:83%}.content .big{font-size:167%}.serif{font-family:Georgia,"Times New Roman",Times,serif}.sanserif{background:#cce6ef;background:rgba(51,204,255,.2)}.blue{background:#cce6ef;background:rgba(51,204,255,.2)}.mark{background:#ff0;background:rgba(255,255,0,.4)}em.pink{background:#f2c9d8;background:rgba(214,78,128,.2);color:#333}code{color:#015da6;font-family:Courier,monospace}abbr{border-bottom:1px dotted;cursor:help}span.code,p.code{font-family:Courier,monospace}.url,.i{font-style:italic}h2.webfont,h3.webfont{font-size:215%;line-height:1}.content .subheading{margin:0 0 10px;font-weight:bold;font-size:108%}.content .subheading-L{margin:40px 0 20px;font-weight:bold;font-size:138.5%}.download .subheading{margin-bottom:0}.sub-title{font-style:italic;font-size:83%;font-family:Georgia,"Times New Roman",Times,serif;line-height:1.4}hr{display:block;margin:40px 0 60px;height:2px;border:0;background:url(css/images/dashed-horizon-min.png) repeat-x 0 0}.quote{margin-bottom:40px;padding:30px 0 0 30px;background:url(css/images/quote-top.png) no-repeat 0 0;color:#555;line-height:2}.quote>div{padding:0 30px 10px 0;background:url(css/images/quote-bottom.png) no-repeat 100% 100%}.quote p{padding-left:30px}.image-box p{margin-bottom:0}.image-box .caption-underline{margin-bottom:40px;padding:1em 2em 10px;border-bottom:1px solid #ccc;font-size:85%}.image-box .caption-topline{margin-bottom:40px;padding:10px 2em 0;border-top:1px solid #d64e80;font-size:85%}blockquote{padding-left:20px;border-left:5px solid #e89fba;border-left:5px solid rgba(214,78,128,.4)}blockquote.quote{padding-left:0;border-left:none;text-shadow:0 1px #fff;font-size:138.5%}blockquote cite{display:block;color:#999;text-align:right;font-size:100%}blockquote cite:before{content:"\2014 \0020"}span.attention,.pink{color:#d64e80}.gray{color:#555!important}.attention h3,.attention h4,.attention h5,.attention h6,.white-box h3.webfont,.white-box h4.webfont,.white-box h5.webfont,.white-box h6.webfont{font-size:182%}span.eyecatch,div.eyecatch{display:block;margin:2em 0;padding-left:20px;border-left:5px solid #e89fba;border-left:5px solid rgba(214,78,128,.4)}.alignright{text-align:right}dl.list,dl.link{margin-bottom:2em;padding-left:20px;border-left:5px solid #96b7d1;border-left:5px solid rgba(1,93,166,.4)}dl.list dt,dl.link dt{font-weight:bold}dl.link{border-color:#e89fba;border-color:rgba(214,78,128,.4)}dl.list dt,dl.list dd,dl.link dt,dl.link dd{display:block}dl.list dd,dl.link dd{margin-bottom:10px}pre.eyecatch{padding-left:20px;border-left:5px solid #96b7d1;border-left:5px solid rgba(1,93,166,.4)}a,a:visited{border-bottom:1px solid #f2c9d8;color:#d64e80;text-decoration:none;-webkit-transition:color 200ms ease-in;-webkit-transition:border-bottom 200ms ease-in;-moz-transition:color 200ms ease-in;-moz-transition:border-bottom 200ms ease-in;-o-transition:color 200ms ease-in;-o-transition:border-bottom 200ms ease-in;transition:color 200ms ease-in;transition:border-bottom 200ms ease-in}a:hover,a:active,.box-link:hover a{border-bottom-color:#d64e80;color:#c22d64;text-decoration:none}a:active,a:focus{outline:0 none}a.no,a.fancybox{border:0}a.external-link,dl.link a{padding-left:19px;background:url(css/images/link.png) no-repeat transparent 0 0}.download a{padding-left:20px;background:url(css/images/download.png) no-repeat 0 1px}.box-link{cursor:pointer}body a{-webkit-tap-highlight-color:rgba(214,78,128,.4)}ul.code{border-left:5px solid #96b7d1;border-left:5px solid rgba(1,93,166,.4)}ul.code li{padding-left:20px}ul.code .num,ul.code-list .num,dl.list dt .num,dl.link dt .num{font-size:167%}ul.image{margin-left:25px}ul.image li{padding-left:15px;background:url(css/images/list.png) no-repeat 0 8px}ul.line li{padding-left:20px;border-left:5px solid #e89fba;border-left:5px solid rgba(214,78,128,.4)}ul.code-list li{padding-left:20px;border-left:5px solid #96b7d1;border-left:5px solid rgba(1,93,166,.4)}ul.link li{padding-left:25px;background:url(css/images/link.png) no-repeat 0 2px}ul.via li{padding-left:20px;border-left:5px solid #e89fba;border-left:5px solid rgba(214,78,128,.4)}ul.via .subheading{margin-bottom:0}ul.via li p{padding-left:25px!important;background:url(css/images/link.png) no-repeat 0 2px}.download{padding-left:20px;border-left:5px solid #e89fba;border-left:5px solid rgba(214,78,128,.4)}ol .one,ol .two,ol .three,ol .four,ol .five,ol .six,ol .seven,ol .eight,ol .nine,ol .ten,ol .eleven,ol .twelve,ol .thirteen,ol .fourteen,ol .fifteen,ol .sixteen,ol .seventeen,ol .eighteen,ol .nineteen,ol .twenty,ol .twentyone{position:relative;padding-left:40px}#idx,#idx2{background:url(css/images/black-line.gif) repeat-x 0 50%;text-align:center}#idx span,#idx2 span{padding:0 20px;background:url(css/images/body-bg.jpg) repeat 0 0}ol .one:before,ol .two:before,ol .three:before,ol .four:before,ol .five:before,ol .six:before,ol .seven:before,ol .eight:before,ol .nine:before,ol .ten:before,ol .eleven:before,ol .twelve:before,ol .thirteen:before,ol .fourteen:before,ol .fifteen:before,ol .sixteen:before,ol .seventeen:before,ol .eighteen:before,ol .nineteen:before,ol .twenty:before,ol .twentyone:before{position:absolute;top:0;left:0;display:block;color:#b4b4b4;text-shadow:0 1px #fff;font-size:300%;font-family:"Tenderness";line-height:25px;-webkit-font-smoothing:antialiased}ol .one:before{left:9px;content:"\31"}ol .two:before{left:7px;content:"\32"}ol .three:before{left:7px;content:"\33"}ol .four:before{left:5px;content:"\34"}ol .five:before{left:7px;content:"\35"}ol .six:before{left:5px;content:"\36"}ol .seven:before{left:5px;content:"\37"}ol .eight:before{left:5px;content:"\38"}ol .nine:before{left:5px;content:"\39"}ol .ten:before{content:"\31\30"}ol .eleven:before{left:3px;content:"\31\31"}ol .twelve:before{content:"\31\32"}ol .thirteen:before{content:"\31\33"}ol .fourteen:before{content:"\31\34"}ol .fifteen:before{content:"\31\35"}ol .sixteen:before{content:"\31\36"}ol .seventeen:before{content:"\31\37"}ol .eighteen:before{content:"\31\38"}ol .nineteen:before{content:"\31\39"}ol .twenty:before{left:-1px;content:"\32\30"}ol .twentyone:before{left:2px;content:"\32\31"}pre.linenums{margin:1em 0 40px;padding:10px 1em 10px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;white-space:normal;background:#fff;background:rgba(255,255,255,.8);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3),inset 40px 0 0 #fcf2f6,inset 41px 0 0 #f6d9e4;-moz-box-shadow:0 1px 4px rgba(0,0,0,.3),inset 40px 0 0 #fcf2f6,inset 41px 0 0 #f6d9e4;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 40px 0 0 #fcf2f6,inset 41px 0 0 #f6d9e4}.linenums ol{margin:0 0 0 33px!important;list-style:decimal;list-style-position:outside}.linenums li{margin:0!important;padding:.2em 0 .2em 1em;color:#d64e80;text-shadow:0 1px 0 #fff;line-height:20px}.linenums .comment{color:#aaa}.linenums .green{color:#6e9d00}.linenums .black{color:#000}.linenums .highlight{background:#e0f7ff}.frame,.archive-post img,#ad img,#my-avatar img{padding:4px 5px 5px;border-top:1px solid rgba(0,0,0,.4);border-bottom:1px solid #fff;background:#cacaca;background:rgba(0,0,0,.15)}.archive-post img,.content img,#my-avatar{max-width:100%;width:auto\9;height:auto}img.aligncenter{display:block;margin:0 auto}img.alignleft{display:block;float:left}.button{padding:.5em 2em .55em;border:1px solid #b9b9b9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ff69b4;background:-webkit-gradient(linear,left top,left bottom,from(#ffd1e8),to(#ff69b4));background:-moz-linear-gradient(top,#ffd1e8,#ff69b4);-webkit-box-shadow:0 1px 1px #fff;-moz-box-shadow:0 1px 1px #fff;box-shadow:0 1px 1px #fff;color:#fff!important;text-transform:uppercase;text-shadow:0 -1px 1px rgba(0,0,0,.4);font-size:24px;font-family:"Tenderness";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd1e8',endColorstr='#ff69b4');cursor:pointer}.button:hover{background:-webkit-gradient(linear,left top,left bottom,from(#ffbcdd),to(#fe4ca5));background:-moz-linear-gradient(top,#ffbcdd,#fe4ca5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcdd',endColorstr='#fe4ca5')}.button:active{position:relative;top:1px}.assistive-text{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}[data-icon]:before{content:attr(data-icon);font-weight:normal;font-family:'icomoon';line-height:1;speak:none;-webkit-font-smoothing:antialiased}[class^="icon-"]:before,[class*=" icon-"]:before{font-weight:normal;font-style:normal;font-family:'icomoon';line-height:1;speak:none;-webkit-font-smoothing:antialiased}.icon-twitter:before{content:"\22"}.icon-feed:before{content:"\21"}.icon-tumblr:before{content:"\23"}.icon-facebook:before{content:"\24"}.icon-google-plus:before{content:"\25"}.icon-search:before{content:"\26"}.icon-heart:before{content:"\27"}.icon-plus:before{content:"\28"}.icon-home:before{content:"\29"}.icon-lines:before{content:"\2a"}.icon-arrow-up:before{content:"\2c"}.icon-arrow-right:before{content:"\2b"}.icon-arrow-left:before{content:"\2d"}.icon-arrow-down:before{content:"\2e"}.clearfix:after,#header:after,.wrapper:after,#container:after,.wp-pagenavi:after,.image-box:after,.col-max:after,.col-min:after,#pagenation:after,.page-numbers:after,.col-min section:after{display:block;visibility:hidden;clear:both;height:0;content:" ";font-size:0}.clearfix,#header,.wp-pagenavi,#container,.wrapper,.image-box,.col-max,.col-min,#pagenation,.page-numbers,.col-min section{display:inline-block}.clearfix,#header,.wp-pagenavi,.wrapper,#container,.image-box,.col-max,.col-min,#pagenation,.page-numbers,.col-min section{display:block}.clear{display:block;visibility:hidden;clear:both;overflow:hidden;width:0;height:0}.clearboth{display:block;clear:both}html,body{overflow-x:hidden}#container,.wrapper{margin:0 auto;width:940px;word-wrap:break-word}#main{float:left;width:620px}#sidebar{float:right;width:260px}#header .wrapper{overflow:hidden}#header{position:relative;margin-bottom:80px;padding-top:10px}#logo{float:left;margin-top:5px;width:286px;height:43px}#logo a{display:block;width:100%;height:100%;border-bottom:0;background:url(css/images/logo.png) no-repeat 0 0;text-indent:-9999px}#logo a:hover{background-position:0 100%}#navi ul{float:right;overflow:hidden;margin-right:95px;width:540px;text-transform:uppercase;font-size:138.5%;font-family:'Tenderness';line-height:1.6}#navi li{float:left;width:auto}#navi a{display:block;margin-left:15px;padding:16px 15px 0;border-bottom:0;background:url(css/images/dashed-horizon-min.png) repeat-x 0 100%;color:#000;text-shadow:0 1px #fff;-webkit-transition:color 200ms linear;-moz-transition:color 200ms linear;-o-transition:color 200ms linear}#navi a:hover{color:#d64e80;-webkit-transition:color 200ms linear;-moz-transition:color 200ms linear;-o-transition:color 200ms linear}#menu-icon{display:none}#searchform{position:absolute;top:12px;right:0;margin-top:9px;height:32px;background:url(css/images/search-form-bg.png) no-repeat 100% 0;background:rgba(255,255,255,.4) url(css/images/search-form-bg.png) no-repeat 100% 100%}#searchform.focus{background-color:#fff}#searchform,x:-moz-any-link{margin-top:10px}#searchform{margin-top:10px\9}#s{float:left;margin:0;padding:5px;width:40px;height:25px;border:0;background:url(css/images/search-form-bg.png) no-repeat 0 0;color:#333;text-shadow:0 1px #fff;font-size:100%;font-family:'Tenderness'}#s:focus{outline:0}#searchsubmit{float:right;margin:3px 3px 0;padding:0;width:24px;height:27px;border:0;background:url(css/images/icons.png) no-repeat 0 -998px;cursor:pointer}.typography{margin-bottom:80px;height:145px;text-indent:-9999px}#ILoveWebDesign{background:url(css/images/ilove.png) no-repeat 50% 0}#WereYouFound{background:url(css/images/were_you_found.png) no-repeat 50% 100%}#about{background:url(css/images/about.png) no-repeat 20px 100%}#contact{background:url(css/images/contact.png) no-repeat 20px 100%}#WebDesign{background:url(css/images/webdesign__.png) no-repeat 0 100%}#WordPress{background:url(css/images/wordpress__.png) no-repeat 0 27px}#misc{background:url(css/images/misc__.png) no-repeat 50% 100%}#samples{background:url(css/images/typography-sample.png) no-repeat 0 100%}#gallery{background:url(css/images/typography-gallery.png) no-repeat 0 100%}#tag{background:url(css/images/typography-tag.png) no-repeat 20px 50%}#author-typography{background:url(css/images/typography-author.png) no-repeat 20px 50%}#search-archive{background:url(css/images/typography-search.png) no-repeat 20px 50%}#err40{background:url(css/images/404.png) no-repeat 50% 100%}.typography span{display:block;margin-right:20px;padding-top:10px;text-align:right;text-indent:0;font-size:300%}#tag span{margin-right:220px}#search-archive span{margin-right:120px}.typography span span{display:inline;margin-right:10px!important;padding-right:80px;background:url(css/images/border.gif) no-repeat 100% 60%;font-size:100%}.archive-post{position:relative;margin-bottom:80px}.archive-post .right{width:435px}.archive-post h2{margin-top:-.25em;margin-bottom:5px;text-shadow:0 1px #fff;line-height:1.4}.archive-post a{display:block;-webkit-transition:color 200ms ease-in;-moz-transition:color 200ms ease-in;-o-transition:color 200ms ease-in;transition:color 200ms ease-in}.archive-post a span{padding-bottom:2px;background:url(css/images/dashed-horizon-min.png) repeat-x 0 100%}.archive-post p{font-size:108%}.post-date{position:absolute;top:10px;left:85px;padding:0;width:69px;height:60px;background:url(css/images/sprite.png) no-repeat 0 0;color:#fff;text-align:center;font-size:189%;font-family:'Tenderness';line-height:1.2}.post-date span{display:block}.post-date span.post-month{padding:5px 13px}.post-date span.post-day{margin-top:-15px;padding:0 20px}.archive-adsense,.single-adsense{margin:0 auto 80px;padding:5px 5px 7px;width:468px;height:60px;background:url(css/images/ad-bg.png) no-repeat 0 0}.single-adsense{margin:0 auto 80px}.single-adsense.mobile,.archive-adsense.mobile{width:320px;height:50px;border:1px dashed #d64e80;background:0}.adsense-inner{overflow:hidden}.single-adsense.after{margin-top:60px;margin-bottom:0}.single-adsense.mobile{width:320px;height:50px}#article-header{position:relative;margin-left:180px;width:700px}#article-header h2{margin-bottom:20px;padding-top:30px;min-height:110px;font-size:230%;line-height:1.4}#article-header h2 a{border:0;background:url(css/images/dashed-horizon-min.png) repeat-x 0 100%}#article-header .wordpress{background:url(css/images/typography-wordpress.png) no-repeat 100% 26px}#article-header .webdesign{background:url(css/images/typography-webdesign.png) no-repeat 100% 0}#article-header .misc{background:url(css/images/typography-misc.png) no-repeat 100% 0}#article-header .design{background:url(css/images/typography-design.png) no-repeat 100% 0}#article-header .photo{background:url(css/images/typography-photo.png) no-repeat 100% 26px}#article-header .twitter{background:url(css/images/typography-twitter.png) no-repeat 100% 0}#article-header .photoshop{background:url(css/images/typography-photoshop.png) no-repeat 100% 26px}#article-header .illustrator{background:url(css/images/typography-illustrator.png) no-repeat 100% 0}#article-header .jquery{background:url(css/images/typography-jquery.png) no-repeat 100% 26px}#article-header .css{background:url(css/images/typography-css.png) no-repeat 100% 26px}#article-header .sample{background:url(css/images/typography-sample-gray.png) no-repeat 100% 26px}#article-header .attachment{background:url(css/images/typography-attachment.png) no-repeat 100% 26px}#comment-popup{position:absolute;top:-20px;right:-25px;width:44px;height:40px;background:url(css/images/sprite.png) no-repeat 0 -348px;text-align:center;font-size:230%}#comment-popup span{display:block;padding:0}#comment-popup a{border-bottom:1px solid #ddd;color:#fff;text-shadow:none}#comment-popup a:hover{border-bottom-color:#fff}#comment-popup span span{display:none}.content h3{margin:60px 0 40px}.content h4{margin:45px 0 35px}.content h5{margin:30px 0 15px}.content p{margin-bottom:2em}.content ul,.content ol{margin-bottom:1.5em}.content li{margin:10px 0}#post-meta{margin-bottom:30px;color:#555}#post-meta time,#posted-under{float:left;width:auto;text-shadow:0 1px #fff;font-size:167%;font-family:'Tenderness';line-height:26px;-webkit-font-smoothing:antialiased}#post-meta time{margin-right:20px;padding-left:20px}#article-header-social{float:right;width:auto}#article-header-social .tweet-button,#article-header-social .facebook-like{float:left}#article-header-social .tweet-button{margin-top:0}#lead{margin-bottom:60px;line-height:2}#lead,.content{font-size:108%}#article-eyecatch{margin-bottom:60px}.toidx{text-align:right;line-height:24px}.toidx a{padding-left:24px;background:url(css/images/index.png) no-repeat 0 50%}.attachment-content img{-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);box-shadow:0 1px 4px rgba(0,0,0,0.3)}#blog-post{position:relative}#ad{position:absolute;left:10px;width:140px;text-align:center;font-size:80%;top:30px}#ad .ad-image{margin-bottom:5px}#ad img{max-width:80px;max-height:80px}#ad .ad-image a{border:0}.col-min{margin-left:180px;width:700px}.half{width:460px}.col-min .half{width:340px}.one-third{margin-right:20px;width:300px}.two-third{margin-right:20px;width:620px}.one-third.last,.two-third.last{margin-right:0}.col-min .one-third{width:220px}.col-min .two-third{width:460px}div.attention{margin:45px 0 40px;padding:3em 2em;border:1px dashed #d64e80;background:#f7f7f7;background:rgba(255,255,255,.5);box-shadow:0 1px #fff;color:#555;line-height:2}.content .attention h3,.content .attention h4,.content .attention h5{margin:0;color:#d64e80}p.link,div.link{padding-left:25px;background:url(css/images/link.png) no-repeat 0 2px}.default-page{margin-bottom:40px}.nocomments{clear:both}#article-footer-social{margin-bottom:20px;height:82px;background:url(css/images/share-bg.png) no-repeat 100% 0}#article-footer-social h3{float:right;margin:10px 10px 0;width:100px;color:#fff;text-align:center;text-shadow:none}#article-footer-social h3.mobile-tag{margin-top:30px}#tags,#article-footer-social .tweet-button,#article-footer-social .facebook-like,#article-footer-social .google-plus{float:left}#article-footer-social .buttons{float:right;margin-top:38px;width:auto}#article-footer-social .facebook-like{margin-right:20px}#tags{margin-top:37px;margin-left:40px;width:auto;font-size:108%;font-size:167%}.single-attachment #tags{max-width:80%}.single-attachment #tags a{font-size:80%}#post-navi{position:relative;margin-bottom:60px;width:100%;height:80px;background:url(css/images/dashed-vertical-min.png) repeat-y 50% 0}#post-navi .totop{margin-top:23px}#next,#prev{position:absolute;font-size:215%}#next a,#prev a{color:#000}#next a span,#prev a span{color:#d64e80}#next{top:15px;left:510px}#prev{top:15px;right:510px}#related-posts h2{margin-bottom:10px;height:53px;background:url(css/images/related-heading.png) no-repeat 50% 0;text-indent:-9999px}#related-posts h3,#comment-open h3{text-align:center;font-size:108%}#related-posts{margin-bottom:40px}.related-post{overflow:hidden;margin-bottom:60px}.related-post li{position:relative;float:left;margin-right:110px;width:240px}.related-post .last{margin-right:0}.related-post img{position:absolute;top:0;left:25px}.related-post h3{margin-top:131px;font-size:108%}.related-post .comment-number{top:5px}.content .attachment-title{margin-bottom:0;font-weight:bold;font-size:123%}#comment-open{margin-bottom:30px}#comment-open h2{margin-bottom:10px;height:41px;background:url(css/images/comments-heading.png) no-repeat 50% 0;text-indent:-9999px}#comments-headline,#trackbacks-headline{margin-bottom:20px}#trackback-list{clear:both}#comments-headline h4,#trackbacks-headline h4,.comment-form hgroup h4,.trackback_field{font-size:108%}.comment-warrper{position:relative;margin-bottom:40px;margin-left:120px;width:820px}#comments-list .comment-warrper{margin-left:0}.comment-and-tb-num{position:absolute;top:0;left:-120px;width:102px;height:88px;background:url(css/images/sprite.png) no-repeat 0 -160px}.comment-and-tb-num span{display:block;margin:20px 30px 0 0;color:#fff;text-align:right;font-size:276%}.comments-list{clear:both;margin-top:-40px}.comments-list li{margin-top:-2px;padding:20px 0;background:url(css/images/dashed-horizon-min.png) repeat-x 0 0}.comments-list>li:first-child{background:0}.comments-list ul{clear:both;padding-top:20px;padding-left:20px}.comment-owner{float:left;overflow:hidden;margin:20px 0;padding:5px;width:250px;background:#ccc;background:rgba(0,0,0,.2);line-height:1.6}.byuser>article .comment-owner{float:right}.comment-owner img{float:left;margin-right:10px;border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid #ddd}.comment-owner a{border-bottom-color:#ddd;color:#fff;font-style:normal}.comment-owner a:hover{border-bottom-color:#fff}.comment-owner cite{color:#fff;font-size:108%}.comment-owner .comment-time{display:block}.comment-body{float:right;padding:1em 0 0 30px;width:59%;background:url(css/images/comment-quote-top.png) no-repeat 0 0;font-size:108%}.byuser>article .comment-body{float:left}.comment-body p{margin-bottom:1em}.comment-body div{display:block;padding:0 30px 1em 0;background:url(css/images/comment-quote-bottom.png) no-repeat right bottom}#respond{position:relative;clear:both;padding:20px;width:475px;border-top:1px solid #bbb;border-bottom:1px solid #fff;background:#d9d9d9;background:rgba(0,0,0,.15);color:#333}.comment-form hgroup{margin-bottom:10px}.comment-form p,.contact p{margin-bottom:10px}.comment-form input[type="text"],.comment-form textarea,.contact input[type="text"],.contact input[type="email"],.contact textarea{padding:3px;width:234px;border:0 none;border-top:1px solid #797979;border-bottom:1px solid #eee;background:#ccc;background:rgba(0,0,0,.2);color:#fff;font-size:100%}.comment-form textarea,.contact textarea{overflow:auto;width:470px}.comment-form input[type="submit"],.contact input[type="submit"]{margin-top:15px;width:197px;height:46px;border:0 none;background:url(css/images/button.png) no-repeat 0 0;color:#fff;font-size:167%;font-family:'Tenderness';line-height:46px;cursor:pointer}.comment-form input[type="submit"]:hover,.contact input[type="submit"]:hover{background-position:left bottom}.comment-form input[type="submit"]:active,.contact input[type="submit"]:active{position:relative;top:1px}#trackback-url{margin-top:40px}#respond .trackback_field{width:470px}#flower{position:absolute;top:20px;left:482px;width:188px;height:388px;background:url(css/images/form-bg.png) no-repeat 0 0}label span span{color:#d64e80}#sidebar{font-size:108%;line-height:1.6}#sidebar hgroup,#footer hgroup{margin-bottom:10px}.module{margin-bottom:80px}.tagcloud{position:relative}.tagcloud a{padding:3px 5px;border-top:1px solid #4c4c4c;border-top:1px solid rgba(0,0,0,.7);border-bottom:1px solid #fff;background:#b2b2b2;background:rgba(0,0,0,.3);color:#FFF;white-space:nowrap;font-size:93%;line-height:220%;-webkit-transition:background-color 200ms linear;-moz-transition:background-color 200ms linear;-o-transition:background-color 200ms linear;transition:background-color 200ms linear}.mobile .tagcloud a{padding:5px 8px;line-height:300%}.tagcloud a:hover{border-top:1px solid #4c4c4c;border-top:1px solid rgba(0,0,0,.7);background:#797979}.square-ad{padding-bottom:0}.square-ad.mobile{width:200px}.square-ad .adsense{overflow:hidden}.recent-post li,.popular-post li,.recent-sample li{position:relative;margin:0 0 10px;padding:0 0 0 50px}.comment-number{position:absolute;left:0;padding:5px 0 0 10px;background:url(css/images/sprite.png) no-repeat -80px -353px;color:#fff;font-size:182%;font-family:'Tenderness';line-height:1;width:40px;height:36px;top:0}.comment-number.term{padding:8px 0;text-align:center;font-size:123%}span.update-time{display:block;font-size:138.5%;font-family:'Tenderness';line-height:1}p.more-samples{padding-left:50px;font-size:138.5%}#bg{position:relative;z-index:10;clear:both;height:330px;background:url(css/images/floral.png) no-repeat 100% 100%}#another-bg{position:relative;height:195px;background:url(css/images/locus.png) no-repeat 0 80px}#twitter-bird{position:absolute;top:90px;left:500px;width:76px;height:53px}#twitter-bird a{display:block;width:100%;height:100%;border:0;background:url(css/images/sprite.png) no-repeat 0 -478px;text-indent:-9999px}#feed-burner{position:absolute;top:0;right:0;width:255px;height:106px}#feed-burner a{display:block;width:100%;height:100%;border:0;background:url(css/images/rss.png) no-repeat 0 0;text-indent:-9999px}#twitter-bird span,#feed-burner span{position:absolute;display:none;width:150px;text-align:center;text-indent:0;font-size:182%;line-height:1}#footer{margin-top:-54px;padding-top:54px;background:#d9d9d9;background:rgba(0,0,0,.15);color:#151515;font-size:108%}.column-380,.column-260,#my-avatar img{float:left}#my-avatar img{margin-right:20px;width:160px;height:160px}.column-380{width:380px}.column-380 .right{width:190px}.column-260{margin-left:20px;width:260px}.skil-software li,.social li{margin-bottom:3px;padding-left:30px;height:25px;background-image:url(css/images/icons.png);background-repeat:no-repeat;line-height:25px}li.check{background-position:0 0}li.photoshop{background-position:0 -100px}li.illustrator{background-position:0 -200px}li.twitter{background-position:0 -300px}li.facebook{background-position:0 -400px}li.tumblr{background-position:0 -500px}li.me{background-position:0 -600px}li.zoo{background-position:0 -700px}li.google-plus{background-position:0 -800px}li.flickr{background-position:0 -900px}.social a{display:block;border:0}.social a span{border-bottom:1px solid #f2c9d8;-webkit-transition:border-bottom 200ms ease-in;-moz-transition:border-bottom 200ms ease-in;-o-transition:border-bottom 200ms ease-in;transition:color 200ms ease-in;transition:border-bottom 200ms ease-in}.social a:hover span{border-color:#d64e80}#twitter_update_list li{margin-bottom:5px;padding-left:30px;background:url(css/images/quote-s.png) no-repeat 0 0;line-height:1.5}#twitter_update_list span{padding-left:.5em;white-space:nowrap;font-size:93%;color: #949495;}#copyright{padding:15px 0}.totop{display:block;float:right;width:123px;height:50px;border:0;background:url(css/images/sprite.png) no-repeat 0 100%;text-indent:-9999px}.totop:hover{position:relative;top:1px;opacity:.75}.totop:active{position:relative;top:0}.wp-pagenavi,#pagenation,.pagination{font-size:182%;font-family:'Tenderness';line-height:1.3}.pagination *:first-child,.page-numbers li:first-child>*{margin-left:0!important}#comment-nav-below .page-numbers li:last-child>*{margin-right:0!important}#comment-nav-below{float:right}#comment-nav-below .page-numbers{float:right}.mobile #comment-nav-below{margin-bottom:20px}.page-numbers li{float:left;margin-bottom:5px}.wp-pagenavi span.pages{display:none}.wp-pagenavi a,.wp-pagenavi span,#pagenation a,#pagenation span,.pagination a,.pagination span{display:block;float:left;margin:0 2px;padding:5px 10px;width:auto;height:24px;border:0 none;border-top:1px solid #bbb;border-top:1px solid rgba(0,0,0,.4);border-bottom:1px solid #fff;background:#ccc;background:rgba(0,0,0,.2);color:#fff;vertical-align:bottom;text-decoration:none;white-space:nowrap;line-height:24px;-webkit-transition:background-color 200ms linear;-moz-transition:background-color 200ms linear;-o-transition:background-color 200ms linear;transition:background-color 200ms linear}.mobile .wp-pagenavi a,.mobile .wp-pagenavi span,.mobile #pagenation a,.mobile #pagenation span,.mobile .pagination a,.mobile .pagination span{margin:0 10px 6px 0;padding:8px 13px}.wp-pagenavi a:hover,#pagenation a:hover,.pagination a:hover{background:#999;background:rgba(0,0,0,.4)}.wp-pagenavi span.current,#pagenation span.current,.pagination span.current{background:#df769c;background:rgba(214,78,128,.8);font-weight:bold}#commentform input.error,#commentform textarea.error{background-color:#e89fba;background-color:rgba(232,159,186,.8)}#commentform div.error,#commentform label.error{color:#d64e80}#commentform div.errorlabels label{display:block}.white-box{overflow:hidden;margin-bottom:1.5em;padding:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);box-shadow:0 1px 4px rgba(0,0,0,0.3);color:#333}.white-box input{max-width:80%}.shadow{-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.4);box-shadow:0 1px 4px rgba(0,0,0,0.4)}.black-box{padding:20px;border-top:1px solid rgba(0,0,0,.4);border-bottom:1px solid #fff;background:rgba(0,0,0,.15)}.right{float:right!important}.left{float:left!important}.add-left{margin-left:2em!important}.add-right{margin-right:2em!important}.add-top-30{margin-top:30px!important}.add-top-40{margin-top:40px!important}.add-top-60{margin-top:60px!important}.add-bottom-10{margin-bottom:10px!important}.add-bottom-20{margin-bottom:20px!important}.add-bottom-30{margin-bottom:30px!important}.add-bottom-40{margin-bottom:40px!important}.add-bottom-60{margin-bottom:40px!important}.remove-bottom{margin-bottom:0!important}.remove-top{margin-top:0!important}.remove-left{margin-left:0!important}.remove-right{margin-right:0!important}#wpstats{display:none}#page{position:relative;left:0;z-index:2;margin:0;padding:0;min-height:100%;min-height:100%;width:100%;height:100%;background:url(css/images/body-bg.jpg) repeat;box-shadow:0 0 25px rgba(0,0,0,.75)}#sidepanel{position:fixed;top:0;left:0;z-index:-10;display:none;overflow-y:auto;width:250px;height:100%;background:#4b4b4b}.opened #sidepanel{z-index:1;display:block}#sidepanel>div{padding:0 0 20px}#sidepanel form{padding:10px 15px;border-bottom:1px solid #3b3b3b}#sidepanel input[type="search"]{width:100%}#sidepanel h2{position:relative;z-index:1;padding:5px 15px;background:#404040;color:#ddd;text-shadow:0 -1px rgba(0,0,0,.4);font-size:150%}#sidepanel ul{position:relative;z-index:2;margin:0;padding:0;box-shadow:0 0 2px rgba(0,0,0,.4);list-style:none}#sidepanel li a{position:relative;display:block;padding:10px 15px;border-top:1px solid #5b5b5b;border-bottom:1px solid #3b3b3b;color:#fff!important;text-decoration:none}#sidepanel li.current a{border-top-color:#303030;border-bottom-color:#303030;background-color:#404040;box-shadow:0 0 2px rgba(0,0,0,.2) inset}#sidepanel p{padding:10px 15px;color:#fff}#sidepanel p img{float:left;margin-right:1em;padding:3px;width:50px;height:50px;background:#fff}#sidepanel-sns li a span{padding-right:.5em;text-shadow:0 -1px 1px rgba(0,0,0,.3);font-size:120%}#sidepanel-sns .icon-twitter{color:#4eaed6}#sidepanel-sns .icon-facebook{color:#4e5bd6}#sidepanel-sns .icon-google-plus{color:#d64e4e}#sidepanel-sns .icon-tumblr{color:#4e7ed6}#sidepanel .icon-heart{color:#e89fba}#touch-area{position:fixed;bottom:0;left:0;z-index:1000;width:120px;height:120px}.circle{position:absolute;bottom:30px;left:30px;margin:0;padding:0;width:60px;height:60px;border:3px solid #fff;border-radius:66px;background:#d64e80;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.3);list-style:none}#touch-area.clicked{width:260px;height:260px}.circle a{display:block;width:100%;height:100%;border:0;color:#fff;text-decoration:none}.circle>a{position:relative;z-index:100;margin:0;padding:0;width:100%;height:100%;text-align:center;font-size:20px;font-size:200%;line-height:60px}.circle ul{position:absolute;top:0;left:0;margin:0;padding:0}.circle li{position:absolute;top:0;left:0;z-index:-1;margin:0;padding:0;width:55px;height:55px;border:3px solid #fff;border-radius:61px;background:#d64e80;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.3);text-align:center;font-size:200%;line-height:60px;opacity:0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.circle li.first{background-position:50% 10px;font-size:220%}.circle li.second{background-position:50% -78px}.circle li.third{background-position:50% -168px}.circle li.fourth{background-position:50% -255px}.clicked .circle li{z-index:1;opacity:1;-webkit-transform:rotate(1800deg);-moz-transform:rotate(1800deg);transform:rotate(1800deg)}.clicked .circle li.first{top:-150px;left:0}.clicked .circle li.second{top:-129px;left:75px}.clicked .circle li.third{top:-75px;left:129px}.clicked .circle li.fourth{top:0;left:150px}.jetpack-image-container:after{clear:both}.jetpack-image-container:before,.jetpack-image-container:after{display:table;content:""}@media screen and (max-width:1000px){#container,#footer .wrapper,.wrapper.not-found{overflow:hidden;width:95%}body img{max-width:97%;width:auto\9;height:auto}.container_12{overflow:hidden;width:100%!important}#main{width:66%}#sidebar{width:28%}#navi ul{width:auto}#navi a{padding:16px 10px 0}.archive-post .right{width:70%}.archive-post img{width:25%}.post-date{left:0;margin-left:12%;width:55px;height:48px;background-size:97px 545px;-webkit-background-size:97px 545px}.post-date{font-size:150%}#comment-popup{right:0}#article-header{width:75%}.col-max img.frame{max-width:98%}.col-min{width:75%}img.frame{width:98%}.half{width:48%}.col-min .half{width:45%}.one-third{margin-right:5%;width:30%!important}.two-third{margin-right:5%;width:65%!important}.comment-warrper{width:85%}.comments-list li .comment-body{width:58%}.comments-list li .comment-owner{width:30%}.comment-form{width:475px}#slides{width:95%;height:auto}.slides_container{padding-bottom:5px;width:100%;height:100%}#slides{margin:0 auto;margin-bottom:60px}#my-avatar img{margin-right:0;width:30%;height:auto}.column-380{width:40%}.column-380 .no-align{width:55%}.column-380 .right{width:60%}.column-260{margin-left:2%;width:28%}}@media screen and (max-width:768px){body{min-width:320px!important}#header{margin-bottom:50px}.typography{margin-bottom:40px;height:120px}#ILoveWebDesign{background-size:481px 116px;-webkit-background-size:481px 116px}#WereYouFound{background-size:679px 95px;-webkit-background-size:679px 95px}#about{background-size:436px 93px;-webkit-background-size:436px 93px}#contact{background-size:372px 95px;-webkit-background-size:372px 95px}#WebDesign{background-size:567px 115px;-webkit-background-size:567px 115px}#WordPress{background-position:0 15px;background-size:600px 90px;-webkit-background-size:600px 90px}#misc{background-size:305px 116px;-webkit-background-size:305px 116px}#samples{background-size:527px 94px;-webkit-background-size:527px 94px}#tag{background-size:135px 62px;-webkit-background-size:135px 62px}#author{background-size:355px 65px;-webkit-background-size:355px 65px}#search-archive{background-size:314px 66px;-webkit-background-size:314px 66px}#err40{background-size:628px 95px;-webkit-background-size:628px 95px}#article-header{margin-left:0;width:100%}#article-header .wordpress{background-size:461px 67px;-webkit-background-size:461px 67px}#article-header .webdesign{background-size:399px 88px;-webkit-background-size:399px 88px}#article-header .misc{background-size:174px 87px;-webkit-background-size:174px 87px}#article-header .design{background-size:219px 87px;-webkit-background-size:219px 87px}#article-header .photo{background-size:244px 65px;-webkit-background-size:244px 65px}#article-header .twitter{background-size:308px 87px;-webkit-background-size:308px 87px}#article-header .photoshop{background-size:444px 66px;-webkit-background-size:444px 66px}#article-header .illustrator{background-size:494px 87px;-webkit-background-size:494px 87px}#article-header .jquery{background-size:272px 80px;-webkit-background-size:272px 80px}#article-header .css{background-size:151px 66px;-webkit-background-size:151px 66px}#article-header .sample{background-size:266px 66px;-webkit-background-size:266px 66px}#article-header .attachment{background-size:482px 65px;-webkit-background-size:482px 65px}#main,#sidebar{float:none}#main{width:100%}.archive-post{margin-bottom:60px}#navi ul{float:none;clear:both;width:100%}#navi li:first-child a{margin-left:0}#ad{display:none}.archive-post .right{width:75%}.archive-post img{width:21%}#lead{margin-bottom:40px}.col-min{margin-left:0;width:100%}.content .subheading-L{margin:30px 0 10px;font-size:110%}#prev{right:55%}#next{left:55%}#related-posts h2{background-size:552px 43px;-webkit-background-size:552px 43px}.related-post li{margin-right:5%;width:30%}.related-post li img{width:75%}.comment-and-tb-num{display:none}.comment-warrper{margin-left:0;width:100%}#sidebar{margin-top:60px;width:100%}.module{margin-bottom:60px}#tagcloud{float:right;width:55%}.square-ad{float:left;max-width:250px;width:40%}#popular-posts{clear:both}#recent-samples{margin-bottom:0}#another-bg{background-position:-300px 50px}#twitter-bird{top:50px;left:30%}.column-380{margin-bottom:20px;width:60%}.column-380 .right{width:50%}#my-avatar img{margin-right:5%;width:30%}#find-me{margin-left:5%;width:35%}#tweet{display:none}}@media screen and (max-width:480px){body{-webkit-text-size-adjust:none}#header{margin-bottom:5px}#logo{margin-top:16px;margin-bottom:25px;width:200px;height:30px}#logo a{background-size:200px 60px;-webkit-background-size:200px 60px}#navi{clear:both}.menu-main-navi-container{position:relative}#menu-icon{display:block;float:left;margin-top:5px;padding:5px 0 0 24px;padding-left:24px;width:auto;background-image:url(css/images/index.png);background-position:0 14px;background-repeat:no-repeat;color:#d64e80;text-transform:uppercase;text-shadow:0 1px #fff;font-size:150%;font-family:'Tenderness'}#navi ul{position:absolute;top:50px;left:0;z-index:9999;display:none;width:50%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);box-shadow:0 1px 4px rgba(0,0,0,0.3);color:#333}#navi li{float:none}#navi li:first-child a{margin-left:15px}#navi li a{margin-right:15px;padding:10px 10px 0}#navi li:last-child a{background:0}.typography{position:relative;margin-bottom:30px;height:60px}#ILoveWebDesign{background-size:231px 51px;-webkit-background-size:231px 51px}#WereYouFound{background-size:305px 43px;-webkit-background-size:305px 43px}#about{background-size:191px 41px;-webkit-background-size:191px 41px}#contact{background-size:162px 41px;-webkit-background-size:162px 41px}#WebDesign{background-size:248px 50px;-webkit-background-size:248px 50px}#WordPress{background-size:263px 40px;-webkit-background-size:263px 40px}#misc{background-size:134px 51px;-webkit-background-size:134px 51px}#samples{background-size:231px 41px;-webkit-background-size:231px 41px}#tag{background-size:59px 28px;-webkit-background-size:59px 28px}#author{background-size:155px 28px;-webkit-background-size:155px 28px}#search-archive{background-size:138px 29px;-webkit-background-size:138px 29px}#err40{background-size:275px 42px;-webkit-background-size:275px 42px}#article-header{margin-left:0;width:100%}#article-header h2{padding-top:10px}#article-header .wordpress{background-size:202px 29px;-webkit-background-size:202px 29px}#article-header .webdesign{background-size:175px 39px;-webkit-background-size:175px 39px}#article-header .misc{background-size:76px 38px;-webkit-background-size:76px 38px}#article-header .design{background-size:96px 38px;-webkit-background-size:96px 38px}#article-header .photo{background-size:107px 28px;-webkit-background-size:107px 28px}#article-header .twitter{background-size:135px 38px;-webkit-background-size:135px 38px}#article-header .photoshop{background-size:194px 29px;-webkit-background-size:194px 29px}#article-header .illustrator{background-size:216px 38px;-webkit-background-size:216px 38px}#article-header .jquery{background-size:119px 35px;-webkit-background-size:119px 35px}#article-header .css{background-size:66px 29px;-webkit-background-size:66px 29px}#article-header .sample{background-position:100% 8px;background-size:117px 29px;-webkit-background-size:117px 29px}#article-header .attachment{background-size:211px 28px;-webkit-background-size:211px 28px}#tag span,#search-archive span{margin-right:0}#WordPress span,#WebDesign span,#misc span{display:none}.typography span{position:absolute;top:0;right:0;font-size:150%}.typography span span{background:0}.archive-post{margin-bottom:35px}.archive-post .right{width:65%}.archive-post img{width:28%}.post-date{margin-left:18%;width:48px;height:42px;background-size:85px 477px;font-size:150%;-webkit-background-size:85px 477px}.post-date span.post-month{padding:5px 10px}.post-date span.post-day{padding:0 10px}.archive-post h2{font-size:123%}#article-header h2{min-height:30px;font-size:150%}#article-eyecatch{margin-bottom:20px}#comment-popup{top:-25px;width:35px;height:32px;background-position:0 -280px;background-size:97px 545px;font-size:150%;-webkit-background-size:97px 545px}#post-meta time,#posted-under{font-size:140%}#post-meta time{padding-left:0}#article-header-social{display:none}#lead{display:none}#idx+ol.half{margin-bottom:0}.content h3{margin:35px 0 20px;font-size:140%;line-height:1.1}.content h4{margin:35px 0 15px;font-size:130%;line-height:1.2}.content h5{font-size:120%;line-height:1.2}.content li{margin:7px 0}.content .big{font-size:150%}.content .col-min>p.left.add-right,.content .col-max>p.left.add-right,.content .col-min>div.left.add-right,.content .col-max>div.left.add-right,.content .col-min>div.right.add-left,.content .col-max>div.right.add-left,.content .col-min>p.right.add-left,.content .col-max>p.right.add-left,.content .col-max>section p.left.add-right,.content .col-max>section p.right.add-left,.content .col-min>section p.left.add-right,.content .col-min>section p.right.add-left,.content .col-min>ul.right.add-left,.content .col-max>ul.right.add-left,.content .col-min>ul.left.add-right,.content .col-max>ul.left.add-right{float:none!important;margin-right:0!important;margin-left:0!important}img.frame{max-width:97%}.image-box .caption-underline,.image-box .caption-topline{margin-bottom:30px;line-height:1.4}.image-box .caption-underline{padding:10px 1.5em}.image-box .caption-topline{padding:5px 1em 0}ul.image{margin-left:5px}.white-box ul.image{margin-left:0}.content .subheading{margin-bottom:7px;font-size:100%}.half,.half.right,.half.left{float:none!important;width:100%!important}.left .left,.right .right,.left .right,.right .left{float:none!important}.quote{background-size:22px 17px;font-size:120%!important;line-height:1.8}.quote>div{background-size:22px 17px}ol .one,ol .two,ol .three,ol .four,ol .five,ol .six,ol .seven,ol .eight,ol .nine,ol .ten,ol .eleven,ol .twelve,ol .thirteen,ol .fourteen,ol .fifteen,ol .sixteen,ol .seventeen,ol .eighteen,ol .nineteen,ol .twenty,ol .twentyone{padding-left:35px}.white-box{padding:15px}ul.code li,ul.via li,span.eyecatch,div.eyecatch,dl.list,dl.link,.download,blockquote{padding-left:15px}ul.code code{font-size:90%}ul.code li{line-height:1.2}ol.left.half{margin-bottom:0}.content ol ol{margin-bottom:0;margin-left:-1em}.button{padding:.3em 1.5em .35em;font-size:18px}pre.eyecatch{padding-left:15px;font-size:90%;line-height:1.2}hr{margin:30px 0 40px}h3.tweet{padding-left:25px;background-size:22px 17px;font-size:120%;-webkit-background-size:22px 17px}div.attention{margin:40px 0 30px;padding:1em;line-height:1.6}#article-footer-social{height:auto;background-position:0 100%}#article-footer-social h3{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}#tags{float:none;margin:0 0 5px 10px;font-size:140%}#article-footer-social .buttons{margin-top:0;margin-bottom:5px}#next,#prev{font-size:140%}#post-navi{margin-bottom:30px;height:50px}#post-navi .totop{display:none}#related-posts{margin-bottom:15px}#related-posts h2{height:25px;background-size:295px 25px;-webkit-background-size:295px 25px}#comment-open h2{height:25px;background-size:245px 25px;-webkit-background-size:245px 25px}.related-post{margin-bottom:40px}.related-post li{position:relative;float:none;overflow:hidden;margin:15px 0;width:100%}.related-post h3{float:right;margin-top:0;width:65%;font-size:100%}.related-post img.frame{position:static;float:left;width:30%}.quote{margin-bottom:30px;padding:20px 0 0 20px;background-size:22px 17px;-webkit-background-size:22px 17px}.quote>div{padding-right:20px}.quote p{padding-left:20px}#comments-headline,#comment-nav-below{float:none;width:100%}.comment-warrper{margin-left:0}.comments-list{margin-top:0}.comments-list li .comment-owner{width:15%}.comments-list li .comment-owner img{margin-bottom:3px;width:100%}.comment-owner{overflow:visible;line-height:1.3}.comment-owner .comment-time{display:none}.comments-list>li:first-child{padding-top:0}.comments-list li .comment-body{padding-left:20px;width:73%;background-size:17px 13px;-webkit-background-size:17px 13px}.comments-list li .comment-body div{padding-right:20px;background-size:17px 13px;-webkit-background-size:17px 13px}.comments-list ul{padding-left:10px}.comment-form{padding:5%;width:90%}#respond textarea,#respond .trackback_field{width:87%}h2.webfont,h3.webfont{font-size:180%}.wp-pagenavi a,.wp-pagenavi span{margin-bottom:10px}#sidebar{margin-top:40px}.module{margin-bottom:35px}#tagcloud{width:50%}.tagcloud a{margin-right:5px;line-height:2.5em}#bg{margin-top:80px;height:128px;background-size:270px 128px;-webkit-background-size:270px 128px}#another-bg{background-position:-80px 0;background-size:294px 69px;-webkit-background-size:294px 69px}#feed-burner{top:-70px;width:75px;height:75px;background:0 100%}#feed-burner a{background-size:153px 64px;-webkit-background-size:153px 64px}#twitter-bird{top:0;left:50%;width:46px;height:32px}#twitter-bird a{background-position:0 -288px;background-size:73px 409px;-webkit-background-size:73px 409px}#twitter-bird span,#feed-burner span{font-size:120%}#footer{margin-top:-27px;padding-top:30px}.column-380{float:left;margin:0;width:45%}.column-380 .right{float:none;width:100%}#find-me{float:right;clear:none;margin:0;width:55%}#my-avatar{display:none}#footer .skil-software{margin-bottom:20px}.amazon.white-box .left{float:left!important}.amazon.white-box .add-right{margin-right:2em!important}.single-adsense.mobile{margin-bottom:20px}.single-adsense.after{margin-bottom:15px}.archive-adsense.mobile,.single-adsense.mobile{max-width:95%;width:320px}.single-adsense.after{margin-top:20px}.archive-adsense.mobile{margin-bottom:20px}#sidepanel li a{padding:7px 15px}#touch-area{width:70px;height:70px}#touch-area.clicked{width:165px;height:165px}.circle{bottom:15px;left:15px;width:40px;height:40px;border-radius:47px}.circle>a{font-size:160%;line-height:43px}.circle li{width:35px;height:35px;border-radius:41px;font-size:150%;line-height:40px}.clicked .circle li.first{top:-100px;left:0;font-size:200%}.clicked .circle li.second{top:-86px;left:50px}.clicked .circle li.third{top:-50px;left:86px}.clicked .circle li.fourth{top:0;left:100px}.add-top-60{margin-top:40px!important}.add-bottom-40{margin-bottom:30px!important}.add-right{margin-right:1.5em!important}.add-left{margin-left:1.5em!important}.white-box a[href*="/www.amazon.co.jp"]>img{max-width:60px}.left>img[width="160"],.left>img[width="150"]{width:100px}.left>img.frame[width="160"],.left>img.frame[width="150"]{width:90px}.content .col-min>p.left.mobile-left{float:left!important;margin-right:1.5em!important;margin-bottom:.5em!important}#footer .totop{display:none}.mobile .toidx{position:relative;float:right;overflow:hidden;margin:0;padding:0;width:40px;height:40px;border:3px solid #fff;border-radius:46px;background:#d64e80;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.3);list-style:none}.mobile .toidx+*{clear:both}.mobile .toidx a:before{position:absolute;top:25%;left:10px;color:#fff;content:attr(data-icon);content:"\2c";font-weight:normal;font-size:20px;font-family:'icomoon';line-height:1;speak:none;-webkit-font-smoothing:antialiased}.mobile .toidx>a{position:absolute;display:block;margin:0;padding:0;padding-left:40px;width:100%;height:100%;border:0;background:0}pre.linenums{font-size:80%}.linenums li{line-height:16px}}@media screen and (max-width:320px){#logo{margin-top:10px;margin-bottom:15px;width:150px;height:22.5px}#logo a{background-size:150px 45px;-webkit-background-size:150px 45px}.archive-post .right p{display:none}.post-date{margin-left:12%}#article-header h2{font-size:130%}.col-max img.frame,img.frame{box-sizing:border-box;max-width:97%}.content p{margin-bottom:1.5em}ul.via.left.add-right{float:none!important;margin-right:0!important}#tagcloud{float:none;width:100%}.comment-form input[type="text"]{width:100px}#respond textarea,#respond .trackback_field{width:55%}#twitter-bird{left:30%}#another-bg{background-position:-220px 0}.column-380{display:none}#find-me{float:none;width:100%}}