.fadeon{opacity:0;transition:all .7s cubic-bezier(.19,1,.22,1) .5s}.fadeon.is-on{opacity:1}.fadeup{filter:grayscale(100%);opacity:1;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;-moz-transform:translateY(2rem);-ms-transform:translateY(2rem);-webkit-transform:translateY(2rem);transform:translateY(2rem)}.fadeup.is-on{filter:grayscale(0);opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#booklist #page-ttlbox{background:url(//motion-base.jp/wp-content/themes/hogurel/css/../img/book/pageimage.jpg) no-repeat center center;background-size:cover}#booklist #page-wrapper{padding:0 3%;max-width:calc(1000px + 6%);margin:0 auto;margin-top:6rem;margin-bottom:12rem}@media screen and (max-width:959px){#booklist #page-wrapper{padding:0 1rem}}@media screen and (max-width:959px){#booklist #page-wrapper{margin-top:4rem;margin-bottom:6rem}}@media screen and (max-width:559px){#booklist #page-wrapper{margin-bottom:4rem}}#booklist .lead{color:#0086cc;font-size:1.6rem;font-weight:700;letter-spacing:.1rem;line-height:1.6;text-align:center}@media screen and (max-width:559px){#booklist .lead{font-size:1.5rem;text-align:left}#booklist .lead br{display:none}}#booklist #page-nav{margin:6rem auto 5rem;display:flex;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}@media screen and (max-width:959px){#booklist #page-nav{margin:5rem auto 3.5em}}@media screen and (max-width:559px){#booklist #page-nav{margin:3rem auto 1.5em}}#booklist #page-nav li.pnli{position:relative;color:#0086cc;font-size:1.8rem;font-weight:500;letter-spacing:.1rem;margin:0 2.5rem}@media screen and (max-width:559px){#booklist #page-nav li.pnli{font-size:1.6rem;margin:0 1.5rem}}#booklist #page-nav li.pnli span.vline{position:absolute;background:#94cbe5;height:14px;width:1px;right:-25px;top:8px}#booklist #page-nav li.pnli a{-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;border-bottom:2px solid rgba(0,134,204,0);display:block;padding:.5rem 0 2rem}#booklist #page-nav li.pnli:after{content:"";display:inline-block;position:absolute;bottom:15px;left:0;width:0;height:2px;background:#0086cc}#booklist #page-nav li.pnli.current:after{width:100%}#booklist #page-nav li.pnli:hover:after{width:100%}#booklist #page-nav li.pnli.subon{position:relative}#booklist #page-nav li.pnli.subon:before{content:"";display:inline-block;position:absolute;left:0;right:0;margin:0 auto;bottom:10px;width:6px;height:5px;border-style:solid;border-width:5px 3px 0;border-color:#0085cc transparent transparent;opacity:0}#booklist #page-nav li.pnli.subon:hover:before{opacity:1}#booklist #page-nav li.pnli ul.submenu{background:rgba(0,134,204,.95);width:140px;padding:0 .5rem;position:absolute;top:0;left:-12px;display:none;color:#fff;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,.2);z-index:2}#booklist #page-nav li.pnli ul.submenu li{text-align:left;position:relative}#booklist #page-nav li.pnli ul.submenu li:not(:last-child){border-bottom:1px solid #95cce6}#booklist #page-nav li.pnli ul.submenu li:after{content:"";display:inline-block;background-image:url(//motion-base.jp/wp-content/themes/hogurel/css/../img/common/svg/ic-arrow-right_lb.svg);background-size:contain;width:6px;height:8px;position:absolute;right:9px;top:17px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#booklist #page-nav li.pnli ul.submenu li a{padding:1.3rem .5rem;font-size:1.3rem;font-weight:400;display:block;position:relative}#booklist #page-nav li.pnli.newactive .submenu{top:38px;-moz-transform:translateZ(10px);-webkit-transform:translateZ(10px);transform:translateZ(10px);display:block;animation:show2 .3s ease 0s}#booklist #page-nav li.pnli.newactive .submenu li:hover:after{right:6px}#booklist #page-nav li.pnli.newactive .submenu li a:hover{opacity:.8}#booklist #page-nav li.pnli.newactive .submenu li a:after{bottom:0;opacity:0}@keyframes show2{from{opacity:1;opacity:0;top:28px}to{opacity:1;top:38px;height:auto}}#booklist #list ul{display:flex;flex-wrap:wrap}#booklist #list ul li{position:relative;width:26%;margin-right:calc( (100% - 26% * 3) / 2);margin-bottom:5rem}#booklist #list ul li:nth-of-type(3n){margin-right:0}@media screen and (max-width:959px){#booklist #list ul li{width:46%;margin-right:calc( (100% - 46% * 2) / 1);margin-bottom:3rem}#booklist #list ul li:nth-of-type(3n){margin-right:calc( (100% - 46% * 2) / 1)}#booklist #list ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 559px){#booklist #list ul li{width:48%;margin-right:calc( (100% - 48% * 2) / 1)}#booklist #list ul li:nth-of-type(3n){margin-right:calc( (100% - 48% * 2) / 1)}#booklist #list ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 414px){#booklist #list ul li{width:100%;margin-bottom:2rem;margin-right:0}#booklist #list ul li:nth-of-type(3n){margin-right:0}}#booklist #list ul li .newmark{position:absolute;top:-22px;left:-22px;width:45px;height:45px;border-radius:50%;background:linear-gradient(222deg,#80bbde 0%,#0085cc 100%);color:#fff;font-size:1.3rem;letter-spacing:.1rem;font-family:"Work Sans",sans-serif;font-style:italic;font-weight:500;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px 2px rgba(0,0,0,.2)}@media screen and (max-width:959px){#booklist #list ul li .newmark{top:-8px;left:-8px}}@media screen and (max-width:559px){#booklist #list ul li .newmark{top:-8px;left:-8px;width:40px;height:40px;font-size:1.1rem}}#booklist #list ul li a:hover .image{-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:.5}#booklist #list ul li .imageholder{position:relative;width:100%;height:auto;overflow:hidden}#booklist #list ul li .imageholder .image{position:relative;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#booklist #list ul li .imageholder .image:before{position:relative;content:"";display:block;padding-top:73.3%;background:#d6d6d6}#booklist #list ul li .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}#booklist #list ul li .txt h3{font-size:1.5rem;line-height:1.3;font-weight:500;color:#0086cc;margin:1rem 0 .7rem}#booklist #list ul li .txt .cat-name2{font-size:1.2rem;position:relative}@media screen and (max-width:959px){#booklist #list ul li .txt .cat-name2{font-size:1.1rem}}@media screen and (max-width:559px){#booklist #list ul li .txt .cat-name2{font-size:1rem}}#booklist #list ul li .txt .cat-name2 p:nth-of-type(1){background:#0086cc;color:#fff;border:1px solid #0086cc;border-radius:6px;display:inline-block;padding:.4rem .7rem;position:relative}#booklist #list ul li .txt .cat-name2 p:nth-of-type(2){color:#0086cc;display:inline-block;border:1px solid #0086cc;border-radius:0 6px 6px 0;padding:.4rem .7rem .4rem 1.3rem;position:relative;right:6px}#booklist #list ul li .txt .date{font-family:"Work Sans",sans-serif;font-style:italic;font-size:1.4rem;font-weight:400;letter-spacing:.1rem;color:#bababa;display:block;margin-top:.5rem}#booklist .wp-pagenavi{text-align:center;font-size:1.8rem;font-family:"Work Sans",sans-serif;font-weight:500;font-style:italic;margin-top:5rem}@media screen and (max-width:959px){#booklist .wp-pagenavi{margin-top:3rem}}@media screen and (max-width:559px){#booklist .wp-pagenavi{font-size:1.5rem;line-height:1.5rem;margin-top:2rem}}#booklist .wp-pagenavi a,#booklist .wp-pagenavi span{display:inline-block;color:#0086cc;padding:6px 10px;margin:0 .2rem;white-space:nowrap;border:none;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){#booklist .wp-pagenavi a,#booklist .wp-pagenavi span{padding:5px 8.5px}}#booklist .wp-pagenavi a.pages,#booklist .wp-pagenavi span.pages{display:none}#booklist .wp-pagenavi a:hover{font-weight:500;opacity:.7}#booklist .wp-pagenavi span.current{font-weight:500;color:#fff;border-radius:50%;background:#0086cc}#booklist .wp-pagenavi span.extend{border:none}#booklist .wp-pagenavi span.last,#booklist .wp-pagenavi span.first{font-size:1.3rem}#bookdetail #page-ttlbox{background:url(//motion-base.jp/wp-content/themes/hogurel/css/../img/book/pageimage.jpg) no-repeat center center;background-size:cover}#bookdetail #page-wrapper{padding:0 3%;max-width:calc(1130px + 6%);margin:0 auto;margin-top:6rem;margin-bottom:12rem}@media screen and (max-width:959px){#bookdetail #page-wrapper{padding:0 1rem}}@media screen and (max-width:959px){#bookdetail #page-wrapper{margin-top:4rem;margin-bottom:6rem}}@media screen and (max-width:559px){#bookdetail #page-wrapper{margin-bottom:4rem}}#bookdetail #column{background:#deeef7}#bookdetail #column .column-wrap{max-width:calc(620px + 4rem);margin:0 auto;padding:9rem 2rem}@media screen and (max-width:959px){#bookdetail #column .column-wrap{padding:5rem 2rem}}@media screen and (max-width:559px){#bookdetail #column .column-wrap{padding:3rem 2rem 2rem}}#bookdetail #column #ttlbox{display:flex;flex-direction:column;margin-bottom:5rem}@media screen and (max-width:559px){#bookdetail #column #ttlbox{margin-bottom:2rem}}#bookdetail #column #ttlbox .columnttl{order:2;font-size:3rem;letter-spacing:.1rem;line-height:1.2;color:#0086cc;font-weight:500}@media screen and (max-width:559px){#bookdetail #column #ttlbox .columnttl{font-size:2.1rem;line-height:1.3}}#bookdetail #column #ttlbox .cat-date{order:1;display:flex;align-items:center;margin-bottom:1.5rem}#bookdetail #column #ttlbox .cat-date .cat-name2{font-size:1.2rem;position:relative}@media screen and (max-width:959px){#bookdetail #column #ttlbox .cat-date .cat-name2{font-size:1.1rem}}@media screen and (max-width:559px){#bookdetail #column #ttlbox .cat-date .cat-name2{font-size:1rem}}#bookdetail #column #ttlbox .cat-date .cat-name2 p:nth-of-type(1){background:#0086cc;color:#fff;border:1px solid #0086cc;border-radius:6px;display:inline-block;padding:.4rem 1.3rem .4rem .7rem;position:relative}#bookdetail #column #ttlbox .cat-date .cat-name2 p:nth-of-type(2){color:#0086cc;display:inline-block;border:1px solid #0086cc;border-radius:0 6px 6px 0;padding:.4rem .7rem;position:relative;right:6px;background:#fff}#bookdetail #column #ttlbox .cat-date .columndate{font-size:1.5rem;letter-spacing:.1rem;font-family:"Work Sans",sans-serif;font-style:italic;color:#b9b9b9}@media screen and (max-width:559px){#bookdetail #column #ttlbox .cat-date .columndate{font-size:1.3rem}}#bookdetail #column #column-detail{margin-top:3rem;font-size:1.6rem;line-height:1.8}@media screen and (max-width:559px){#bookdetail #column #column-detail{margin-top:2rem;font-size:1.5rem;line-height:1.7}}#bookdetail #column #column-detail img{height:auto;width:auto}#bookdetail #column #column-detail img.aligncenter{margin:0 auto}#bookdetail #column #column-detail p{margin:1.5rem 0}#bookdetail #column #column-detail h2{margin:1.5rem 0;font-size:2rem;line-height:1.5;color:#0086cc;font-weight:500}@media screen and (max-width:559px){#bookdetail #column #column-detail h2{font-size:1.7rem}}#bookdetail #column #column-detail h3{margin:1.5rem 0;font-size:1.6rem;line-height:1.4;font-weight:500}@media screen and (max-width:559px){#bookdetail #column #column-detail h3{font-size:1.5rem}}#bookdetail #column #column-detail .wp-block-embed-youtube .wp-block-embed__wrapper{position:relative;width:100%;padding-top:56.25%;height:0;overflow:hidden}#bookdetail #column #column-detail .wp-block-embed-youtube .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;width:100%;height:100%}#bookdetail #pager{margin-top:7rem}@media screen and (max-width:959px){#bookdetail #pager{margin-top:5rem}}@media screen and (max-width:559px){#bookdetail #pager{margin-top:3rem}}#bookdetail #pager .pager-wrapper{display:flex;justify-content:center;align-items:center}#bookdetail #pager .pager-wrapper p.nav{color:#0086cc;font-family:"Work Sans",sans-serif;font-size:1.5rem;letter-spacing:.1rem;font-weight:500;position:relative}#bookdetail #pager .pager-wrapper .pager-line{width:100px;height:1px;background:#0086cc;margin:0 .5rem}@media screen and (max-width:559px){#bookdetail #pager .pager-wrapper .pager-line{width:50px}}#bookdetail #pager .pager-wrapper .prevbox a{display:flex;align-items:center;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#bookdetail #pager .pager-wrapper .prevbox a:hover{transform:translateX(-7px)}#bookdetail #pager .pager-wrapper .backlist{margin:0 1.5rem}#bookdetail #pager .pager-wrapper .backlist a{display:block;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#bookdetail #pager .pager-wrapper .backlist a div{width:25px;height:25px}@media screen and (max-width:559px){#bookdetail #pager .pager-wrapper .backlist a div{width:22px;height:22px}}#bookdetail #pager .pager-wrapper .backlist a:hover{transform:scale(1.1)}#bookdetail #pager .pager-wrapper .nextbox a{display:flex;align-items:center;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#bookdetail #pager .pager-wrapper .nextbox a:hover{transform:translateX(7px)}#bookdetail #related{max-width:900px;margin:10rem auto 0}@media screen and (max-width:959px){#bookdetail #related{margin:7rem auto 0}}@media screen and (max-width:559px){#bookdetail #related{margin:5rem auto 0}}#bookdetail #related ul{display:flex;flex-wrap:wrap}#bookdetail #related ul li{position:relative;width:29%;margin-right:calc( (100% - 29% * 3) / 2)}#bookdetail #related ul li:nth-of-type(4){display:none}#bookdetail #related ul li:nth-of-type(3n){margin-right:0}@media screen and (max-width: 959px){#bookdetail #related ul li{width:46%;margin-right:calc( (100% - 46% * 2) / 1);margin-bottom:3rem}#bookdetail #related ul li:nth-of-type(4){display:block}#bookdetail #related ul li:nth-of-type(3n){margin-right:calc( (100% - 46% * 2) / 1)}#bookdetail #related ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 559px){#bookdetail #related ul li{width:48%;margin-right:calc( (100% - 48% * 2) / 1)}#bookdetail #related ul li:nth-of-type(3n){margin-right:calc( (100% - 48% * 2) / 1)}#bookdetail #related ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 414px){#bookdetail #related ul li{width:100%;margin-bottom:2rem;margin-right:0}#bookdetail #related ul li:nth-of-type(3n){margin-right:0}}#bookdetail #related ul li .newmark{position:absolute;top:-22px;left:-22px;width:45px;height:45px;border-radius:50%;background:linear-gradient(222deg,#80bbde 0%,#0085cc 100%);color:#fff;font-size:1.3rem;letter-spacing:.1rem;font-family:"Work Sans",sans-serif;font-style:italic;font-weight:500;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px 2px rgba(0,0,0,.2)}@media screen and (max-width:959px){#bookdetail #related ul li .newmark{top:-8px;left:-8px}}@media screen and (max-width:559px){#bookdetail #related ul li .newmark{top:-8px;left:-8px;width:40px;height:40px;font-size:1.1rem}}#bookdetail #related ul li a:hover .image{-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:.5}#bookdetail #related ul li .imageholder{position:relative;width:100%;height:auto;overflow:hidden}#bookdetail #related ul li .imageholder .image{position:relative;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#bookdetail #related ul li .imageholder .image:before{position:relative;content:"";display:block;padding-top:73.3%;background:#d6d6d6}#bookdetail #related ul li .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}#bookdetail #related ul li .txt h3{font-size:1.5rem;line-height:1.3;font-weight:500;color:#0086cc;margin:1rem 0 .7rem}#bookdetail #related ul li .txt .cat-name2{font-size:1.2rem;position:relative}@media screen and (max-width:959px){#bookdetail #related ul li .txt .cat-name2{font-size:1.1rem}}@media screen and (max-width:559px){#bookdetail #related ul li .txt .cat-name2{font-size:1rem}}#bookdetail #related ul li .txt .cat-name2 p:nth-of-type(1){background:#0086cc;color:#fff;border:1px solid #0086cc;border-radius:6px;display:inline-block;padding:.4rem .7rem;position:relative}#bookdetail #related ul li .txt .cat-name2 p:nth-of-type(2){color:#0086cc;display:inline-block;border:1px solid #0086cc;border-radius:0 6px 6px 0;padding:.4rem .7rem .4rem 1.3rem;position:relative;right:6px}#bookdetail #related ul li .txt .date{font-family:"Work Sans",sans-serif;font-style:italic;font-size:1.4rem;font-weight:400;letter-spacing:.1rem;color:#bababa;display:block;margin-top:.5rem}