a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}a img{border:none}button,input{margin:0;padding:0}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}@font-face{font-family:icomoon;font-weight:400;font-style:normal;src:url(fonts/icomoon.eot?123);src:url(fonts/icomoon.eot?123#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?123) format("truetype"),url(fonts/icomoon.woff?123) format("woff"),url(fonts/icomoon.svg?123#icomoon) format("svg")}#container,body,html{height:100%}body{background:#eee;font:18px Lato,Meiryo,"メイリオ","Helvetica Neue",Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;-webkit-text-size-adjust:100%}.outer{max-width:700px;margin:0 auto;padding:0 20px}.outer:after,.outer:before{content:"";display:table}.outer:after{clear:both}@media screen and (max-width:479px){.outer{padding:0 10px}}.alignleft,.left{float:left}.alignright,.right{float:right}.center{text-align:center}.inline-block{display:inline-block!important}.clear{clear:both}.padded{padding:1em}.bordered{border:1px solid #333}#container{position:relative}.mobile-nav-on{overflow:hidden}#wrap{height:100%;width:100%;position:absolute;top:0;left:0;-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-ms-transition:.2s ease-out;transition:.2s ease-out;z-index:1;background:#eee}.mobile-nav-on #wrap{left:280px}.article-category-link,.article-date{text-decoration:none;text-transform:uppercase;letter-spacing:2px;color:#999;margin-bottom:1em;margin-left:5px;line-height:1em;text-shadow:0 1px #fff;font-weight:700}.archive-article-inner,.article-inner{background:#fff;-webkit-box-shadow:1px 2px 3px #ddd;box-shadow:1px 2px 3px #ddd;border:1px solid #ddd;border-radius:3px}.article-entry h1,.widget h1{font-size:2em}.article-entry h2,.widget h2{font-size:1.5em}.article-entry h3,.widget h3{font-size:1.3em}.article-entry h4,.widget h4{font-size:1.2em}.article-entry h5,.widget h5{font-size:1em}.article-entry h6,.widget h6{font-size:1em;color:#999}.article-entry hr,.widget hr{border:1px dashed #ddd}.article-entry strong,.widget strong{font-weight:700}.article-entry cite,.article-entry em,.widget cite,.widget em{font-style:italic}.article-entry sub,.article-entry sup,.widget sub,.widget sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}.article-entry sup,.widget sup{top:-.5em}.article-entry sub,.widget sub{bottom:-.2em}.article-entry small,.widget small{font-size:.85em}.article-entry abbr,.article-entry acronym,.widget abbr,.widget acronym{border-bottom:1px dotted}.article-entry dl,.article-entry ol,.article-entry ul,.widget dl,.widget ol,.widget ul{margin:0 20px;line-height:1.6em}.article-entry ol ol,.article-entry ol ul,.article-entry ul ol,.article-entry ul ul,.widget ol ol,.widget ol ul,.widget ul ol,.widget ul ul{margin-top:0;margin-bottom:0}.article-entry ul,.widget ul{list-style:disc}.article-entry ol,.widget ol{list-style:decimal}.article-entry dt,.widget dt{font-weight:700}#header{position:relative;border-bottom:1px solid #ddd;background-color:#000;overflow:hidden}#header:after{content:"";clear:both;display:block}.header-nav-left{float:left;height:55px;display:block}@media screen and (max-width:479px){.header-nav-left{display:none}}.header-nav-right{float:right;height:55px;display:block}.header-nav-link{text-decoration:none;color:#aaa;font-size:20px;line-height:55px;font-weight:400;padding:0 15px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.header-nav-link:hover{color:#eb298c}@media screen and (min-width:480px) and (max-width:767px){.header-nav-link{padding:0 15px}}@media screen and (max-width:479px){.header-nav-link{padding:0 10px}}#header-rss-link,#header-search-button{font-family:icomoon}#header-rss-link{display:none}#header-rss-link:before{content:"\e911"}@media screen and (min-width:768px){#header-rss-link{display:inherit}}#header-search-button:before{content:"\e910"}#search-form-wrap{visibility:hidden;z-index:1;position:absolute;width:180px;height:55px;top:0;right:-180px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:14.5px 15px;opacity:0;-webkit-transition:.2s ease;-moz-transition:.2s ease;-ms-transition:.2s ease;transition:.2s ease}#search-form-wrap.on{visibility:visible;opacity:1;right:0}@media screen and (max-width:479px){#search-form-wrap{width:100%;right:-100%}}.search-form{background:#fff;padding:5px 25px 5px 10px;border-radius:15px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.search-form-input{border:none;background:0 0;color:#555;width:100%;font:13px Lato,Meiryo,"メイリオ","Helvetica Neue",Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;outline:0}.search-form-input::-webkit-search-cancel-button,.search-form-input::-webkit-search-results-decoration{-webkit-appearance:none}.search-form-submit{position:absolute;top:50%;right:22px;margin-top:-6px;font:13px icomoon;border:none;background:0 0;color:#bbb;cursor:pointer}.search-form-submit:focus,.search-form-submit:hover{color:#777}#hero{clear:both;width:100%;min-height:200px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:70px 30px 50px 30px}@media screen and (min-width:480px) and (max-width:767px){#hero{padding:50px 20px}}@media screen and (max-width:479px){#hero{padding:30px 10px}}#hero-img{display:block;background:url(/images/profile_small.jpeg) center/contain no-repeat;width:100px;height:100px;border-radius:20px;-webkit-transition:border .2s;-moz-transition:border .2s;-ms-transition:border .2s;transition:border .2s;border:1px solid #000}#hero-img:hover{border:1px solid #eb298c}#hero-titles{padding-left:15px;margin:10px 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.hero-title-link{display:block;text-decoration:none;color:#eb298c;font-size:35px;line-height:1em;font-weight:600;letter-spacing:-1px}.hero-subtitle-link{display:block;color:#555;font-size:21px}#hero-social{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-lines:single;-moz-box-lines:single;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:20px}@media screen and (max-width:479px){#hero-social{margin-top:10px}}.hero-social-link{display:block;margin:0 2px;padding:8px;text-decoration:none;color:#999}.hero-social-link:before{-webkit-transition:.2s ease;-moz-transition:.2s ease;-ms-transition:.2s ease;transition:.2s ease;font-size:20px;font-family:icomoon}.hero-social-linkedin:before{content:"\e913"}.hero-social-linkedin:hover{color:#007ab9}.hero-social-twitter:before{content:"\e909"}.hero-social-twitter:hover{color:#00aced}.hero-social-facebook:before{content:"\e907"}.hero-social-facebook:hover{color:#3b5998}.hero-social-gplus:before{content:"\e901"}.hero-social-gplus:hover{color:#dd4b39}.hero-social-github:before{content:"\e903"}.hero-social-github:hover{color:#33b3d0}.hero-social-mail:before{content:"\e900"}.hero-social-mail:hover{color:#eb298c}.article{margin:50px 0}.article-inner{overflow:hidden}.article-meta:after,.article-meta:before{content:"";display:table}.article-meta:after{clear:both}.article-date{float:left}.article-category{float:left;line-height:1em;color:#ccc;text-shadow:0 1px #fff;margin-left:8px}.article-category:before{content:"\2022"}.article-category-link{margin:0 12px 1em}.article-header{padding:20px 20px 0}.article-title{text-decoration:none;font-size:2em;font-weight:700;color:#333;line-height:1.6em;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;transition:color .2s}a.article-title:hover{color:#eb298c}.article-entry{color:#555;padding:0 20px}.article-entry:after,.article-entry:before{content:"";display:table}.article-entry:after{clear:both}@media screen and (max-width:479px){.article-entry{padding:0 10px}}.article-entry p,.article-entry table{line-height:1.6em;margin:1.6em 0}.article-entry h1,.article-entry h2,.article-entry h3,.article-entry h4,.article-entry h5,.article-entry h6{font-weight:700}.article-entry h1,.article-entry h2,.article-entry h3,.article-entry h4,.article-entry h5,.article-entry h6{line-height:1.6em;margin:1.6em .8em 0}.article-entry a{color:#eb298c;text-decoration:none}.article-entry a:hover{text-decoration:underline}.article-entry dl,.article-entry ol,.article-entry ul{margin-top:1.6em;margin-bottom:1.6em}.article-entry img,.article-entry video{max-width:100%;height:auto;display:block;margin:auto}.article-entry iframe{border:none}.article-entry table{width:100%;border-collapse:collapse;border-spacing:0}.article-entry th{font-weight:700;border-bottom:3px solid #ddd;padding-bottom:.5em}.article-entry td{border-bottom:1px solid #ddd;padding:10px 0}.article-entry blockquote{margin:1.6em 10px;border-left:8px solid #ddd;padding-left:20px}.article-entry blockquote footer{font-size:18px;margin:1.6em 0}.article-entry blockquote footer cite:before{content:"—";padding:0 .5em}.article-entry .pullquote{text-align:left;width:45%;margin:0}.article-entry .pullquote.left{margin-left:.5em;margin-right:1em}.article-entry .pullquote.right{margin-right:.5em;margin-left:1em}.article-entry .caption{color:#999;display:block;font-size:.9em;margin-top:.5em;position:relative;text-align:center}.article-entry .video-container{position:relative;padding-top:56.25%;height:0;overflow:hidden}.article-entry .video-container embed,.article-entry .video-container iframe,.article-entry .video-container object{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0}.article-more-link a{display:inline-block;line-height:1em;padding:6px 15px;border-radius:15px;background:#eee;color:#999;text-shadow:0 1px #fff;text-decoration:none}.article-more-link a:hover{background:#eb298c;color:#fff;text-decoration:none;text-shadow:0 1px #ca1370}.article-footer{font-size:.85em;line-height:1.6em;border-top:1px solid #ddd;padding-top:1.6em;margin:0 20px 20px}.article-footer:after,.article-footer:before{content:"";display:table}.article-footer:after{clear:both}.article-tag-list-item{float:left;line-height:20px;vertical-align:middle;margin:5px 10px 5px 0}.article-tag-list-link{color:#999;text-decoration:none}.article-tag-list-link:before{content:"#"}.article-tag-list-link:hover{color:#eb298c}.article-comment-link{float:right}.article-comment-link:before{content:"\e90e";font-family:icomoon;padding-right:8px}#article-nav{position:relative}#article-nav:after,#article-nav:before{content:"";display:table}#article-nav:after{clear:both}@media screen and (min-width:768px){#article-nav{margin:50px 0}#article-nav:before{content:"";border-radius:50%;background:#ddd;-webkit-box-shadow:0 1px 2px #fff;box-shadow:0 1px 2px #fff}}.article-nav-link-wrap{text-decoration:none;text-shadow:0 1px #fff;color:#999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:50px;text-align:center;display:block}.article-nav-link-wrap:hover{color:#eb298c}@media screen and (min-width:768px){.article-nav-link-wrap{width:50%;margin-top:0}}@media screen and (min-width:768px){#article-nav-newer{float:left;text-align:right;padding-right:20px}}@media screen and (min-width:768px){#article-nav-older{float:right;text-align:left;padding-left:20px}}.article-nav-caption{text-transform:uppercase;letter-spacing:2px;line-height:1em;font-weight:700}#article-nav-newer .article-nav-caption{margin-right:-2px}.article-nav-title{font-size:.85em;line-height:1.6em;margin-top:.5em}.article-share-links{float:right;color:#999;font-size:16px}.article-share,.article-share-links{line-height:20px;vertical-align:middle}.article-share{display:inline-block;text-decoration:none;color:#999;padding:5px 8px;font-size:18px}.article-share:before{font-family:icomoon}.article-share-twitter:before{content:"\e909"}.article-share-twitter:hover{color:#00aced}.article-share-facebook:before{content:"\e907"}.article-share-facebook:hover{color:#3b5998}.article-share-pinterest:before{content:"\e905"}.article-share-pinterest:hover{color:#cb2027}.article-share-gplus:before{content:"\e901"}.article-share-gplus:hover{color:#dd4b39}.article-gallery{background:#000;position:relative}.article-gallery-photos{position:relative;overflow:hidden}.article-gallery-img{display:none;max-width:100%}.article-gallery-img:first-child{display:block}.article-gallery-img.loaded{position:absolute;display:block}.article-gallery-img img{display:block;max-width:100%;margin:0 auto}#comments{background:#fff;-webkit-box-shadow:1px 2px 3px #ddd;box-shadow:1px 2px 3px #ddd;padding:20px;border:1px solid #ddd;border-radius:3px;margin:50px 0}#comments a{color:#eb298c}.archives-title{font-size:180%;font-weight:600;margin:60px 40px}.archives-title-link{text-decoration:none;color:#eb298c}.archives-wrap{margin:0 0 50px 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.archive-article{width:100%;max-width:550px}.archive-article-inner{padding:5px;margin-bottom:15px}.archive-article-date,.archive-article-title{display:block;padding:10px;text-decoration:none;line-height:1.6em;font-size:19px}.archive-article-title{width:100%;color:#555;font-weight:500;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;transition:color .2s}.archive-article-title:hover{color:#eb298c}.archive-article-date{float:right;pointer-events:none;color:#999}.archive-article-footer{margin-top:1em}#page-nav{margin:50px auto;background:#fff;-webkit-box-shadow:1px 2px 3px #ddd;box-shadow:1px 2px 3px #ddd;border:1px solid #ddd;border-radius:3px;text-align:center;color:#999;overflow:hidden}#page-nav:after,#page-nav:before{content:"";display:table}#page-nav:after{clear:both}#page-nav a,#page-nav span{padding:10px 20px;line-height:1;height:2ex}#page-nav a{color:#999;text-decoration:none}#page-nav a:hover{background:#999;color:#fff}#page-nav .prev{float:left}#page-nav .next{float:right}#page-nav .page-number{display:inline-block}@media screen and (max-width:479px){#page-nav .page-number{display:none}}#page-nav .current{color:#555;font-weight:700}#page-nav .space{color:#ddd}#footer{background:#262a30;padding:30px 0;border-top:1px solid #ddd;color:#999}#footer a{color:#eb298c;text-decoration:none}#footer a:hover{text-decoration:underline}#footer-info{line-height:1.6em;font-size:.85em}.article-entry .highlight,.article-entry pre{background:#2d2d2d;margin:0 -20px;padding:15px 20px;border-style:solid;border-color:#ddd;border-width:1px 0;overflow:auto;color:#ccc;font-size:17px;line-height:24px}.article-entry .gist .gist-file .gist-data .line-numbers,.article-entry .highlight .gutter pre{color:#666;font-size:.85em}.article-entry code,.article-entry pre{font-family:"Source Code Pro",Consolas,Monaco,Menlo,Consolas,monospace}.article-entry code{background:#eee;text-shadow:0 1px #fff;padding:0 .3em}.article-entry pre code{background:0 0;text-shadow:none;padding:0}.article-entry .highlight pre{border:none;margin:0;padding:0}.article-entry .highlight table{margin:0;width:auto}.article-entry .highlight td{border:none;padding:0}.article-entry .highlight figcaption{font-size:.85em;color:#999;line-height:1em;margin-bottom:1em}.article-entry .highlight figcaption:after,.article-entry .highlight figcaption:before{content:"";display:table}.article-entry .highlight figcaption:after{clear:both}.article-entry .highlight figcaption a{float:right}.article-entry .highlight .gutter pre{text-align:right;padding-right:20px}.article-entry .highlight .line{height:28.8px}.article-entry .gist{margin:0 -20px;border-style:solid;border-color:#ddd;border-width:1px 0;background:#2d2d2d;padding:15px 20px 15px 0}.article-entry .gist .gist-file{border:none;font-family:"Source Code Pro",Consolas,Monaco,Menlo,Consolas,monospace;margin:0}.article-entry .gist .gist-file .gist-data{background:0 0;border:none}.article-entry .gist .gist-file .gist-data .line-numbers{background:0 0;border:none;padding:0 20px 0 0}.article-entry .gist .gist-file .gist-data .line-data{padding:0!important}.article-entry .gist .gist-file .highlight{margin:0;padding:0;border:none}.article-entry .gist .gist-file .gist-meta{background:#2d2d2d;color:#999;font:.85em Lato,Meiryo,"メイリオ","Helvetica Neue",Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;text-shadow:0 0;padding:0;margin-top:1em;margin-left:20px}.article-entry .gist .gist-file .gist-meta a{color:#eb298c;font-weight:400}.article-entry .gist .gist-file .gist-meta a:hover{text-decoration:underline}pre .comment,pre .title{color:#999}pre .attribute,pre .css .class,pre .css .id,pre .css .pseudo,pre .html .doctype,pre .regexp,pre .ruby .constant,pre .tag,pre .variable,pre .xml .doctype,pre .xml .pi,pre .xml .tag .title{color:#f2777a}pre .built_in,pre .constant,pre .literal,pre .number,pre .params,pre .preprocessor{color:#f99157}pre .class,pre .css .rules .attribute,pre .ruby .class .title{color:#9c9}pre .header,pre .inheritance,pre .ruby .symbol,pre .string,pre .value,pre .xml .cdata{color:#9c9}pre .css .hexcolor{color:#6cc}pre .coffeescript .title,pre .function,pre .javascript .title,pre .perl .sub,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword{color:#69c}pre .javascript .function,pre .keyword{color:#c9c}@media screen and (max-width:479px){#mobile-nav{position:absolute;top:0;left:0;width:280px;height:100%;background:#191919;border-right:1px solid #fff}}@media screen and (max-width:479px){.mobile-nav-link{display:block;color:#999;text-decoration:none;padding:15px 20px;font-weight:700}.mobile-nav-link:hover{color:#fff}}.widget-wrap{margin-bottom:50px!important}.widget-title{color:#ccc;text-transform:uppercase;margin-bottom:1em;line-height:1em;font-weight:700}.widget{color:#999}.widget{line-height:1.6em;word-wrap:break-word;font-size:.9em}.widget ol,.widget ul{list-style:none;margin:0}.widget ol ol,.widget ol ul,.widget ul ol,.widget ul ul{margin:0 20px}.widget ol ul,.widget ul ul{list-style:disc}.widget ol ol,.widget ul ol{list-style:decimal}.archive-list-count,.category-list-count,.tag-list-count{padding-left:5px;color:#999;font-size:.85em}.archive-list-count:before,.category-list-count:before,.tag-list-count:before{content:"("}.archive-list-count:after,.category-list-count:after,.tag-list-count:after{content:")"}.tagcloud a{margin-right:5px;display:inline-block}