@charset "UTF-8";body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl{margin:0}html{overflow-y:scroll;font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{color:#333333;font-size:13px;line-height:1;letter-spacing:1px}article,aside,header,hgroup,footer,nav,section,details,figcaption,figure,menu{display:block}a{color:#c44816;text-decoration:none}a:hover{text-decoration:underline}table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%}input,select{vertical-align:middle}select,input,button,textarea{font-size:inherit}label{cursor:pointer}pre,.textbody p code,.textbody li code,code,kbd,samp,tt{font-family:Monaco, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;font-size:1em}img,iframe{vertical-align:top;border:none}body>header:after,body>header nav ul:after,body>footer:after,.main:after,.main>section>footer:after,.main>article>footer:after,[data-tc="works"] .main>section:after{content:"";display:block;clear:both}.breadcrumbs,.inline-list,.work-list,.work-list .labels,body>header nav ul,body>footer nav ul,.main>section>footer .social,.main>article>footer .social,.main>article>header .meta,.main>article>header .meta .category,.main>article>footer .tags,.main .sidebar ul,.textbody iframe{margin:0;padding:0}.breadcrumbs,.inline-list,.work-list,.work-list .labels,body>header nav ul,body>footer nav ul,.main>section>footer .social,.main>article>footer .social,.main>article>header .meta,.main>article>header .meta .category,.main>article>footer .tags,.main .sidebar ul,.post-short-list,.textbody ul.unstyled,.textbody ol.unstyled{padding-left:0;list-style:none}.main>section>footer,.main>article>footer{border-top:1px solid white;box-shadow:0 -1px 0 #d9d9d9}.main>section>header h1,.main>section>header h2,.main>article>header h1,.main>article>header h2,.main .sidebar a{border-bottom:1px solid #d9d9d9;box-shadow:0 1px 0 white}.textbody h2,.textbody h3,.textbody h4,.main>section>header h1,.main>section>header h2,.main>article>header h1,.main>article>header h2,.main>article>header .meta .published_at,.main .sidebar h2,.main .sidebar a{text-shadow:1px 1px 0 white}.work-list>li,.work-list>li .image,.work-list .labels>li,.textbody pre,.textbody p code,.textbody li code{background:url("/assets/3333331a-7a0a57e0836b154a1687b0343789cafc.png");background:rgba(51,51,51,0.1)}.breadcrumbs li{float:left}.breadcrumbs li:before{content:"/";margin:0 10px}.breadcrumbs li:first-child:before{content:none}.post-datetime,.post-short-list time{display:inline-block;width:8em;border-radius:5px;background:silver;vertical-align:middle;text-align:center}.post-short-list li{margin-top:0.2em}.post-short-list li:first-child{margin-top:0}.post-short-list time{margin-right:4px;padding:2px 0;font-size:0.8em}.post-short-list a{vertical-align:middle}.inline-list li{display:inline;margin-right:10px}.inline-list li:last-child{margin-right:0}.work-list{margin-left:-20px}.work-list>li{position:relative;display:inline-block;width:180px;margin:0 0 20px 20px;padding:8px 8px 2.5em;border:1px solid #b3b3b3;border-radius:5px;color:#333333;vertical-align:top}.work-list>li a{color:inherit;text-decoration:none}.work-list>li .image{width:180px;height:150px;border-radius:4px;overflow:hidden;text-align:center}.work-list>li .image .no-image{display:table-cell;width:inherit;height:inherit;font-size:139%;text-align:center;vertical-align:middle}.work-list>li .image img{max-width:100%}.work-list>li strong{display:block;margin-top:10px;font-size:116%}.work-list>li p{margin-top:8px;font-size:108%;line-height:1.6}.work-list .labels{position:absolute;bottom:8px;right:8px;text-align:right}.work-list .labels>li{display:inline-block;margin-left:5px;padding:3px 6px;border-radius:5px}.work-list .labels>li:first-child{margin-left:0}.notice{padding:10px;border:1px solid #7b9417;border-radius:5px;background:rgba(123,148,23,0.25)}.textbody{line-height:1.8}.textbody>*{margin-top:1.618em;font-size:131%}.textbody>*:first-child{margin-top:0}.textbody h2{margin-top:3.236em;font-size:177%}.textbody h3{margin-top:2.2652em;font-size:147%;color:#404040}.textbody h4{margin-top:1.618em;font-size:131%;color:#464646}.textbody h2,.textbody h3,.textbody h4{line-height:1.4}.textbody h2+*,.textbody h3+*,.textbody h4+*{margin-top:1em}.textbody h2 a,.textbody h3 a,.textbody h4 a{color:inherit}.textbody ul ul,.textbody ul ol,.textbody ol ul,.textbody ol ol{margin-top:0}.textbody dt{font-weight:bold}.textbody pre,.textbody p code,.textbody li code{padding:10px;border:1px solid #b3b3b3;border-radius:5px;overflow-x:scroll}.textbody .highlight{border-radius:5px;white-space:nowrap}.textbody .highlight pre,.textbody .highlight p code,.textbody p .highlight code,.textbody .highlight li code,.textbody li .highlight code{margin-top:0}.textbody p code,.textbody li code{padding:1px 5px;overflow:visible;font-size:0.9em}.textbody table{border-collapse:separate;border-left:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;border-radius:5px;font-size:116%}.textbody table table{font-size:inherit}.textbody th,.textbody td{padding:5px 10px;border-top:1px solid #b3b3b3;border-right:1px solid #b3b3b3;text-align:left}.textbody thead{font-weight:bold}.textbody thead tr:first-child th:first-child{border-top-left-radius:5px}.textbody thead tr:first-child th:last-child{border-top-right-radius:5px}.textbody tbody tr:nth-child(odd) th,.textbody tbody tr:nth-child(odd) td{background:rgba(51,51,51,0.1)}.textbody tbody tr:last-child th:first-child,.textbody tbody tr:last-child td:first-child{border-bottom-left-radius:5px}.textbody tbody tr:last-child th:last-child,.textbody tbody tr:last-child td:last-child{border-bottom-right-radius:5px}.textbody iframe{border:0;overflow:visible}body{font-family:"Open Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;background:#003149 url("/assets/paper_bb-19447c11cbda64265867f17afb1000a7.jpg") 0 0 repeat;color:white}body>header{position:relative;max-width:900px;margin:0 auto;padding:20px 10px}body>header h1{float:left;margin:-20px 0;font-weight:normal;line-height:70px}body>header h1 a,body>header h1 a:visited,body>header h1 a:hover{font-family:Baumans;font-size:40px;color:#eeeeee;text-decoration:none;text-shadow:-1px -1px 0 rgba(0,0,0,0.3)}body>header h1 a span,body>header h1 a:visited span,body>header h1 a:hover span{color:#45a1cf}body>header nav{float:right}body>header nav li{float:left;margin-left:20px}body>header nav li:first-child{margin-left:0}body>header nav a{display:inline-block;padding:8px 20px;color:#eeeeee;font-size:108%;text-shadow:-1px -1px 0 rgba(0,0,0,0.5);line-height:1}body>header nav a:hover,[data-tc=""] body>header nav a[href="/"],[data-tc="about"] body>header nav a[href="/about/"],[data-tc="works"] body>header nav a[href="/works/"],[data-tc="blog"] body>header nav a[href="/blog/"]{border-radius:20px;background-color:#006ea5;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #45a1cf), color-stop(100%, #006ea5));background-image:-webkit-linear-gradient(top, #45a1cf, #006ea5);background-image:-moz-linear-gradient(top, #45a1cf, #006ea5);background-image:-o-linear-gradient(top, #45a1cf, #006ea5);background-image:linear-gradient(top, #45a1cf,#006ea5);*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF45A1CF', endColorstr='#FF006EA5');box-shadow:0px 1px 2px 0px rgba(0,0,0,0.5),inset 0px 1px 0px 0px rgba(255,255,255,0.4);text-decoration:none}body>footer{max-width:900px;margin:15px auto 0;padding:0 10px 100px}body>footer nav{float:left}body>footer nav li{display:inline}body>footer nav li:before{content:"|";margin:0 9px 0 6px}body>footer nav li:first-child:before{content:none}body>footer nav a,body>footer nav a:hover,body>footer nav a:visited{color:white}body>footer .copyright{text-align:right}.main-wrapper{border:0 solid white;border-width:1px 0;background:#efefef url("/assets/paper_w-6251a3522bdf98c758d4f5b2c3456a0a.jpg") 0 0 repeat;color:#333333}.main{position:relative;max-width:900px;margin:0 auto;padding:20px 10px 80px}.main>section,.main>article{margin-top:2.61792em}.main>section:first-child,.main>article:first-child{margin-top:inherit}.main>section>header,.main>article>header{position:relative;margin-bottom:2em}.main>section>header h1,.main>section>header h2,.main>article>header h1,.main>article>header h2{padding:5px 0;font-size:193%;line-height:1.2}.main>section>header h1 a,.main>section>header h2 a,.main>article>header h1 a,.main>article>header h2 a{color:inherit}.main>section>header .breadcrumbs,.main>article>header .breadcrumbs{position:absolute;bottom:10px;right:2px}.main>section>footer,.main>article>footer{margin-top:55px;padding-top:15px}.main>section>footer .social li,.main>article>footer .social li{float:left;margin-right:10px}.main>article{position:relative;max-width:750px;margin:0 auto}.main>article>header{padding-top:2em}.main>article>header h1{font-size:177%}.main>article>header .meta{position:absolute;top:0;left:0;width:100%;font-size:116%}.main>article>header .meta .published_at{float:left;line-height:1;font-size:100%}.main>article>header .meta .category{margin-top:0;font-size:100%;text-align:right}.main>article .textbody img{max-width:100%}.main>article>footer{position:relative;margin-top:85px}.main>article>footer .tags{position:absolute;top:-1em;right:0;margin-top:-15px;text-align:right;font-size:108%}.main>article>footer .tags li{display:inline;margin-left:10px;padding-left:18px;line-height:1.5;background:url("/assets/tag-ae2d3c0a0d8874f5b1b63128be849241.png") 0 50% no-repeat}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.main>article>footer .tags li{-webkit-background-size:14px, 14px;-moz-background-size:14px, 14px;-o-background-size:14px, 14px;background-size:14px, 14px;background-image:url("/assets/tag@2x-8c60f542510cf98d0e8072bbbb3dc31f.png")}}.main>article>footer .tags li a{color:#666666}.main .sidebar{float:right;width:220px}.main .sidebar h2{margin-top:2.61792em;font-size:162%;font-weight:normal;line-height:1.618;color:#7b9417}.main .sidebar h2:first-child{margin-top:0}.main .sidebar ul{font-size:108%}.main .sidebar li{line-height:1.6}.main .sidebar a{display:block;padding:6px 0;color:#404040}.main .sidebar a:hover,.main .sidebar a.active{color:#006ea5;text-decoration:none}[data-tc="about"] .icons{float:right;margin-left:10px;margin-bottom:10px;padding-left:0}[data-tc="about"] .icons li{display:inline;margin-left:10px}[data-tc="about"] .icons li:first-child{margin-left:0}[data-tc="about"] .icons img{-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px}[data-tc="about"] .icons+*{margin-top:0.6em}[data-tc="works"] .work-list{float:left;width:660px}@media screen and (max-width: 900px){body>header{text-align:center;padding-bottom:10px}body>header h1{float:none;line-height:1.2}body>header nav{float:none;margin-top:20px}body>header nav li{float:none;display:inline-block;margin-left:10px}body>header nav a{padding:8px 20px}body>footer{text-align:center}body>footer nav{float:none}body>footer .copyright{margin-top:10px;text-align:inherit}.main>section>header h1,.main>section>header h2,.main>article>header h1,.main>article>header h2{font-size:162%}.main>section>header .breadcrumbs,.main>article>header .breadcrumbs{position:absolute;top:0;left:0;bottom:auto;right:auto;font-size:85%}.main>section>header .breadcrumbs li:before,.main>article>header .breadcrumbs li:before{margin:0 5px}.main>section>header{padding-top:1em}.highlight,code{white-space:wrap;word-break:break-all;word-wrap:break-word}.post-short-list li{margin-top:0.8em;line-height:1.4}.post-short-list time{display:block;width:auto;padding:0;background:none;text-align:left}.post-short-list a{display:block;font-size:0.9em}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{font-size:15px}body>header,body>footer,body .main{padding-left:20px;padding-right:20px}}@media screen and (max-device-width: 640px){body>header{padding-left:0;padding-right:0}body>header nav{float:none;width:100%}body>header nav ul{display:table}body>header nav li{display:table-cell;width:25%;text-align:center}body>header nav a{width:90%;padding:6px 0}.main article .textbody{line-height:1.618}.main article>footer .tags li{margin-left:5px;padding-left:17px}.main .textbody dd{margin-left:1em}[data-tc="about"] .icons{float:none;margin-left:0;margin-bottom:0}[data-tc="about"] .icons+*{margin-top:1.618em}}.highlight .c{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k,.highlight .o{font-weight:bold}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .gd{color:black;background-color:#ffdddd}.highlight .gd .x{color:black;background-color:#ffaaaa}.highlight .ge{font-style:italic}.highlight .gr{color:#aa0000}.highlight .gh{color:#999999}.highlight .gi{color:black;background-color:#ddffdd}.highlight .gi .x{color:black;background-color:#aaffaa}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .gt{color:#aa0000}.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr{font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#009999}.highlight .s{color:#dd1144}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne,.highlight .nf{color:#990000;font-weight:bold}.highlight .nn{color:#555555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbbbbb}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#009999}.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#dd1144}.highlight .sr{color:#009926}.highlight .s1{color:#dd1144}.highlight .ss{color:#990073}.highlight .bp{color:#999999}.highlight .vc,.highlight .vg,.highlight .vi{color:teal}.highlight .il{color:#009999}