@charset "utf-8";.clearfix:after,#thumb ul:after{content:"";display:block;clear:both}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address,cite,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,table,caption,tbody,tfoot,thead,tr,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}html{background:#FFF;color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}img{border:0;vertical-align:bottom;line-height:0}h1,h2,h3,h4,h5,h6{clear:both;font-size:100%;font-weight:normal}ul,dl,ol{text-indent:0}li{list-style:none}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%}th,td{text-align:left;vertical-align:top}caption{text-align:left}pre,code,kbd,samp,tt{font-family:monospace}input,textarea,select{font-size:100%;font-family:Verdana, Helvetica, sans-serif}html{font-size:62.5%}html body{font-size:1.3rem}@font-face{font-family:'WebSymbolsLigaRegular';src:url("../font/websymbolsligaregular.eot");src:url("../font/websymbolsligaregular.eot?#iefix") format("embedded-opentype"),url("../font/websymbolsligaregular.woff") format("woff"),url("../font/websymbolsligaregular.ttf") format("truetype"),url("../font/websymbolsligaregular.svg#websymbolsregular") format("svg");font-weight:normal;font-style:normal}html{background-color:#5ec4cd;background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0.07) 50%,transparent 50%),-webkit-linear-gradient(0deg, rgba(255,255,255,0.13) 50%,transparent 50%),-webkit-linear-gradient(0deg, transparent 50%,rgba(255,255,255,0.17) 50%),-webkit-linear-gradient(0deg, transparent 50%,rgba(255,255,255,0.19) 50%);background-image:-moz-linear-gradient(0deg, rgba(255,255,255,0.07) 50%,transparent 50%),-moz-linear-gradient(0deg, rgba(255,255,255,0.13) 50%,transparent 50%),-moz-linear-gradient(0deg, transparent 50%,rgba(255,255,255,0.17) 50%),-moz-linear-gradient(0deg, transparent 50%,rgba(255,255,255,0.19) 50%);background-image:-o-linear-gradient(0deg, rgba(255,255,255,0.07) 50%,transparent 50%),-o-linear-gradient(0deg, rgba(255,255,255,0.13) 50%,transparent 50%),-o-linear-gradient(0deg, transparent 50%,rgba(255,255,255,0.17) 50%),-o-linear-gradient(0deg, transparent 50%,rgba(255,255,255,0.19) 50%);background-image:linear-gradient(90deg, rgba(255,255,255,0.07) 50%,transparent 50%),linear-gradient(90deg, rgba(255,255,255,0.13) 50%,transparent 50%),linear-gradient(90deg, transparent 50%,rgba(255,255,255,0.17) 50%),linear-gradient(90deg, transparent 50%,rgba(255,255,255,0.19) 50%);-webkit-background-size:13px,29px,37px,53px;-moz-background-size:13px,29px,37px,53px;-o-background-size:13px,29px,37px,53px;background-size:13px,29px,37px,53px;font-family:Hiragino Kaku Gothic W3 JIS2004;height:100%}body{width:100%;height:100%}aside#nav{float:left;width:12%;padding-bottom:10000px;margin-bottom:-10000px;background:rgba(0,0,0,0.8);color:#fff;display:block}#wrapper{float:left;width:90%}#wrapper #book_area{width:85%;margin:20px auto 10px}#wrapper #book_area h1{font-size:4.5rem}#wrapper #book_area h1 span{font-size:2rem}#wrapper #book_area #select_book{position:relative;z-index:99999;width:100%}#wrapper #book_area #select_book li{float:left;width:45%;margin:10px;text-align:center}#wrapper #book_area #select_book li a{color:#333;font-size:2.5rem;text-decoration:none}#wrapper #book_area #select_book li a p{margin-top:10px}#wrapper #book_area #select_book li a img{width:100%}#wrapper #book_area #flipbook{float:left}#wrapper #book_area .next-button,#wrapper #book_area .previous-button{width:50px;height:100%;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;cursor:pointer;opacity:0;text-align:center;font-size:2.5rem;text-shadow:#fff 0 1px 0;-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#wrapper #book_area .next-button:hover,#wrapper #book_area .previous-button:hover{opacity:0.8;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:-webkit-linear-gradient(left, #475461 0%,#758595 64.99%,#7f91a1 100%);background-image:-moz-linear-gradient(left, #475461 0%,#758595 64.99%,#7f91a1 100%);background-image:-o-linear-gradient(left, #475461 0%,#758595 64.99%,#7f91a1 100%);background-image:linear-gradient(to right, #475461 0%,#758595 64.99%,#7f91a1 100%);-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}#wrapper #book_area .next-button:active,#wrapper #book_area .previous-button:active{margin-top:5px;-webkit-box-shadow:0 0 15px rgba(255,255,255,0.75);-moz-box-shadow:0 0 15px rgba(255,255,255,0.75);box-shadow:0 0 15px rgba(255,255,255,0.75)}#wrapper #book_area .next-button{float:left;margin-left:-55px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}#wrapper #book_area .previous-button{float:right;margin-right:-55px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}#wrapper #book_area div a{position:relative;z-index:10000;display:block;width:100%;height:100%}#wrapper #book_area div.link{text-align:center;font-size:2rem;display:table-cell;vertical-align:center;padding-top:200px}#wrapper #book_area ul#social_btn{margin:20px 0 0 0;padding-bottom:100px;clear:both}#wrapper #book_area ul#social_btn li{float:left;padding:8px}#wrapper #book_area #story_link{margin:0 auto;width:100%;text-align:center}#wrapper #book_area #story_link .btn{position:relative;display:inline-block;width:30%;margin:10px;text-decoration:none;text-align:center;line-height:60px;color:#fff;font-weight:700;background:#1b8358;font-size:2rem}#wrapper #book_area #story_link .btn:hover{background:#18593e}footer{width:100%}footer small{display:block;width:80%;margin:20px auto 30px;text-align:center}#nav h1{padding:5px;font-size:2rem;text-shadow:1px 2px 0 #000,1px -2px 0 #000,-1px 2px 0 #000,-1px -2px 0 #000,2px 1px 0 #000,2px -1px 0 #000,-2px 1px 0 #000,-2px -1px 0 #000}#flipbook .turn-page{background-size:100% 100%;background-color:#ccc}.even{box-shadow:#cacaca 30px 0px 30px -25px inset}.odd{box-shadow:#cacaca -30px 0px 30px -25px inset}.inner-gradient{background:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0)), color-stop(0.3, rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.2))) !important}.outer-gradient{background:gradient(linear, left top, right top, color-stop(0.4, rgba(0,0,0,0)), color-stop(0.5, rgba(0,0,0,0.3)), to(rgba(0,0,0,0)))}.shadow{-webkit-transition:box-shadow 0.5s;-moz-transition:box-shadow 0.5s;-o-transition:box-shadow 0.5s;transition:box-shadow 0.5s;-webkit-box-shadow:0 0 10px #999;-moz-box-shadow:0 0 10px #999;box-shadow:0 0 10px #999}#social_media_link{z-index:1000;position:fixed;top:30px;right:-8px;border:1px dotted #000}#social_media_link ul{float:right;padding:4px 1px}#social_media_link ul li{width:75px;height:70px;padding:10px 0 0;margin:3px;display:block;overflow:hidden;font-size:1.1rem;font-weight:normal;color:#fff;text-align:center}#social_media_link ul li:first-of-type{margin-top:0}#social_media_link ul li:last-of-type{margin-bottom:0}#social_media_link ul li:nth-of-type(1){background:#6e2585}#social_media_link ul li:nth-of-type(2){background:#55acee}#social_media_link ul li:nth-of-type(3){background:#3b5998}#social_media_link ul li:nth-of-type(4){background:#e52d27}#social_media_link ul li:nth-of-type(5){background:#f80}#social_media_link ul li a{color:#fff;text-decoration:none;display:block}#social_media_link ul li span{font-size:4rem;font-family:'WebSymbolsLigaRegular';display:block}footer{display:none;position:fixed;bottom:0;background:#fff;width:100%;height:50px;margin:0}footer small{text-indent:50px}.fb-like iframe{z-index:9999}#thumb{width:960px;height:180px;margin:10px auto;padding:10px;overflow:hidden}.maxw_1024 #thumb,.maxw_768 #thumb,.maxw_320 #thumb{display:none}#thumb ul{width:260%;height:100%;margin:70px auto;display:block}#thumb ul li{position:relative;height:77px;cursor:pointer;float:left;margin:0 5px}#thumb ul li.active{-webkit-box-shadow:0 0 15px blue;-moz-box-shadow:0 0 15px blue;box-shadow:0 0 15px blue}#thumb ul li img{float:right;width:54px;height:77px;margin:0 -2px;padding:0;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s}#thumb ul li span{position:absolute;top:90px;display:none;text-align:center;left:65px;font-size:10px;text-align:center;color:#fff;border-radius:5px;background:rgba(0,0,0,0.6);padding:5px 15px;text-shadow:1px 1px 1px #000}#thumb ul li:hover img{width:100px;height:142px;margin-top:-65px}#thumb ul li:hover span{display:block}