﻿*{margin:0;padding:0;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;-webkit-text-size-adjust:none}html,body{background:#000;color:#333;font-size:16px;line-height:1.4em;width:100%;height:100%}a:hover{text-decoration:none}a,img{border:none}li{list-style-type:none}::selection{background:#ccc}::-moz-selection{background:#ccc}.noselect,img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.legacy_ie{text-align:center;position:absolute;top:20px;left:50%;width:640px;margin-left:-320px;padding:10px 0;background:#fff;z-index:1000}.anchor{display:block;height:80px;margin-top:-80px}.sp_br{display:none}.container{background:#444;background-size:cover;background-attachment:fixed}.container .bg{width:640px;height:100%;background:url(../img/bg.jpg) top center no-repeat #000;position:fixed;top:0;left:50%;margin-left:-320px}.container .inner{width:640px;margin:0 auto;color:#fff;position:relative}.container .title{background:#000;margin:0 auto;font-size:100%;line-height:1em;padding:10px 0;text-align:center;font-weight:normal}.container .anime{display:block}section.page{box-sizing:border-box;text-shadow:1px 1px 4px #000;padding:30px;padding-bottom:0}section.page h1{font-size:160%;line-height:1.4em;text-align:center;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;border-bottom:1.5px solid #fff;padding-bottom:30px}section.page .text{padding-top:30px;padding-bottom:30px;border-top:1.5px solid #000;border-bottom:1.5px solid #fff}section.page p{font-size:130%;line-height:1.6em;margin-bottom:1em;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif}section.backlog{background:url(../img/backlog.jpg) top center no-repeat;padding-bottom:40px}section.backlog h3{height:110px;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat}section.backlog ul li a{display:block;font-size:140%;line-height:1em;font-weight:bold;color:#fff;padding:0.6em 20px;text-decoration:none}section.backlog ul li a{text-shadow:0 0 4px #000}section.backlog ul li a:hover{background:rgba(0,0,0,0.5)}section.backlog ul li .current{text-shadow:none;background:#e64f34}section.backlog ul li .current:hover{background:#e64f34}aside{width:640px;margin:0 auto;position:relative;padding-bottom:120px}aside a{display:block}aside a img{display:block;width:100%}nav{position:fixed;left:50%;bottom:-1px;width:640px;margin-left:-320px;padding:20px;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-image:-moz-linear-gradient(180deg, transparent 0%, #000 100%);background-image:-webkit-linear-gradient(180deg, transparent 0%, #000 100%);background-image:-ms-linear-gradient(180deg, transparent 0%, #000 100%);background-image:linear-gradient(180deg, transparent 0%, #000 100%)}nav a{padding:10px 20px;padding-left:50px;margin:0 10px;color:#fff;text-decoration:none;background-position:10px center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.6);border:2px solid #fff;border-radius:5px}nav a.up{background-image:url(../img/arrow_up.svg)}nav a.down{background-image:url(../img/arrow_down.svg)}nav a.right{background-image:url(../img/arrow_right.svg)}nav a.left{background-image:url(../img/arrow_left.svg)}section.after{border-top:1.5px solid #000;margin:0 30px;margin-bottom:70px;padding-top:60px}section.after .share{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}section.after .share:before{content:"みんなに教える";font-size:120%;height:40px;line-height:40px;font-weight:bold;text-shadow:0 0 4px #000}section.after .share>div{display:block;width:40px;height:40px;margin-left:12px}section.after .share>div>a{width:100%;height:100%;text-indent:105%;white-space:nowrap;overflow:hidden;display:block;background-repeat:no-repeat;background-image:url(../img/share.svg);background-size:auto 40px}section.after .share>div>a.share_tw{background-position:0px 0}section.after .share>div>a.share_fb{background-position:-50px 0}section.after .share>div>a.share_line{background-position:-100px 0}@media screen and (max-width: 700px){html,body{font-size:22px;font-weight:bold}.sp_br{display:block}.container{background:#000}section.backlog ul li div,section.backlog ul li a{font-size:120%;line-height:1em}section.after .share>div{width:80px;height:80px;margin-left:20px}section.after .share>div>a{background-size:auto 80px}section.after .share>div>a.share_tw{background-position:0px 0}section.after .share>div>a.share_fb{background-position:-100px 0}section.after .share>div>a.share_line{background-position:-200px 0}}
