@charset "UTF-8";body{background-color:#000}.contents,.contents .article{width:100%}.book{width:100%;max-width:720px;margin:40px auto;border:2px solid #fff;border-radius:24px;padding:50px 0}.book a:hover{opacity:.7}.book__header{display:-ms-flexbox;display:flex;width:100%;max-width:490px;margin:0 auto;-ms-flex-pack:justify;justify-content:space-between}.book p{width:67%;color:#fff;margin:0 auto 1em;line-height:2;text-align:left}.book-2{background-color:rgba(255,255,255,.6);border:none;max-width:726px}.book__index{list-style-type:none;padding:0;margin:0}.book__index li{margin:2em 0}.book__index li.off{opacity:.3}.book__index__ttl{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:90%;margin:0 auto}.book__index__ttl .num{padding-right:15px}.book__index__ttl span{color:#ba0000;font-size:1.6rem;font-family:Kointai-M,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;text-align:left;line-height:1.6}.book__index__content{padding-top:2em;padding-bottom:2em}.book__index__content:after{content:'';width:100%;max-width:608px;height:6px;background-image:url(../img/line@2x.png);background-size:contain;display:block;position:relative;margin:0 auto}.book__index__content p{width:80%;color:#000;margin:0 0 0 auto}.book__index__content .banner{text-align:center;padding:2em 0}.book__index__content .banner a{display:block;margin-left:-90px}@media screen and (max-width:600px){.book{width:95%;max-width:100%;margin:20px auto;border:2px solid #fff;border-radius:12px;padding:20px 0}.book img{width:100%}.book a:hover{opacity:.7}.book__header{display:-ms-flexbox;display:flex;width:90%;max-width:100%;margin:0 auto;-ms-flex-pack:justify;justify-content:space-between}.book p{width:90%;color:#fff;margin:0 auto 1em;line-height:2}.book-2{background-color:rgba(255,255,255,.6);border:none;max-width:calc(95% + 6px)}.book__index{list-style-type:none}.book__index__ttl{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:90%;-ms-flex-direction:column;flex-direction:column;margin:0 auto}.book__index__ttl .num{padding-right:0;height:80px;width:80px;margin-bottom:10px}.book__index__ttl span{color:#ba0000;font-size:1.7rem;font-family:Kointai-M,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif}.book__index__content{padding-top:2em;position:relative}.book__index__content:after{content:'';width:95%;max-width:100%;height:6px;background-image:url(../img/line@2x.png);background-size:cover;display:block;position:relative;margin:0 auto}.book__index__content p{width:90%;color:#000}.book__index__content .banner{text-align:center;padding:2em 0;width:90%;margin:0 auto}.book__index__content .banner a{display:block;margin-left:0}}