@charset "UTF-8";/*! ==================================================
( ﾟдﾟ)ハッ！ 何見てんのよっ！！
このCSSはSassで書いてるの。Sassの本書いたのに、Sass使ってないとか有り得ないもんね！
元のSassファイルは恥ずかしいから見せません！！
=================================================== *//*!
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */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:'';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 #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font:13px/1.231 arial, helvetica, clean, sans-serif;*font-size:small;*font:x-small}.cl,.clear{clear:both}header.global .hgroup,#contents,main section section{*zoom:1}header.global .hgroup:after,#contents:after,main section section:after{content:"";display:table;clear:both}main section .shopList li a{-moz-opacity:0.8;opacity:0.8;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80)}main section .shopList li a:hover{-moz-opacity:1;opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100)}@media only screen and (max-width: 990px){header.global .hgroup:after,#contents:after,main section section:after{content:"";display:table;clear:both}}@media only screen and (max-width: 640px){#page figure.imgL,#page figure.imgR,#page figure.cover{float:none;margin:0 auto 20px;text-align:center}}.pln{color:#111111}@media screen{.str{color:#739200}.kwd{color:#036eb8}.com{color:#777}.typ{color:#ff0055}.lit{color:#e4007e}.pun{color:#111}.opn{color:#111111}.clo{color:#111111}.tag{color:red;font-weight:normal}.lang-html .tag{font-weight:nromal;color:#013180}.atn{color:#25a228}.atv{color:#5e32a2}.dec{color:#f00}.var{color:#111111}.fun{color:#538192}}@media print, projection{.str{color:#006600}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#004444}.pun,.opn,.clo{color:#444400}.tag{color:#006;font-weight:bold}.atn{color:#440044}.atv{color:#006600}}.preBox{position:relative;margin:20px 29px;padding:20px;padding-right:60px;background:#e9e7f3;border-radius:5px;counter-increment:boxCount;white-space:normal;word-wrap:break-word}@media only screen and (max-width: 640px){.preBox{margin:15px 0;padding-right:20px}}.preBox+.preBox{margin-top:60px}.preBox:after{content:"Sass";content:counter(boxCount) ".Sass";position:absolute;top:0;right:15px;font-size:22px;font-style:italic;font-family:Zapfino, 'Segoe Print', Georgia, Constantia, serif;text-shadow:0 1px 1px white}@media only screen and (max-width: 990px){.preBox:after{font-size:18px;top:10px}}@media only screen and (max-width: 640px){.preBox:after{font-size:14px;top:2px}}.preBox.html{background:#e7f1e9}.preBox.html:after{content:counter(boxCount) ".HTML"}.preBox.css{background:#f1f1f1}.preBox.css:after{content:counter(boxCount) ".CSS"}.preBox.command{padding-right:200px;background:#333;color:white;text-shadow:none}@media only screen and (max-width: 640px){.preBox.command{padding-right:20px}}.preBox.command:after{content:counter(boxCount) ".Command";text-shadow:none}.preBox.path{margin:20px 0;border:1px solid #ccc;background:white}.preBox.path:after{content:none;text-shadow:none}.preBox.cr,.preBox.cntReset{counter-reset:boxCount}pre{font-size:14px;font-family:'Source Code Pro',Meiryo, sans-serif;line-height:1.2;border:0}@media only screen and (max-width: 640px){pre{font-size:12px}}pre.prettyprint{font-size:14px;font-family:'Source Code Pro',Meiryo, sans-serif;line-height:1.2;border:0;white-space:pre-wrap}@media only screen and (max-width: 640px){pre.prettyprint{font-size:12px}}ol.linenums{margin-top:0;margin-bottom:0}html{overflow-y:scroll}body{background:url(/prx/000/http/book.scss.jp/img/share/bg.png) center top fixed;font-family:"Source Code Pro","メイリオ","Meiryo","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;color:#555}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:7px;background:#c69;border-bottom:1px solid white}img{max-width:100%;vertical-align:top}@media only screen and (max-width: 990px){img{height:auto}}a{word-break:break-all;color:#4775f5}a:hover{text-decoration:none;color:#6997ff}small{font-size:85%;color:#7e9dd0}mark{font-style:normal}figure{margin-bottom:20px}figure figcaption{font-size:85%}.externalIcon{vertical-align:middle;margin:0 5px}#page{min-width:300px;margin:0 auto;padding:0;line-height:1.8}@media only screen and (max-width: 990px){#page{padding-left:15px;padding-right:15px}}@media only screen and (max-width: 640px){#page{padding-left:10px;padding-right:10px}}.inner,#contents main{max-width:960px;margin:0 auto}header.global{margin:0;padding:0}@media only screen and (max-width: 640px){header.global{margin-bottom:0px}}header.global .inner,header.global #contents main,#contents header.global main{padding-top:30px;position:relative;background:url(/prx/000/http/book.scss.jp/img/share/bg_header.png) no-repeat right top}@media only screen and (max-width: 640px){header.global .inner,header.global #contents main,#contents header.global main{background:none}}header.global .hgroup{margin:0 0 30px}header.global .hgroup h1,header.global .hgroup p{display:table-cell;vertical-align:bottom;margin:0;*display:inline;*zoom:1}header.global h1{margin:0;padding-right:20px;font-size:0;line-height:0}@media only screen and (max-width: 640px){header.global h1{max-width:150px}}@media only screen and (max-width: 640px){header.global p.description{display:none}}header.global nav{clear:both;margin:0;border-top:1px solid #c69}@media only screen and (max-width: 640px){header.global nav{margin:20px -10px 0px}}header.global nav ul{overflow:hidden;margin:0;padding:0}@media only screen and (max-width: 990px){header.global nav ul{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;display:-moz-box;-moz-box-orient:horizontal;-moz-box-pack:center;-moz-box-align:center;display:-ms-box;-ms-box-orient:horizontal;-ms-box-pack:center;-ms-box-align:center;display:-o-box;-o-box-orient:horizontal;-o-box-pack:center;-o-box-align:center;display:box;box-orient:horizontal;box-pack:center;box-align:center;display:-ms-flexbox}}header.global nav ul li{list-style:none;float:left;width:159px;margin-left:1px}@media only screen and (max-width: 990px){header.global nav ul li{float:none;width:auto;margin-left:0;text-align:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-box-flex:1;-ms-flex:1;-o-box-flex:1;-o-flex:1;box-flex:1;flex:1}}header.global nav ul li:first-child{margin-left:0}@media only screen and (max-width: 990px){header.global nav ul li:first-child{display:none}}header.global nav ul li:last-child a{margin-right:0}header.global nav ul li a{opacity:.8;display:block;height:80px;text-indent:100%;text-decoration:none;white-space:nowrap;overflow:hidden;background:url(/prx/000/http/book.scss.jp/img/share/nav.png) no-repeat left top;color:#777}.body-top header.global nav ul li a,header.global nav ul li a:hover{background-position:0 -80px;color:#555;opacity:.8}@media only screen and (max-width: 990px){header.global nav ul li a{height:auto;margin-right:1px;padding:5px 0;background:rgba(255,255,255,0.85);border-bottom:2px solid #949698;text-indent:0;font-size:20px;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}header.global nav ul li a:hover{border-bottom:2px solid #c69}}@media only screen and (max-width: 640px){header.global nav ul li a{font-size:13px}}header.global nav ul li a[href^="/about/"]{background-position:-159px 0}.body-about header.global nav ul li a[href^="/about/"],header.global nav ul li a[href^="/about/"]:hover{background-position:-159px -80px;opacity:.8}@media only screen and (max-width: 990px){.body-about header.global nav ul li a[href^="/about/"]{border-bottom:2px solid #c69;color:#222}}header.global nav ul li a[href^="/code/"]{background-position:-318px 0}.body-code header.global nav ul li a[href^="/code/"],header.global nav ul li a[href^="/code/"]:hover{background-position:-318px -80px;opacity:.8}@media only screen and (max-width: 990px){.body-code header.global nav ul li a[href^="/code/"]{border-bottom:2px solid #c69;color:#222}}header.global nav ul li a[href^="/link/"]{background-position:-477px 0}.body-link header.global nav ul li a[href^="/link/"],header.global nav ul li a[href^="/link/"]:hover{background-position:-477px -80px;opacity:.8}@media only screen and (max-width: 990px){.body-link header.global nav ul li a[href^="/link/"]{border-bottom:2px solid #c69;color:#222}}header.global nav ul li a[href^="/profile/"]{background-position:-636px 0}.body-profile header.global nav ul li a[href^="/profile/"],header.global nav ul li a[href^="/profile/"]:hover{background-position:-636px -80px;opacity:.8}@media only screen and (max-width: 990px){.body-profile header.global nav ul li a[href^="/profile/"]{border-bottom:2px solid #c69;color:#222}}header.global nav ul li a[href^="/contact/"]{background-position:-795px 0}.body-contact header.global nav ul li a[href^="/contact/"],header.global nav ul li a[href^="/contact/"]:hover{background-position:-795px -80px;opacity:.8}@media only screen and (max-width: 990px){.body-contact header.global nav ul li a[href^="/contact/"]{border-bottom:2px solid #c69;color:#222}}header.global .buy{position:absolute;z-index:10;top:10px;right:0;width:150px;height:150px}header.global .buy img{width:150px;height:150px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}header.global .buy a:hover img{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}@media only screen and (max-width: 990px){header.global .buy{width:150px;height:150px}header.global .buy img{width:150px;height:150px}header.global .buy a:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@media only screen and (max-width: 640px){header.global .buy{width:110px;height:110px}header.global .buy img{width:110px;height:110px}}footer.global{margin:80px 0}footer.global .pageTop{position:fixed;right:10px;bottom:10px;text-align:right;margin:0}footer.global .pageTop a{display:inline-block;padding:6px 12px;background:#c69;color:white;text-decoration:none}footer.global .pageTop a:hover{background-color:rgba(0,0,0,0.3)}@media only screen and (max-width: 990px){footer.global .pageTop{right:5px;bottom:6px}footer.global .pageTop a{border-radius:5px;padding:6px 8px}.body-c1 footer.global .pageTop a{background:#c69}.body-c2 footer.global .pageTop a{background:#7e9dd0}.body-c3 footer.global .pageTop a{background:#c69}.body-c4 footer.global .pageTop a{background:#7e9dd0}.body-c5 footer.global .pageTop a{background:#c69}.body-c6 footer.global .pageTop a{background:#7e9dd0}.body-c7 footer.global .pageTop a{background:#c69}.body-c8 footer.global .pageTop a{background:#7e9dd0}}footer.global .notes{margin-left:1em;text-indent:-1em;font-size:108%}footer.global .notes:before{content:"※";color:#7e9dd0}footer.global .copyright{margin:40px 0 0;text-align:center}footer.global .copyright small{color:#555}#contents{margin:0 auto 100px}@media only screen and (max-width: 640px){#contents{margin:30px auto 50px}}#contents main{display:block;width:960px;padding:50px 0}.body-c1 #contents main{border-color:#c69}.body-c2 #contents main{border-color:#7e9dd0}.body-c3 #contents main{border-color:#c69}.body-c4 #contents main{border-color:#7e9dd0}.body-c5 #contents main{border-color:#c69}.body-c6 #contents main{border-color:#7e9dd0}.body-c7 #contents main{border-color:#c69}.body-c8 #contents main{border-color:#7e9dd0}@media only screen and (max-width: 990px){#contents main{width:auto}}@media only screen and (max-width: 640px){#contents main{padding-top:10px}}main{font-size:138.5%}main h1{margin:0 0 50px;padding:25px 29px;color:white;background:url(/prx/000/http/book.scss.jp/img/share/bg_title.png) repeat-x,#c69 url(/prx/000/http/book.scss.jp/img/share/bg_title.png) repeat-x bottom;background-color:#c69 \9;font-size:197%;font-weight:normal;text-shadow:0 0 1px rgba(255,255,255,0.8)}@media screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx){main h1{background-image:url(/prx/000/http/book.scss.jp/img/share/bg_title_2x.png),url(/prx/000/http/book.scss.jp/img/share/bg_title_2x.png);-webkit-background-size:50px auto;-moz-background-size:50px auto;-ms-background-size:50px auto;-o-background-size:50px auto;background-size:50px auto}}.body-c1 main h1{background-color:#c69}.body-c2 main h1{background-color:#7e9dd0}.body-c3 main h1{background-color:#c69}.body-c4 main h1{background-color:#7e9dd0}.body-c5 main h1{background-color:#c69}.body-c6 main h1{background-color:#7e9dd0}.body-c7 main h1{background-color:#c69}.body-c8 main h1{background-color:#7e9dd0}@media only screen and (max-width: 990px){main h1{line-height:1.3;font-size:167%}}@media only screen and (max-width: 640px){main h1{margin:0 0 20px;font-size:20px}}main h2{margin:0 0 10px 0;padding-left:22px;border-left:7px solid #c69;color:#232323;font-weight:normal;font-size:153.9%;text-shadow:0 0 1px rgba(0,0,0,0.3)}.body-c1 main h2{border-left-color:#c69}.body-c2 main h2{border-left-color:#7e9dd0}.body-c3 main h2{border-left-color:#c69}.body-c4 main h2{border-left-color:#7e9dd0}.body-c5 main h2{border-left-color:#c69}.body-c6 main h2{border-left-color:#7e9dd0}.body-c7 main h2{border-left-color:#c69}.body-c8 main h2{border-left-color:#7e9dd0}@media only screen and (max-width: 640px){main h2{color:#555;font-size:18px;text-shadow:none}}main h2 ~ h2{margin-top:70px}main h1+h2{margin-top:0}@media only screen and (max-width: 640px){main h1+h2{margin-top:0}}main h3{margin:50px 29px 5px}@media only screen and (max-width: 640px){main h3{margin-left:0}}main section section{margin-bottom:50px;padding:30px 29px 10px;border:1px solid #c69;border-top:0;border-bottom:0}.body-c1 main section section{border-color:#c69}.body-c2 main section section{border-color:#7e9dd0}.body-c3 main section section{border-color:#c69}.body-c4 main section section{border-color:#7e9dd0}.body-c5 main section section{border-color:#c69}.body-c6 main section section{border-color:#7e9dd0}.body-c7 main section section{border-color:#c69}.body-c8 main section section{border-color:#7e9dd0}main section section h2{margin-left:-29px}main section section h3{margin:50px 0 5px}main section .lead{margin:0 0 40px}main section .chapter{display:inline-block;margin:0 0 15px;font-size:77%}@media only screen and (max-width: 640px){main section .chapter{font-size:11px}}main section:nth-of-type(even){border-color:#7e9dd0}main section:nth-of-type(even) h2{border-left-color:#7e9dd0}main section ul,main section ol,main section dl,main section table,main section p{margin-bottom:2em}main section ul{margin-left:30px}main section ol{margin-left:48px}main section dl dt{font-weight:bold}main section figure{margin-left:auto;margin-right:auto;text-align:center}main section a[href$=".pdf"]:after{content:"";padding-right:20px;background:url(/prx/000/http/book.scss.jp/img/share/icon_pdf.png) no-repeat right center}figure.eye{margin:30px auto}figure.eye img{border-radius:5px}.body-top #page{background:url(/prx/000/http/book.scss.jp/img/top/cover.png) no-repeat 85% 220px}@media only screen and (max-width: 990px){.body-top #page{background-position:0 220px}}@media only screen and (max-width: 640px){.body-top #page{background-position:-100px 190px;-webkit-background-size:600px auto;-moz-background-size:600px auto;-ms-background-size:600px auto;-o-background-size:600px auto;background-size:600px auto}}.body-top #contents .lead{margin:0 45% 60px 0;padding:15px 20px;background:rgba(255,255,255,0.85);*background:#fff;border:1px solid #7e9dd0;box-shadow:1px 1px 0 rgba(255,255,255,0.85),1px -1px 0 rgba(255,255,255,0.85),-1px 0 0 rgba(255,255,255,0.85)}.body-top #contents .lead p:last-child{margin-bottom:0}@media only screen and (max-width: 640px){.body-top #contents .lead{margin-right:0;font-size:85%}}.noteBox{padding:20px;background:white;border:5px solid #86a0d2;font-size:153.9%}.facebookArea{padding:0 0 10px;border:1px solid #7e9dd0}div.fb_iframe_widget,div.fb_iframe_widget iframe[style],div.fb_iframe_widget span{width:100% !important;max-width:960px}main section .shopList{list-style:none;margin:30px 0;margin-left:-5px}main section .shopList li{float:left;width:25%;margin:0}main section .shopList li a{position:relative;display:block;margin:0 0 5px 5px;padding:2px 5px 5px;background:no-repeat left top;color:white;background:#333;text-decoration:none;font-size:77%;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}main section .shopList li a:hover{position:relative;z-index:10;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}main section .shopList li a img{padding-top:3px}@media only screen and (max-width: 640px){main section .shopList li{width:50%}main section .shopList li a{font-size:70%;overflow:hidden;white-space:nowrap;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}main section .shopList li a img{display:block}}figure.imgL{float:left;margin-right:30px;margin-bottom:30px}figure.imgR,figure.cover{float:right;margin-left:30px;margin-bottom:30px}.sign{text-align:right}ul.table_of_contents ul{margin-top:10px;margin-bottom:25px}main ul.pageNav{position:fixed;z-index:10;width:130px;margin-left:980px;list-style:none;text-align:center}@media only screen and (max-width: 990px){main ul.pageNav{bottom:5px;left:5px;margin:0;width:88%}}main ul.pageNav li{margin:0 0 1px}main ul.pageNav li span,main ul.pageNav li a{display:block;background:#c69;color:white;font-size:77%;padding:5px;text-decoration:none;border-radius:5px 5px 0 0}.body-c1 main ul.pageNav li span,.body-c1 main ul.pageNav li a{background:#c69}.body-c2 main ul.pageNav li span,.body-c2 main ul.pageNav li a{background:#7e9dd0}.body-c3 main ul.pageNav li span,.body-c3 main ul.pageNav li a{background:#c69}.body-c4 main ul.pageNav li span,.body-c4 main ul.pageNav li a{background:#7e9dd0}.body-c5 main ul.pageNav li span,.body-c5 main ul.pageNav li a{background:#c69}.body-c6 main ul.pageNav li span,.body-c6 main ul.pageNav li a{background:#7e9dd0}.body-c7 main ul.pageNav li span,.body-c7 main ul.pageNav li a{background:#c69}.body-c8 main ul.pageNav li span,.body-c8 main ul.pageNav li a{background:#7e9dd0}main ul.pageNav li a:hover{background-color:rgba(0,0,0,0.3)}main ul.pageNav li span{background-color:rgba(0,0,0,0.3)}@media only screen and (max-width: 990px){main ul.pageNav li{float:left;width:33.3%}main ul.pageNav li span,main ul.pageNav li a{border-radius:5px 0 0 5px;border-right:1px solid white}}main ul.pageNav li.prev{float:left;width:65px}main ul.pageNav li.prev span,main ul.pageNav li.prev a{border-radius:0 0 0 5px}@media only screen and (max-width: 990px){main ul.pageNav li.prev{width:33.3%}main ul.pageNav li.prev span,main ul.pageNav li.prev a{border-radius:0}}main ul.pageNav li.next{float:right;width:64px}main ul.pageNav li.next span,main ul.pageNav li.next a{border-radius:0 0 5px 0}@media only screen and (max-width: 990px){main ul.pageNav li.next{float:left;width:33.3%}main ul.pageNav li.next span,main ul.pageNav li.next a{border-radius:0 5px 5px 0;border-right:0}}@media only screen and (max-width: 990px){main iframe{max-width:100%;height:940px}}@media only screen and (max-width: 640px){main iframe{height:1050px}}main .dlLink{text-align:center;background:#555;margin:0 auto 80px;padding:20px 10px;border-radius:5px}@media only screen and (max-width: 640px){main .dlLink{margin-bottom:30px}}main .dlLink a{width:80%;display:block;margin:0 auto;padding:10px;background:white;font-size:77%;color:#555;text-decoration:none;border-radius:5px}main .dlLink a:after{content:" →"}main .dlLink a:hover{background:rgba(255,255,255,0.8)}@media only screen and (max-width: 640px){#contents section .errataTable{margin:0 -15px}}#contents section table{width:100%;margin:20px 0 50px}@media only screen and (max-width: 640px){#contents section table tr{font-size:85%}}#contents section table caption{text-align:left;font-weight:bold}#contents section table th{width:16%;padding:20px 15px 10px;border-bottom:3px solid #c69;text-align:right;color:#777;font-weight:normal}@media only screen and (max-width: 990px){#contents section table th{width:20%}}@media only screen and (max-width: 640px){#contents section table th{width:35%;padding:20px 5px 10px}}#contents section table tr:nth-child(even) th{border-bottom-color:#7e9dd0}#contents section table td{padding:20px 15px 10px;border-bottom:1px solid #aaa}@media only screen and (max-width: 640px){#contents section table td{padding:20px 5px 10px}}#contents section table tr:first-child th,#contents section table tr:first-child td{padding-top:10px}