html,body,p,h1,h2,h3,h4,ul,ol{margin:0;padding:0}*{box-sizing:border-box}body{color:#454545;font-feature-settings:"palt";-webkit-text-size-adjust:100%;background:#1e4817 url(https://cdn-image.alphapolis.co.jp/static_page/toaru_ossan/body-bg.png);min-width:960px;font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:18px;line-height:1.5}img{vertical-align:top;max-width:100%;max-height:100%}.pc{display:block}.sp{display:none}.icon:before{color:#999;margin-right:3px;font-family:FontAwesome,serif;display:inline-block}a.arrow:before{content:""}a.caret:before{content:""}div.link{text-align:center}a.button{color:#fff;background:linear-gradient(#88db69,#48a526);border:2px solid #fff;width:276px;padding:15px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:1px 1px 3px #0000004d}a.button:hover{opacity:.8}.header{background-image:url(https://cdn-image.alphapolis.co.jp/static_page/toaru_ossan/kv-bg.png);background-position:top;background-repeat:repeat-x;background-size:cover;width:960px;height:550px;margin-top:60px;margin-bottom:24px;position:relative}.header-title{z-index:10;position:absolute;top:10px;left:10px}.copy{z-index:10;width:639px;position:absolute;bottom:20px;left:0}.header-cast{z-index:10;width:307px;position:absolute;bottom:20px;right:6px}.header-character{z-index:1;text-align:right;width:100%;height:100%;position:absolute;top:0;left:0}.character-novel,.character-comic{z-index:1;transition:opacity 6s;animation-name:fade-in;animation-duration:15s;animation-timing-function:cubic-bezier(.15,1,.15,1);animation-iteration-count:infinite;animation-fill-mode:forwards;position:absolute}.character-novel{width:511px;height:480px;bottom:0;right:16px}.character-comic{width:422px;height:473px;bottom:0;right:28px}.copy-novel,.copy-comic{content:"";z-index:10;background-image:url(https://cdn-image.alphapolis.co.jp/static_page/toaru_ossan/copy-novel.png);background-size:contain;width:107px;height:12px;transition:opacity 4s;animation-name:copy;animation-duration:15s;animation-timing-function:cubic-bezier(.15,1,.15,1);animation-iteration-count:infinite;animation-fill-mode:forwards;position:absolute;bottom:8px;right:12px}.copy-comic{background-image:url(https://cdn-image.alphapolis.co.jp/static_page/toaru_ossan/copy-comic.png)}.character-novel.hide,.character-comic.hide,.copy-novel.hide,.copy-comic.hide{opacity:0;animation:none}@keyframes fade-in{0%{opacity:0;transform:translate(-50px)}50%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@keyframes copy{0%{opacity:0}50%{opacity:1}to{opacity:0}}.nav{z-index:11;text-align:center;white-space:nowrap;background:#eaab00;width:100%;min-width:960px;padding:12px 0;position:fixed;top:0;right:0;box-shadow:5px 0 10px #000}.nav-link{color:#5d3111;text-align:center;vertical-align:middle;border-right:2px solid #5d3111;padding:0 20px;font-size:14px;font-weight:700;line-height:1em;text-decoration:none;display:inline-block}.nav-link:hover{color:#e00101}.nav-link.last{border-right:0}.nav-sns{display:inline-block}.nav-sns.sp{display:none}.sns-buttons{white-space:nowrap;display:inline-block}.sns-buttons a{vertical-align:middle;width:36px;height:36px;margin-right:8px;padding:0;display:inline-block}.sns-buttons a:last-child{margin-right:0}.x-share,.facebook-share,.line-share{width:100%;height:100%}.main{background:#fff;width:960px;margin:auto;box-shadow:0 0 99px #10270f}.main>.section{padding:0 60px 60px}.main>.section:last-child{padding-bottom:100px}.main h2{color:#e60012;text-align:center;border-bottom:3px solid #906c47;margin-bottom:25px;font-size:24px;line-height:66px;position:relative}.main h2:after{content:"";background-image:url(https://cdn-image.alphapolis.co.jp/static_page/toaru_ossan/heading-left.png),url(https://cdn-image.alphapolis.co.jp/static_page/toaru_ossan/heading-right.png),url(https://cdn-image.alphapolis.co.jp/static_page/toaru_ossan/heading-center.png);background-position:0 100%,100% 100%,bottom;background-repeat:no-repeat;background-size:120px 66px;width:100%;height:66px;position:absolute;top:8px;left:0}.trial.buttons{justify-content:space-between;width:600px;margin:0 auto 20px;display:flex}.trial.buttons a{color:#fff;text-align:center;background:linear-gradient(#88db69,#48a526);border:2px solid #fff;width:47%;padding:17px 0;font-weight:700;line-height:1em;text-decoration:none;box-shadow:1px 1px 3px #00000029}.news-list{color:#454545;border-bottom:1px solid #906c47;max-height:120px;margin:0 30px;padding-bottom:16px;font-size:16px;line-height:22px;list-style:none;overflow:auto}.news-link{color:#009}.news-link:hover{color:#00c}.recently .body{padding:0 30px;overflow:hidden}.recently .recently-content:first-child{margin-bottom:30px}.recently .recently-kind{color:#906c47;text-align:center;margin-bottom:24px;font-size:20px}.recently .recently-kind p{background-color:#fff;width:fit-content;margin:0 auto;padding:0 6px;position:relative}.recently .recently-line{background-color:#d9cdc0;width:780px;height:2px;margin-top:-14px}.recently .recently-detail{display:flex}.recently .cover{vertical-align:top;max-width:235px;margin-right:20px}.recently .cover img{width:235px;height:345px;max-width:unset}.recently .info h3{padding-bottom:10px;font-size:22px;line-height:30px}.recently .info p{font-size:16px;line-height:27px}.recently .info .buttons{justify-content:space-between;margin-top:24px;display:flex}.recently .info .buttons a{color:#fff;text-align:center;background:linear-gradient(#88db69,#48a526);border:2px solid #fff;width:47.5%;padding:17px 0;font-weight:700;line-height:1em;text-decoration:none;box-shadow:1px 1px 3px #00000029}.recently .recently-schedule{width:fit-content;margin:20px 0 0 auto}.recently .info p.recently-date{color:#454545;margin-bottom:4px;font-size:16px;font-weight:700;line-height:1}.recently .info p.recently-attention{font-size:12px;line-height:16px}.story .body{text-align:center;padding:0 42px}.story p{font-weight:700;line-height:34px}.hero{margin:0 auto 20px;display:block}.characters .body{flex-wrap:wrap;padding:0 64px;display:flex}.character{width:160px;margin:0 24px 24px 0}.character:nth-child(4n){margin-right:0}.character .face,.lightbox-character .face{border:1px solid #707070;width:100%;margin-bottom:10px}.character.exist-ruby .face,.lightbox-character.exit-ruby .face{margin-bottom:5px}.character .name,.lightbox-character .name{color:#07913a;white-space:nowrap;height:48px;font-weight:700;line-height:1}.character .text,.lightbox-character .text{font-size:14px;line-height:20px}.lightbox-characters{z-index:13;visibility:hidden;opacity:0;background:#00000080;width:100%;height:100%;transition:all .5s;display:none;position:fixed;top:0;left:0}.lightbox-characters.visible{visibility:visible;opacity:1}.lightbox-character{z-index:13;background:#fff;width:280px;max-width:80vw;height:380px;max-height:90vh;margin:auto;padding:40px;transition:all .5s;display:none;position:relative}.lightbox-character.visible{display:block}.comments .body{padding:0 30px}.comment{border:1px solid #276c1b;margin-bottom:20px}.comment:last-child{margin-bottom:0}.comment h3{color:#fff;text-align:center;background:#276c1b;padding:8px}.comment .text{font-feature-settings:normal;padding:20px;overflow:hidden}.comment.illustrator .text p{float:left;width:563px}.comment.illustrator .open-lightbox-illust{float:right;position:relative}.comment.illustrator .open-lightbox-illust:after{content:"";background:url(https://cdn-image.alphapolis.co.jp/static_page/toaru_ossan/zoom.png) 50%/19px 24px no-repeat;width:19px;height:24px;position:absolute;bottom:0;left:-22px}.lightbox-illust{z-index:13;visibility:hidden;opacity:0;background:#00000080;width:100%;height:100%;transition:all .5s;display:flex;position:fixed;top:0;left:0}.lightbox-illust.visible{visibility:visible;opacity:1}.lightbox-illust .detail{max-width:90vw;max-height:90vh;margin:auto;position:relative}.lightbox-illust img{max-width:90vw;max-height:90vh}.lightbox-character .close,.lightbox-illust .close{cursor:pointer;width:50px;height:50px;position:absolute;top:-10px;right:-50px}.lightbox-character .close:before,.lightbox-character .close:after,.lightbox-illust .close:before,.lightbox-illust .close:after{content:"";background:#fff;width:2px;height:30px;margin:auto;position:absolute;inset:0}.lightbox-character .close:before,.lightbox-illust .close:before{transform:rotate(-45deg)}.lightbox-character .close:after,.lightbox-illust .close:after{transform:rotate(45deg)}.books .catchcopy{color:#fff;text-align:center;white-space:nowrap;background:linear-gradient(#dd0101 0%,#e21100 100%);margin:0 10px;font-size:24px;line-height:40px;position:relative}.books .catchcopy:before,.books .catchcopy:after{content:"";border:20px solid #0000;width:0;height:0;position:absolute;top:0}.books .catchcopy:before{border-left-color:#fff;left:0}.books .catchcopy:after{border-right-color:#fff;right:0}.books .meta{padding:20px 30px 10px;font-size:16px}.books .meta span{margin-right:20px}.books .list{flex-wrap:wrap;margin:0 auto;padding:0 30px 30px;display:flex}.books .list a{width:120px;margin:0 12px 10px 0}.books .list a:nth-child(6n){margin-right:0}.comics .catchcopy2{color:#276c1b;text-align:center;padding-bottom:5px}.anime-kv{margin:10px 0 32px}.broadcast{margin-bottom:24px;margin-left:1rem;list-style:none}.broadcast-headline{vertical-align:-.1em;text-indent:-8px;font-size:18px;font-weight:700;list-style:square}.broadcast-text{font-size:16px;line-height:24px}.staff-cast{margin-bottom:24px;margin-left:1rem;list-style:none}.staff-cast-headline{text-indent:-8px;font-size:18px;font-weight:700;list-style:square}.staff-cast-headline span{vertical-align:-.1em}.staff-cast-text{font-size:16px;line-height:24px;display:flex;position:relative}.staff-cast-text:before{content:"";background-image:linear-gradient(90deg,#000,#000 3px,#0000 3px 8px);background-repeat:repeat-x;background-size:8px 1px;width:192px;position:absolute;inset:12px 0 0 42px}.staff-cast-text.illust:before,.staff-cast-text.series:before{width:136px;left:98px}.staff-cast-text.design:before{width:22px;left:210px}.staff-cast-text.short:before{width:88px;left:146px}.staff-cast-text.middle:before{width:158px;left:74px}.staff-cast-text.long:before{width:174px;left:58px}.staff-cast-text.pikasya:before{width:144px;left:90px}.staff-cast-text--other{padding-top:24px}.staff-cast-text--other:before{content:none}.staff-cast-title{width:238px}.staff-cast-notes{font-size:13px}.overlay{z-index:8;visibility:hidden;opacity:0;background:#00000080;width:100%;height:100%;transition:all .5s;position:fixed;top:0;left:0}.overlay.visible{visibility:visible;opacity:1}.footer{color:#fff;text-align:center;background:#000;padding:30px 20px 45px;font-size:12px}.footer img{max-width:100%;margin-bottom:8px}.pagetop{z-index:3;width:99px;height:99px;transition:all .5s;position:fixed;bottom:10px;right:10px}.pagetop:hover{color:#fff;text-decoration:none;transform:rotate(360deg)}@media screen and (width<=640px){.pc{display:none}.sp{display:block}body{min-width:0}.nav{border-bottom:2px solid #fff;border-left:2px solid #fff;border-radius:0 0 0 10px;width:50px;min-width:0;height:50px;padding:0;transition:all .5s;overflow:hidden}.nav.opened{border:0;border-radius:0;width:100%;height:100%;overflow:scroll}.nav .menu-button{color:#fff;flex-direction:column;justify-content:space-between;width:50px;height:50px;padding:10px;font-size:30px;line-height:50px;display:flex;overflow:hidden}.nav-header{display:none}.menu-button.opened{width:100%;height:auto}.menu-button.opened .nav-header{width:100%;height:auto;display:block}.menu-button.opened .menu-button__icon{display:none}.menu-button__icon{background-color:#fff;width:30px;height:3px}.nav-image{display:none}.nav-image.opened{width:47.5vw;height:20.9375vw;margin:10px auto 8px;display:block}.nav a{border-top:1px solid #fff;border-right:0;line-height:50px;display:block}.nav a.share-button{border:none}.nav-link.last{border-bottom:1px solid #fff;margin-bottom:-8px}.nav-sns.sp{width:128px;margin:0 auto;display:block}.sns-buttons{justify-content:space-between;width:100%;height:46px;margin:0 auto;display:flex}.sns-buttons a{border:none;width:36px;height:36px;display:block}.sns-buttons a img{width:100%;height:100%}.nav a.share-button{border:none;line-height:normal}.main{width:auto}.main>.section{padding:20px}.header{background:0 0;width:100%;height:116.875vw;margin-top:0;margin-bottom:-16px;animation:none}.header-title{width:70%;height:auto}.header-character{position:relative}.kv-novel,.kv-comic{width:100%;height:auto;transition:opacity 3s;position:absolute;top:0;right:0}.kv-novel.hide,.kv-comic.hide{opacity:0}.trial.buttons{z-index:1;width:100%;margin:0;padding:0 20px 4px;display:block;position:absolute}.trial.buttons a{width:100%;display:block}.trial.buttons a:first-child{margin-bottom:20px}.news{margin-top:130px}.news-list{max-height:214px}.news-sp{display:block}.recently .body{text-align:center;padding:0}.recently .recently-line{width:100%}.recently .recently-content:first-child{margin-bottom:20px}.recently .recently-detail{display:block}.recently .cover{float:none;margin:0 auto}.recently .cover img{width:100%;height:100%}.recently .info{text-align:left;padding:20px 10px 0}.recently .info .buttons{margin-top:20px;display:block}.recently .info .buttons a{width:100%;display:block}.recently .info .buttons a:first-child{margin-bottom:20px}.story .body{text-align:left;padding:0 10px}.story .body p{font-size:15px;line-height:27px;display:inline}.hero{padding:0 10px}.characters .body{margin-bottom:-16px;padding:0 10px}.character{width:48%;margin-bottom:16px;margin-right:4%}.character:nth-child(2n){margin-right:0}.character .name{height:auto}.character .text{display:none}.lightbox-characters{display:flex}.comments .body{padding:0}.comment h3{padding:12px}.comment .text{padding:16px}.illustrator.comment .text{text-align:center}.comment.illustrator .open-lightbox-illust{float:none;margin-bottom:10px;display:inline-block}.comment.illustrator .text p{text-align:left;width:auto}.lightbox-character .close,.lightbox-illust .close{top:-50px;right:-10px}.books .catchcopy{white-space:normal;padding:8px 50px;font-size:20px;line-height:1.2}.books .catchcopy:before,.books .catchcopy:after{border-width:32px}.books .meta{text-align:center;padding:16px 30px}.books .meta span{margin-right:0;display:block}.books .list{padding:0 0 24px}.books .list a{width:200px;margin:0 auto}.books .list a:nth-child(6n){margin-right:auto}.books .list a:not(:last-child){display:none}.comics .catchcopy2{padding-bottom:8px;font-size:14px;line-height:16px}a.button{width:100%;padding:10px;line-height:1}.anime-kv{margin:0 0 24px}.broadcast{margin-bottom:8px;list-style:none}.broadcast-headline{font-size:16px}.broadcast-text{font-size:14px}.staff-cast{margin-bottom:8px;list-style:none}.staff-cast-headline{font-size:16px}.staff-cast-text{font-size:14px}.staff-cast-text:before{content:none}}