#app{margin-bottom:100px}.hooper{position:relative;z-index:100}h2{background:#fff3dd;padding:10px 20px}.hooper-next,.hooper-prev{background:#fff}.hooper-navigation{display:none}@media screen and (min-width:766px){.hooper-navigation{display:block}#entry-content{width:1000px;margin:0 auto}.hooper{width:100%;text-align:center}.hooper img{max-width:500px;width:auto;height:75%}}.last{margin:0 auto;text-align:center}.modalManga{position:fixed;z-index:10;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5)}body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app,.slide{text-align:center;display:flex}.slide{min-height:-webkit-fill-available;background:#000;color:#fff;align-items:center;margin:0 auto;position:relative}.slide .close{width:30px;height:30px;background:#111;position:absolute;top:10px;right:10px;border-radius:50%}.slide .close .material-icons{font-size:30px}.slide img{width:100%;height:auto;margin:0 auto}.hooper-track{align-items:center}.thumb{text-align:center}.thumb img{width:75%}.hooper{display:flex;background:#000;align-items:center;height:100%;height:-webkit-fill-available;min-height:-webkit-fill-available;width:100%;position:fixed;top:0;left:0}.btnApp,a.btnApp{font-size:1.6rem;font-weight:700;line-height:1.5;position:relative;display:inline-block;margin:1rem 0;padding:1rem 4rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s;text-align:center;vertical-align:middle;text-decoration:none;letter-spacing:.1em;color:#212529;border-radius:.5rem;color:#fff;background-color:#eb6100}.btnApp:hover,a.btnApp:hover{color:#fff;background:#f56500}.btnClose,.btnClose:hover{position:absolute;bottom:5px;margin:0 auto;background:#eee;border:1px solid #ededed;color:#333;width:150px;left:calc(50% - 75px)}.shokuiku-box{margin:20px 0;background:#fff3dd;box-sizing:border-box;padding:20px;border-radius:10px}.shokuiku-box figure{display:block;margin:0}.shokuiku-box figure img{width:100%;height:auto}.tanpact-box{width:100%;max-width:500px;margin:15px auto;padding:1px;background:#eee;background-size:auto auto;background-color:#f0f0f0;background-image:repeating-linear-gradient(125deg,transparent,transparent 200px,#fff 0,#fff 400px)}.tanpact-box h1{font-size:16px;padding:10px;margin:0;text-align:center}.tanpact-box p{font-size:16px;padding:0 10px;margin:10px auto;line-height:1.5;text-align:left}.tanpact-box figure{margin:10px;padding:1px;border:none;font-weight:700;text-align:center}.tanpact-box figure figcaption{font-size:14px;font-weight:400}.tanpact-box figure img{width:90%}body.entry .shokuiku-box p:last-child{margin-bottom:0}body.entry .entry-text-body p{margin-bottom:1.5em}figure.pic{margin:10px;text-align:center}figure.pic img{margin:10px;width:100%}.banner{text-align:center;margin:20px auto;width:300px;-webkit-animation:click 3s infinite;animation:click 3s infinite;position:relative;background-color:#eb6100;color:#fff;z-index:2;box-sizing:border-box;border-radius:10px;border:2px solid transparent;box-shadow:0 3px 0 rgba(109,45,0,.432)}.banner img{max-width:300px}.banner:hover{background-color:#fff;-webkit-animation:click 2.5s infinite;animation:click 2.5s infinite;border:2px solid #eb6100;color:#eb6100}.banner:after,.banner:before{top:0;width:50%;height:100%;transition:all .5s;position:absolute;z-index:-1;display:block;content:"";background-color:#eb6100}.banner:before{right:0}.banner:after{left:0}.banner a{color:#fff;display:block;padding:30px;font-size:26px;font-weight:700;position:relative}.banner a:before{position:absolute;z-index:-1;display:block;content:"";width:0;height:0;top:calc(50% - 12.5px);right:10px;border-left:15px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent}.banner a:hover{color:#eb6100}.banner a:hover:before{position:absolute;z-index:-1;display:block;content:"";width:0;height:0;right:10px;border-left:15px solid #eb6100;border-top:15px solid transparent;border-bottom:15px solid transparent}.banner:hover:after,.banner:hover:before{width:0}.banner.tanpactBanner{background-color:#3bb9ea}.banner.tanpactBanner:hover{background-color:#fff;-webkit-animation:click 2.5s infinite;animation:click 2.5s infinite;border:2px solid #3bb9ea;color:#3bb9ea}.banner.tanpactBanner:after,.banner.tanpactBanner:before{background-color:#3bb9ea}.banner.tanpactBanner a:hover{color:#3bb9ea}.banner.tanpactBanner a:hover:before{border-left:15px solid #3bb9ea}@media screen and (min-width:766px){.banner{width:600px}.banner br{display:none}h2{background:#fff3dd;padding:20px}.hooper{display:flex;background:#000;align-items:center;height:100%}.slide img{width:auto;height:75%;margin:0 auto}}@-webkit-keyframes click{50%{box-shadow:0 3px 0 rgba(0,0,0,.3);top:0}60%{box-shadow:0 0 0 rgba(0,0,0,.3);top:3px}70%{box-shadow:0 3px 0 rgba(0,0,0,.3);top:0}80%{box-shadow:0 0 0 rgba(0,0,0,.3);top:3px}90%{box-shadow:0 3px 0 rgba(0,0,0,.3);top:0}}@keyframes click{50%{box-shadow:0 3px 0 rgba(0,0,0,.3);top:0}60%{box-shadow:0 0 0 rgba(0,0,0,.3);top:3px}70%{box-shadow:0 3px 0 rgba(0,0,0,.3);top:0}80%{box-shadow:0 0 0 rgba(0,0,0,.3);top:3px}90%{box-shadow:0 3px 0 rgba(0,0,0,.3);top:0}}