article,aside,blockquote,body,canvas,caption,code,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,legend,li,menuaudio,nav,object,ol,p,pre,section,table,tbody,td,tfoot,th,thead,ul,video{margin:0;padding:0}article,aside,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0}body{font-size:14px;background:#fff;text-rendering:optimizeSpeed}body.fullmode a{text-decoration:none;-webkit-transition:color,background-color .4s ease;-moz-transition:color,background-color .4s ease}a{opacity:1;color:#169dda}a:active,a:hover,a:link,a:visited{text-decoration:none}::selection{background:#169dda;color:#fff}::-moz-selection{background:#169dda;color:#fff}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}em{font-style:normal}body{background-color:#fafafa}.fader{-webkit-transition:all .4s ease;transition:all .4s ease;-moz-transition:all .4s ease;opacity:1}body{overflow-y:scroll;position:relative;color:#252525;letter-spacing:.05em;-webkit-font-smoothing:auto;font-weight:500;-webkit-text-stroke:.2px}body article{margin-top:66px}body article.wrp{margin-top:66px}body.spmode article.wrp{margin-top:50px}header.pc{position:fixed;top:0;z-index:4}.gothic,body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;font-weight:300;-webkit-text-stroke:inherit}.serif{font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:300;-webkit-text-stroke:inherit}body.loading>*{display:none}body.loading #loading_spinner{display:block;position:fixed;width:100%;height:100%;background:#fff url(/img/loader.gif) no-repeat center center;top:0}.item{background-color:#fff;display:inline-block;margin:15px;position:relative;overflow:hidden}.item-cvr{width:290px;height:290px;background:url(/img/loader.gif) no-repeat center;display:block;background-size:contain;overflow:hidden}.item-cvr.lazy_img{background-size:auto}.item .detail{display:table;height:290px;width:290px;position:absolute;overflow:hidden;background-color:rgba(0,0,0,.3);bottom:0;margin-left:-290px;opacity:0;color:#fff;-webkit-box-pack:center;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;-moz-transition:opacity .2s ease}.item .detail .detail-wrap{display:block;font-size:14px;text-align:center}.item .detail .detail-wrap>*{display:inline-block;margin:0 20px 8px;font-weight:600;text-align:center}.item:hover .item-cvr{opacity:.8}.item:focus .detail,.item:hover .detail{opacity:1;margin-left:0}.item.locked .detail{background:url(/bookshelf/img/locked.png) center;background-blend-mode:darken;background-color:rgba(0,0,0,.3);background-position-y:70px}.item.locked:hover .detail{opacity:1}#sp_header{clear:both;position:fixed;top:0;height:50px;display:none;width:100%;background-color:#fff;z-index:5}#pc_header{width:100%}#sp_header .menu_icon span{display:block;width:26px;height:0;position:absolute;right:0;border-top:1px solid #000;top:8px;left:0}#sp_header .menu_icon span:before{content:'';display:block;width:26px;height:0;position:absolute;right:0;border-top:1px solid #000;top:-9px;left:0}#sp_header .menu_icon span:after{content:'';display:block;width:26px;height:0;position:absolute;right:0;border-top:1px solid #000;top:8px;left:0}#sp_header .menu-wrap,#sp_header .menu_icon,#sp_header .menu_icon span,#sp_header .menu_icon span:after,#sp_header .menu_icon span:before{transition:all .3s ease-out;-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out}body.menu-open #sp_header .menu_icon span{width:0;border-color:#fff}body.menu-open #sp_header .menu_icon span:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:0;border-color:#fff}body.menu-open #sp_header .menu_icon span:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:0;border-color:#fff}body.menu-open #sp_header .menu_icon{right:230px!important}.bookshelf_header{margin:40px}.bookshelf_header_title{text-align:center;font-size:12px;line-height:1.4}#pc_header>a{display: block;width: 120px;height: 120px;margin:30px auto;}.bookshelf_header_image{width:120px;height:120px;background-size:cover;display:block;border-radius:60px;overflow:hidden;margin:30px auto}.main{max-width:980px;width:100%;margin:40px auto}.controller_wrap{border-bottom:1px solid #e8e8e8}.sort_selecter{width:140px;float:left}.sort_selecter .sort_selected{padding:8px 15px;display:block;cursor:pointer;height:37px;box-sizing:border-box}.sort_selecter .sort_lists{z-index:100;position:absolute;padding:1px;border:1px solid #f0f0f0;display:none;cursor:pointer;background-color:#fff}.sort_selecter .sort_lists li{padding:8px 15px;cursor:pointer}.sort_selecter .sort_lists li:hover{color:#666;background-color:#fafafa}.tag_selecter{width:140px;float:left}.tag_selecter .tag_selected{padding:8px 15px;display:block;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:150px;height:37px;box-sizing:border-box}.tag_selecter .tag_lists{z-index:100;position:absolute;padding:1px;border:1px solid #f0f0f0;display:none;cursor:pointer;background-color:#fff}.tag_selecter .tag_lists li{padding:8px 15px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:140px}.tag_selecter .tag_lists li:hover{color:#666;background-color:#fafafa}@media only screen and (max-width:989px){.main{max-width:650px;width:100%;margin:40px auto}}@media only screen and (max-width:680px){.main{width:100%;margin:40px auto}.controller_wrap{text-align:center}.thumb_wrap{text-align:center}}.effect_fadeblur,.effect_fadein,.effect_fadeleft,.effect_faderight,.effect_fadeup{opacity:0}.effect_fadeblur,.ie9 .effect_fadein,.ie9 .effect_fadeleft,.ie9 .effect_faderight,.ie9 .effect_fadeup{opacity:1}.e_active .effect_fadeup,.effect_fadeup.e_active{animation:kf_fadeup 1.2s ease 0ms both;-webkit-animation:kf_fadeup 1.2s ease 0ms both}.e_active .effect_fadein,.effect_fadein.e_active{animation:kf_fadein 1.2s ease 0ms both;-webkit-animation:kf_fadein 1.2s ease 0ms both}.e_active .effect_fadeleft,.effect_fadeleft.e_active{animation:kf_fadeleft 1.2s ease 0ms both;-webkit-animation:kf_fadeleft 1.2s ease 0ms both}.e_active .effect_faderight,.effect_faderight.e_active{animation:kf_faderight 1.2s ease 0ms both;-webkit-animation:kf_faderight 1.2s ease 0ms both}.e_active .effect_fadeblur,.effect_fadeblur.e_active{animation:kf_fadeblur 1.2s ease 0ms both;-webkit-animation:kf_fadeblur 1.2s ease 0ms both}@keyframes kf_fadeblur{0%{-webkit-filter:blur(36px);-moz-filter:blur(36px);-ms-filter:blur(36px);filter:blur(36px);-moz-opacity:.1;opacity:.1}100%{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);filter:blur(0);-moz-opacity:1;opacity:1}}@keyframes kf_fadeup{0%{opacity:0;transform:translate(0,30px);-webkit-transform:translate(0,30px)}80%{transform:translate(0,0);-webkit-transform:translate(0,0)}100%{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}}@keyframes kf_fadeleft{0%{opacity:0;transform:translate(30px,0);-webkit-transform:translate(30px,0)}80%{transform:translate(0,0);-webkit-transform:translate(0,0)}100%{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}}@keyframes kf_faderight{0%{opacity:0;transform:translate(-30px,0);-webkit-transform:translate(-30px,0)}80%{transform:translate(0,0);-webkit-transform:translate(0,0)}100%{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}}@keyframes kf_fadein{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes kf_fadeup{0%{opacity:0;transform:translate(0,30px);-webkit-transform:translate(0,30px)}80%{transform:translate(0,0);-webkit-transform:translate(0,0)}100%{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}}@-webkit-keyframes kf_fadeleft{0%{opacity:0;transform:translate(30px,0);-webkit-transform:translate(30px,0)}80%{transform:translate(0,0);-webkit-transform:translate(0,0)}100%{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}}@-webkit-keyframes kf_faderight{0%{opacity:0;transform:translate(-30px,0);-webkit-transform:translate(-30px,0)}80%{transform:translate(0,0);-webkit-transform:translate(0,0)}100%{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}}@-webkit-keyframes kf_fadein{0%{opacity:0}100%{opacity:1}}.effect_delay1{animation-delay:0ms!important;-webkit-animation-delay:0ms!important}.effect_delay2{animation-delay:1s!important;-webkit-animation-delay:1s!important}.effect_delay3{animation-delay:1.5s!important;-webkit-animation-delay:1.5s!important}.effect_delay4{animation-delay:2s!important;-webkit-animation-delay:2s!important}footer{font-size:13px;text-align:center;padding:4px 0;display:none}.txt_search{float:right;padding-bottom:10px;position:relative}.txt_search #search_kwd{height:35px;border:1px solid #ebebeb;width:218px;box-sizing:border-box;padding:3px 30px 3px 8px;color:#999}.txt_search .label{position:absolute;text-align:center;color:#999;width:218px;height:35px;line-height:35px;top:0;left:0}.txt_search .del_kwd{position:absolute;display:inline-block;top:1px;right:0;width:32px;height:32px;border:0;background-color:#ccc;border-radius:32px;margin:0;padding:0;transform:scale(.5);cursor:pointer;display:none}.txt_search .del_kwd:before{content:"";position:absolute;display:inline-block;top:4px;left:14px;width:4px;height:24px;border:0;margin:0;padding:0;background-color:#fff;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.txt_search .del_kwd:after{content:"";position:absolute;display:inline-block;top:4px;left:14px;width:4px;height:24px;border:0;margin:0;padding:0;background-color:#fff;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.list_wrap .item{display:block;background-color:#fafafa;margin-top:38px;box-sizing:border-box;min-height:290px}.list_wrap .item .lft{position:absolute}.list_wrap .item .lft a{display:block;width:240px;height:290px;background-color:#fff}.list_wrap .item .rgt{padding-left:285px}.list_wrap .item .rgt h2.book_title{font-size:24px;margin:15px 0 15px;display:flex;align-items:center;line-height:1}.list_wrap .item .rgt h2.book_title svg{width:24px;height:24px;fill:#666;padding-left:3px}.list_wrap .item .rgt .open a{background-color:#fff;text-align:center;display:block;color:#999;border:1px solid #d7d7d7;width:220px;height:34px;line-height:34px}.list_wrap .item .rgt .open a:hover{text-decoration:none;background-color:#7d7d7d;color:#fff}.list_wrap .item .rgt .page_no{margin:30px 0 20px}.list_wrap .item .rgt .outline .highlight{background-color:#fdf47d;display:inline-block}.view_mode{text-align:center;padding:27px 0 0;position:relative;z-index:2}.view_mode li{display:inline-block;margin:0 20px;cursor:pointer}.view_mode li svg{fill:#e1e1e1;width:20px;height:20px}.view_mode li.cur svg,.view_mode li:hover svg{fill:#000}.book_wrap{position:relative}.book_wrap.spinner{background:url(/bookshelf/img/spinner.gif) no-repeat center}.thumb_wrap{position:absolute;top:10px;width:100%;padding-bottom:20px}.list_wrap{display:none;position:absolute;top:-13px;width:100%;padding-bottom:20px}p.nodata{margin-top:20px}.list_wrap p.nodata{margin-top:43px}@media only screen and (max-width:799px){.txt_search{float:none;width:270px;margin:0 auto}.txt_search #search_kwd{width:270px}.txt_search .label{width:270px;box-sizing:border-box}.select_wrap{width:300px;margin:0 auto 10px}.sort_selecter,.tag_selecter{width:145px}.sort_selecter .sort_selected{text-align:left}.tag_selecter .tag_selected{text-align:left}.sort_selecter .sort_lists li{text-align:left}.tag_selecter .tag_lists li{text-align:left;width:145px}.list_wrap .item .lft{position:static}.list_wrap .item .lft a{margin:0 auto}.list_wrap .item .rgt{padding-left:0}.list_wrap .item .rgt h2.book_title{justify-content:center}.list_wrap .item .rgt .open a{margin:0 auto}.list_wrap .item .rgt .page_no{width:80%;margin-left:auto;margin-right:auto}.list_wrap .item .rgt .outline{width:80%;margin-left:auto;margin-right:auto}p.nodata{padding:0 10px;text-align:center}}